.elementor-kit-761{--e-global-color-primary:#B88B7A;--e-global-color-secondary:#A98467;--e-global-color-text:#4A4035;--e-global-color-accent:#8B9C7E;--e-global-color-29a2b39:#8B7E76;--e-global-color-2e20e01:#FAF6F2;--e-global-color-background:#FDFEFE;--e-global-color-backgroundAccent:#F5F1ED;--e-global-color-transparent:#00000000;--e-global-typography-primary-font-family:"Fraunces";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-secondary-font-family:"Fraunces";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-letter-spacing:-0.02em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-line-height:1.5em;--e-global-typography-heading-xl-font-family:"Fraunces";--e-global-typography-heading-xl-font-size:56px;--e-global-typography-heading-xl-font-weight:600;--e-global-typography-heading-xl-line-height:1.2em;--e-global-typography-heading-l-font-family:"Fraunces";--e-global-typography-heading-l-font-size:48px;--e-global-typography-heading-l-font-weight:600;--e-global-typography-heading-l-line-height:1.2em;--e-global-typography-heading-m-font-family:"Fraunces";--e-global-typography-heading-m-font-size:40px;--e-global-typography-heading-m-font-weight:600;--e-global-typography-heading-m-line-height:1.2em;--e-global-typography-heading-s-font-family:"Fraunces";--e-global-typography-heading-s-font-size:18px;--e-global-typography-heading-s-font-weight:500;--e-global-typography-body-s-font-family:"Inter";--e-global-typography-body-s-font-size:14px;--e-global-typography-body-s-font-weight:400;--e-global-typography-body-s-line-height:1.5em;background-color:var( --e-global-color-background );color:#5C4F47;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;}.elementor-kit-761 button,.elementor-kit-761 input[type="button"],.elementor-kit-761 input[type="submit"],.elementor-kit-761 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-accent );border-style:solid;border-width:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;padding:15px 25px 15px 25px;}.elementor-kit-761 button:hover,.elementor-kit-761 button:focus,.elementor-kit-761 input[type="button"]:hover,.elementor-kit-761 input[type="button"]:focus,.elementor-kit-761 input[type="submit"]:hover,.elementor-kit-761 input[type="submit"]:focus,.elementor-kit-761 .elementor-button:hover,.elementor-kit-761 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-accent );}.elementor-kit-761 e-page-transition{background-color:#FFBC7D;}.elementor-kit-761 h1{font-family:"Fraunces", Sans-serif;font-size:72px;}.elementor-kit-761 h2{font-family:"Fraunces", Sans-serif;font-size:48px;font-weight:400;line-height:1.2em;letter-spacing:-0.02em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-761{--e-global-typography-primary-font-size:22px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:-0.02em;--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.02em;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:16px;--e-global-typography-accent-letter-spacing:0.02em;--e-global-typography-heading-xl-font-size:48px;--e-global-typography-heading-l-font-size:40px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:18px;font-size:16px;}.elementor-kit-761 h1{font-size:48px;line-height:1.1em;letter-spacing:-0.02em;}.elementor-kit-761 h2{font-size:36px;line-height:1.2em;letter-spacing:-0.02em;}.elementor-kit-761 button,.elementor-kit-761 input[type="button"],.elementor-kit-761 input[type="submit"],.elementor-kit-761 .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-761{--e-global-typography-primary-font-size:18px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.02em;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:16px;--e-global-typography-accent-letter-spacing:0.02em;--e-global-typography-heading-xl-font-size:40px;--e-global-typography-heading-l-font-size:32px;--e-global-typography-heading-m-font-size:32px;--e-global-typography-heading-s-font-size:16px;font-size:16px;}.elementor-kit-761 p{margin-block-end:1.7px;}.elementor-kit-761 h1{font-size:36px;line-height:1.1em;letter-spacing:-0.02em;}.elementor-kit-761 h2{font-size:28px;line-height:1.2em;}.elementor-kit-761 button,.elementor-kit-761 input[type="button"],.elementor-kit-761 input[type="submit"],.elementor-kit-761 .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================
   CORRECCIONES DE COLORES Y ANIMACIONES
   Reemplaza SOLO las variables y añade animaciones faltantes
   ============================================ */

/* PASO 1: CORREGIR VARIABLES DE COLORES */
:root {
    /* REEMPLAZAR colores verdes por MOCHA MOUSSE */
    --tash-primary: #A47764 !important;        /* ERA: #2d5f3f - AHORA: Mocha Primary */
    --tash-primary-light: #C4A195 !important;  /* ERA: #4a8060 - AHORA: Mocha Light */
    --tash-primary-dark: #7A5548 !important;   /* ERA: #1a3d28 - AHORA: Mocha Dark */
    --tash-accent: #8B9D77 !important;         /* ERA: #f4a460 - AHORA: Sage */
    --tash-accent-light: #A8B896 !important;   /* ERA: #f6b580 - AHORA: Sage Light */
    
    /* Añadir colores adicionales de la paleta Mocha */
    --mocha-soft: #D4B5A7;
    --mocha-deep: #5C3D33;
    --sage: #8B9D77;
    --sage-light: #A8B896;
    --cream: #FAF6F2;
    --pearl: #FFF9F5;
    --linen: #F5EDE6;
    
    /* Los neutros están bien, mantenerlos */
    --tash-neutral-50: #fafafa;
    --tash-neutral-100: #f5f5f5;
    --tash-neutral-200: #e5e5e5;
    --tash-neutral-300: #d4d4d4;
    --tash-neutral-400: #a3a3a3;
    --tash-neutral-500: #737373;
    --tash-neutral-600: #525252;
    --tash-neutral-700: #404040;
    --tash-neutral-800: #262626;
    --tash-neutral-900: #171717;
    
    /* Tipografía OK */
    --tash-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --tash-font-secondary: 'Fraunces', Georgia, serif;
    
    /* Espaciados OK */
    --tash-space-xs: 0.5rem;
    --tash-space-sm: 1rem;
    --tash-space-md: 1.5rem;
    --tash-space-lg: 2rem;
    --tash-space-xl: 3rem;
    --tash-space-2xl: 4rem;
    --tash-space-3xl: 6rem;
    
    /* Transiciones OK */
    --tash-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* PASO 2: CORREGIR FONDOS */
body {
    background-color: var(--pearl) !important;  /* Cambiar a pearl */
}

/* PASO 3: CORREGIR HERO - Añadir animaciones flotantes */
.tash-hero {
    /* Cambiar gradient a colores Mocha */
    background: linear-gradient(135deg, var(--cream) 0%, var(--linen) 100%) !important;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

/* ANIMACIONES FLOTANTES QUE FALTAN */
.tash-hero::before {
    content: '';
    position: absolute;
    width: 60vw;
    height: 60vw;
    max-width: 800px;
    max-height: 800px;
    background: linear-gradient(135deg, #C4A195 0%, #A47764 100%);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    top: 40%;
    right: 30%;
    opacity: 0.08;
    animation: floatShape 20s ease-in-out infinite;
}

.tash-hero::after {
    content: '';
    position: absolute;
    width: 40vw;
    height: 40vw;
    max-width: 600px;
    max-height: 600px;
    background: linear-gradient(135deg, #A8B896 0%, #8B9D77 100%);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    bottom: 45%;
    left: 28%;
    opacity: 0.08;
    animation: floatShape 20s ease-in-out infinite;
    animation-delay: -10s;
}

/* ANIMACIÓN FLOAT PARA FORMAS ORGÁNICAS */
@keyframes floatShape {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg) scale(1);
    }
    45% {
        transform: translate(30px, -30px) rotate(120deg) scale(1.05);
    }
    55% {
        transform: translate(-20px, 20px) rotate(240deg) scale(0.95);
    }
}

/* Badge flotante - Corregir colores y añadir animación */
.tash-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    background: rgba(164, 119, 100, 0.08) !important;  /* Mocha con transparencia */
    border: 1px solid rgba(164, 119, 100, 0.2) !important;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 500;
    color: var(--tash-primary) !important;
    margin-bottom: 24px;
    animation: badgeFloat 3s ease-in-out infinite !important;  /* Nueva animación */
    transition: var(--tash-transition);
}

/* ANIMACIÓN BADGE FLOAT */
@keyframes badgeFloat {
    0%, 100% { 
        transform: translateY(0);
    }
    50% { 
        transform: translateY(-8px);
    }
}

.tash-hero__badge:hover {
    background: rgba(164, 119, 100, 0.12) !important;
    transform: translateY(-2px);
}

/* Título accent - Color Mocha */
.tash-hero__title-accent {
    display: block;
    font-weight: 300;
    font-style: italic;
    color: var(--tash-primary) !important;  /* Mocha primary */
    margin-bottom: 8px;
    animation: fadeInLeft 0.8s ease 0.2s both;
}

/* Precio - Color Mocha */
.tash-hero__price-amount {
    font-family: var(--tash-font-secondary);
    font-size: 2.5rem;
    font-weight: 600;
    color: var(--tash-primary) !important;  /* Mocha primary */
    margin-right: 12px;
}

/* PASO 4: CORREGIR SERVICE CARDS */
.tash-services {
    padding: 100px 0;
    background: var(--pearl) !important;  /* Fondo pearl */
}

.tash-service-card {
    background: var(--cream) !important;  /* Fondo cream */
    border-radius: 20px;
    padding: 40px 32px;
    height: 100%;
    box-shadow: 0 4px 20px rgba(164, 119, 100, 0.06) !important;
    transition: var(--tash-transition);
    position: relative;
    overflow: hidden;
}

.tash-service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--tash-primary), var(--tash-primary-light)) !important;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.tash-service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(164, 119, 100, 0.12) !important;
}

/* Walk & Talk Card - ESPECIAL con gradient sage */
.tash-services .elementor-element:first-child .tash-service-card {
    background: linear-gradient(135deg, var(--sage-light) 0%, var(--sage) 100%) !important;
    color: var(--cream) !important;
}

.tash-services .elementor-element:first-child .tash-service-card__title {
    color: var(--cream) !important;
}

.tash-services .elementor-element:first-child .tash-service-card__description {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* PASO 5: CORREGIR ABOUT SECTION */
.tash-about {
    padding: 100px 0;
    background: var(--linen) !important;  /* Fondo linen */
}

.tash-about__quote {
    position: relative;
    padding: 32px 40px;
    margin: 40px 0;
    background: linear-gradient(135deg, rgba(164, 119, 100, 0.05), rgba(164, 119, 100, 0.02)) !important;
    border-left: 4px solid var(--tash-primary) !important;
    border-radius: 8px;
}

.tash-about__quote::before {
    content: '"';
    position: absolute;
    top: -20px;
    left: 20px;
    font-size: 80px;
    color: var(--tash-primary) !important;
    opacity: 0.2;
    font-family: var(--tash-font-secondary);
}

.tash-pillar {
    display: flex;
    gap: 20px;
    margin-bottom: 32px;
    padding: 24px;
    background: var(--pearl) !important;  /* Fondo pearl */
    border-radius: 12px;
    transition: var(--tash-transition);
}

.tash-pillar:hover {
    background: white !important;
    box-shadow: 0 8px 24px rgba(164, 119, 100, 0.08) !important;
}

/* Credentials Card - Gradient Mocha */
.tash-credentials-card {
    background: linear-gradient(135deg, var(--tash-primary), var(--tash-primary-dark)) !important;
    border-radius: 24px;
    padding: 48px 40px;
    color: white;
    box-shadow: 0 20px 60px rgba(164, 119, 100, 0.3) !important;
}

/* PASO 6: CORREGIR FAQ */
.tash-faq {
    padding: 100px 0;
    background: var(--pearl) !important;  /* Fondo pearl */
}

.tash-faq-item {
    background: var(--cream) !important;  /* Fondo cream */
    border-radius: 16px;
    padding: 32px;
    height: 100%;
    transition: var(--tash-transition);
    border: 1px solid var(--tash-neutral-200);
}

.tash-faq-item:hover {
    box-shadow: 0 8px 32px rgba(164, 119, 100, 0.08) !important;
    border-color: var(--tash-primary) !important;
}

.tash-faq-item__icon {
    font-size: 2rem;
    color: var(--tash-primary) !important;
    margin-bottom: 16px;
    display: block;
}

/* PASO 7: CORREGIR CTA */
.tash-cta {
    background: linear-gradient(135deg, var(--tash-primary), var(--tash-primary-dark)) !important;
    padding: 100px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

//* PASO 8: CORREGIR BOTONES */
.tash-btn--primary,
.elementor-button {
    background: var(--tash-primary) !important;
    color: var(--cream) !important;
}

.tash-btn--primary:hover,
.elementor-button:hover {
    background: var(--tash-primary-dark) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(164, 119, 100, 0.3) !important;
}

.tash-btn--secondary {
    background: transparent !important;
    color: var(--tash-primary) !important;
    border: 2px solid var(--tash-primary) !important;
}

.tash-btn--secondary:hover {
    background: var(--tash-primary) !important;
    color: var(--cream) !important;
}

.tash-btn--ghost {
    background: white !important;
    color: var(--tash-primary) !important;
    padding: 18px 40px;
    font-size: 1.125rem;
}

/* PASO 9: CORREGIR FOOTER */
footer,
.elementor-location-footer {
    background: var(--mocha-deep) !important;  /* Mocha deep */
    color: var(--cream) !important;
}

/* PASO 10: AÑADIR ANIMACIÓN DE PROGRESO EN SCROLL */
.scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: linear-gradient(90deg, var(--tash-primary), var(--sage));
    z-index: 10000;
    transition: width 0.1s ease-out;
}

/* RESPONSIVE - Ocultar formas flotantes en móvil */
@media (max-width: 768px) {
    .tash-hero::before,
    .tash-hero::after {
        display: none;
    }
}

/* Añade este CSS en Elementor > Custom CSS */
.elementor-button {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative;
    z-index: 9999 !important;
}

/* Si el problema es de animación */
.elementor-animation-bounce-in,
.elementor-animation-bob {
    animation-fill-mode: forwards !important;
    opacity: 1 !important;
}

/* Estilos para botones del formulario Tash Booking */
.tcb-form-navigation .tcb-btn {
    padding: 11px 22px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
}

/* Botón Previous */
.tcb-btn-prev {
    background: transparent !important;
    color: #525252 !important;
    border: 1px solid rgba(164, 119, 100, 0.3) !important;
}

.tcb-btn-prev:hover {
    background: #ffffff !important;
    border-color: #A47764 !important;
    color: #A47764 !important;
}

/* Botón Next y Submit - Color inicial correcto */
.tcb-btn-next,
.tcb-btn-submit {
    background: #8B9D77 !important;  /* Verde sage */
    color: white !important;
    border: none !important;
    max-width: 180px !important;
}

.tcb-btn-next:hover,
.tcb-btn-submit:hover {
    background: #7A8A68 !important;  /* Verde sage más oscuro */
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(139, 157, 119, 0.3) !important;
}

/* Fix para el color inicial blanco */
.tcb-form-navigation button[type="button"],
.tcb-form-navigation button[type="submit"] {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Asegurar que el texto sea legible */
.tcb-btn span {
    color: inherit !important;
    font-size: inherit !important;
}

/* ========================================
   HEADER GLASSMORPHISM - TASH COUNSELLING
   ======================================== */

/* Estado inicial - Sin scroll */
body #header-bar .header-internal {
    border: 1px solid transparent;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* GLASSMORPHISM ACTIVO - Al hacer scroll */
body .elementor-sticky--effects#header-bar .header-internal,
body #header-bar.elementor-sticky--effects .header-internal {
    /* Fondo glassmorphism cálido */
    background: linear-gradient(
        135deg,
        rgba(250, 246, 242, 0.88),
        rgba(245, 240, 235, 0.85),
        rgba(164, 119, 100, 0.06)
    ) !important;
    
    /* Efecto blur mejorado */
    backdrop-filter: blur(14px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
    
    /* Espaciado y forma */
    margin: 15px 30px !important;
    border-radius: 25px !important;
    padding: 10px 35px !important;
    
    /* Borde con gradiente */
    border: 1px solid rgba(164, 119, 100, 0.25) !important;
    
    /* Sombras múltiples para profundidad */
    box-shadow: 
        0 10px 40px rgba(164, 119, 100, 0.12),
        0 2px 8px rgba(0, 0, 0, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 0 rgba(164, 119, 100, 0.08) !important;
}

/* Logo - Ajuste opcional de tamaño al scroll */
body #header-bar.elementor-sticky--effects .elementor-widget-image img {
    max-height: 45px !important;
    transition: all 0.4s ease !important;
}

/* Texto del menú con scroll */
body #header-bar.elementor-sticky--effects .elementor-nav-menu--main .elementor-item,
body #header-bar.elementor-sticky--effects .elementor-nav-menu--main a {
    color: #3A3A3A !important;
    font-weight: 500 !important;
}

/* Hover del menú */
body #header-bar.elementor-sticky--effects .elementor-nav-menu--main .elementor-item:hover,
body #header-bar.elementor-sticky--effects .elementor-nav-menu--main a:hover {
    color: #A47764 !important;
}

/* Underline activo del menú */
body #header-bar.elementor-sticky--effects .elementor-nav-menu--main .elementor-item:after {
    background-color: #A47764 !important;
}

/* Botón CTA */
body #header-bar.elementor-sticky--effects .elementor-button-wrapper .elementor-button {
    background: linear-gradient(
        135deg,
        rgba(164, 119, 100, 0.95),
        rgba(146, 98, 83, 0.95)
    ) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 15px rgba(164, 119, 100, 0.2) !important;
}

body #header-bar.elementor-sticky--effects .elementor-button-wrapper .elementor-button:hover {
    background: linear-gradient(
        135deg,
        rgba(139, 157, 119, 0.95),
        rgba(164, 119, 100, 0.95)
    ) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(164, 119, 100, 0.25) !important;
}

/* Hamburger menu icon */
body #header-bar.elementor-sticky--effects .elementor-menu-toggle {
    color: #3A3A3A !important;
}

/* ========================================
   MOBILE RESPONSIVE
   ======================================== */

@media (max-width: 767px) {
    body #header-bar.elementor-sticky--effects .header-internal {
        background: linear-gradient(
            135deg,
            rgba(250, 246, 242, 0.94),
            rgba(245, 240, 235, 0.92)
        ) !important;
        margin: 10px !important;
        border-radius: 20px !important;
        padding: 8px 20px !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }
    
    /* Dropdown menu mobile */
    body .elementor-nav-menu--dropdown {
        background: rgba(250, 246, 242, 0.96) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        border-radius: 15px !important;
        margin: 10px !important;
        box-shadow: 0 8px 25px rgba(164, 119, 100, 0.15) !important;
    }
    
    body .elementor-nav-menu--dropdown a {
        color: #3A3A3A !important;
    }
    
    body .elementor-nav-menu--dropdown a:hover {
        background-color: rgba(164, 119, 100, 0.08) !important;
        color: #A47764 !important;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    body #header-bar.elementor-sticky--effects .header-internal {
        margin: 12px 20px !important;
        padding: 8px 30px !important;
    }
}

/* ========================================
   ANIMACIÓN DE ENTRADA
   ======================================== */

@keyframes glassAppear {
    0% {
        opacity: 0;
        backdrop-filter: blur(0px);
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        backdrop-filter: blur(14px);
        transform: translateY(0);
    }
}

body #header-bar.elementor-sticky--effects .header-internal {
    animation: glassAppear 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

/* ========================================
   FALLBACK PARA NAVEGADORES SIN BACKDROP-FILTER
   ======================================== */

@supports not (backdrop-filter: blur(14px)) {
    body #header-bar.elementor-sticky--effects .header-internal {
        background: rgba(250, 246, 242, 0.96) !important;
        box-shadow: 
            0 12px 45px rgba(164, 119, 100, 0.15),
            0 2px 10px rgba(0, 0, 0, 0.06) !important;
    }
}
/* AJUSTES ESPECÍFICOS PARA DESKTOP - Reemplaza la sección del logo anterior */

/* Logo tamaño normal en desktop */
@media (min-width: 1025px) {
    body #header-bar .header-internal {
        padding: 5px 20px !important;  /* Menos padding vertical */
    }
    
    body #header-bar .elementor-widget-image img {
        max-height: 70px !important;  /* Logo más grande en desktop */
        width: auto !important;
        object-fit: contain !important;
    }
    
    /* Con scroll - mantener buen tamaño */
    body #header-bar.elementor-sticky--effects .elementor-widget-image img {
        max-height: 55px !important;  /* Menos reducción */
        width: auto !important;
    }
    
    /* Header con scroll - menos margin */
    body #header-bar.elementor-sticky--effects .header-internal {
        margin: 10px 40px !important;  /* Menos separación vertical */
        padding: 8px 40px !important;
        border-radius: 20px !important;  /* Menos redondeado */
    }
}

/* Desktop mediano (1025px - 1440px) */
@media (min-width: 1025px) and (max-width: 1440px) {
    body #header-bar.elementor-sticky--effects .header-internal {
        margin: 10px 30px !important;
        padding: 8px 35px !important;
    }
}

/* Desktop grande (1441px - 1920px) */
@media (min-width: 1441px) and (max-width: 1920px) {
    body #header-bar .elementor-widget-image img {
        max-height: 75px !important;
    }
    
    body #header-bar.elementor-sticky--effects .elementor-widget-image img {
        max-height: 60px !important;
    }
    
    body #header-bar.elementor-sticky--effects .header-internal {
        margin: 12px 60px !important;
        padding: 10px 50px !important;
    }
}

/* Desktop extra grande (1921px+) */
@media (min-width: 1921px) {
    body #header-bar .elementor-widget-image img {
        max-height: 80px !important;
    }
    
    body #header-bar.elementor-sticky--effects .elementor-widget-image img {
        max-height: 65px !important;
    }
    
    body #header-bar.elementor-sticky--effects .header-internal {
        margin: 15px auto !important;
        max-width: 1400px !important;  /* Limitar ancho máximo */
        padding: 12px 60px !important;
    }
}

/* Ajuste del nav menu para que no esté tan separado */
@media (min-width: 1025px) {
    body #header-bar .elementor-nav-menu--main {
        gap: 25px !important;  /* Menos espacio entre items */
    }
    
    body #header-bar .elementor-nav-menu--main .elementor-item {
        padding: 8px 12px !important;  /* Padding más compacto */
    }
}

/* Tablet (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    body #header-bar .elementor-widget-image img {
        max-height: 60px !important;
    }
    
    body #header-bar.elementor-sticky--effects .elementor-widget-image img {
        max-height: 50px !important;
    }
    
    body #header-bar.elementor-sticky--effects .header-internal {
        margin: 10px 20px !important;
        padding: 8px 30px !important;
    }
}

/* Mobile se mantiene igual */
@media (max-width: 767px) {
    body #header-bar .elementor-widget-image img,
    body #header-bar.elementor-sticky--effects .elementor-widget-image img {
        max-height: 50px !important;
        width: auto !important;
        object-fit: contain !important;
    }
}
/* ========================================
   ABOUT SECTION - TASH COUNSELLING
   ======================================== */

.tash-about-enhanced {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

/* Background decorativo */
.tash-about-enhanced::before {
    content: '';
    position: absolute;
    top: 0;
    right: -200px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(164, 119, 100, 0.03), transparent);
}

/* Header Section */
.tash-about-intro {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
}

.tash-section__label {
    color: #A47764;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    display: block;
    margin-bottom: 10px;
}

.tash-section__title {
    font-size: clamp(36px, 5vw, 48px);
    color: #3A3A3A;
    margin-bottom: 30px;
    font-family: 'Fraunces', serif;
}

.tash-about__lead {
    font-size: 20px;
    line-height: 1.8;
    color: #525252;
    margin-bottom: 50px;
}

/* Quote Floating */
.tash-quote-floating {
    max-width: 800px;
    margin: 80px auto;
    padding: 50px;
    background: linear-gradient(
        135deg,
        rgba(250, 246, 242, 0.8),
        rgba(255, 255, 255, 0.7),
        rgba(164, 119, 100, 0.03)
    );
    backdrop-filter: blur(12px) saturate(110%);
    -webkit-backdrop-filter: blur(12px) saturate(110%);
    border-radius: 30px;
    border: 1px solid rgba(164, 119, 100, 0.12);
    box-shadow: 
        0 20px 60px rgba(164, 119, 100, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    position: relative;
}

.tash-quote-floating blockquote {
    font-family: 'Fraunces', serif;
    font-size: clamp(22px, 3vw, 28px);
    font-style: italic;
    color: #A47764;
    line-height: 1.5;
    text-align: center;
    margin: 0;
}

.tash-quote-floating::before,
.tash-quote-floating::after {
    content: '"';
    position: absolute;
    font-size: 100px;
    font-family: serif;
    color: rgba(164, 119, 100, 0.08);
}

.tash-quote-floating::before {
    top: -20px;
    left: 20px;
}

.tash-quote-floating::after {
    bottom: -40px;
    right: 20px;
    transform: rotate(180deg);
}

/* Narrative Grid */
.tash-narrative-grid {
    max-width: 1000px;
    margin: 80px auto;
    padding: 0 20px;
}

.tash-narrative-block {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 30px;
    margin-bottom: 60px;
    opacity: 0;
    transform: translateX(0);
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.tash-narrative-block[data-reveal="left"] {
    transform: translateX(-50px);
}

.tash-narrative-block[data-reveal="right"] {
    transform: translateX(50px);
}

.tash-narrative-block.revealed {
    opacity: 1;
    transform: translateX(0);
}

.tash-narrative-number {
    font-size: 48px;
    font-weight: 100;
    color: rgba(164, 119, 100, 0.2);
    line-height: 1;
}

.tash-narrative-block h3 {
    font-family: 'Fraunces', serif;
    font-size: 24px;
    color: #3A3A3A;
    margin-bottom: 15px;
}

.tash-narrative-block p {
    color: #525252;
    line-height: 1.8;
}

/* Values Section */
.tash-values-enhanced {
    background: linear-gradient(180deg, transparent, rgba(250, 246, 242, 0.5), transparent);
    padding: 80px 20px;
}

.tash-values-title {
    text-align: center;
    font-family: 'Fraunces', serif;
    font-size: 36px;
    color: #3A3A3A;
    margin-bottom: 60px;
    position: relative;
}

.tash-values-title::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #A47764, #8B9D77);
}

.tash-values-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.tash-value-card {
    background: white;
    padding: 40px 35px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(164, 119, 100, 0.08);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.tash-value-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.tash-value-line {
    height: 1px;
    width: 40px;
    background: linear-gradient(90deg, #A47764, #8B9D77);
    margin-right: 15px;
    transition: width 0.3s ease;
}

.tash-value-card:hover .tash-value-line {
    width: 60px;
}

.tash-value-number {
    font-size: 14px;
    font-weight: 600;
    color: #8B9D77;
    letter-spacing: 2px;
}

.tash-value-card h4 {
    font-family: 'Fraunces', serif;
    font-size: 22px;
    color: #3A3A3A;
    margin-bottom: 18px;
}

.tash-value-card p {
    color: #525252;
    line-height: 1.7;
    font-size: 15px;
}

/* Hover Effects */
.tash-value-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(164, 119, 100, 0.05),
        transparent
    );
    transition: left 0.5s ease;
}

.tash-value-card:hover::before {
    left: 100%;
}

.tash-value-card:hover {
    transform: translateY(-8px);
    box-shadow: 
        0 20px 50px rgba(164, 119, 100, 0.12),
        0 10px 20px rgba(0, 0, 0, 0.03);
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .tash-about-enhanced {
        padding: 60px 0;
    }
    
    .tash-narrative-block {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .tash-narrative-number {
        font-size: 36px;
        margin-bottom: 10px;
    }
    
    .tash-quote-floating {
        padding: 30px;
        margin: 40px 20px;
        border-radius: 20px;
    }
    
    .tash-quote-floating blockquote {
        font-size: 22px;
    }
    
    .tash-values-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .tash-value-card {
        padding: 30px 25px;
    }
}


/* ===========================================
   TASH COUNSELLING - ABOUT SECTION STYLES (ADAPTADO)
   =========================================== */

/* Contenedor principal de la sección About */
.tash-aboutcontent {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 24px;
    background: linear-gradient(135deg, #fefefe 0%, #f8faf9 100%);
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
}

/* Efecto sutil de background pattern */
.tash-aboutcontent::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(circle at 20% 80%, rgba(139, 157, 119, 0.03) 0%, transparent 50%),
                      radial-gradient(circle at 80% 20%, rgba(164, 119, 100, 0.03) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

/* Asegurar que el contenido esté por encima del background */
.tash-aboutcontent > * {
    position: relative;
    z-index: 1;
}

/* Etiqueta de sección - Adaptado para el HTML actual */
.tash-sectionlabel,
.tash-section__label {
    display: inline-block;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #A47764;
    margin-bottom: 12px;
    position: relative;
}

.tash-sectionlabel::after,
.tash-section__label::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 40px;
    height: 2px;
    background: linear-gradient(90deg, #A47764, #8B9D77);
    border-radius: 2px;
}

/* Título principal - Adaptado para usar las clases del HTML */
.tash-section__title,
.tash-aboutcontent h2 {
    font-family: 'Fraunces', 'Georgia', serif;
    font-size: clamp(2.5rem, 4vw, 3.2rem);
    font-weight: 400;
    line-height: 1.2;
    color: #3A3A3A;
    margin-bottom: 32px;
    letter-spacing: -0.02em;
}

/* Párrafo destacado de introducción */
.tash-about__lead {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #3A3A3A;
    margin-bottom: 28px;
    padding: 0 8px;
    position: relative;
}

/* Párrafos regulares con mejor styling */
.tash-aboutcontent p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #525252;
    margin-bottom: 24px;
    text-align: left;
}

/* Bloque de cita destacada - Usando la clase del HTML actual */
.tash-aboutquote {
    background: linear-gradient(135deg, #f0f4ef 0%, #e8f0e6 100%);
    border-left: 4px solid #A47764;
    border-radius: 12px;
    padding: 32px 28px;
    margin: 36px 0;
    position: relative;
    box-shadow: 0 4px 16px rgba(164, 119, 100, 0.1);
}

.tash-aboutquote::before {
    content: '"';
    position: absolute;
    top: -8px;
    left: 16px;
    font-family: 'Fraunces', 'Georgia', serif;
    font-size: 4rem;
    color: #A47764;
    line-height: 1;
    opacity: 0.3;
}

.tash-aboutquote-text,
.tash-aboutquote p {
    font-family: 'Fraunces', 'Georgia', serif;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.5;
    color: #3A3A3A;
    margin: 0 0 0 24px;
    text-align: left;
}

/* Contenedor de pilares - Usando la clase del HTML */
.tash-aboutpillars {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid rgba(164, 119, 100, 0.2);
}

/* Pilar individual */
.tash-pillar {
    background: white;
    border-radius: 12px;
    padding: 32px 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(164, 119, 100, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.tash-pillar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #A47764, #8B9D77);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.tash-pillar:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    border-color: rgba(164, 119, 100, 0.3);
}

.tash-pillar:hover::before {
    transform: scaleX(1);
}

/* Contenido del pilar */
.tash-pillarcontent h4,
.tash-pillar__content h4 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #3A3A3A;
    margin-bottom: 16px;
    line-height: 1.3;
}

.tash-pillarcontent p,
.tash-pillar__content p {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    color: #525252;
    margin: 0;
}

/* Compatibilidad con Elementor */
.elementor-widget-html .tash-aboutcontent {
    margin: 0;
}

.elementor-widget-html .tash-aboutcontent * {
    box-sizing: border-box;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .tash-aboutcontent {
        margin: 0 20px;
    }
}

@media (max-width: 768px) {
    .tash-aboutcontent {
        padding: 40px 20px;
        border-radius: 12px;
        margin: 0 16px;
    }
    
    .tash-section__title,
    .tash-aboutcontent h2 {
        font-size: 2.2rem;
        margin-bottom: 24px;
    }
    
    .tash-about__lead {
        font-size: 17px;
        padding: 0;
    }
    
    .tash-aboutquote {
        padding: 24px 20px;
        margin: 28px 0;
    }
    
    .tash-aboutquote-text,
    .tash-aboutquote p {
        font-size: 18px;
        margin-left: 16px;
    }
    
    .tash-aboutpillars {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 36px;
        padding-top: 24px;
    }
    
    .tash-pillar {
        padding: 24px 20px;
    }
    
    .tash-pillarcontent h4,
    .tash-pillar__content h4 {
        font-size: 17px;
    }
}

@media (max-width: 480px) {
    .tash-aboutcontent {
        padding: 32px 16px;
        margin: 0 12px;
    }
    
    .tash-section__title,
    .tash-aboutcontent h2 {
        font-size: 1.9rem;
    }
    
    .tash-about__lead {
        font-size: 16px;
    }
    
    .tash-aboutquote-text,
    .tash-aboutquote p {
        font-size: 17px;
        margin-left: 12px;
    }
}

/* Animaciones sutiles - compatibles con GSAP ya implementado */
.tash-aboutcontent {
    opacity: 1;
    transform: translateY(0);
}

.tash-pillar {
    opacity: 1;
    transform: translateY(0);
}

/* Solo usar animaciones CSS si GSAP no está disponible */
.no-gsap .tash-aboutcontent {
    animation: fadeInUp 0.8s ease-out;
}

.no-gsap .tash-pillar {
    animation: slideInUp 0.6s ease-out;
    animation-fill-mode: both;
}

.no-gsap .tash-pillar:nth-child(1) { animation-delay: 0.1s; }
.no-gsap .tash-pillar:nth-child(2) { animation-delay: 0.2s; }
.no-gsap .tash-pillar:nth-child(3) { animation-delay: 0.3s; }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Accesibilidad mejorada */
@media (prefers-reduced-motion: reduce) {
    .tash-aboutcontent,
    .tash-pillar {
        animation: none;
    }
    
    .tash-pillar {
        transition: none;
    }
    
    .tash-pillar:hover {
        transform: none;
    }
    
    .tash-pillar::before {
        transition: none;
    }
}

/* Focus states para accesibilidad */
.tash-pillar:focus-within {
    outline: 2px solid #A47764;
    outline-offset: 2px;
}

/* Mejoras específicas para el tema actual */
.e-con .tash-aboutcontent {
    width: 100%;
    max-width: 100%;
}

/* Asegurar que funcione bien con el contenedor de Elementor */
.elementor-element .tash-aboutcontent {
    margin-left: auto;
    margin-right: auto;
}/* End custom CSS */