/* Variables globales para tipografía */
        :root {
            --font-primary: 'Poppins', sans-serif;
            --font-titles: "Fuzzy Bubbles", serif;
            --font-semititles:'Caveat', cursive;
            --color-primary: #4e748f;
            --color-secondary: #6e9ab5;
            --color-text: #333333;
        }

        body {
            font-family: var(--font-primary);
            color: var(--color-text);
            line-height: 1.6;
        }

        /* Estilos generales */
        body {
            font-family: "Poppins", sans-serif;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            background-color: #ffffff;
        }

        html, body {
            height: 100%;
        }

        main {
            flex: 1;
        }

        footer {
            background-color: #f8f9fa;
            text-align: center;
            padding: 20px 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 50px;
        }

        .social-icons {
            display: flex;
            justify-content: center;
            gap: 15px;
        }

        .social-icons a {
            display: inline-block;
        }

        .footer-text {
            color: #6c757d;
        }

        /* Estilos de la barra de navegación */
        .navbar {
            justify-content: space-between;
            align-items: center;
            position: fixed;
            width: 100%;
            z-index: 1000;
            background-color: rgba(255, 255, 255, 0.9) !important;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .navbar-brand {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-height: 150px;
        }

        .navbar-brand img {
            height: auto;
            max-height: 80px;
            width: auto;
        }

        .navbar-nav {
            align-items: center;
        }

        .nav-link {
            padding-left: 15px;
            padding-right: 15px;
            color: #000;
        }

        .navbar-toggler {
            position: absolute;
            right: 1rem;
        }

        /* Estilos de las secciones */
        section {
            padding: 80px 0;
        }

        /* Sección Inicio */
        #inicio {
            margin-top: 60px; /* Reducido de 80px */
            text-align: center;
            background-color: #ffffff;
        }

        .foto-central-container {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            flex-direction: column;
            margin-top: -3%;
        }

        .foto-central {
            width: 70%;
            margin: auto;
        }

        .foto-central-responsive {
            width: 100%;
            display: none;
        }

        .frase {
            margin-top: 20px;
            font-size: 1.8em;
            color: #4e748f;
            font-weight: bold;
        }

        .cta-inicio {
            margin-top: 30px;
            padding: 15px 40px;
            font-size: 1.3em;
            background-color: #4e748f;
            border: none;
            color: white;
            border-radius: 30px;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
        }

        .cta-inicio:hover {
            background-color: #3d5d72;
            transform: translateY(-3px);
            box-shadow: 0 4px 15px rgba(78, 116, 143, 0.2);
            color: white;
            text-decoration: none;
        }

        /* Sección ¿Quiénes Somos? */
        .equipo {
            font-family: 'Times New Roman', Times, serif;
            text-align: center;
            color: rgb(78, 116, 143);
            margin: 3%;
            font-size: 300%;
        }

        .team-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            max-width: 1000px;
            margin: 0 auto;
            padding: 20px;
        }

        .flip-card {
            background-color: transparent;
            perspective: 1000px;
            cursor: pointer;
        }

        .flip-card-inner {
            position: relative;
            width: 100%;
            height: 400px;
            text-align: center;
            transition: transform 0.6s;
            transform-style: preserve-3d;
        }

        .flip-card.flipped .flip-card-inner {
            transform: rotateY(180deg);
        }

        .flip-card-front, .flip-card-back {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden;
            border: 1px solid #e0e0e0;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .flip-card-front {
            background-color: #fff;
            color: black;
        }

        .flip-card-front img {
            width: 90%;
            height: auto;
            object-fit: cover;
            margin-top: 0;
        }

        .flip-card-front h5 {
            margin-top: 10px;
            font-size: 1.2em;
            color: #333;
        }

        .flip-card-back {
            background-color: #fff;
            color: black;
            transform: rotateY(180deg);
            justify-content: center;
            padding: 20px;
        }

        .flip-card-back h5 {
            font-size: 1.5em;
            margin-bottom: 10px;
        }

        .flip-card-back p {
            font-size: 1em;
            color: #666;
        }

        /* Sección Sesiones */
        .sesiones {
            font-family: 'poppins', sans-serif;
            text-align: center;
            font-size: 400%;
            margin: 3%;
            color: rgb(78, 116, 143);
        }

        .content-section {
            padding: 60px 40px;
            text-align: center;
            max-width: 1000px;
            margin: 0 auto;
        }

        .content-section p {
            font-size: 1.2em;
            color: #333;
            text-align: justify;
        }

        .cta-button {
            margin: 20px 0;
            font-size: 1.2em;
        }

        .benefits {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            margin: 40px 0;
        }

        .benefit-item {
            flex: 1 1 calc(50% - 40px);
            max-width: calc(50% - 40px);
            background: #f8f9fa;
            border-radius: 10px;
            padding: 20px;
            text-align: center;
            box-shadow: 0 4px 15px rgba(160, 82, 45, 0.1);
        }

        .benefit-item img {
            width: 40px;
            height: 40px;
            margin-bottom: 10px;
        }

        .benefit-item p {
            font-size: 1em;
            color: #333;
            margin: 0;
        }

        .testimonials {
            background-color: #f5f7fa;
            padding: 40px 0;
        }

        .t-testimonio {
            text-align: center;
            margin-bottom: 30px;
            font-size: 2em;
            color: #4e748f;
        }

        .testimonial-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            max-width: 1000px;
            margin: 0 auto;
        }

        .testimonial-box {
            background: #ffffff;
            padding: 20px;
            margin: 10px;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(160, 82, 45, 0.1);
            flex: 1 1 calc(33% - 40px);
            max-width: calc(33% - 40px);
        }

        .stars {
            color: gold;
            margin-bottom: 10px;
        }

        /* Sección Blog */
        .blog-container {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            padding: 20px;
        }

        .blog-item {
            background-color: #ffffff;
            border: 1px solid #e0e0e0;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(160, 82, 45, 0.1);
            transition: all 0.3s ease-in-out;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .blog-item:hover {
            transform: translateY(-10px);
        }

        .blog-item img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }

        .blog-item-content {
            padding: 20px;
            flex: 1;
        }

        .blog-item h2 {
            font-size: 1.5em;
            margin-bottom: 10px;
        }

        .blog-item p {
            font-size: 1em;
            color: #666;
        }

        .blog-item a {
            display: block;
            padding: 10px;
            text-align: center;
            background-color: #4e748f;
            color: #fff;
            text-decoration: none;
            border-radius: 0 0 10px 10px;
            margin-top: 10px;
        }

        .blog-item a:hover {
            background-color: #3d5d72;
        }

        .titulo-articulo {
            color: #3d5d72;
            text-align: center;
        }

        .blog {
            color: #3d5d72;
            text-align: center;
            margin: 3%;
            font-family: 'Times New Roman', Times, serif;
            font-size: 400%;
        }

        /* Sección Contacto */
        .contacto {
            color: rgb(78, 116, 143);
            text-align: center;
            font-family: 'popins', sans-serif;
            font-size: 400%;
            margin: 3%;
        }

        .form-container {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
        }

        .form-group {
            margin-bottom: 15px;
        }

        .form-control {
            border-radius: 5px;
            height: 50px;
            padding: 10px;
            font-size: 16px;
            text-align: center;
            background-color: #ffffff;
        }

        .form-control::placeholder {
            text-align: center;
        }

        .form-control:focus {
            box-shadow: none;
            border-color: #4e748f;
        }

        textarea.form-control {
            height: auto;
        }

        .btn-primary {
            background-color: #4e748f;
            border-color: #4e748f;
            height: 50px;
            font-size: 16px;
        }

        .btn-primary:hover {
            background-color: #3d5d72;
            border-color: #3d5d72;
        }

        /* Estilos responsivos */
        @media screen and (max-width: 768px) {
            .foto-central {
                display: none;
            }

            .foto-central-responsive {
                height: 65vh;
                object-fit: cover;
                display: block;
            }

            .navbar {
                padding-top: 10%;
                padding-bottom: 10%;
            }

            .navbar-brand {
                left: 52%;
            }

            .navbar-collapse {
                background-color: whitesmoke;
                z-index: 2;
            }

            .team-container {
                grid-template-columns: 1fr;
                gap: 20px;
                padding: 20px;
            }

            .flip-card-inner {
                height: auto;
            }

            .flip-card-front, .flip-card-back {
                position: relative;
                height: auto;
                min-height: 400px; /* Añadido para mantener altura */
            }

            .testimonial-container {
                flex-direction: column;
            }

            .testimonial-box {
                flex: 1 1 100%;
                max-width: 100%;
            }

            .benefit-item {
                flex: 1 1 100%;
                max-width: 100%;
            }

            #inicio {
                margin-top: 40px; /* Reducido de 60px para móviles */
            }
            
            .psychologist-specialties {
                font-size: 0.9em;
                line-height: 1.4;
            }
        }

        @media (min-width: 768px) {
            .testimonial-container {
                flex-direction: row;
                justify-content: space-around;
            }
        }

        /* Estilos para móviles */
        @media only screen and (max-width: 767px) {
            /* Ocultar la parte trasera de la tarjeta en móvil */
            .flip-card-back {
                display: none;
            }

            /* Estilos del modal */
            .modal {
                display: none; /* Oculto por defecto */
                position: fixed;
                z-index: 1000;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: auto;
                background-color: rgba(0,0,0,0.7); /* Fondo semi-transparente */
            }

            .modal-contenido {
                background-color: #fff;
                margin: 10% auto;
                padding: 20px;
                border-radius: 5px;
                width: 90%;
                position: relative;
                text-align: center;
            }

            .cerrar {
                color: #aaa;
                position: absolute;
                top: 10px;
                right: 20px;
                font-size: 30px;
                font-weight: bold;
                cursor: pointer;
            }

            .cerrar:hover,
            .cerrar:focus {
                color: #000;
                text-decoration: none;
                cursor: pointer;
            }

            .modal-contenido h3 {
                margin-top: 0;
            }

            .modal-contenido p {
                font-size: 1em;
                color: #333;
            }
        }

        /* Estilos para el proceso terapéutico */
        .proceso-container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }

        .proceso-step {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 60px;
        }

        .proceso-card {
            background: #ffffff;
            padding: 25px 35px;
            border-radius: 15px;
            box-shadow: 0 4px 15px rgba(160, 82, 45, 0.1);
            width: 100%;
            max-width: 500px;
            transition: transform 0.3s ease;
            margin-bottom: 30px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .proceso-card:hover {
            transform: translateY(-5px);
        }

        .proceso-arrow {
            position: absolute;
            bottom: -50px;
            width: 60px;
            height: auto;
            z-index: 1;
        }

        .proceso-step:nth-child(odd) .proceso-arrow {
            transform: rotate(105deg);
        }

        .proceso-step:nth-child(even) .proceso-arrow {
            transform: rotate(75deg);
        }

        .proceso-step:last-child .proceso-arrow {
            display: none;
        }

        @media (max-width: 768px) {
            .proceso-card {
                padding: 20px;
                width: 90%;
            }
            
            .proceso-arrow {
                width: 40px;
                bottom: -40px;
            }
        }

        /* Nuevos estilos para Quiénes Somos */
        .team-intro-card {
            background: #ffffff;
            padding: 40px 60px;
            margin: 0 auto 60px;
            max-width: 800px;
            text-align: center;
            border-radius: 0px;

        }

        /* Actualizar los estilos del contenedor de psicólogos */
        .psychologist-item {
            display: flex;
            align-items: center;
            margin-bottom: 60px;
            gap: 40px;
            background: transparent;
            padding: 0;
        }

        .psychologist-item:nth-child(2) {
            flex-direction: row-reverse;
        }

        .psychologist-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .psychologist-image {
            flex: 0 0 40%;
        }

        .psychologist-image img {
            width: 100%;
            height: auto;
            border-radius: 15px;
            box-shadow: none;
        }

        .psychologist-content {
            flex: 0 0 55%;
            background: #ffffff;
            padding: 35px;
            border-radius: 15px;
            box-shadow: 0 4px 15px rgba(160, 82, 45, 0.1);
        }

        @media (max-width: 768px) {
            .psychologist-item,
            .psychologist-item:nth-child(even) {
                flex-direction: column;
                text-align: center;
                gap: 20px;
            }

            .psychologist-image {
                flex: 0 0 100%;
                max-width: 300px;
                margin: 0 auto;
            }

            .psychologist-content {
                flex: 0 0 100%;
            }

            .team-intro-card {
                margin: 20px;
                padding: 25px;
            }
        }

        #proceso, #quienes-somos, #sesiones, #blog, #contacto {
            background-color: #ffffff;
        }

        .psychologist-specialties {
            color: #6e9ab5;
            font-size: 1em;
            margin: 10px 0 20px 0;
        }

        /* Estilos para títulos */
        .blog, .equipo, .sesiones, .contacto, .psychologist-content h3,
        .t-testimonio,
        .team-intro-card h2 {
            font-family: var(--font-primary);
            color: var(--color-primary);
            font-size: 3.5em;
            margin: 0.5em 0;
            font-weight: 700;
        }

        /* Subtítulos */
        .proceso-card h3 {
            font-family: var(--font-semititles);
            color: var(--color-primary);
            font-size: 2.2em;
            margin-bottom: 0.5em;
            text-align: center;
            width: 100%;
        }

        /* Texto regular */
        p, .psychologist-specialties {
            font-family: var(--font-primary);
            font-size: 1.1em;
            line-height: 1.8;
            color: var(--color-text);
        }

        /* Especialidades */
        .psychologist-specialties {
            color: var(--color-secondary);
            font-size: 1.2em;
            font-family: var(--font-primary);
            margin: 1em 0;
            letter-spacing: 0.5px;
        }

        /* Botones CTA */
        .cta-inicio, .btn-primary {
            font-family: var(--font-primary);
            font-size: 1.4em;
            letter-spacing: 0.5px;
        }

        /* Navegación */
        .nav-link {
            font-family: var(--font-primary);
            font-size: 1.1em;
        }

        /* Beneficios */
        .benefit-item p {
            font-family: var(--font-primary);
            font-size: 1em;
        }

        /* Testimonios */
        .testimonial-box p {
            font-style: italic;
            font-size: 1.1em;
        }

        @media screen and (max-width: 768px) {
            .blog, .equipo, .sesiones, .contacto {
                font-size: 2.8em;
            }

            .proceso-card h3, 
            .psychologist-content h3 {
                font-size: 2em;
            }

            .psychologist-specialties {
                font-size: 1.1em;
            }
        }

        /* Estilos unificados para textos descriptivos */
        .team-intro-card p,
        .psychologist-content p,
        .content-section p {
            font-family: var(--font-primary);
            font-size: 1.2em;
            line-height: 1.8;
            color: var(--color-text);
            text-align: justify;
            margin-bottom: 1.5em;
        }

        /* Ajustar el padding para mejorar la legibilidad */
        .team-intro-card {
            padding: 40px 60px;
        }

        .psychologist-content {
            padding: 35px;
        }

        .titulos-sesiones{
            font-family:var(--font-semititles);
            color: var(--color-primary);
            font-size:3.2em ;
        }

        .content-section {
            padding: 60px 40px;
        }
        .precios{
            color: #4e748f;
        }
        .desenredando{
            max-width: 50%;
            margin-left: 2%;
            margin-top: -10%;
            margin-bottom: -20%;
        }

        @media (max-width: 768px) {
            .team-intro-card,
            .psychologist-content,
            .content-section {
                padding: 25px;
            }

            .team-intro-card p,
            .psychologist-content p,
            .content-section p {
                font-size: 1.1em;
                line-height: 1.6;
            }
            .desenredando{
                max-width: 100%;
                margin-left: 0;
                margin-top: -20%;
                margin-bottom: -60%;
            }
            .psychologist-image{
                max-width: 100%;
                margin-left: 0;
                margin-bottom: -30%;

            }
           
        }

        .proceso-card p {
            text-align: justify;
            margin-bottom: 15px;
        }

        .proceso-card .precios {
            text-align: center;
            color: #4e748f;
            font-weight: 500;
            margin-top: 20px;
        }

        .imagen-formulario {
            max-width: 70%;
           
        }

        .proceso-step {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            margin-bottom: 60px;
        }

        .proceso-card {
            flex: 1;
            margin-right: 20px;
        }

        .imagen-formulario {
            flex: 1;
            max-width: 50%;
            height: auto;
        }
        .imagen-seguimiento{
            flex: 1;
            max-width: 50%;
            height: auto;
        }

        .imagen-llamada {
            flex: 1;
            max-width: 50%;
            height: auto;
            margin-left: 20px;
        }
        .imagen-evaluacion {
            flex: 1;
            max-width: 55%;
            height: auto;
            margin-left: 20px;
        }

        @media (max-width: 768px) {
            .proceso-step {
                flex-direction: column;
            }

            .proceso-card {
                margin-right: 0;
                margin-bottom: 20px;
            }

            .imagen-formulario, .imagen-llamada, .imagen-evaluacion, .imagen-seguimiento {
                display: none;
            }
        }
        
    
    /* Botón flotante de WhatsApp */
.whatsapp-float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:20px;
    background:#25d366;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    z-index:1000;
    box-shadow:2px 2px 3px rgba(0,0,0,.3);
    transition:background .2s ease;
}
.whatsapp-float:hover{
    background:#128c7e;
    color:#fff;
}


/* === ENLACES LEGALES EN EL FOOTER === */
.legal-links a{
    color:black;
    font-size:0.85rem;
    margin:0 .35rem;
}
.legal-links a:hover{
    text-decoration:underline;
}


/* Evita desplazamiento horizontal */
html, body {
    overflow-x: hidden;
}

/* --- Fallback: si AOS no anima, forzamos visibilidad tras 0s --- */
[data-aos] {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important; /* NUEVO: permitir interacción */
}