/*
Theme Name: D. Child
Theme URI: https://denocheydia.com/
Template: astra
Author: moodoraman
Author URI: https://denocheydia.com/
Description: D. es un tema exclusivo y de alto rendimiento, construido sobre la arquitectura ultra-ligera de Astra para ofrecer una experiencia visual circular, moderna y adaptable. Con un enfoque en la estética geométrica y la flexibilidad total, D. permite un control absoluto sobre sidebars, áreas de widgets y tipografías circulares, integrándose a la perfección con maquetadores como Elementor o Gutenberg.
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 1.1.1775800815
Updated: 2026-04-10 08:00:15

*/

/*==  by D. ==*/

/* ==========================================================================
   MEN� PRINCIPAL Y SUBMEN�S (TACTILE UI PREMIUM) - FISIOBALANCE
   ========================================================================== */

/* --------------------------------------------------------
   1. MEN� ESCRITORIO (DESKTOP)
   -------------------------------------------------------- */
/* Enlaces principales */
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item {
    font-size: 15px;
    font-weight: 600;
    color: #4a4b50;
    padding: 10px 15px;
    transition: all 0.3s ease;
    position: relative;
}

/* Efecto Hover interactivo (L�nea inferior animada) */
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    background-color: #0c0d10;
    transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border-radius: 3px 3px 0 0;
}

.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color: #0c0d10;
}

.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover::after,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active::after {
    width: 70%;
}

/* --------------------------------------------------------
   2. SUBMEN�S FLOTANTES (ESCRITORIO)
   -------------------------------------------------------- */
/* Caja del submen� */
.elementor-widget-nav-menu .elementor-nav-menu--main .sub-menu {
    background-color: #ffffff !important;
    border: 1px solid #e1e4e8 !important;
    border-bottom: 3px solid #0c0d10 !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
    padding: 12px 0 !important;
    margin-top: 15px !important;
    transform-origin: top center;
    animation: menuFadeIn 0.3s ease forwards;
}

/* Enlaces del submen� */
.elementor-widget-nav-menu .elementor-nav-menu--main .sub-menu a.elementor-sub-item {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4a4b50 !important;
    padding: 12px 24px !important;
    transition: all 0.2s ease !important;
    background: transparent !important;
}

/* Hover en los enlaces del submen� */
.elementor-widget-nav-menu .elementor-nav-menu--main .sub-menu a.elementor-sub-item:hover,
.elementor-widget-nav-menu .elementor-nav-menu--main .sub-menu a.elementor-sub-item.elementor-item-active {
    background-color: #fcfcfc !important;
    color: #0c0d10 !important;
    padding-left: 28px !important;
}

@keyframes menuFadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --------------------------------------------------------
   3. MEN� M�VIL (RESPONSIVE)
   -------------------------------------------------------- */
/* Bot�n Hamburguesa */
.elementor-widget-nav-menu .elementor-menu-toggle {
    background-color: #fcfcfc !important;
    border: 1px solid #e1e4e8 !important;
    border-bottom: 3px solid #e1e4e8 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    color: #0c0d10 !important;
    transition: all 0.2s ease !important;
}

.elementor-widget-nav-menu .elementor-menu-toggle:hover,
.elementor-widget-nav-menu .elementor-menu-toggle.elementor-active {
    background-color: #0c0d10 !important;
    border-color: #0c0d10 !important;
    border-bottom-width: 1px !important;
    transform: translateY(2px);
    color: #ffffff !important;
}

/* Contenedor del Desplegable M�vil (CORREGIDO) */
.elementor-widget-nav-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    background-color: #ffffff !important;
    border: 1px solid #e1e4e8 !important;
    border-bottom: 3px solid #0c0d10 !important;
    border-radius: 12px !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08) !important;
    margin-top: 15px !important;
    padding: 8px 0 !important;
    
    /* Soluci�n al corte de men�: Scroll interno y l�mite de altura */
    max-height: calc(100vh - 100px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Estilo de la barra de scroll para el men� m�vil */
.elementor-widget-nav-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container::-webkit-scrollbar {
    width: 4px;
}
.elementor-widget-nav-menu .elementor-nav-menu--dropdown.elementor-nav-menu__container::-webkit-scrollbar-thumb {
    background: #e1e4e8;
    border-radius: 4px;
}

/* Enlaces del men� m�vil (Centrados) */
.elementor-widget-nav-menu .elementor-nav-menu--dropdown a {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #4a4b50 !important;
    padding: 14px 20px !important;
    border-bottom: 1px solid #f4f5f7 !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
    justify-content: center !important; /* Anula el flex nativo de Elementor */
}

/* Quitar l�nea al �ltimo elemento m�vil */
.elementor-widget-nav-menu .elementor-nav-menu--dropdown li:last-child > a {
    border-bottom: none !important;
}

/* Hover y Activo en m�vil (Sin desplazamiento lateral para mantener el centro) */
.elementor-widget-nav-menu .elementor-nav-menu--dropdown a:hover,
.elementor-widget-nav-menu .elementor-nav-menu--dropdown a.elementor-item-active {
    background-color: #fcfcfc !important;
    color: #0c0d10 !important;
}

/* Flecha de los submen�s en m�vil (Anclada a la derecha) */
.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item-has-children > a {
    position: relative !important;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item-has-children .sub-arrow {
    position: absolute !important;
    right: 16px !important; /* Separaci�n m�ltiplo de 8 */
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: #f4f5f7;
    padding: 4px 8px;
    border-radius: 4px;
    color: #0c0d10;
    transition: background 0.2s ease;
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item-has-children:hover .sub-arrow {
    background: #e1e4e8;
}

/* Identaci�n para los sub-elementos en m�vil (Centrado absoluto) */
.elementor-widget-nav-menu .elementor-nav-menu--dropdown .sub-menu a {
    padding: 12px 20px !important; /* Padding uniforme, eliminamos la sangr�a */
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #666666 !important;
    background-color: #fafafa !important; /* Ligero contraste de fondo para diferenciar el submen� */
}

.elementor-widget-nav-menu .elementor-nav-menu--dropdown .sub-menu a:hover {
    color: #0c0d10 !important;
    background-color: #f0f0f0 !important;
}









/* --- DISEÑO 404: INTERFAZ DE SOFTWARE DE DISEÑO --- */
:root {
    --ui-bg: #1e1e1e;
    --ui-panel: #2c2c2c;
    --ui-border: #444444;
    --ui-text: #e0e0e0;
    --ui-muted: #888888;
    --ui-accent: #0d99ff; /* Figma Blue */
    --ui-accent-hover: #0b80d6;
    --checker-light: #ffffff;
    --checker-dark: #cccccc;
}

.screen-reader-text {
    border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
    height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}

.full-width-breakout {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ui-bg);
    padding: 20px;
    font-family: 'Inter', -apple-system, sans-serif;
}

/* Cuadrícula milimetrada de fondo (Canvas) */
.ui-canvas-grid {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    z-index: 0;
}

.ui-workspace-content {
    position: relative;
    z-index: 10;
    max-width: 700px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* --- PATRÓN DE TRANSPARENCIA (EL CHISTE VISUAL) --- */
.ui-transparency-mask {
    margin-bottom: 20px;
}

.ui-title {
    font-size: clamp(6rem, 15vw, 12rem);
    font-weight: 900;
    line-height: 1;
    margin: 0;
    letter-spacing: -0.05em;
    
    /* Generar el patrón de ajedrez gris/blanco */
    background-image: 
        conic-gradient(var(--checker-dark) 90deg, var(--checker-light) 90deg 180deg, var(--checker-dark) 180deg 270deg, var(--checker-light) 270deg);
    background-size: 30px 30px;
    background-position: 0 0;
    
    /* Recortar el patrón con la forma del texto */
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    
    /* Sombra interior para darle profundidad de recorte */
    filter: drop-shadow(0px 10px 20px rgba(0,0,0,0.5));
}

/* Textos estilo panel de capas */
.ui-panel-text {
    background: var(--ui-panel);
    border: 1px solid var(--ui-border);
    border-radius: 12px;
    padding: 30px;
    margin-bottom: 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.ui-layer-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: var(--ui-muted);
    font-family: monospace;
    background: rgba(0,0,0,0.2);
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.ui-dot {
    width: 8px; height: 8px;
    background-color: #ff3366; /* Indicador rojo de error o capa oculta */
    border-radius: 50%;
}

.ui-subtitle {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--ui-text);
    margin: 0 0 15px;
    letter-spacing: -0.02em;
}

.ui-panel-text p {
    font-size: 1.05rem;
    color: #b0b0b0;
    line-height: 1.6;
    margin: 0;
}

/* --- BUSCADOR TIPO BARRA DE HERRAMIENTAS --- */
.ui-toolbar-container {
    width: 100%;
    max-width: 600px;
    margin-bottom: 40px;
}

.ui-toolbar-group {
    display: flex;
    align-items: center;
    background: var(--ui-panel);
    border: 1px solid var(--ui-border);
    border-radius: 8px;
    padding: 6px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ui-toolbar-group:focus-within {
    border-color: var(--ui-accent);
    box-shadow: 0 0 0 2px rgba(13, 153, 255, 0.2), 0 8px 24px rgba(0,0,0,0.5);
}

.ui-tool-icon {
    padding: 0 15px;
    color: var(--ui-muted);
    display: flex;
    border-right: 1px solid var(--ui-border);
}

.ui-toolbar-group:focus-within .ui-tool-icon {
    color: var(--ui-accent);
}

.ui-toolbar-field {
    flex-grow: 1;
    background: transparent;
    border: none;
    color: var(--ui-text);
    font-size: 1rem;
    padding: 12px 15px;
    outline: none;
}

.ui-toolbar-field::placeholder { 
    color: var(--ui-muted); 
}

.ui-toolbar-submit {
    background: var(--ui-accent);
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 10px 24px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.ui-toolbar-submit:hover {
    background: var(--ui-accent-hover);
}

/* Barra de estado inferior */
.ui-status-bar {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 0.8rem;
    color: var(--ui-muted);
    background: var(--ui-panel);
    padding: 8px 20px;
    border-radius: 20px;
    border: 1px solid var(--ui-border);
}

.ui-status-link {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--ui-text);
    text-decoration: none;
    transition: color 0.2s;
}

.ui-status-link:hover {
    color: var(--ui-accent);
}

.ui-divider {
    color: var(--ui-border);
}

/* Responsive */
@media (max-width: 600px) {
    .ui-panel-text { padding: 20px; }
    .ui-toolbar-group { flex-direction: column; background: transparent; border: none; box-shadow: none; padding: 0; gap: 10px; }
    .ui-toolbar-group:focus-within { box-shadow: none; }
    .ui-toolbar-field { background: var(--ui-panel); border: 1px solid var(--ui-border); border-radius: 8px; width: 100%; text-align: center; }
    .ui-toolbar-field:focus { border-color: var(--ui-accent); }
    .ui-tool-icon { display: none; }
    .ui-toolbar-submit { width: 100%; padding: 14px; }
    .ui-status-bar { display: none; } /* Ocultar barra de estado en móvil por espacio */
}


/* ==========================================================================
   NUEVO DISEÑO VISUAL MODERNO (TACTILE UI) - FISIOBALANCE
   ========================================================================== */

.fisio-form-wrapper {
    background: transparent;
    font-family: inherit;
    width: 100%;
    color: #333;
}

/* Reset de CF7 */
.fisio-form-wrapper p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Sistema de Grid */
.fisio-form-wrapper .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0px;
}

.fisio-form-wrapper .col-full { width: 100%; }
.fisio-form-wrapper .col-half { width: calc(50% - 10px); }

@media (max-width: 767px) {
    .fisio-form-wrapper .col-half { width: 100%; }
    .fisio-form-wrapper .form-row { gap: 16px; margin-bottom: 16px; }
}

/* Etiquetas suaves y legibles */
.fisio-form-wrapper label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #4a4b50;
    margin-bottom: 8px;
}

/* Campos de Entrada: Efecto 3D Táctil */
.fisio-form-wrapper input[type="text"],
.fisio-form-wrapper input[type="email"],
.fisio-form-wrapper input[type="tel"],
.fisio-form-wrapper input[type="date"],
.fisio-form-wrapper select,
.fisio-form-wrapper textarea {
    width: 100% !important;
    padding: 14px 16px !important;
    background-color: #fcfcfc !important;
    border: 1px solid #e1e4e8 !important;
    border-bottom: 3px solid #e1e4e8 !important; /* Borde inferior grueso (Tactile) */
    border-radius: 8px !important;
    font-size: 15px !important;
    color: #0c0d10 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-sizing: border-box;
}

/* Ajuste específico: Caja de mensaje más pequeña */
.fisio-form-wrapper textarea {
    height: 100px !important; /* Fuerza una altura inicial reducida */
    min-height: 100px !important;
    resize: vertical; /* Permite al usuario estirarla solo hacia abajo si escribe mucho */
}

/* Selectores y Calendario */
.fisio-form-wrapper select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%234a4b50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    padding-right: 40px !important;
    cursor: pointer;
}

.fisio-form-wrapper input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.5;
    transition: 0.2s;
}
.fisio-form-wrapper input[type="date"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}

/* Interacción de Usuario (Focus) - El borde inferior se ilumina */
.fisio-form-wrapper input:focus,
.fisio-form-wrapper select:focus,
.fisio-form-wrapper textarea:focus {
    background-color: #ffffff !important;
    border-color: #0c0d10 !important;
    border-bottom: 3px solid #0c0d10 !important;
    box-shadow: 0 4px 15px rgba(12, 13, 16, 0.05) !important;
    outline: none !important;
    transform: translateY(-2px); /* Efecto de elevación al escribir */
}

/* --------------------------------------------------------
   BLOQUE CONDICIONAL (CITA) - Tarjeta Flotante
   -------------------------------------------------------- */
.fisio-form-wrapper .conditional-fields-wrapper {
    background-color: #ffffff;
    padding: 24px;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04); /* Sombra elegante */
    margin-top: 10px;
    margin-bottom: 24px;
    animation: slideDown 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
}

/* Acento decorativo superior */
.fisio-form-wrapper .conditional-fields-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #0c0d10;
}

.fisio-form-wrapper .conditional-title {
    font-size: 16px;
    font-weight: 700;
    color: #0c0d10;
    margin-bottom: 20px !important;
    display: flex;
    align-items: center;
    gap: 8px;
}

.fisio-form-wrapper .conditional-title::before {
    content: '📅'; /* Un pequeño guiño visual */
    font-size: 18px;
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-15px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* --------------------------------------------------------
   RGPD - Alineación estricta y diseño visual
   -------------------------------------------------------- */
.fisio-form-wrapper .rgpd-box {
    margin-top: 5px;
    background: #f8f9fa;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #e1e4e8;
}
.fisio-form-wrapper .wpcf7-list-item {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}
.fisio-form-wrapper input[type="checkbox"] {
    flex-shrink: 0 !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 10px 0 0 !important;
    accent-color: #0c0d10 !important;
    cursor: pointer;
}
.fisio-form-wrapper .wpcf7-list-item-label {
    font-size: 13px !important;
    color: #555555 !important;
    cursor: pointer;
    line-height: 1.4 !important;
}
.fisio-form-wrapper .rgpd-box a {
    color: #0c0d10;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: 0.2s;
}
.fisio-form-wrapper .rgpd-box a:hover {
    color: #666;
    text-decoration-color: transparent;
}

/* --------------------------------------------------------
   Botón de Envío Interactivo
   -------------------------------------------------------- */
.fisio-form-wrapper .submit-row {
    margin-top: 15px;
}
.fisio-form-wrapper .btn-submit {
    background-color: #0c0d10 !important;
    color: #ffffff !important;
    padding: 16px 36px !important;
    border: none !important;
    border-bottom: 4px solid #000000 !important; /* Táctil 3D */
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    width: 100%;
}

.fisio-form-wrapper .btn-submit:hover {
    transform: translateY(2px) !important;
    border-bottom-width: 2px !important;
    margin-top: 2px !important;
}

.fisio-form-wrapper .btn-submit:active {
    transform: translateY(4px) !important;
    border-bottom-width: 0px !important;
    margin-top: 4px !important;
}

/* --------------------------------------------------------
   Estados y Mensajes
   -------------------------------------------------------- */
.fisio-form-wrapper .wpcf7-not-valid-tip {
    font-size: 13px;
    color: #e63946;
    margin-top: 6px;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.fisio-form-wrapper .wpcf7-not-valid-tip::before {
    content: '⚠️';
    margin-right: 5px;
    font-size: 12px;
}
.fisio-form-wrapper .wpcf7-response-output {
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-top: 20px !important;
    padding: 16px 20px !important;
    border: none !important;
}
.fisio-form-wrapper form.sent .wpcf7-response-output {
    background-color: #f1fdf4 !important;
    color: #1a7a36 !important;
    box-shadow: 0 4px 12px rgba(26, 122, 54, 0.1) !important;
}
.fisio-form-wrapper form.invalid .wpcf7-response-output,
.fisio-form-wrapper form.failed .wpcf7-response-output {
    background-color: #fdf3f4 !important;
    color: #e63946 !important;
    box-shadow: 0 4px 12px rgba(230, 57, 70, 0.1) !important;
}

/* --------------------------------------------------------
   Estados y Mensajes (Redise�o UI Avanzado)
   -------------------------------------------------------- */

/* Mensajes cortos en los campos (ej. "Campo obligatorio") */
.fisio-form-wrapper .wpcf7-not-valid-tip {
    font-size: 13px;
    color: #d9212c;
    margin-top: 6px;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.fisio-form-wrapper .wpcf7-not-valid-tip::before {
    content: '??';
    margin-right: 5px;
    font-size: 12px;
}

/* Caja de respuesta general (�xito / Error final) */
.fisio-form-wrapper .wpcf7-response-output {
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin-top: 24px !important;
    padding: 18px 24px 18px 50px !important; /* Espacio reservado para el icono */
    border: 2px solid transparent !important;
    position: relative;
    overflow: hidden;
}

/* Icono integrado (absoluto) */
.fisio-form-wrapper .wpcf7-response-output::before {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

/* ?? ESTILO �XITO (OK Formulario Enviado) */
.fisio-form-wrapper form.sent .wpcf7-response-output {
    background-color: #f1fdf4 !important;
    color: #1a7a36 !important;
    border-color: #cce5d3 !important;
    border-bottom: 4px solid #1a7a36 !important; /* Detalle Tactile 3D */
    box-shadow: 0 8px 20px rgba(26, 122, 54, 0.12) !important;
}
.fisio-form-wrapper form.sent .wpcf7-response-output::before {
    content: '?';
}

/* ?? ESTILO ERROR (Campos vac�os o fallo de env�o) */
.fisio-form-wrapper form.invalid .wpcf7-response-output,
.fisio-form-wrapper form.failed .wpcf7-response-output,
.fisio-form-wrapper form.unaccepted .wpcf7-response-output {
    background-color: #fdf3f4 !important;
    color: #d9212c !important;
    border-color: #f5c2c7 !important;
    border-bottom: 4px solid #d9212c !important; /* Detalle Tactile 3D */
    box-shadow: 0 8px 20px rgba(217, 33, 44, 0.12) !important;
}
.fisio-form-wrapper form.invalid .wpcf7-response-output::before,
.fisio-form-wrapper form.failed .wpcf7-response-output::before,
.fisio-form-wrapper form.unaccepted .wpcf7-response-output::before {
    content: '??';
}


/* ==========================================================================
   ESPECIALIDADES DEL EQUIPO (TACTILE UI GRID) - FISIOBALANCE
   ========================================================================== */

/* 1. Transformar la lista en una cuadr�cula (Grid) autom�tica */
.listado-equipo ul {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid;
    /* Crea 2 columnas autom�ticas si hay espacio, o 1 en m�viles */
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    gap: 5px;
}

/* 2. Dise�o Tactile de cada "P�ldora" */
.listado-equipo li {
    position: relative;
    background-color: #fcfcfc;
    padding: 14px 16px 14px 44px; /* Espacio reservado a la izquierda para el check */
    border: 1px solid #e1e4e8;
    border-bottom: 3px solid #e1e4e8; /* Borde inferior 3D */
    border-radius: 8px;
    display: flex;
    align-items: center;
    transition: all 0.2s ease-in-out;
}

/* 3. Icono Check (?) inyectado por CSS */
.listado-equipo li::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    /* Check corporativo en SVG */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230c0d10' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.2s ease;
}

/* 4. Efecto Hover Interactivo */
.listado-equipo li:hover {
    background-color: #ffffff;
    border-bottom-color: #0c0d10; /* El borde inferior se vuelve negro */
    color: #0c0d10;
    transform: translateY(-2px); /* Efecto de elevaci�n */
    box-shadow: 0 4px 12px rgba(12, 13, 16, 0.06);
}

/* Peque�a animaci�n del check al pasar el rat�n */
.listado-equipo li:hover::before {
    transform: translateY(-50%) scale(1.15);
}

/* 5. Ajuste perfecto en m�viles */
@media (max-width: 767px) {
    .listado-equipo ul {
        grid-template-columns: 1fr; /* Forzar 1 sola columna vertical */
    }
}

/* ==========================================================================
   TESTIMONIO EQUIPO (TACTILE UI) - FISIOBALANCE
   ========================================================================== */

/* Contenedor de la tarjeta de testimonio */
.testimonio-equipo .elementor-widget-container {
    position: relative;
    background: #ffffff;
    padding: 30px 32px 30px 45px; /* Mayor padding izquierdo para el texto */
    border: 1px solid #e1e4e8;
    border-bottom: 3px solid #0c0d10; /* Borde inferior corporativo */
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    margin-left: 20px; /* Margen vital para que el icono flotante no se corte */
}

/* Icono de Comillas Flotante (estilo Badge) */
.testimonio-equipo .elementor-widget-container::before {
    content: '';
    position: absolute;
    top: 25px;
    left: -20px; /* El icono sobresale la mitad de su tama�o hacia afuera */
    width: 40px;
    height: 40px;
    background-color: #0c0d10;
    border-radius: 50%;
    
    /* Icono de comillas en formato SVG blanco incrustado */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M14.017 18L14.017 10.609C14.017 4.905 17.748 1.039 23 0L23.995 2.151C21.563 3.068 20 5.789 20 8L24 8L24 18L14.017 18ZM0 18L0 10.609C0 4.905 3.748 1.039 9 0L9.996 2.151C7.563 3.068 6 5.789 6 8L9.983 8L9.983 18L0 18Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    box-shadow: 0 6px 14px rgba(12, 13, 16, 0.2);
}

/* Ajuste m�vil */
@media (max-width: 767px) {
    .testimonio-equipo .elementor-widget-container {
        padding: 24px 24px 24px 35px;
        margin-left: 15px;
    }
    
    .testimonio-equipo .elementor-widget-container::before {
        width: 34px;
        height: 34px;
        left: -17px;
        top: 20px;
        background-size: 14px;
    }
    
    .testimonio-equipo p {
        font-size: 15px;
    }
}

/* ==========================================================================
   TARJETA DE APARATOLOG�A (ESTILO PREMIUM CLINICAL) - FISIOBALANCE
   ========================================================================== */

/* Contenedor principal de la tarjeta */
.aparatologia .elementor-widget-container {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #e1e4e8;
    border-bottom: 3px solid #0c0d10;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.aparatologia .elementor-widget-container:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(12, 13, 16, 0.08);
}

/* P�rrafo principal (Definici�n t�cnica) */
.aparatologia p:first-of-type {
    font-size: 15px;
    color: #4a4b50;
    line-height: 1.6;
    margin-bottom: 24px !important;
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0; /* Separador limpio */
}

/* Bloques de caracter�sticas (Preguntas) */
.aparatologia p:not(:first-of-type) {
    position: relative;
    padding-left: 32px; /* Espacio para el icono vectorial */
    margin-bottom: 16px !important;
    font-size: 14px;
    line-height: 1.5;
    color: #555555;
}

.aparatologia p:last-of-type {
    margin-bottom: 0 !important;
}

/* Anular la cursiva nativa */
.aparatologia p em {
    font-style: normal;
    display: block;
}

/* T�tulos de las preguntas */
.aparatologia p strong {
    display: block;
    color: #0c0d10;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

/* Icono vectorial para "�C�mo funciona?" (Engranaje cl�nico) */
.aparatologia p:nth-of-type(2)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230c0d10' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Icono vectorial para "�Para qu� sirve?" (Estrella de beneficio) */
.aparatologia p:nth-of-type(3)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230c0d10' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'%3E%3C/polygon%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Ajustes para m�viles */
@media (max-width: 767px) {
    .aparatologia .elementor-widget-container {
        padding: 24px;
    }
}

/* ==========================================================================
   TARJETAS DEL BLOG (TACTILE UI PREMIUM) - FISIOBALANCE
   ========================================================================== */

/* 1. Contenedor de la Tarjeta Individual */
.elementor-widget-posts .elementor-post {
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e1e4e8;
    border-bottom: 3px solid #e1e4e8; /* Borde inferior en reposo */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.03);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Efecto Hover interactivo de la tarjeta (Elevaci�n) */
.elementor-widget-posts .elementor-post:hover {
    transform: translateY(-5px);
    border-bottom-color: #0c0d10;
    box-shadow: 0 14px 30px rgba(12, 13, 16, 0.08);
}



/* 3. �rea de Texto y Contenido */
.elementor-widget-posts .elementor-post__text {
    padding: 25px 25px 30px 25px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Sincroniza la altura de los textos de la misma fila */
    position: relative;
}

/* T�tulo del Art�culo */
.elementor-widget-posts .elementor-post__title {
    margin: 0 0 12px 0;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
}

.elementor-widget-posts .elementor-post__title a {
    color: #0c0d10;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* Extracto o entradilla */
.elementor-widget-posts .elementor-post__excerpt p {
    font-size: 14px;
    color: #555555;
    line-height: 1.6;
    margin: 0;
}

/* 4. Inyecci�n del enlace "Leer art�culo" (Acento seguro) */
.elementor-widget-posts .elementor-post__text::after {
    content: 'Leer art\00ed culo \2192'; 
    display: block;
    margin-top: auto; /* Desplaza el texto siempre abajo del todo */
    padding-top: 20px;
    font-size: 13px;
    font-weight: 700;
    color: #0c0d10;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: transform 0.3s ease;
}

/* Movimiento milim�trico de la flecha en el bot�n inferior */
.elementor-widget-posts .elementor-post:hover .elementor-post__text::after {
    transform: translateX(4px);
}

/* 5. Icono de carga infinito (Load More Spinner) */
.elementor-widget-posts .e-load-more-spinner {
    color: #0c0d10;
    font-size: 24px;
    margin-top: 30px;
}


/* ==========================================================================
   BARRA LATERAL / SIDEBAR (TACTILE UI PREMIUM) - FISIOBALANCE
   ========================================================================== */

/* 1. Estructura General de las Tarjetas (Widgets) */
.widget-area .widget {
    background-color: #ffffff;
    border-radius: 12px;
    border: 1px solid #e1e4e8;
    border-bottom: 3px solid #e1e4e8; /* Borde inferior Tactile */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
    padding: 30px;
    margin-bottom: 16px; /* Espacio entre bloques reducido (antes 30px) */
    transition: box-shadow 0.3s ease;
}

.widget-area .widget:hover {
    box-shadow: 0 8px 24px rgba(12, 13, 16, 0.06);
}

/* Excepci�n: El widget del logo no necesita tanto padding ni borde grueso */
.widget-area .widget_block.widget_media_image {
    padding: 20px;
    border-bottom: 1px solid #e1e4e8;
    display: flex;
    justify-content: center;
    box-shadow: none;
}

/* 2. T�tulos de los Widgets */
.widget-area .widget-title {
    font-size: 14px;
    font-weight: 700;
    color: #0c0d10;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #f4f5f7;
    position: relative;
}

/* L�nea decorativa corporativa en el t�tulo */
.widget-area .widget-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #0c0d10;
}

/* 3. Listados (Categor�as, Entradas Recientes, Meta) */
.widget-area .widget ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.widget-area .widget ul li {
    padding: 12px 0;
    border-bottom: 1px solid #f4f5f7;
    transition: all 0.3s ease;
}

.widget-area .widget ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* Enlaces de las listas */
.widget-area .widget ul li a {
    color: #4a4b50;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    transition: color 0.3s ease, transform 0.3s ease;
}

/* Efecto Hover en los enlaces (Desplazamiento t�ctil) */
.widget-area .widget ul li:hover a {
    color: #0c0d10;
    transform: translateX(4px);
}

/* Inyecci�n de flecha corporativa en los listados */
.widget-area .widget ul li a::before {
    content: '\203A'; /* S�mbolo > elegante */
    font-size: 18px;
    margin-right: 10px;
    color: #cccccc;
    transition: color 0.3s ease;
}

.widget-area .widget ul li:hover a::before {
    color: #0c0d10;
}

/* 4. Estilo del Buscador (Search Widget) */
.widget-area .search-form {
    position: relative;
    display: flex;
    width: 100%;
}

.widget-area .search-field {
    width: 100%;
    padding: 14px 45px 14px 16px; /* Espacio derecho reservado para la lupa */
    background-color: #fcfcfc;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    font-size: 14px;
    color: #4a4b50;
    outline: none;
    transition: all 0.3s ease;
}

.widget-area .search-field:focus {
    border-color: #0c0d10;
    box-shadow: 0 0 0 3px rgba(12, 13, 16, 0.05);
    background-color: #ffffff;
}

/* Bot�n de la lupa (Posicionamiento absoluto dentro del input) */
.widget-area .search-form button.search-submit {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #0c0d10;
    cursor: pointer;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

.widget-area .search-form button.search-submit:hover {
    transform: translateY(-50%) scale(1.1);
}

.widget-area .search-form button.search-submit svg {
    width: 16px;
    height: 16px;
    fill: #0c0d10;
}

/* Ocultar el bot�n "Buscar" de texto que inyecta WordPress por defecto */
.widget-area input[type="submit"].search-submit {
    display: none !important;
}

/* Ocultar el texto de accesibilidad de la etiqueta del buscador */
.widget-area .screen-reader-text {
    display: none !important;
}

/* ==========================================================================
   �REA DE COMENTARIOS (ESTILO MINIMALISTA CL�NICO) - FISIOBALANCE
   ========================================================================== */

/* 1. Contenedor Principal (Fondo integrado y limpio) */
#comments {
    background-color: #f8f9fa; /* Gris corporativo muy suave */
    border-radius: 16px;
    padding: 40px;
    margin-top: 50px;
    border: none;
}

/* 2. T�tulo del Formulario */
#reply-title {
    font-size: 16px;
    font-weight: 700;
    color: #0c0d10;
    margin-top: 0;
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#reply-title small a {
    font-size: 12px;
    color: #888888;
    text-transform: none;
    letter-spacing: 0;
    margin-left: 10px;
    text-decoration: underline;
}

/* 3. �rea de Texto (Caja flotante pure white) */
.comment-form-textarea textarea {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 20px;
    font-size: 15px;
    color: #4a4b50;
    font-family: inherit;
    resize: vertical;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03); /* Sombra ligera en reposo */
    transition: all 0.3s ease;
}

/* Efecto al escribir (Borde corporativo y mayor elevaci�n) */
.comment-form-textarea textarea:focus {
    border-color: #0c0d10;
    box-shadow: 0 8px 25px rgba(12, 13, 16, 0.08);
    outline: none;
}

/* 4. Casilla RGPD (Checkbox Personalizado Premium) */
.comment-form-rgpd {
    margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: #666666;
}

.comment-form-rgpd input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #d1d5db;
    border-radius: 4px;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.comment-form-rgpd input[type="checkbox"]:checked {
    background-color: #0c0d10;
    border-color: #0c0d10;
}

.comment-form-rgpd input[type="checkbox"]:checked::after {
    content: '\2713'; /* S�mbolo de check */
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 900;
}

.comment-form-rgpd a {
    color: #0c0d10;
    font-weight: 600;
    text-decoration: underline;
}

/* 5. Bot�n de Enviar (Forma de P�ldora) */
.form-submit .submit {
    background-color: #0c0d10;
    color: #ffffff;
    border: none;
    border-radius: 50px; /* Bordes totalmente redondeados */
    padding: 14px 32px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
}

.form-submit .submit:hover {
    background-color: #333333;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* 6. Textos Secundarios */
.logged-in-as,
.akismet_comment_form_privacy_notice {
    font-size: 13px;
    color: #888888;
    margin-bottom: 20px;
}

.logged-in-as a,
.akismet_comment_form_privacy_notice a {
    color: #0c0d10;
    font-weight: 600;
    text-decoration: none;
}

/* Ajustes M�viles */
@media (max-width: 767px) {
    #comments {
        padding: 24px;
    }
    
    .form-submit .submit {
        width: 100%;
        text-align: center;
    }
}

/* ============= responsive ========================================================================= */


@media screen and (max-width:1620px) {
	

	
}


@media screen and (max-width:1200px) {
	
   
}


@media screen and (max-width:770px) {
   
    
}


@media screen and (max-width:768px) {
	
	
}


@media screen and (max-width:500px) {
	

}