/* =========================================================
   BASE Y CABECERA WORDPRESS
========================================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --verde-principal: #4e7668;
    --top-bar-green: #527c70;
    --top-bar-green-dark: #476e64;
    --azul-menu: #14365d;
    --texto: #333333;
    --blanco: #ffffff;
    --header-shadow: 0 8px 24px rgba(20, 54, 93, 0.09);
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 170px;
}

body {
    margin: 0;
    padding-top: 161px;
    color: var(--texto);
    background: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

/* =========================================================
   CABECERA PSICOBIENESTAR
   Estilos aislados para evitar conflictos con CSS antiguo
========================================================= */

#masthead.pb-site-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99990;
    width: 100%;
    background: #ffffff;
}

body.admin-bar #masthead.pb-site-header {
    top: 32px;
}

#masthead .pb-top-bar {
    width: 100%;
    min-height: 56px;
    color: #ffffff;
    background: linear-gradient(
        90deg,
        var(--top-bar-green) 0%,
        #4f796d 55%,
        var(--top-bar-green-dark) 100%
    );
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 4px 18px rgba(29, 57, 50, 0.15);
}

#masthead .pb-top-bar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    max-width: 1780px;
    min-height: 56px;
    margin: 0 auto;
    padding: 0 4%;
}

#masthead .pb-top-contact {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

#masthead .pb-contact-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .96rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    transition: color .2s ease, transform .2s ease, opacity .2s ease;
}

#masthead .pb-contact-link:hover {
    color: #f6efe4;
    transform: translateY(-1px);
}

#masthead .pb-contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    color: #fff;
    background: rgba(255, 255, 255, .11);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
}

#masthead .pb-contact-icon svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#masthead .pb-contact-separator {
    display: block;
    width: 1px;
    height: 25px;
    flex: 0 0 1px;
    background: rgba(255, 255, 255, .34);
}

#masthead .pb-instagram {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    margin-left: auto;
    color: #fff;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

#masthead .pb-instagram:hover {
    color: var(--top-bar-green);
    background: #fff;
    border-color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 7px 17px rgba(24, 48, 42, .22);
}

#masthead .pb-instagram svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#masthead .pb-instagram svg circle:last-child {
    fill: currentColor;
    stroke: none;
}

#masthead .pb-contact-link:focus-visible,
#masthead .pb-instagram:focus-visible,
#masthead .pb-menu-toggle:focus-visible,
#masthead .pb-primary-menu a:focus-visible {
    outline: 3px solid #f2d98a;
    outline-offset: 3px;
}

#masthead .pb-main-header {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid var(--verde-principal);
}

#masthead .pb-header-inner {
    display: flex;
    align-items: center;
    gap: 28px;
    width: calc(100% - 120px);
    max-width: 1800px;
    min-height: 105px;
    margin: 0 auto;
    position: relative;
}

#masthead .pb-site-logo {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

#masthead .pb-site-logo img {
    display: block;
    width: 125px;
    height: auto;
    max-height: 82px;
    object-fit: contain;
}

#masthead .pb-primary-nav {
    margin-left: auto;
}

#masthead .pb-primary-menu {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#masthead .pb-primary-menu > li {
    position: relative;
    margin: 0;
    padding: 0;
}

#masthead .pb-primary-menu > li > a {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 95px;
    padding: 0;
    color: var(--azul-menu);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .3px;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
	text-decoration: none;
}

#masthead .pb-primary-menu > li > a:hover,
#masthead .pb-primary-menu > .current-menu-item > a,
#masthead .pb-primary-menu > .current-menu-ancestor > a {
    color: var(--verde-principal);
	text-decoration: none;
}

#masthead .pb-primary-menu > .menu-item-has-children > a::after,
#masthead .pb-primary-menu > .has-submenu > a::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: -4px 1px 0 3px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    flex: 0 0 7px;
}

#masthead .pb-primary-menu .sub-menu,
#masthead .pb-primary-menu .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 270px;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    background: #fff;
    border-top: 3px solid var(--verde-principal);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .13);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

#masthead .pb-primary-menu .sub-menu .sub-menu,
#masthead .pb-primary-menu .submenu .submenu {
    top: -3px;
    left: 100%;
}

#masthead .pb-primary-menu .menu-item-has-children:hover > .sub-menu,
#masthead .pb-primary-menu .menu-item-has-children:focus-within > .sub-menu,
#masthead .pb-primary-menu .has-submenu:hover > .submenu,
#masthead .pb-primary-menu .has-submenu:focus-within > .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#masthead .pb-primary-menu .sub-menu a,
#masthead .pb-primary-menu .submenu a {
    display: block;
    padding: 12px 18px;
    color: var(--azul-menu);
    background: #fff;
    border-bottom: 1px solid #eee;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    text-transform: none;
    white-space: normal;
	text-decoration: none;
}

#masthead .pb-primary-menu .sub-menu li:last-child > a,
#masthead .pb-primary-menu .submenu li:last-child > a {
    border-bottom: 0;
}

#masthead .pb-primary-menu .sub-menu a:hover,
#masthead .pb-primary-menu .sub-menu a:focus,
#masthead .pb-primary-menu .submenu a:hover,
#masthead .pb-primary-menu .submenu a:focus {
    color: var(--verde-principal);
    background: #f5f7f6;
}

#masthead .pb-menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    margin-left: auto;
    padding: 8px;
    color: var(--azul-menu);
    background: transparent;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}

#masthead .pb-menu-toggle svg {
    width: 29px;
    height: 29px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

#masthead .pb-menu-toggle__close {
    display: none;
}

#masthead .pb-menu-toggle[aria-expanded="true"] .pb-menu-toggle__open {
    display: none;
}

#masthead .pb-menu-toggle[aria-expanded="true"] .pb-menu-toggle__close {
    display: block;
}

.hero-main {
    padding-top: 24px;
    background: #fff;
}

@media (max-width: 1200px) {
    .container {
        width: calc(100% - 60px);
    }

    #masthead .pb-header-inner {
        width: calc(100% - 60px);
    }

    #masthead .pb-primary-menu {
        gap: 18px;
    }

    #masthead .pb-primary-menu > li > a {
        font-size: 11px;
    }
}

@media (max-width: 991px) {

    body {
        padding-top: 144px;
    }

    html {
        scroll-padding-top: 145px;
    }

    body.pb-menu-open {
        overflow: hidden;
    }

    .container {
        width: calc(100% - 32px);
    }

    #masthead .pb-header-inner {
        width: calc(100% - 32px);
        min-height: 88px;
    }

    #masthead .pb-site-logo img {
        width: 115px;
        max-height: 70px;
    }

    #masthead .pb-menu-toggle {
        display: inline-flex;
    }

    #masthead .pb-primary-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        z-index: 9999;
        width: 100vw;
        max-height: calc(100vh - 144px);
        margin: 0;
        overflow-y: auto;
        background: #fff;
        border-top: 1px solid #eee;
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
        transform: translateX(-50%);
        overscroll-behavior: contain;
    }

    #masthead .pb-primary-nav.active {
        display: block;
    }

    #masthead .pb-primary-menu {
        display: block;
        width: 100%;
    }

    #masthead .pb-primary-menu > li {
        width: 100%;
        border-bottom: 1px solid #eee;
    }

    #masthead .pb-primary-menu > li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 52px;
        padding: 10px 20px;
        font-size: 11px;
        text-decoration: none;
    }

    /* En móvil, cada elemento principal navega a su página resumen. */
    #masthead .pb-primary-menu .sub-menu,
    #masthead .pb-primary-menu .submenu {
        display: none !important;
    }

    #masthead .pb-primary-menu > .menu-item-has-children > a::after,
    #masthead .pb-primary-menu > .has-submenu > a::after {
        display: none;
    }
}

@media (max-width: 850px) {
    #masthead .pb-top-bar__inner {
        gap: 20px;
        padding-right: 22px;
        padding-left: 22px;
    }

    #masthead .pb-top-contact {
        gap: 12px;
    }

    #masthead .pb-contact-link {
        font-size: .88rem;
		text-decoration: none;
    }

    #masthead .pb-contact-icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }
}

@media (max-width: 650px) {
    #masthead .pb-top-bar,
    #masthead .pb-top-bar__inner {
        min-height: 56px;
    }

    #masthead .pb-top-bar__inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
        width: 100%;
        padding: 7px 10px;
    }

    #masthead .pb-top-contact {
        display: flex;
        align-items: center;
        flex-flow: row nowrap;
        gap: 8px;
        width: 100%;
        min-width: 0;
    }

    #masthead .pb-contact-separator {
        display: none;
    }

    #masthead .pb-contact-link {
        gap: 5px;
        min-width: 0;
        color: #fff;
        font-size: clamp(.67rem, 2.7vw, .78rem);
        white-space: nowrap;
    }

    #masthead .pb-contact-link--phone {
        flex: 0 0 auto;
    }

    #masthead .pb-contact-link--email {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }

    #masthead .pb-contact-link--email .pb-contact-text {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #masthead .pb-contact-icon {
        width: 21px;
        height: 21px;
        flex: 0 0 21px;
    }

    #masthead .pb-contact-icon svg {
        width: 11px;
        height: 11px;
    }

    #masthead .pb-instagram {
        display: inline-flex;
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
    }

    #masthead .pb-instagram svg {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 390px) {
    .container {
        width: calc(100% - 20px);
    }

    #masthead .pb-header-inner {
        width: calc(100% - 20px);
    }

    #masthead .pb-top-bar__inner {
        gap: 6px;
        padding-right: 8px;
        padding-left: 8px;
    }

    #masthead .pb-top-contact {
        gap: 5px;
    }

    #masthead .pb-contact-link {
        gap: 4px;
        font-size: .64rem;
    }

    #masthead .pb-contact-icon {
        width: 19px;
        height: 19px;
        flex-basis: 19px;
    }

    #masthead .pb-instagram {
        width: 31px;
        height: 31px;
        flex-basis: 31px;
    }
}

@media screen and (max-width: 782px) {
    body.admin-bar #masthead.pb-site-header {
        top: 46px;
    }
}


/* ====================== HERO CORREGIDO PARA MÓVIL ====================== */
.hero-container {
    position: relative;
    overflow: hidden;
}

.hero-main img {
    width: 100%;
    height: 620px;           /* Ajustado */
    object-fit: cover;
    display: block;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(20, 54, 93, 0.4) 30%,
        rgba(20, 54, 93, 0.85) 55%,
        rgba(70, 113, 97, 0.9) 100%
    );
    display: flex;
    align-items: flex-end;        
    padding-bottom: 40px;         
}

.hero-content {
    color: white;
    text-align: center;
    max-width: 920px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
}

.hero-content h1 {
    font-size: 2.1rem;
    line-height: 1.8;
    margin-bottom: 16px;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0,0,0,0.6); /* Mejor legibilidad */
}

.hero-subtitle {
    font-size: 1.12rem;
    line-height: 1.45;
    margin-bottom: 24px;
    opacity: 0.95;
}

/* Botones */
.hero-ctas {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.btn-primary, .btn-secondary {
    padding: 14px 28px;
    border-radius: 50px;
    font-size: 1.05rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    min-height: 52px;
}

.btn-primary {
    background: var(--verde-principal);
    color: white;
    border: 2px solid var(--verde-principal);
}

.btn-secondary {
    background: transparent;
    color: white;
    border: 2px solid white;
}

/* Trust badges */
.trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
    font-size: 0.5rem;
}

/* ====================== RESPONSIVE ====================== */
@media (max-width: 768px) {
    .hero-main img {
        height: 520px;
    }
    .hero-content h1 {
        font-size: 1.75rem;
    }
    .hero-overlay {
        padding-bottom: 35px;
    }
}

@media (max-width: 600px) {
    .btn-primary, .btn-secondary {
        padding: 13px 24px;        /* Más pequeño */
        font-size: 1rem;           /* Texto más pequeño */
        min-height: 48px;
        width: 100%;
        max-width: 290px;
        justify-content: center;
    }
    
    .hero-ctas {
        gap: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .btn-primary, .btn-secondary {
        padding: 9px 10px;
        font-size: 0.78rem;
    }
     .hero-content h1 {
        font-size: 1.2rem;
    }
    .hero-subtitle {
        font-size: 0.85rem;
    }
}

/* ====================== FOOTER ====================== */
.main-footer {
    background: #363839;
    color: #ddd;
    padding: 60px 0 20px;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 40px;
}

.footer-column h3,
.footer-column .h3 {
    color: var(--verde-principal);
    margin-bottom: 20px;
    font-size: 1.1rem;
}

.footer-column ul {
    list-style: none;
}

.footer-column li {
    margin-bottom: 12px;
    line-height: 1.5;
}

.footer-column a {
    color: #ddd;
    transition: color 0.3s;
	 text-decoration: none;
}

.footer-column a:hover {
    color: var(--verde-principal);
}

.footer-social {
    margin-top: 20px;
}

.footer-social a {
    font-size: 1.8rem;
    margin-right: 15px;
    color: #ddd;
}

.footer-bottom {
    background: #131c24;
    padding: 20px 0;
    margin-top: 50px;
    font-size: 0.9rem;
    text-align: center;
    color: #888;
}

.footer-bottom a {
    color: #aaa;
	 text-decoration: none;
}

/* Responsive Footer */
@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
}


/* =========================================
   CENTRO DE PSICOLOGÍA EN LOGROÑO
========================================= */

.centro-logrono {
    width: 100%;
    padding: 45px 20px 55px;
    box-sizing: border-box;
    background-color: #ffffff;
}

/* Título principal */

.centro-logrono__titulo {
    margin: 0 0 48px;
    padding: 0;
    color: #293238;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2vw, 3rem);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

/* Caja principal */

.centro-logrono__caja {
    width: 100%;
    max-width: 1375px;
    margin: 0 auto;
    padding: 40px 50px;
    box-sizing: border-box;

    background-color: #eeeae4;
    border: 1px solid #b9b78c;
    border-radius: 23px;

    box-shadow: 0 12px 30px rgba(33, 39, 40, 0.08);
    text-align: center;
}

/* Subtítulo */

.centro-logrono__subtitulo {
    margin: 0 0 12px;
    color: #283238;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.25rem, 1.8vw, 1.65rem);
    font-weight: 700;
    line-height: 1.35;
}

/* Texto */

.centro-logrono__texto {
    max-width: 1080px;
    margin: 0 auto 28px;
    color: #304541;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1rem, 1vw, 1.28rem);
    font-weight: 400;
    line-height: 1.55;
}

.centro-logrono__texto strong {
    font-weight: 700;
}

/* Contenedor de botones */

.centro-logrono__botones {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}

/* Botones */

.centro-logrono__boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 62px;
    padding: 15px 34px;
    box-sizing: border-box;

    border: none;
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    cursor: pointer;
    transition:
        transform 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* Botón solicitar cita */

.centro-logrono__boton--cita {
    min-width: 230px;
    color: #ffffff;
    background-color: #1d1d1b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.centro-logrono__boton--cita:hover {
    color: #ffffff;
    background-color: #363633;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

/* Botón ver más */

.centro-logrono__boton--mas {
    min-width: 120px;
    color: #ffffff;
    background-color: #879f78;
    text-transform: lowercase;
}

.centro-logrono__boton--mas:hover {
    color: #ffffff;
    background-color: #718b64;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(77, 100, 69, 0.2);
}

/* Accesibilidad con teclado */

.centro-logrono__boton:focus-visible {
    outline: 3px solid #e1b80d;
    outline-offset: 4px;
}


/* =========================================
   TABLET
========================================= */

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

    .centro-logrono {
        padding: 38px 24px 48px;
    }

    .centro-logrono__titulo {
        margin-bottom: 35px;
    }

    .centro-logrono__caja {
        padding: 36px 30px;
        border-radius: 20px;
    }

    .centro-logrono__texto {
        max-width: 750px;
    }
}


/* =========================================
   MÓVIL
========================================= */

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

    .centro-logrono {
        padding: 30px 15px 38px;
    }

    .centro-logrono__titulo {
        margin-bottom: 28px;
        font-size: 2rem;
        line-height: 1.25;
    }

    .centro-logrono__caja {
        padding: 30px 20px;
        border-radius: 18px;
    }

    .centro-logrono__subtitulo {
        margin-bottom: 14px;
        font-size: 1.3rem;
    }

    .centro-logrono__texto {
        margin-bottom: 24px;
        font-size: 1rem;
        line-height: 1.55;
    }

    .centro-logrono__botones {
        width: 100%;
        flex-direction: column;
        gap: 12px;
    }

    .centro-logrono__boton {
        width: 100%;
        min-width: 0;
        min-height: 56px;
        padding: 15px 22px;
    }
}


/* =========================================
   MÓVILES MUY PEQUEÑOS
========================================= */

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

    .centro-logrono {
        padding-left: 12px;
        padding-right: 12px;
    }

    .centro-logrono__titulo {
        font-size: 1.4rem;
    }

    .centro-logrono__caja {
        padding: 26px 16px;
    }

    .centro-logrono__subtitulo {
        font-size: 1rem;
    }
}

/* =========================================
   SECCIÓN POR QUÉ ELEGIRNOS
========================================= */

.por-que-logrono {
    width: 100%;
    padding: 55px 25px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.por-que-logrono__contenido {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 25px;

    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* Columna de información */

.por-que-logrono__informacion {
    width: 100%;
    padding-right: 25px;
    box-sizing: border-box;
}

/* Título */

.por-que-logrono__titulo {
    margin: 0 0 26px;
    color: #2b2927;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.4rem, 2vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    text-transform: uppercase;
}

/* Línea debajo del título */

.por-que-logrono__linea {
    width: 100%;
    height: 1px;
    margin-bottom: 18px;
    background-color: #a6a6a6;
}

/* Lista */

.por-que-logrono__lista {
    margin: 0;
    padding: 0 0 0 50px;
    color: #292725;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.05rem, 1vw, 1.32rem);
    font-weight: 700;
    line-height: 1.45;
}

.por-que-logrono__lista li {
    margin-bottom: 18px;
    padding-left: 2px;
}

.por-que-logrono__lista li:last-child {
    margin-bottom: 0;
}

.por-que-logrono__lista li::marker {
    color: #878787;
    font-size: 0.75em;
}

/* Contenedor de la imagen */

.por-que-logrono__imagen-contenedor {
    width: 100%;
    height: 458px;
    overflow: hidden;
}

/* Imagen */

.por-que-logrono__imagen {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* =========================================
   TABLET
========================================= */

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

    .por-que-logrono {
        padding: 45px 25px;
    }

    .por-que-logrono__contenido {
        gap: 30px;
    }

    .por-que-logrono__informacion {
        padding-right: 0;
    }

    .por-que-logrono__lista {
        padding-left: 35px;
    }

    .por-que-logrono__imagen-contenedor {
        height: 410px;
    }
}


/* =========================================
   TABLET VERTICAL Y MÓVIL
========================================= */

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

    .por-que-logrono {
        padding: 40px 20px;
    }

    .por-que-logrono__contenido {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .por-que-logrono__titulo {
        margin-bottom: 20px;
        font-size: 1.55rem;
    }

    .por-que-logrono__linea {
        margin-bottom: 22px;
    }

    .por-que-logrono__lista {
        padding-left: 30px;
        font-size: 1.1rem;
    }

    .por-que-logrono__lista li {
        margin-bottom: 15px;
    }

    .por-que-logrono__imagen-contenedor {
        width: 100%;
        height: 380px;
    }
}


/* =========================================
   MÓVIL
========================================= */

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

    .por-que-logrono {
        padding: 32px 15px;
    }

    .por-que-logrono__contenido {
        gap: 28px;
    }

    .por-que-logrono__titulo {
        font-size: 1.35rem;
        line-height: 1.3;
    }

    .por-que-logrono__lista {
        padding-left: 24px;
        font-size: 1rem;
        line-height: 1.45;
    }

    .por-que-logrono__lista li {
        margin-bottom: 13px;
        padding-left: 3px;
    }

    .por-que-logrono__imagen-contenedor {
        height: 290px;
    }
}


/* =========================================
   MÓVILES PEQUEÑOS
========================================= */

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

    .por-que-logrono {
        padding-left: 12px;
        padding-right: 12px;
    }

    .por-que-logrono__titulo {
        font-size: 1.2rem;
    }

    .por-que-logrono__lista {
        padding-left: 22px;
        font-size: 0.7rem;
    }

    .por-que-logrono__imagen-contenedor {
        height: 240px;
    }
}

/* =========================================
   TALLERES Y CURSOS EN LOGROÑO
========================================= */

.talleres-logrono {
    width: 100%;
    padding: 58px 24px 34px;
    box-sizing: border-box;
    background-color: #eeeae4;
}

.talleres-logrono__contenedor {
    width: 100%;
    max-width: 1238px;
    margin: 0 auto;
}


/* =========================================
   CABECERA
========================================= */

.talleres-logrono__cabecera {
    margin-bottom: 31px;
    text-align: center;
}

.talleres-logrono__titulo {
    max-width: 1100px;
    margin: 0 auto 14px;
    color: #273238;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2vw, 2.7rem);
    font-weight: 700;
    line-height: 1.18;
}

.talleres-logrono__descripcion {
    max-width: 830px;
    margin: 0 auto 25px;
    color: #1f2f2d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1rem, 1vw, 1.25rem);
    font-weight: 400;
    line-height: 1.5;
}

.talleres-logrono__descripcion strong {
    font-weight: 700;
}


/* =========================================
   BOTONES GENERALES
========================================= */

.talleres-logrono__boton,
.taller-logrono__boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.talleres-logrono__boton--principal {
    min-width: 184px;
    min-height: 98px;
    padding: 20px 18px;
    color: #ffffff;
    background-color: #879d77;
    border-radius: 48px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
}

.talleres-logrono__boton--principal:hover {
    color: #ffffff;
    background-color: #718965;
    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(76, 94, 67, 0.18);
}


/* =========================================
   TARJETAS
========================================= */

.talleres-logrono__tarjetas {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}

.taller-logrono {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 300px;
    padding: 22px 21px 24px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 1px solid #b8ba91;
    border-radius: 17px;
    box-shadow: 0 10px 23px rgba(48, 51, 40, 0.07);
}

.taller-logrono__titulo {
    margin: 0 0 10px;
    color: #292725;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.45;
}

.taller-logrono__texto {
    margin: 0 0 19px;
    color: #172a27;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.55;
}

.taller-logrono__modalidad {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 35px;
    margin-top: auto;
    margin-bottom: 16px;
    padding: 6px 12px;
    box-sizing: border-box;
    color: #72532f;
    background-color: #f5f2eb;
    border: 1px solid #b9b98d;
    border-radius: 999px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    line-height: 1;
}

.taller-logrono__boton {
    min-height: 51px;
    padding: 13px 19px;
    color: #172a27;
    background-color: #ffffff;
    border: 1px solid #b8ba91;
    border-radius: 999px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
}

.taller-logrono__boton:hover {
    color: #ffffff;
    background-color: #879d77;
    border-color: #879d77;
    transform: translateY(-2px);
    box-shadow: 0 7px 16px rgba(76, 94, 67, 0.15);
}


/* =========================================
   PARTE INFERIOR
========================================= */

.talleres-logrono__pie {
    margin-top: 35px;
    padding-top: 28px;
    border-top: 1px dashed #bdbca8;
    text-align: center;
}

.talleres-logrono__nota {
    margin: 0 0 23px;
    color: #263633;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}

.talleres-logrono__nota strong {
    font-weight: 700;
}

.talleres-logrono__boton--agenda {
    min-height: 51px;
    padding: 14px 21px;
    color: #ffffff;
    background-color: #879d77;
    border-radius: 999px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
}

.talleres-logrono__boton--agenda:hover {
    color: #ffffff;
    background-color: #718965;
    transform: translateY(-2px);
    box-shadow: 0 7px 16px rgba(76, 94, 67, 0.18);
}


/* =========================================
   ACCESIBILIDAD
========================================= */

.talleres-logrono__boton:focus-visible,
.taller-logrono__boton:focus-visible {
    outline: 3px solid #e1b80d;
    outline-offset: 4px;
}


/* =========================================
   TABLET
========================================= */

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

    .talleres-logrono {
        padding: 50px 25px 35px;
    }

    .talleres-logrono__tarjetas {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .taller-logrono:last-child {
        grid-column: 1 / -1;
        max-width: calc(50% - 12px);
        width: 100%;
        margin: 0 auto;
    }
}


/* =========================================
   MÓVIL Y TABLET VERTICAL
========================================= */

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

    .talleres-logrono {
        padding: 40px 18px 32px;
    }

    .talleres-logrono__cabecera {
        margin-bottom: 27px;
    }

    .talleres-logrono__titulo {
        font-size: 2rem;
    }

    .talleres-logrono__descripcion br {
        display: none;
    }

    .talleres-logrono__boton--principal {
        min-width: 170px;
        min-height: 58px;
        padding: 16px 22px;
        border-radius: 999px;
    }

    .talleres-logrono__tarjetas {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .taller-logrono,
    .taller-logrono:last-child {
        grid-column: auto;
        width: 100%;
        max-width: none;
        min-height: 0;
    }
}


/* =========================================
   MÓVIL
========================================= */

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

    .talleres-logrono {
        padding: 34px 14px 28px;
    }

    .talleres-logrono__titulo {
        font-size: 1.4rem;
        line-height: 1.25;
    }

    .talleres-logrono__descripcion {
        margin-bottom: 22px;
        font-size: 0.8rem;
    }

    .taller-logrono {
        padding: 21px 18px 22px;
        border-radius: 15px;
    }

    .taller-logrono__titulo {
        font-size: 1.08rem;
    }

    .taller-logrono__texto {
        font-size: 0.96rem;
    }

    .taller-logrono__boton {
        width: 100%;
    }

    .talleres-logrono__pie {
        margin-top: 28px;
        padding-top: 24px;
    }

    .talleres-logrono__boton--agenda {
        width: 100%;
    }
}

/* =========================================
   TRATAMIENTOS PSICOLÓGICOS EN LOGROÑO
========================================= */

.tratamientos-logrono {
    width: 100%;
    padding: 55px 24px 60px;
    box-sizing: border-box;

    /* Fondo general blanco */
    background-color: #ffffff;
}

.tratamientos-logrono__contenedor {
    width: 100%;
    max-width: 1465px;
    margin: 0 auto;
}


/* =========================================
   CABECERA
========================================= */

.tratamientos-logrono__cabecera {
    margin-bottom: 47px;
    text-align: center;
}

.tratamientos-logrono__titulo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    margin: 0 0 34px;
    padding: 0;

    color: #507674;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2vw, 2.75rem);
    font-weight: 700;
    line-height: 1.2;
}

.tratamientos-logrono__titulo span {
    flex-shrink: 0;
    font-size: 0.9em;
}

.tratamientos-logrono__introduccion {
    max-width: 900px;
    margin: 0 auto;

    color: #345c60;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1rem, 1.1vw, 1.25rem);
    font-weight: 400;
    line-height: 1.55;
}


/* =========================================
   REJILLA DE TARJETAS
========================================= */

.tratamientos-logrono__rejilla {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;

    width: 100%;
}


/* Centrar las dos últimas tarjetas */

.tratamiento-logrono--quinto {
    grid-column: 2;
}

.tratamiento-logrono--sexto {
    grid-column: 3;
}


/* =========================================
   TARJETA
========================================= */

.tratamiento-logrono {
    display: flex;
    flex-direction: column;
    align-items: center;

    min-width: 0;
    min-height: 272px;
    padding: 35px 30px 32px;
    box-sizing: border-box;

    background-color: #faf9f6;
    border: 1px solid #e1ddd5;
    border-radius: 17px;

    box-shadow: 0 12px 24px rgba(44, 48, 49, 0.09);

    text-align: center;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.tratamiento-logrono:hover {
    transform: translateY(-4px);
    border-color: #c9c5bb;
    box-shadow: 0 16px 30px rgba(44, 48, 49, 0.13);
}


/* Título de la tarjeta */

.tratamiento-logrono__titulo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    margin: 0 0 16px;

    color: #103c65;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.16rem;
    font-weight: 700;
    line-height: 1.35;
}

.tratamiento-logrono__titulo span {
    flex-shrink: 0;
    font-size: 0.9em;
}


/* Texto */

.tratamiento-logrono__texto {
    max-width: 290px;
    margin: 0 auto 26px;

    color: #2a4c50;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================
   BOTÓN
========================================= */

.tratamiento-logrono__boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 128px;
    min-height: 48px;
    margin-top: auto;
    padding: 12px 23px;
    box-sizing: border-box;

    color: #ffffff;
    background-color: #739268;
    border: 1px solid #739268;
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.tratamiento-logrono__boton:hover {
    color: #ffffff;
    background-color: #5e7d54;
    border-color: #5e7d54;

    transform: translateY(-2px);
    box-shadow: 0 8px 17px rgba(69, 96, 61, 0.2);
}

.tratamiento-logrono__boton:focus-visible {
    outline: 3px solid #e1b80d;
    outline-offset: 4px;
}


/* =========================================
   PANTALLAS MEDIANAS
========================================= */

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

    .tratamientos-logrono__rejilla {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tratamiento-logrono--quinto,
    .tratamiento-logrono--sexto {
        grid-column: auto;
    }

    .tratamiento-logrono {
        padding-left: 24px;
        padding-right: 24px;
    }
}


/* =========================================
   TABLET
========================================= */

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

    .tratamientos-logrono {
        padding: 48px 22px 52px;
    }

    .tratamientos-logrono__cabecera {
        margin-bottom: 38px;
    }

    .tratamientos-logrono__titulo {
        margin-bottom: 24px;
    }

    .tratamientos-logrono__rejilla {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .tratamiento-logrono {
        min-height: 260px;
    }
}


/* =========================================
   MÓVIL
========================================= */

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

    .tratamientos-logrono {
        padding: 38px 15px 42px;
    }

    .tratamientos-logrono__cabecera {
        margin-bottom: 30px;
    }

    .tratamientos-logrono__titulo {
        display: block;
        margin-bottom: 19px;
        font-size: 1.5rem;
        line-height: 1.25;
    }

    .tratamientos-logrono__titulo span {
        display: block;
        margin-bottom: 7px;
    }

    .tratamientos-logrono__introduccion {
        font-size: 0.8rem;
        line-height: 1.55;
    }

    .tratamientos-logrono__rejilla {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .tratamiento-logrono {
        width: 100%;
        min-height: 0;
        padding: 29px 20px 27px;
        border-radius: 15px;
    }

    .tratamiento-logrono__titulo {
        font-size: 1.1rem;
    }

    .tratamiento-logrono__texto {
        max-width: 100%;
        margin-bottom: 23px;
        font-size: 0.98rem;
    }

    .tratamiento-logrono__boton {
        width: 100%;
        max-width: 240px;
    }
}


/* =========================================
   MÓVILES PEQUEÑOS
========================================= */

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

    .tratamientos-logrono {
        padding-left: 12px;
        padding-right: 12px;
    }

    .tratamientos-logrono__titulo {
        font-size: 1.4rem;
    }

    .tratamiento-logrono {
        padding-left: 17px;
        padding-right: 17px;
    }
}

/* EQUIPO PROFESIONAL LOGROÑO */

.equipo-logrono {
    width: 100%;
    padding: 28px 24px 56px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.equipo-logrono__contenedor {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: 42px;

    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}


/* IMAGEN */

.equipo-logrono__imagen-contenedor {
    width: 100%;
    overflow: hidden;
}

.equipo-logrono__imagen {
    display: block;
    width: 100%;
    height: 486px;
    object-fit: cover;
    object-position: center;
}

/* CONTENIDO */

.equipo-logrono__contenido {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    padding: 3px 0 0;
    box-sizing: border-box;

    text-align: center;
}

.equipo-logrono__titulo {
    margin: 0 0 24px;
    padding: 0;

    color: #8d9a68;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.35rem, 2vw, 1.7rem);
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
}

.equipo-logrono__titulo span {
    text-transform: none;
}

.equipo-logrono__texto {
    max-width: 630px;
    margin: 0;

    color: #87521f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.58;
}

.equipo-logrono__texto + .equipo-logrono__texto {
    margin-top: 2px;
}

/* BOTÓN */

.equipo-logrono__boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 164px;
    min-height: 48px;
    margin-top: 29px;
    padding: 13px 22px;
    box-sizing: border-box;

    color: #ffffff;
    background-color: #879d77;
    border: 1px solid #879d77;
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.equipo-logrono__boton:hover {
    color: #ffffff;
    background-color: #718864;
    border-color: #718864;

    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(73, 92, 65, 0.2);
}

.equipo-logrono__boton:focus-visible {
    outline: 3px solid #e1b80d;
    outline-offset: 4px;
}

/* TABLET */

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

    .equipo-logrono {
        padding: 35px 24px 48px;
    }

    .equipo-logrono__contenedor {
        gap: 30px;
    }

    .equipo-logrono__imagen {
        height: 440px;
    }

    .equipo-logrono__titulo {
        margin-bottom: 19px;
    }

    .equipo-logrono__texto {
        font-size: 0.97rem;
        line-height: 1.55;
    }

}


/* TABLET VERTICAL */

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

    .equipo-logrono__contenedor {
        grid-template-columns: 1fr;
        gap: 32px;
        max-width: 680px;
    }

    .equipo-logrono__imagen {
        height: auto;
        aspect-ratio: 5 / 4;
    }

    .equipo-logrono__contenido {
        padding-top: 0;
    }

    .equipo-logrono__texto {
        max-width: 100%;
    }

}


/* MÓVIL */

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

    .equipo-logrono {
        padding: 28px 15px 38px;
    }

    .equipo-logrono__contenedor {
        gap: 27px;
    }

    .equipo-logrono__imagen {
        aspect-ratio: 4 / 3;
    }

    .equipo-logrono__titulo {
        margin-bottom: 17px;
        font-size: 1.35rem;
        line-height: 1.35;
    }

    .equipo-logrono__titulo span {
        display: block;
        margin-top: 3px;
    }

    .equipo-logrono__texto {
        font-size: 0.9rem;
        line-height: 1.4;
    }

    .equipo-logrono__texto + .equipo-logrono__texto {
        margin-top: 10px;
    }

    .equipo-logrono__boton {
        width: 100%;
        max-width: 260px;
        margin-top: 24px;
    }

}

/* SERVICIOS DEL CENTRO PSICOLÓGICO EN LOGROÑO */

.servicios-centro-logrono {
    width: 100%;
    padding: 38px 20px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.servicios-centro-logrono__contenedor {
    width: 100%;
    max-width: 1238px;
    margin: 0 auto;
    padding: 62px 20px 54px;
    box-sizing: border-box;

    background-color: #ffffff;
    border-radius: 16px;
}


/* TÍTULO */

.servicios-centro-logrono__titulo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    margin: 0 0 39px;
    padding: 0 15px;

    color: #805e2d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 3vw, 2.55rem);
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.servicios-centro-logrono__titulo span {
    flex-shrink: 0;
    font-size: 0.85em;
}


/* LISTA */

.servicios-centro-logrono__lista {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;

    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;
}


/* ELEMENTOS */

.servicios-centro-logrono__item {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    min-width: 0;
    min-height: 92px;
    padding: 21px 22px;
    box-sizing: border-box;

    color: #79511f;
    background-color: #ffffff;
    border: 1px solid #eeeeea;
    border-radius: 11px;

    box-shadow: 0 8px 18px rgba(42, 47, 49, 0.08);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.55;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.servicios-centro-logrono__item:hover {
    transform: translateY(-3px);
    border-color: #d9d8ca;
    box-shadow: 0 12px 24px rgba(42, 47, 49, 0.12);
}


/* ICONO */

.servicios-centro-logrono__icono {
    flex-shrink: 0;

    color: #6d9277;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.2;
}


/* TABLET */

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

    .servicios-centro-logrono__contenedor {
        padding: 50px 20px 45px;
    }

    .servicios-centro-logrono__titulo {
        margin-bottom: 32px;
    }

    .servicios-centro-logrono__lista {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* TABLET VERTICAL Y MÓVIL */

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

    .servicios-centro-logrono {
        padding: 28px 15px;
    }

    .servicios-centro-logrono__contenedor {
        padding: 37px 15px 32px;
        border-radius: 14px;
    }

    .servicios-centro-logrono__titulo {
        display: block;
        margin-bottom: 28px;
        padding: 0 5px;

        font-size: 1.75rem;
        line-height: 1.3;
    }

    .servicios-centro-logrono__titulo span {
        display: block;
        margin-bottom: 7px;
    }

    .servicios-centro-logrono__lista {
        grid-template-columns: 1fr;
        gap: 1px;
    }

    .servicios-centro-logrono__item {
        min-height: 0;
        padding: 19px 18px;
    }

}


/* MÓVILES PEQUEÑOS */

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

    .servicios-centro-logrono {
        padding-left: 10px;
        padding-right: 10px;
    }

    .servicios-centro-logrono__contenedor {
        padding-left: 11px;
        padding-right: 11px;
    }

    .servicios-centro-logrono__titulo {
        font-size: 1.2rem;
    }

    .servicios-centro-logrono__item {
        gap: 11px;
        padding: 7px 15px;
        font-size: 0.7rem;
    }

}

/* ÁREAS DESTACADAS LOGROÑO */

.areas-destacadas-logrono {
    width: 100%;
    padding: 48px 20px 55px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.areas-destacadas-logrono__contenedor {
    width: 100%;
    max-width: 1215px;
    margin: 0 auto;
}


/* TÍTULO PRINCIPAL */

.areas-destacadas-logrono__titulo {
    margin: 0 0 30px;
    padding: 0;

    color: #4e7668;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2.5vw, 2.65rem);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}


/* REJILLA */

.areas-destacadas-logrono__rejilla {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;

    width: 100%;
}


/* TARJETAS */

.area-destacada-logrono {
    min-width: 0;
    min-height: 140px;
    padding: 27px 22px;
    box-sizing: border-box;

    background-color: #e8e5e1;
    border: 1px solid #d6d2cc;
    border-radius: 15px;

    box-shadow: 0 9px 20px rgba(37, 42, 45, 0.08);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.area-destacada-logrono:hover {
    transform: translateY(-4px);
    border-color: #c4c0b8;
    box-shadow: 0 14px 27px rgba(37, 42, 45, 0.13);
}


/* TÍTULO DE LAS TARJETAS */

.area-destacada-logrono__titulo {
    margin: 0 0 10px;
    padding: 0;

    color: #040404;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.08rem, 1.2vw, 1.3rem);
    font-weight: 700;
    line-height: 1.35;
}


/* TEXTO */

.area-destacada-logrono__texto {
    margin: 0;
    padding: 0;

    color: #2e9ca6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}


/* CONTENEDOR DEL BOTÓN */

.areas-destacadas-logrono__accion {
    display: flex;
    justify-content: center;

    margin-top: 31px;
}


/* BOTÓN */

.areas-destacadas-logrono__boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 208px;
    min-height: 56px;
    padding: 14px 25px;
    box-sizing: border-box;

    color: #ffffff;
    background-color: #739376;
    border: 1px solid #739376;
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.areas-destacadas-logrono__boton:hover {
    color: #ffffff;
    background-color: #5f7e63;
    border-color: #5f7e63;

    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(63, 91, 67, 0.22);
}

.areas-destacadas-logrono__boton:focus-visible {
    outline: 3px solid #e1b80d;
    outline-offset: 4px;
}


/* TABLET */

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

    .areas-destacadas-logrono {
        padding: 43px 20px 48px;
    }

    .areas-destacadas-logrono__rejilla {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .area-destacada-logrono:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 9px);
        margin: 0 auto;
    }

}


/* MÓVIL */

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

    .areas-destacadas-logrono {
        padding: 35px 15px 40px;
    }

    .areas-destacadas-logrono__titulo {
        margin-bottom: 25px;
        font-size: 1.9rem;
    }

    .areas-destacadas-logrono__rejilla {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .area-destacada-logrono,
    .area-destacada-logrono:last-child {
        grid-column: auto;
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 24px 20px;
    }

    .areas-destacadas-logrono__accion {
        margin-top: 25px;
    }

    .areas-destacadas-logrono__boton {
        width: 100%;
        max-width: 280px;
    }

}


/* MÓVILES PEQUEÑOS */

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

    .areas-destacadas-logrono {
        padding-left: 12px;
        padding-right: 12px;
    }

    .areas-destacadas-logrono__titulo {
        font-size: 1.7rem;
    }

    .area-destacada-logrono {
        padding: 21px 17px;
    }

    .area-destacada-logrono__titulo {
        font-size: 1.08rem;
    }

    .area-destacada-logrono__texto {
        font-size: 0.96rem;
    }

}

/* CENTRO PSICOBIENESTAR LOGROÑO */

.centro-psicobienestar-logrono {
    width: 100%;
    padding: 60px 20px 10px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.centro-psicobienestar-logrono__contenedor {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}


/* CONTENIDO SUPERIOR */

.centro-psicobienestar-logrono__contenido {
    width: 100%;
    text-align: center;
}

.centro-psicobienestar-logrono__titulo {
    margin: 0 0 21px;
    padding: 0;

    color: #719477;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 3.1vw, 2.65rem);
    font-weight: 700;
    line-height: 1.2;
}

.centro-psicobienestar-logrono__texto {
    max-width: 1000px;
    margin: 0 auto 18px;

    color: #80501f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.65;
}

.centro-psicobienestar-logrono__texto strong {
    font-weight: 700;
}


/* BOTÓN */

.centro-psicobienestar-logrono__accion {
    display: flex;
    justify-content: center;
    margin-top: 38px;
}

.centro-psicobienestar-logrono__boton {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 152px;
    min-height: 46px;
    padding: 12px 24px;
    box-sizing: border-box;

    color: #ffffff;
    background-color: #719477;
    border-radius: 0 11px 11px 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.centro-psicobienestar-logrono__boton::before {
    position: absolute;
    top: -25px;
    left: 50%;

    width: 27px;
    height: 27px;

    background-color: #719477;
    border-radius: 10px 10px 0 0;

    content: "";
    transform: translateX(-50%);
}

.centro-psicobienestar-logrono__boton:hover {
    color: #ffffff;
    background-color: #5e8065;

    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(62, 91, 67, 0.2);
}

.centro-psicobienestar-logrono__boton:hover::before {
    background-color: #5e8065;
}

.centro-psicobienestar-logrono__boton:focus-visible {
    outline: 3px solid #e1b80d;
    outline-offset: 4px;
}


/* GALERÍA */

.galeria-centro-logrono {
    width: 100%;
    margin-top: 85px;
}

.galeria-centro-logrono__titulo {
    margin: 0 0 38px;
    padding: 0;

    color: #719477;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

.galeria-centro-logrono__rejilla {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;

    width: 100%;
}

.galeria-centro-logrono__elemento {
    width: 100%;
    height: 263px;
    margin: 0;

    overflow: hidden;
    border-radius: 14px;

    box-shadow: 0 8px 18px rgba(38, 43, 45, 0.12);
}

.galeria-centro-logrono__imagen {
    display: block;
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}

.galeria-centro-logrono__elemento:hover
.galeria-centro-logrono__imagen {
    transform: scale(1.04);
}


/* TABLET */

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

    .centro-psicobienestar-logrono {
        padding-top: 50px;
    }

    .centro-psicobienestar-logrono__texto br {
        display: none;
    }

    .galeria-centro-logrono {
        margin-top: 70px;
    }

    .galeria-centro-logrono__rejilla {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .galeria-centro-logrono__elemento:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 9px);
        margin: 0 auto;
    }

}


/* MÓVIL */

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

    .centro-psicobienestar-logrono {
        padding: 38px 15px 5px;
    }

    .centro-psicobienestar-logrono__titulo {
        margin-bottom: 20px;
        font-size: 1.9rem;
        line-height: 1.25;
    }

    .centro-psicobienestar-logrono__texto {
        margin-bottom: 16px;
        font-size: 0.98rem;
        line-height: 1.6;
    }

    .centro-psicobienestar-logrono__accion {
        margin-top: 42px;
    }

    .centro-psicobienestar-logrono__boton {
        min-width: 175px;
        border-radius: 10px;
    }

    .galeria-centro-logrono {
        margin-top: 65px;
    }

    .galeria-centro-logrono__titulo {
        margin-bottom: 25px;
        font-size: 1.35rem;
    }

    .galeria-centro-logrono__rejilla {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .galeria-centro-logrono__elemento,
    .galeria-centro-logrono__elemento:last-child {
        grid-column: auto;
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
        margin: 0;
    }

}


/* MÓVILES PEQUEÑOS */

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

    .centro-psicobienestar-logrono {
        padding-left: 12px;
        padding-right: 12px;
    }

    .centro-psicobienestar-logrono__titulo {
        font-size: 1.65rem;
    }

    .centro-psicobienestar-logrono__texto {
        font-size: 0.95rem;
    }

}

/* PROCESO DE TERAPIA PSICOLÓGICA EN LOGROÑO */

.proceso-terapia-logrono {
    width: 100%;
    padding: 55px 20px 28px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.proceso-terapia-logrono__contenedor {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}


/* CABECERA */

.proceso-terapia-logrono__cabecera {
    max-width: 950px;
    margin: 0 auto 47px;
    text-align: center;
}

.proceso-terapia-logrono__titulo {
    max-width: 940px;
    margin: 0 auto 22px;

    color: #4e7668;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2.5vw, 2.85rem);
    font-weight: 700;
    line-height: 1.25;
}

.proceso-terapia-logrono__introduccion {
    max-width: 880px;
    margin: 0 auto;

    color: #204649;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1rem, 1.6vw, 1.22rem);
    font-weight: 400;
    line-height: 1.55;
}


/* REJILLA DE PASOS */

.proceso-terapia-logrono__pasos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 32px;

    width: 100%;
}


/* TARJETAS */

.paso-terapia-logrono {
    display: flex;
    flex-direction: column;
    align-items: center;

    min-width: 0;
    min-height: 428px;
    padding: 32px 30px 34px;
    box-sizing: border-box;

    background-color: #faf7f2;
    border: 1px solid #f3eee7;
    border-radius: 19px;

    box-shadow: 0 11px 24px rgba(39, 45, 48, 0.08);

    text-align: center;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.paso-terapia-logrono:hover {
    transform: translateY(-4px);
    border-color: #e6ddd2;
    box-shadow: 0 16px 30px rgba(39, 45, 48, 0.12);
}


/* ICONOS */

.paso-terapia-logrono__icono {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 82px;
    height: 82px;
    margin-bottom: 12px;
}

.paso-terapia-logrono__icono svg {
    display: block;
    width: 100%;
    height: 100%;
}


/* Lupa */

.paso-terapia-logrono__icono--lupa svg {
    overflow: visible;
}

.paso-terapia-logrono__icono--lupa circle:first-child {
    fill: #68c5da;
    stroke: #111111;
    stroke-width: 5;
}

.paso-terapia-logrono__icono--lupa circle:nth-child(2) {
    fill: #a8e0ec;
    stroke: #111111;
    stroke-width: 3;
}

.paso-terapia-logrono__icono--lupa line {
    stroke: #111111;
    stroke-width: 8;
    stroke-linecap: round;
}


/* Persona */

.paso-terapia-logrono__icono--persona circle:first-child {
    fill: #efede9;
}

.paso-terapia-logrono__icono--persona circle:nth-child(2),
.paso-terapia-logrono__icono--persona path {
    fill: #c8c5c0;
}


/* Calendario */

.paso-terapia-logrono__icono--calendario rect {
    fill: none;
    stroke: #000000;
    stroke-width: 6;
}

.paso-terapia-logrono__icono--calendario line {
    stroke: #000000;
    stroke-width: 5;
    stroke-linecap: square;
}


/* NÚMERO DEL PASO */

.paso-terapia-logrono__numero {
    display: block;
    margin-bottom: 27px;

    color: #329ba4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.2;
}


/* TÍTULO DE CADA PASO */

.paso-terapia-logrono__titulo {
    margin: 0 0 17px;

    color: #103b65;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.25rem, 1.8vw, 1.55rem);
    font-weight: 700;
    line-height: 1.35;
}


/* TEXTO */

.paso-terapia-logrono__texto {
    max-width: 295px;
    margin: 0 auto;

    color: #113531;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
}


/* BOTÓN INFERIOR */

.proceso-terapia-logrono__accion {
    display: flex;
    justify-content: center;
    margin-top: 44px;
}

.proceso-terapia-logrono__boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 274px;
    min-height: 65px;
    padding: 16px 30px;
    box-sizing: border-box;

    color: #ffffff;
    background-color: #628954;
    border: 1px solid #4da3a5;
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.proceso-terapia-logrono__boton:hover {
    color: #ffffff;
    background-color: #3e8d90;
    border-color: #3e8d90;

    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(46, 130, 133, 0.23);
}

.proceso-terapia-logrono__boton:focus-visible {
    outline: 3px solid #e1b80d;
    outline-offset: 4px;
}


/* TABLET */

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

    .proceso-terapia-logrono {
        padding: 48px 20px 30px;
    }

    .proceso-terapia-logrono__pasos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .paso-terapia-logrono:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 12px);
        margin: 0 auto;
    }

}


/* TABLET VERTICAL Y MÓVIL */

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

    .proceso-terapia-logrono {
        padding: 38px 15px 25px;
    }

    .proceso-terapia-logrono__cabecera {
        margin-bottom: 32px;
    }

    .proceso-terapia-logrono__titulo {
        margin-bottom: 18px;
        font-size: 1.9rem;
        line-height: 1.3;
    }

    .proceso-terapia-logrono__introduccion {
        font-size: 1rem;
    }

    .proceso-terapia-logrono__pasos {
        grid-template-columns: 1fr;
        gap: 19px;
    }

    .paso-terapia-logrono,
    .paso-terapia-logrono:last-child {
        grid-column: auto;
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 29px 22px 30px;
    }

    .paso-terapia-logrono__numero {
        margin-bottom: 20px;
    }

    .paso-terapia-logrono__texto {
        max-width: 100%;
    }

    .proceso-terapia-logrono__accion {
        margin-top: 28px;
    }

    .proceso-terapia-logrono__boton {
        width: 100%;
        max-width: 300px;
        min-width: 0;
        min-height: 57px;
    }

}


/* MÓVILES PEQUEÑOS */

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

    .proceso-terapia-logrono {
        padding-left: 11px;
        padding-right: 11px;
    }

    .proceso-terapia-logrono__titulo {
        font-size: 1.65rem;
    }

    .paso-terapia-logrono {
        padding-left: 18px;
        padding-right: 18px;
    }

    .paso-terapia-logrono__icono {
        width: 72px;
        height: 72px;
    }

    .paso-terapia-logrono__texto {
        font-size: 0.96rem;
        line-height: 1.65;
    }

}

/* PREGUNTAS FRECUENTES PSICOBIENESTAR LOGROÑO */

.faq-logrono {
    width: 100%;
    padding: 52px 20px 48px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.faq-logrono__contenedor {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}


/* CABECERA */

.faq-logrono__cabecera {
    max-width: 1050px;
    margin: 0 auto 42px;
    text-align: center;
}

.faq-logrono__titulo {
    margin: 0 0 28px;
    padding: 0;

    color: #4e7668;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2.5vw, 2.75rem);
    font-weight: 700;
    line-height: 1.2;
}

.faq-logrono__introduccion {
    max-width: 760px;
    margin: 0 auto;

    color: #152620;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1rem, 1vw, 1.2rem);
    font-weight: 400;
    line-height: 1.55;
}

.faq-logrono__introduccion strong {
    font-weight: 700;
}


/* LISTA DE PREGUNTAS */

.faq-logrono__lista {
    display: flex;
    flex-direction: column;
    gap: 22px;

    width: 100%;
}


/* ELEMENTO DEL ACORDEÓN */

.faq-logrono__elemento {
    width: 100%;
    box-sizing: border-box;

    background-color: #ffffff;
    border: 1px solid #dedbd5;
    border-radius: 15px;

    box-shadow: 0 9px 20px rgba(43, 47, 49, 0.1);

    overflow: hidden;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.faq-logrono__elemento:hover {
    border-color: #c9c4b9;
    box-shadow: 0 12px 25px rgba(43, 47, 49, 0.13);
}

.faq-logrono__elemento[open] {
    border-color: #d9d4ca;
}


/* PREGUNTA */

.faq-logrono__pregunta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;

    width: 100%;
    min-height: 85px;
    padding: 24px 26px;
    box-sizing: border-box;

    color: #152620;
    background-color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1.05rem, 1.7vw, 1.28rem);
    font-weight: 700;
    line-height: 1.4;

    cursor: pointer;
    list-style: none;
}

.faq-logrono__pregunta::-webkit-details-marker {
    display: none;
}

.faq-logrono__pregunta::marker {
    display: none;
    content: "";
}


/* ICONO MÁS Y MENOS */

.faq-logrono__icono {
    position: relative;

    display: block;
    flex-shrink: 0;

    width: 22px;
    height: 22px;
}

.faq-logrono__icono::before,
.faq-logrono__icono::after {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 16px;
    height: 3px;

    background-color: #9caa79;
    border-radius: 3px;

    content: "";
    transform: translate(-50%, -50%);

    transition: transform 0.25s ease;
}

.faq-logrono__icono::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.faq-logrono__elemento[open]
.faq-logrono__icono::after {
    transform: translate(-50%, -50%) rotate(0deg);
}


/* RESPUESTA */

.faq-logrono__respuesta {
    padding: 0 26px 24px;
    box-sizing: border-box;

    color: #4e7668;
    background-color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
}

.faq-logrono__respuesta p {
    max-width: 850px;
    margin: 0;
}


/* ACCESIBILIDAD */

.faq-logrono__pregunta:focus-visible {
    outline: 3px solid #9caa79;
    outline-offset: -4px;
    border-radius: 13px;
}


/* TABLET */

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

    .faq-logrono {
        padding: 46px 20px 43px;
    }

    .faq-logrono__cabecera {
        margin-bottom: 35px;
    }

    .faq-logrono__lista {
        gap: 18px;
    }

    .faq-logrono__pregunta {
        min-height: 78px;
        padding: 22px 23px;
    }

    .faq-logrono__respuesta {
        padding: 0 23px 22px;
    }

}


/* MÓVIL */

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

    .faq-logrono {
        padding: 36px 15px 38px;
    }

    .faq-logrono__cabecera {
        margin-bottom: 28px;
    }

    .faq-logrono__titulo {
        margin-bottom: 19px;
        font-size: 1.8rem;
        line-height: 1.3;
    }

    .faq-logrono__introduccion {
        font-size: 0.8rem;
    }

    .faq-logrono__lista {
        gap: 15px;
    }

    .faq-logrono__elemento {
        border-radius: 12px;
    }

    .faq-logrono__pregunta {
        min-height: 0;
        padding: 20px 18px;

        font-size: 1.02rem;
        line-height: 1.45;
    }

    .faq-logrono__respuesta {
        padding: 0 18px 20px;
        font-size: 0.96rem;
        line-height: 1.6;
    }

    .faq-logrono__icono {
        width: 19px;
        height: 19px;
    }

    .faq-logrono__icono::before,
    .faq-logrono__icono::after {
        width: 14px;
    }

}


/* MÓVILES PEQUEÑOS */

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

    .faq-logrono {
        padding-left: 11px;
        padding-right: 11px;
    }

    .faq-logrono__titulo {
        font-size: 1.3rem;
    }

    .faq-logrono__pregunta {
        gap: 13px;
        padding: 18px 15px;
        font-size: 0.97rem;
    }

    .faq-logrono__respuesta {
        padding: 0 15px 18px;
        font-size: 0.94rem;
    }

}

/* WHATSAPP FLOTANTE PSICOBIENESTAR */
:root {
    --whatsapp-gradient: linear-gradient(90deg, var(--top-bar-green) 0%, #4f796d 55%, var(--top-bar-green-dark) 100%);
}
.whatsapp-widget {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 99990;

    font-family: Arial, Helvetica, sans-serif;
}


/* BOTÓN FLOTANTE */

.whatsapp-float {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 68px;
    height: 68px;
    margin-left: auto;
    padding: 0;

    color: #ffffff;
    background: var(--whatsapp-gradient);
    border: 3px solid #ffffff;
    border-radius: 50%;

    box-shadow:
        0 12px 30px rgba(36, 70, 62, 0.28),
        0 3px 9px rgba(0, 0, 0, 0.12);

    cursor: pointer;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.whatsapp-float:hover {
    transform: translateY(-4px) scale(1.03);

    box-shadow:
        0 17px 35px rgba(36, 70, 62, 0.34),
        0 4px 10px rgba(0, 0, 0, 0.14);
}

.whatsapp-float svg {
    display: block;

    width: 37px;
    height: 37px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.whatsapp-float svg path:last-child {
    fill: currentColor;
    stroke: none;
}


/* NOTIFICACIÓN */

.whatsapp-notification {
    position: absolute;
    top: -5px;
    right: -5px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 25px;
    height: 25px;

    color: #ffffff;
    background-color: #df2d1f;
    border: 2px solid #ffffff;
    border-radius: 50%;

    font-size: 0.78rem;
    font-weight: 700;
}


/* VENTANA */

.whatsapp-panel {
    position: absolute;
    right: 0;
    bottom: 84px;

    width: min(390px, calc(100vw - 30px));

    background-color: #f5faf8;
    border: 1px solid rgba(60, 104, 93, 0.2);
    border-radius: 24px;

    box-shadow:
        0 22px 50px rgba(34, 58, 53, 0.23),
        0 5px 16px rgba(0, 0, 0, 0.12);

    overflow: hidden;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(20px) scale(0.96);
    transform-origin: bottom right;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease,
        transform 0.25s ease;
}

.whatsapp-panel.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: translateY(0) scale(1);
}


/* CABECERA */

.whatsapp-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    min-height: 80px;
    padding: 16px 20px;
    box-sizing: border-box;

    color: #ffffff;
    background: var(--whatsapp-gradient);
}

.whatsapp-panel__brand {
    display: flex;
    align-items: center;
    gap: 10px;

    font-size: 1.2rem;
    font-weight: 700;
}

.whatsapp-panel__brand svg {
    width: 32px;
    height: 32px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.whatsapp-panel__brand svg path:last-child {
    fill: currentColor;
    stroke: none;
}


/* CERRAR */

.whatsapp-panel__close {
    position: relative;

    width: 42px;
    height: 42px;
    flex-shrink: 0;

    padding: 0;

    background-color: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

.whatsapp-panel__close:hover {
    background-color: rgba(0, 0, 0, 0.28);
    transform: rotate(5deg);
}

.whatsapp-panel__close span {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 19px;
    height: 2px;

    background-color: #ffffff;
    border-radius: 5px;
}

.whatsapp-panel__close span:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
}

.whatsapp-panel__close span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}


/* CUERPO */

.whatsapp-panel__body {
    padding: 25px 22px 20px;
    box-sizing: border-box;
}


/* MENSAJE */

.whatsapp-message {
    position: relative;

    margin-bottom: 25px;
    padding: 21px 23px;

    color: #293936;
    background-color: #ffffff;
    border: 1px solid #dfe8e4;
    border-radius: 20px;

    box-shadow: 0 7px 18px rgba(38, 62, 56, 0.1);

    font-size: 1rem;
    line-height: 1.55;
}

.whatsapp-message::before {
    position: absolute;
    left: -13px;
    bottom: 23px;

    width: 24px;
    height: 24px;

    background-color: #ffffff;
    border-bottom: 1px solid #dfe8e4;
    border-left: 1px solid #dfe8e4;

    content: "";
    transform: rotate(45deg);
}

.whatsapp-message p {
    position: relative;
    z-index: 1;

    margin: 0;
}

.whatsapp-message p + p {
    margin-top: 7px;
}


/* BOTÓN HABLAMOS */

.whatsapp-panel__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    width: fit-content;
    min-width: 195px;
    min-height: 58px;
    margin-left: auto;
    padding: 13px 22px;
    box-sizing: border-box;

    color: #ffffff;
    background: var(--whatsapp-gradient);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;

    box-shadow: 0 8px 18px rgba(42, 86, 75, 0.22);

    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease;
}

.whatsapp-panel__button:hover {
    color: #ffffff;

    filter: brightness(1.08);
    transform: translateY(-2px);

    box-shadow: 0 12px 24px rgba(42, 86, 75, 0.28);
}

.whatsapp-panel__button svg {
    width: 29px;
    height: 29px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.whatsapp-panel__button svg path:last-child {
    fill: currentColor;
    stroke: none;
}


/* ACCESIBILIDAD */

.whatsapp-float:focus-visible,
.whatsapp-panel__close:focus-visible,
.whatsapp-panel__button:focus-visible {
    outline: 3px solid #f2d47b;
    outline-offset: 4px;
}


/* MÓVIL */

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

    .whatsapp-widget {
        right: 14px;
        bottom: 16px;
    }

    .whatsapp-float {
        width: 60px;
        height: 60px;
    }

    .whatsapp-float svg {
        width: 33px;
        height: 33px;
    }

    .whatsapp-panel {
        position: fixed;
        right: 12px;
        bottom: 90px;
        left: 12px;

        width: auto;
        max-height: calc(100vh - 115px);

        border-radius: 20px;
    }

    .whatsapp-panel__header {
        min-height: 68px;
        padding: 13px 16px;
    }

    .whatsapp-panel__brand {
        font-size: 1.05rem;
    }

    .whatsapp-panel__body {
        padding: 20px 17px 17px;
    }

    .whatsapp-message {
        padding: 18px 19px;
        font-size: 0.96rem;
    }

    .whatsapp-panel__button {
        width: 100%;
        min-width: 0;
    }
}


/* MÓVILES PEQUEÑOS */

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

    .whatsapp-widget {
        right: 10px;
        bottom: 12px;
    }

    .whatsapp-panel {
        right: 8px;
        bottom: 82px;
        left: 8px;
    }

    .whatsapp-panel__brand {
        font-size: 1rem;
    }

    .whatsapp-message {
        padding: 16px;
        font-size: 0.92rem;
    }
}

/* =========================================================
   CONTENIDO DE PÁGINAS Y BLOG
========================================================= */
.site-main--content { min-height: 55vh; padding: 70px 0 90px; }
.content-shell { width: min(1100px, calc(100% - 40px)); margin-inline: auto; }
.entry-header { margin-bottom: 32px; }
.entry-title { color: #293238; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.15; }
.entry-meta { margin-top: 12px; color: #667078; font-size: .92rem; }
.entry-content { color: #3f484d; font-size: 1.05rem; line-height: 1.8; }
.entry-content > * + * { margin-top: 1.25em; }
.entry-content h2, .entry-content h3, .entry-content h4 { color: #293238; font-family: Georgia, "Times New Roman", serif; line-height: 1.25; }
.entry-content ul { list-style: disc; padding-left: 1.4rem; }
.entry-content ol { padding-left: 1.4rem; }
.entry-content a { color: var(--verde-principal); text-decoration: underline; text-underline-offset: 3px; }
.entry-content img { border-radius: 12px; }
.post-thumbnail { margin-bottom: 30px; overflow: hidden; border-radius: 14px; }

.posts-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } 
.post-card { overflow: hidden; background: #fff; border: 1px solid #e1e7e4; border-radius: 12px; box-shadow: 0 8px 20px rgba(20, 54, 93, 0.08); } 
.post-card__image { display: block; overflow: hidden; text-decoration: none; } 
.post-card__image img { display: block; width: 100%; height: 185px; object-fit: cover; } 
.post-card__body { padding: 18px; } 
.post-card__title { margin: 0 0 10px; color: #374e46; font-family: Georgia, "Times New Roman", serif; font-size: 1.12rem; line-height: 1.3; } 
.post-card__title a, .post-card__title a:visited { color: #374e46; text-decoration: none; } 
.post-card__title a:hover, .post-card__title a:focus { color: #527c70; text-decoration: none; } 
.post-card__excerpt { color: #5b6469; font-size: 0.92rem; line-height: 1.55; } 
.post-card__link, .post-card__link:visited { display: inline-flex; margin-top: 15px; color: var(--verde-principal); font-size: 0.9rem; font-weight: 700; text-decoration: none; } 
.post-card__link:hover, .post-card__link:focus { color: #374e46; text-decoration: none; }
.navigation.pagination { margin-top: 45px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.page-numbers { padding: 9px 13px; border: 1px solid #dfe4e2; border-radius: 6px; }
.page-numbers.current { color: #fff; background: var(--verde-principal); border-color: var(--verde-principal); }
.not-found { padding-block: 50px; text-align: center; }
.site-main--front { overflow: hidden; }
.footer-menu { margin: 0; padding: 0; }
.footer-menu li { margin-bottom: 12px; }
@media (max-width: 900px) { .site-main--content .content-shell { width: min(720px, calc(100% - 32px)); } .posts-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; } .post-card__image img { height: 180px; } }

@media (max-width: 600px) { .site-main--content { padding: 38px 0 55px; } .site-main--content .content-shell { width: calc(100% - 30px); max-width: 370px; margin: 0 auto; } .posts-grid { grid-template-columns: 1fr; gap: 18px; } .post-card { width: 100%; max-width: 350px; margin: 0 auto; } .post-card__image img { height: 180px; } .post-card__body { padding: 16px; } .post-card__title { font-size: 1.05rem; } .post-card__excerpt { font-size: .88rem; } }

/* =========================================================
   BASE Y CABECERA WORDPRESS
========================================================= */
* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
    --verde-principal: #4e7668;
    --top-bar-green: #527c70;
    --top-bar-green-dark: #476e64;
    --azul-menu: #14365d;
    --texto: #333333;
    --blanco: #ffffff;
    --header-shadow: 0 8px 24px rgba(20, 54, 93, 0.09);
}
html { scroll-behavior: smooth; scroll-padding-top: 170px; }
body {
    margin: 0;
    color: var(--texto);
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}
body.admin-bar /* =========================================================
   CABECERA PSICOBIENESTAR
   Estilos aislados para evitar conflictos con CSS antiguo.
========================================================= */
#masthead.pb-site-header {
    position: sticky;
    top: 0;
    z-index: 99990;
    width: 100%;
    background: #fff;
}

body.admin-bar #masthead.pb-site-header {
    top: 32px;
}

#masthead .pb-top-bar {
    width: 100%;
    min-height: 56px;
    color: #fff;
    background: linear-gradient(90deg, var(--top-bar-green) 0%, #4f796d 55%, var(--top-bar-green-dark) 100%);
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    box-shadow: 0 4px 18px rgba(29, 57, 50, .15);
}

#masthead .pb-top-bar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    max-width: 1780px;
    min-height: 56px;
    margin: 0 auto;
    padding: 0 4%;
}

#masthead .pb-top-contact {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

#masthead .pb-contact-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .96rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    transition: color .2s ease, transform .2s ease, opacity .2s ease;
}

#masthead .pb-contact-link:hover {
    color: #f6efe4;
    transform: translateY(-1px);
}

#masthead .pb-contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    color: #fff;
    background: rgba(255, 255, 255, .11);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
}

#masthead .pb-contact-icon svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#masthead .pb-contact-separator {
    display: block;
    width: 1px;
    height: 25px;
    flex: 0 0 1px;
    background: rgba(255, 255, 255, .34);
}

#masthead .pb-instagram {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    margin-left: auto;
    color: #fff;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

#masthead .pb-instagram:hover {
    color: var(--top-bar-green);
    background: #fff;
    border-color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 7px 17px rgba(24, 48, 42, .22);
}

#masthead .pb-instagram svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#masthead .pb-instagram svg circle:last-child {
    fill: currentColor;
    stroke: none;
}

#masthead .pb-contact-link:focus-visible,
#masthead .pb-instagram:focus-visible,
#masthead .pb-menu-toggle:focus-visible,
#masthead .pb-primary-menu a:focus-visible {
    outline: 3px solid #f2d98a;
    outline-offset: 3px;
}

#masthead .pb-main-header {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid var(--verde-principal);
}

#masthead .pb-header-inner {
    display: flex;
    align-items: center;
    gap: 28px;
    width: calc(100% - 120px);
    max-width: 1800px;
    min-height: 105px;
    margin: 0 auto;
    position: relative;
}

#masthead .pb-site-logo {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

#masthead .pb-site-logo img {
    display: block;
    width: 125px;
    height: auto;
    max-height: 82px;
    object-fit: contain;
}

#masthead .pb-primary-nav {
    margin-left: auto;
}

#masthead .pb-primary-menu {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#masthead .pb-primary-menu > li {
    position: relative;
    margin: 0;
    padding: 0;
}

#masthead .pb-primary-menu > li > a {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 95px;
    padding: 0;
    color: var(--azul-menu);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .3px;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
}

#masthead .pb-primary-menu > li > a:hover,
#masthead .pb-primary-menu > .current-menu-item > a,
#masthead .pb-primary-menu > .current-menu-ancestor > a {
    color: var(--verde-principal);
}

#masthead .pb-primary-menu > .menu-item-has-children > a::after,
#masthead .pb-primary-menu > .has-submenu > a::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: -4px 1px 0 3px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    flex: 0 0 7px;
}

#masthead .pb-primary-menu .sub-menu,
#masthead .pb-primary-menu .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 270px;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    background: #fff;
    border-top: 3px solid var(--verde-principal);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .13);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

#masthead .pb-primary-menu .sub-menu .sub-menu,
#masthead .pb-primary-menu .submenu .submenu {
    top: -3px;
    left: 100%;
}

#masthead .pb-primary-menu .menu-item-has-children:hover > .sub-menu,
#masthead .pb-primary-menu .menu-item-has-children:focus-within > .sub-menu,
#masthead .pb-primary-menu .has-submenu:hover > .submenu,
#masthead .pb-primary-menu .has-submenu:focus-within > .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#masthead .pb-primary-menu .sub-menu a,
#masthead .pb-primary-menu .submenu a {
    display: block;
    padding: 12px 18px;
    color: var(--azul-menu);
    background: #fff;
    border-bottom: 1px solid #eee;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    text-transform: none;
    white-space: normal;
}

#masthead .pb-primary-menu .sub-menu li:last-child > a,
#masthead .pb-primary-menu .submenu li:last-child > a {
    border-bottom: 0;
}

#masthead .pb-primary-menu .sub-menu a:hover,
#masthead .pb-primary-menu .sub-menu a:focus,
#masthead .pb-primary-menu .submenu a:hover,
#masthead .pb-primary-menu .submenu a:focus {
    color: var(--verde-principal);
    background: #f5f7f6;
}

#masthead .pb-menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    margin-left: auto;
    padding: 8px;
    color: var(--azul-menu);
    background: transparent;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}

#masthead .pb-menu-toggle svg {
    width: 29px;
    height: 29px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

#masthead .pb-menu-toggle__close {
    display: none;
}

#masthead .pb-menu-toggle[aria-expanded="true"] .pb-menu-toggle__open {
    display: none;
}

#masthead .pb-menu-toggle[aria-expanded="true"] .pb-menu-toggle__close {
    display: block;
}

.hero-main {
    padding-top: 24px;
    background: #fff;
}

@media (max-width: 1200px) {
    .container {
        width: calc(100% - 60px);
    }

    #masthead .pb-header-inner {
        width: calc(100% - 60px);
    }

    #masthead .pb-primary-menu {
        gap: 18px;
    }

    #masthead .pb-primary-menu > li > a {
        font-size: 11px;
    }
}

@media (max-width: 991px) {
    html {
        scroll-padding-top: 145px;
    }

    body.pb-menu-open {
        overflow: hidden;
    }

    .container {
        width: calc(100% - 32px);
    }

    #masthead .pb-header-inner {
        width: calc(100% - 32px);
        min-height: 88px;
    }

    #masthead .pb-site-logo img {
        width: 115px;
        max-height: 70px;
    }

    #masthead .pb-menu-toggle {
        display: inline-flex;
    }

    #masthead .pb-primary-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        z-index: 9999;
        width: 100vw;
        max-height: calc(100vh - 144px);
        margin: 0;
        overflow-y: auto;
        background: #fff;
        border-top: 1px solid #eee;
        box-shadow: 0 12px 25px rgba(0, 0, 0, .12);
        transform: translateX(-50%);
        overscroll-behavior: contain;
    }

    #masthead .pb-primary-nav.active {
        display: block;
    }

    #masthead .pb-primary-menu {
        display: block;
        width: 100%;
    }

    #masthead .pb-primary-menu > li {
        width: 100%;
        border-bottom: 1px solid #eee;
    }

    #masthead .pb-primary-menu > li > a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 52px;
        padding: 10px 20px;
        font-size: 11px;
    }

    /* En móvil, cada elemento principal navega a su página resumen. */
    #masthead .pb-primary-menu .sub-menu,
    #masthead .pb-primary-menu .submenu {
        display: none !important;
    }

    #masthead .pb-primary-menu > .menu-item-has-children > a::after,
    #masthead .pb-primary-menu > .has-submenu > a::after {
        display: none;
    }
}

@media (max-width: 850px) {
    #masthead .pb-top-bar__inner {
        gap: 20px;
        padding-right: 22px;
        padding-left: 22px;
    }

    #masthead .pb-top-contact {
        gap: 12px;
    }

    #masthead .pb-contact-link {
        font-size: .88rem;
    }

    #masthead .pb-contact-icon {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
    }
}

@media (max-width: 650px) {
    #masthead .pb-top-bar,
    #masthead .pb-top-bar__inner {
        min-height: 56px;
    }

    #masthead .pb-top-bar__inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
        width: 100%;
        padding: 7px 10px;
    }

    #masthead .pb-top-contact {
        display: flex;
        align-items: center;
        flex-flow: row nowrap;
        gap: 8px;
        width: 100%;
        min-width: 0;
    }

    #masthead .pb-contact-separator {
        display: none;
    }

    #masthead .pb-contact-link {
        gap: 5px;
        min-width: 0;
        color: #fff;
        font-size: clamp(.67rem, 2.7vw, .78rem);
        white-space: nowrap;
    }

    #masthead .pb-contact-link--phone {
        flex: 0 0 auto;
    }

    #masthead .pb-contact-link--email {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }

    #masthead .pb-contact-link--email .pb-contact-text {
        display: block;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #masthead .pb-contact-icon {
        width: 21px;
        height: 21px;
        flex: 0 0 21px;
    }

    #masthead .pb-contact-icon svg {
        width: 11px;
        height: 11px;
    }

    #masthead .pb-instagram {
        display: inline-flex;
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
    }

    #masthead .pb-instagram svg {
        width: 18px;
        height: 18px;
    }
}

@media (max-width: 390px) {
    .container {
        width: calc(100% - 20px);
    }

    #masthead .pb-header-inner {
        width: calc(100% - 20px);
    }

    #masthead .pb-top-bar__inner {
        gap: 6px;
        padding-right: 8px;
        padding-left: 8px;
    }

    #masthead .pb-top-contact {
        gap: 5px;
    }

    #masthead .pb-contact-link {
        gap: 4px;
        font-size: .64rem;
    }

    #masthead .pb-contact-icon {
        width: 19px;
        height: 19px;
        flex-basis: 19px;
    }

    #masthead .pb-instagram {
        width: 31px;
        height: 31px;
        flex-basis: 31px;
    }
}

@media screen and (max-width: 782px) {
    body.admin-bar #masthead.pb-site-header {
        top: 46px;
    }
}


/* ====================== HERO CORREGIDO PARA MÓVIL ====================== */
.hero-container {
    position: relative;
    overflow: hidden;
}

.hero-main img {
    width: 100%;
    height: 620px;           /* Ajustado */
    object-fit: cover;
    display: block;
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(20, 54, 93, 0.4) 30%,
        rgba(20, 54, 93, 0.85) 55%,
        rgba(70, 113, 97, 0.9) 100%
    );
    display: flex;
    align-items: flex-end;        
    padding-bottom: 40px;         
}

.hero-content {
    color: white;
    text-align: center;
    max-width: 920px;
    margin: 0 auto;
    width: 100%;
    padding: 0 20px;
}

.hero-content h1 {
    font-size: 2.1rem;
    line-height: 1.8;
    margin-bottom: 16px;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0,0,0,0.6); /* Mejor legibilidad */
}

.hero-subtitle {
    font-size: 1.12rem;
    line-height: 1.45;
    margin-bottom: 24px;
    opacity: 0.95;
}

/* Botones */
.hero-ctas {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 24px;
}

.btn-primary, .btn-secondary {
    padding: 14px 28px;
    border-radius: 50px;
    font-size: 1.05rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    min-height: 52px;
}

.btn-primary {
    background: var(--verde-principal);
    color: white;
    border: 2px solid var(--verde-principal);
}

.btn-secondary {
    background: transparent;
    color: white;
    border: 2px solid white;
}

/* Trust badges */
.trust-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
    font-size: 0.5rem;
}

/* ====================== RESPONSIVE ====================== */
@media (max-width: 768px) {
    .hero-main img {
        height: 520px;
    }
    .hero-content h1 {
        font-size: 1.75rem;
    }
    .hero-overlay {
        padding-bottom: 35px;
    }
}

@media (max-width: 600px) {
    .btn-primary, .btn-secondary {
        padding: 13px 24px;        /* Más pequeño */
        font-size: 1rem;           /* Texto más pequeño */
        min-height: 48px;
        width: 100%;
        max-width: 290px;
        justify-content: center;
    }
    
    .hero-ctas {
        gap: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .btn-primary, .btn-secondary {
        padding: 9px 10px;
        font-size: 0.78rem;
    }
     .hero-content h1 {
        font-size: 1.2rem;
    }
    .hero-subtitle {
        font-size: 0.85rem;
    }
}

/* ====================== FOOTER ====================== */
.main-footer {
    background: #363839;
    color: #ddd;
    padding: 60px 0 20px;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 40px;
}

.footer-column h3,
.footer-column .h3 {
    color: var(--verde-principal);
    margin-bottom: 20px;
    font-size: 1.1rem;
}

.footer-column ul {
    list-style: none;
}

.footer-column li {
    margin-bottom: 12px;
    line-height: 1.5;
}

.footer-column a {
    color: #ddd;
    transition: color 0.3s;
}

.footer-column a:hover {
    color: var(--verde-principal);
}

.footer-social {
    margin-top: 20px;
}

.footer-social a {
    font-size: 1.8rem;
    margin-right: 15px;
    color: #ddd;
}

.footer-bottom {
    background: #131c24;
    padding: 20px 0;
    margin-top: 50px;
    font-size: 0.9rem;
    text-align: center;
    color: #888;
}

.footer-bottom a {
    color: #aaa;
}

/* Responsive Footer */
@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
}


/* =========================================
   CENTRO DE PSICOLOGÍA EN LOGROÑO
========================================= */

.centro-logrono {
    width: 100%;
    padding: 45px 20px 55px;
    box-sizing: border-box;
    background-color: #ffffff;
}

/* Título principal */

.centro-logrono__titulo {
    margin: 0 0 48px;
    padding: 0;
    color: #293238;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2vw, 3rem);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

/* Caja principal */

.centro-logrono__caja {
    width: 100%;
    max-width: 1375px;
    margin: 0 auto;
    padding: 40px 50px;
    box-sizing: border-box;

    background-color: #eeeae4;
    border: 1px solid #b9b78c;
    border-radius: 23px;

    box-shadow: 0 12px 30px rgba(33, 39, 40, 0.08);
    text-align: center;
}

/* Subtítulo */

.centro-logrono__subtitulo {
    margin: 0 0 12px;
    color: #283238;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.25rem, 1.8vw, 1.65rem);
    font-weight: 700;
    line-height: 1.35;
}

/* Texto */

.centro-logrono__texto {
    max-width: 1080px;
    margin: 0 auto 28px;
    color: #304541;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1rem, 1vw, 1.28rem);
    font-weight: 400;
    line-height: 1.55;
}

.centro-logrono__texto strong {
    font-weight: 700;
}

/* Contenedor de botones */

.centro-logrono__botones {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex-wrap: wrap;
}

/* Botones */

.centro-logrono__boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 62px;
    padding: 15px 34px;
    box-sizing: border-box;

    border: none;
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    cursor: pointer;
    transition:
        transform 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* Botón solicitar cita */

.centro-logrono__boton--cita {
    min-width: 230px;
    color: #ffffff;
    background-color: #1d1d1b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.centro-logrono__boton--cita:hover {
    color: #ffffff;
    background-color: #363633;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
}

/* Botón ver más */

.centro-logrono__boton--mas {
    min-width: 120px;
    color: #ffffff;
    background-color: #879f78;
    text-transform: lowercase;
}

.centro-logrono__boton--mas:hover {
    color: #ffffff;
    background-color: #718b64;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(77, 100, 69, 0.2);
}

/* Accesibilidad con teclado */

.centro-logrono__boton:focus-visible {
    outline: 3px solid #e1b80d;
    outline-offset: 4px;
}


/* =========================================
   TABLET
========================================= */

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

    .centro-logrono {
        padding: 38px 24px 48px;
    }

    .centro-logrono__titulo {
        margin-bottom: 35px;
    }

    .centro-logrono__caja {
        padding: 36px 30px;
        border-radius: 20px;
    }

    .centro-logrono__texto {
        max-width: 750px;
    }
}


/* =========================================
   MÓVIL
========================================= */

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

    .centro-logrono {
        padding: 30px 15px 38px;
    }

    .centro-logrono__titulo {
        margin-bottom: 28px;
        font-size: 2rem;
        line-height: 1.25;
    }

    .centro-logrono__caja {
        padding: 30px 20px;
        border-radius: 18px;
    }

    .centro-logrono__subtitulo {
        margin-bottom: 14px;
        font-size: 1.3rem;
    }

    .centro-logrono__texto {
        margin-bottom: 24px;
        font-size: 1rem;
        line-height: 1.55;
    }

    .centro-logrono__botones {
        width: 100%;
        flex-direction: column;
        gap: 12px;
    }

    .centro-logrono__boton {
        width: 100%;
        min-width: 0;
        min-height: 56px;
        padding: 15px 22px;
    }
}


/* =========================================
   MÓVILES MUY PEQUEÑOS
========================================= */

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

    .centro-logrono {
        padding-left: 12px;
        padding-right: 12px;
    }

    .centro-logrono__titulo {
        font-size: 1.4rem;
    }

    .centro-logrono__caja {
        padding: 26px 16px;
    }

    .centro-logrono__subtitulo {
        font-size: 1rem;
    }
}

/* =========================================
   SECCIÓN POR QUÉ ELEGIRNOS
========================================= */

.por-que-logrono {
    width: 100%;
    padding: 55px 25px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.por-que-logrono__contenido {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 25px;

    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

/* Columna de información */

.por-que-logrono__informacion {
    width: 100%;
    padding-right: 25px;
    box-sizing: border-box;
}

/* Título */

.por-que-logrono__titulo {
    margin: 0 0 26px;
    color: #2b2927;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.4rem, 2vw, 1.75rem);
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    text-transform: uppercase;
}

/* Línea debajo del título */

.por-que-logrono__linea {
    width: 100%;
    height: 1px;
    margin-bottom: 18px;
    background-color: #a6a6a6;
}

/* Lista */

.por-que-logrono__lista {
    margin: 0;
    padding: 0 0 0 50px;
    color: #292725;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.05rem, 1vw, 1.32rem);
    font-weight: 700;
    line-height: 1.45;
}

.por-que-logrono__lista li {
    margin-bottom: 18px;
    padding-left: 2px;
}

.por-que-logrono__lista li:last-child {
    margin-bottom: 0;
}

.por-que-logrono__lista li::marker {
    color: #878787;
    font-size: 0.75em;
}

/* Contenedor de la imagen */

.por-que-logrono__imagen-contenedor {
    width: 100%;
    height: 458px;
    overflow: hidden;
}

/* Imagen */

.por-que-logrono__imagen {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


/* =========================================
   TABLET
========================================= */

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

    .por-que-logrono {
        padding: 45px 25px;
    }

    .por-que-logrono__contenido {
        gap: 30px;
    }

    .por-que-logrono__informacion {
        padding-right: 0;
    }

    .por-que-logrono__lista {
        padding-left: 35px;
    }

    .por-que-logrono__imagen-contenedor {
        height: 410px;
    }
}


/* =========================================
   TABLET VERTICAL Y MÓVIL
========================================= */

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

    .por-que-logrono {
        padding: 40px 20px;
    }

    .por-que-logrono__contenido {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .por-que-logrono__titulo {
        margin-bottom: 20px;
        font-size: 1.55rem;
    }

    .por-que-logrono__linea {
        margin-bottom: 22px;
    }

    .por-que-logrono__lista {
        padding-left: 30px;
        font-size: 1.1rem;
    }

    .por-que-logrono__lista li {
        margin-bottom: 15px;
    }

    .por-que-logrono__imagen-contenedor {
        width: 100%;
        height: 380px;
    }
}


/* =========================================
   MÓVIL
========================================= */

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

    .por-que-logrono {
        padding: 32px 15px;
    }

    .por-que-logrono__contenido {
        gap: 28px;
    }

    .por-que-logrono__titulo {
        font-size: 1.35rem;
        line-height: 1.3;
    }

    .por-que-logrono__lista {
        padding-left: 24px;
        font-size: 1rem;
        line-height: 1.45;
    }

    .por-que-logrono__lista li {
        margin-bottom: 13px;
        padding-left: 3px;
    }

    .por-que-logrono__imagen-contenedor {
        height: 290px;
    }
}


/* =========================================
   MÓVILES PEQUEÑOS
========================================= */

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

    .por-que-logrono {
        padding-left: 12px;
        padding-right: 12px;
    }

    .por-que-logrono__titulo {
        font-size: 1.2rem;
    }

    .por-que-logrono__lista {
        padding-left: 22px;
        font-size: 0.7rem;
    }

    .por-que-logrono__imagen-contenedor {
        height: 240px;
    }
}

/* =========================================
   TALLERES Y CURSOS EN LOGROÑO
========================================= */

.talleres-logrono {
    width: 100%;
    padding: 58px 24px 34px;
    box-sizing: border-box;
    background-color: #eeeae4;
}

.talleres-logrono__contenedor {
    width: 100%;
    max-width: 1238px;
    margin: 0 auto;
}


/* =========================================
   CABECERA
========================================= */

.talleres-logrono__cabecera {
    margin-bottom: 31px;
    text-align: center;
}

.talleres-logrono__titulo {
    max-width: 1100px;
    margin: 0 auto 14px;
    color: #273238;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2vw, 2.7rem);
    font-weight: 700;
    line-height: 1.18;
}

.talleres-logrono__descripcion {
    max-width: 830px;
    margin: 0 auto 25px;
    color: #1f2f2d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1rem, 1vw, 1.25rem);
    font-weight: 400;
    line-height: 1.5;
}

.talleres-logrono__descripcion strong {
    font-weight: 700;
}


/* =========================================
   BOTONES GENERALES
========================================= */

.talleres-logrono__boton,
.taller-logrono__boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.talleres-logrono__boton--principal {
    min-width: 184px;
    min-height: 98px;
    padding: 20px 18px;
    color: #ffffff;
    background-color: #879d77;
    border-radius: 48px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
}

.talleres-logrono__boton--principal:hover {
    color: #ffffff;
    background-color: #718965;
    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(76, 94, 67, 0.18);
}


/* =========================================
   TARJETAS
========================================= */

.talleres-logrono__tarjetas {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    width: 100%;
}

.taller-logrono {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 300px;
    padding: 22px 21px 24px;
    box-sizing: border-box;
    background-color: #ffffff;
    border: 1px solid #b8ba91;
    border-radius: 17px;
    box-shadow: 0 10px 23px rgba(48, 51, 40, 0.07);
}

.taller-logrono__titulo {
    margin: 0 0 10px;
    color: #292725;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.45;
}

.taller-logrono__texto {
    margin: 0 0 19px;
    color: #172a27;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.55;
}

.taller-logrono__modalidad {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 35px;
    margin-top: auto;
    margin-bottom: 16px;
    padding: 6px 12px;
    box-sizing: border-box;
    color: #72532f;
    background-color: #f5f2eb;
    border: 1px solid #b9b98d;
    border-radius: 999px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9rem;
    line-height: 1;
}

.taller-logrono__boton {
    min-height: 51px;
    padding: 13px 19px;
    color: #172a27;
    background-color: #ffffff;
    border: 1px solid #b8ba91;
    border-radius: 999px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
}

.taller-logrono__boton:hover {
    color: #ffffff;
    background-color: #879d77;
    border-color: #879d77;
    transform: translateY(-2px);
    box-shadow: 0 7px 16px rgba(76, 94, 67, 0.15);
}


/* =========================================
   PARTE INFERIOR
========================================= */

.talleres-logrono__pie {
    margin-top: 35px;
    padding-top: 28px;
    border-top: 1px dashed #bdbca8;
    text-align: center;
}

.talleres-logrono__nota {
    margin: 0 0 23px;
    color: #263633;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}

.talleres-logrono__nota strong {
    font-weight: 700;
}

.talleres-logrono__boton--agenda {
    min-height: 51px;
    padding: 14px 21px;
    color: #ffffff;
    background-color: #879d77;
    border-radius: 999px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
}

.talleres-logrono__boton--agenda:hover {
    color: #ffffff;
    background-color: #718965;
    transform: translateY(-2px);
    box-shadow: 0 7px 16px rgba(76, 94, 67, 0.18);
}


/* =========================================
   ACCESIBILIDAD
========================================= */

.talleres-logrono__boton:focus-visible,
.taller-logrono__boton:focus-visible {
    outline: 3px solid #e1b80d;
    outline-offset: 4px;
}


/* =========================================
   TABLET
========================================= */

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

    .talleres-logrono {
        padding: 50px 25px 35px;
    }

    .talleres-logrono__tarjetas {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .taller-logrono:last-child {
        grid-column: 1 / -1;
        max-width: calc(50% - 12px);
        width: 100%;
        margin: 0 auto;
    }
}


/* =========================================
   MÓVIL Y TABLET VERTICAL
========================================= */

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

    .talleres-logrono {
        padding: 40px 18px 32px;
    }

    .talleres-logrono__cabecera {
        margin-bottom: 27px;
    }

    .talleres-logrono__titulo {
        font-size: 2rem;
    }

    .talleres-logrono__descripcion br {
        display: none;
    }

    .talleres-logrono__boton--principal {
        min-width: 170px;
        min-height: 58px;
        padding: 16px 22px;
        border-radius: 999px;
    }

    .talleres-logrono__tarjetas {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .taller-logrono,
    .taller-logrono:last-child {
        grid-column: auto;
        width: 100%;
        max-width: none;
        min-height: 0;
    }
}


/* =========================================
   MÓVIL
========================================= */

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

    .talleres-logrono {
        padding: 34px 14px 28px;
    }

    .talleres-logrono__titulo {
        font-size: 1.4rem;
        line-height: 1.25;
    }

    .talleres-logrono__descripcion {
        margin-bottom: 22px;
        font-size: 0.8rem;
    }

    .taller-logrono {
        padding: 21px 18px 22px;
        border-radius: 15px;
    }

    .taller-logrono__titulo {
        font-size: 1.08rem;
    }

    .taller-logrono__texto {
        font-size: 0.96rem;
    }

    .taller-logrono__boton {
        width: 100%;
    }

    .talleres-logrono__pie {
        margin-top: 28px;
        padding-top: 24px;
    }

    .talleres-logrono__boton--agenda {
        width: 100%;
    }
}

/* =========================================
   TRATAMIENTOS PSICOLÓGICOS EN LOGROÑO
========================================= */

.tratamientos-logrono {
    width: 100%;
    padding: 55px 24px 60px;
    box-sizing: border-box;

    /* Fondo general blanco */
    background-color: #ffffff;
}

.tratamientos-logrono__contenedor {
    width: 100%;
    max-width: 1465px;
    margin: 0 auto;
}


/* =========================================
   CABECERA
========================================= */

.tratamientos-logrono__cabecera {
    margin-bottom: 47px;
    text-align: center;
}

.tratamientos-logrono__titulo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    margin: 0 0 34px;
    padding: 0;

    color: #507674;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2vw, 2.75rem);
    font-weight: 700;
    line-height: 1.2;
}

.tratamientos-logrono__titulo span {
    flex-shrink: 0;
    font-size: 0.9em;
}

.tratamientos-logrono__introduccion {
    max-width: 900px;
    margin: 0 auto;

    color: #345c60;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1rem, 1.1vw, 1.25rem);
    font-weight: 400;
    line-height: 1.55;
}


/* =========================================
   REJILLA DE TARJETAS
========================================= */

.tratamientos-logrono__rejilla {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 28px;

    width: 100%;
}


/* Centrar las dos últimas tarjetas */

.tratamiento-logrono--quinto {
    grid-column: 2;
}

.tratamiento-logrono--sexto {
    grid-column: 3;
}


/* =========================================
   TARJETA
========================================= */

.tratamiento-logrono {
    display: flex;
    flex-direction: column;
    align-items: center;

    min-width: 0;
    min-height: 272px;
    padding: 35px 30px 32px;
    box-sizing: border-box;

    background-color: #faf9f6;
    border: 1px solid #e1ddd5;
    border-radius: 17px;

    box-shadow: 0 12px 24px rgba(44, 48, 49, 0.09);

    text-align: center;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.tratamiento-logrono:hover {
    transform: translateY(-4px);
    border-color: #c9c5bb;
    box-shadow: 0 16px 30px rgba(44, 48, 49, 0.13);
}


/* Título de la tarjeta */

.tratamiento-logrono__titulo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    margin: 0 0 16px;

    color: #103c65;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.16rem;
    font-weight: 700;
    line-height: 1.35;
}

.tratamiento-logrono__titulo span {
    flex-shrink: 0;
    font-size: 0.9em;
}


/* Texto */

.tratamiento-logrono__texto {
    max-width: 290px;
    margin: 0 auto 26px;

    color: #2a4c50;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}


/* =========================================
   BOTÓN
========================================= */

.tratamiento-logrono__boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 128px;
    min-height: 48px;
    margin-top: auto;
    padding: 12px 23px;
    box-sizing: border-box;

    color: #ffffff;
    background-color: #739268;
    border: 1px solid #739268;
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.tratamiento-logrono__boton:hover {
    color: #ffffff;
    background-color: #5e7d54;
    border-color: #5e7d54;

    transform: translateY(-2px);
    box-shadow: 0 8px 17px rgba(69, 96, 61, 0.2);
}

.tratamiento-logrono__boton:focus-visible {
    outline: 3px solid #e1b80d;
    outline-offset: 4px;
}


/* =========================================
   PANTALLAS MEDIANAS
========================================= */

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

    .tratamientos-logrono__rejilla {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tratamiento-logrono--quinto,
    .tratamiento-logrono--sexto {
        grid-column: auto;
    }

    .tratamiento-logrono {
        padding-left: 24px;
        padding-right: 24px;
    }
}


/* =========================================
   TABLET
========================================= */

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

    .tratamientos-logrono {
        padding: 48px 22px 52px;
    }

    .tratamientos-logrono__cabecera {
        margin-bottom: 38px;
    }

    .tratamientos-logrono__titulo {
        margin-bottom: 24px;
    }

    .tratamientos-logrono__rejilla {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .tratamiento-logrono {
        min-height: 260px;
    }
}


/* =========================================
   MÓVIL
========================================= */

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

    .tratamientos-logrono {
        padding: 38px 15px 42px;
    }

    .tratamientos-logrono__cabecera {
        margin-bottom: 30px;
    }

    .tratamientos-logrono__titulo {
        display: block;
        margin-bottom: 19px;
        font-size: 1.5rem;
        line-height: 1.25;
    }

    .tratamientos-logrono__titulo span {
        display: block;
        margin-bottom: 7px;
    }

    .tratamientos-logrono__introduccion {
        font-size: 0.8rem;
        line-height: 1.55;
    }

    .tratamientos-logrono__rejilla {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .tratamiento-logrono {
        width: 100%;
        min-height: 0;
        padding: 29px 20px 27px;
        border-radius: 15px;
    }

    .tratamiento-logrono__titulo {
        font-size: 1.1rem;
    }

    .tratamiento-logrono__texto {
        max-width: 100%;
        margin-bottom: 23px;
        font-size: 0.98rem;
    }

    .tratamiento-logrono__boton {
        width: 100%;
        max-width: 240px;
    }
}


/* =========================================
   MÓVILES PEQUEÑOS
========================================= */

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

    .tratamientos-logrono {
        padding-left: 12px;
        padding-right: 12px;
    }

    .tratamientos-logrono__titulo {
        font-size: 1.4rem;
    }

    .tratamiento-logrono {
        padding-left: 17px;
        padding-right: 17px;
    }
}

/* EQUIPO PROFESIONAL LOGROÑO */

.equipo-logrono {
    width: 100%;
    padding: 28px 24px 56px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.equipo-logrono__contenedor {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: 42px;

    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}


/* IMAGEN */

.equipo-logrono__imagen-contenedor {
    width: 100%;
    overflow: hidden;
}

.equipo-logrono__imagen {
    display: block;
    width: 100%;
    height: 486px;
    object-fit: cover;
    object-position: center;
}

/* CONTENIDO */

.equipo-logrono__contenido {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    padding: 3px 0 0;
    box-sizing: border-box;

    text-align: center;
}

.equipo-logrono__titulo {
    margin: 0 0 24px;
    padding: 0;

    color: #8d9a68;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.35rem, 2vw, 1.7rem);
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
}

.equipo-logrono__titulo span {
    text-transform: none;
}

.equipo-logrono__texto {
    max-width: 630px;
    margin: 0;

    color: #87521f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.58;
}

.equipo-logrono__texto + .equipo-logrono__texto {
    margin-top: 2px;
}

/* BOTÓN */

.equipo-logrono__boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 164px;
    min-height: 48px;
    margin-top: 29px;
    padding: 13px 22px;
    box-sizing: border-box;

    color: #ffffff;
    background-color: #879d77;
    border: 1px solid #879d77;
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.equipo-logrono__boton:hover {
    color: #ffffff;
    background-color: #718864;
    border-color: #718864;

    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(73, 92, 65, 0.2);
}

.equipo-logrono__boton:focus-visible {
    outline: 3px solid #e1b80d;
    outline-offset: 4px;
}

/* TABLET */

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

    .equipo-logrono {
        padding: 35px 24px 48px;
    }

    .equipo-logrono__contenedor {
        gap: 30px;
    }

    .equipo-logrono__imagen {
        height: 440px;
    }

    .equipo-logrono__titulo {
        margin-bottom: 19px;
    }

    .equipo-logrono__texto {
        font-size: 0.97rem;
        line-height: 1.55;
    }

}


/* TABLET VERTICAL */

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

    .equipo-logrono__contenedor {
        grid-template-columns: 1fr;
        gap: 32px;
        max-width: 680px;
    }

    .equipo-logrono__imagen {
        height: auto;
        aspect-ratio: 5 / 4;
    }

    .equipo-logrono__contenido {
        padding-top: 0;
    }

    .equipo-logrono__texto {
        max-width: 100%;
    }

}


/* MÓVIL */

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

    .equipo-logrono {
        padding: 28px 15px 38px;
    }

    .equipo-logrono__contenedor {
        gap: 27px;
    }

    .equipo-logrono__imagen {
        aspect-ratio: 4 / 3;
    }

    .equipo-logrono__titulo {
        margin-bottom: 17px;
        font-size: 1.35rem;
        line-height: 1.35;
    }

    .equipo-logrono__titulo span {
        display: block;
        margin-top: 3px;
    }

    .equipo-logrono__texto {
        font-size: 0.9rem;
        line-height: 1.4;
    }

    .equipo-logrono__texto + .equipo-logrono__texto {
        margin-top: 10px;
    }

    .equipo-logrono__boton {
        width: 100%;
        max-width: 260px;
        margin-top: 24px;
    }

}

/* SERVICIOS DEL CENTRO PSICOLÓGICO EN LOGROÑO */

.servicios-centro-logrono {
    width: 100%;
    padding: 38px 20px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.servicios-centro-logrono__contenedor {
    width: 100%;
    max-width: 1238px;
    margin: 0 auto;
    padding: 62px 20px 54px;
    box-sizing: border-box;

    background-color: #ffffff;
    border-radius: 16px;
}


/* TÍTULO */

.servicios-centro-logrono__titulo {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;

    margin: 0 0 39px;
    padding: 0 15px;

    color: #805e2d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 3vw, 2.55rem);
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.servicios-centro-logrono__titulo span {
    flex-shrink: 0;
    font-size: 0.85em;
}


/* LISTA */

.servicios-centro-logrono__lista {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;

    width: 100%;
    margin: 0;
    padding: 0;

    list-style: none;
}


/* ELEMENTOS */

.servicios-centro-logrono__item {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    min-width: 0;
    min-height: 92px;
    padding: 21px 22px;
    box-sizing: border-box;

    color: #79511f;
    background-color: #ffffff;
    border: 1px solid #eeeeea;
    border-radius: 11px;

    box-shadow: 0 8px 18px rgba(42, 47, 49, 0.08);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.55;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.servicios-centro-logrono__item:hover {
    transform: translateY(-3px);
    border-color: #d9d8ca;
    box-shadow: 0 12px 24px rgba(42, 47, 49, 0.12);
}


/* ICONO */

.servicios-centro-logrono__icono {
    flex-shrink: 0;

    color: #6d9277;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.2;
}


/* TABLET */

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

    .servicios-centro-logrono__contenedor {
        padding: 50px 20px 45px;
    }

    .servicios-centro-logrono__titulo {
        margin-bottom: 32px;
    }

    .servicios-centro-logrono__lista {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}


/* TABLET VERTICAL Y MÓVIL */

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

    .servicios-centro-logrono {
        padding: 28px 15px;
    }

    .servicios-centro-logrono__contenedor {
        padding: 37px 15px 32px;
        border-radius: 14px;
    }

    .servicios-centro-logrono__titulo {
        display: block;
        margin-bottom: 28px;
        padding: 0 5px;

        font-size: 1.75rem;
        line-height: 1.3;
    }

    .servicios-centro-logrono__titulo span {
        display: block;
        margin-bottom: 7px;
    }

    .servicios-centro-logrono__lista {
        grid-template-columns: 1fr;
        gap: 1px;
    }

    .servicios-centro-logrono__item {
        min-height: 0;
        padding: 19px 18px;
    }

}


/* MÓVILES PEQUEÑOS */

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

    .servicios-centro-logrono {
        padding-left: 10px;
        padding-right: 10px;
    }

    .servicios-centro-logrono__contenedor {
        padding-left: 11px;
        padding-right: 11px;
    }

    .servicios-centro-logrono__titulo {
        font-size: 1.2rem;
    }

    .servicios-centro-logrono__item {
        gap: 11px;
        padding: 7px 15px;
        font-size: 0.7rem;
    }

}

/* ÁREAS DESTACADAS LOGROÑO */

.areas-destacadas-logrono {
    width: 100%;
    padding: 48px 20px 55px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.areas-destacadas-logrono__contenedor {
    width: 100%;
    max-width: 1215px;
    margin: 0 auto;
}


/* TÍTULO PRINCIPAL */

.areas-destacadas-logrono__titulo {
    margin: 0 0 30px;
    padding: 0;

    color: #4e7668;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2.5vw, 2.65rem);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}


/* REJILLA */

.areas-destacadas-logrono__rejilla {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;

    width: 100%;
}


/* TARJETAS */

.area-destacada-logrono {
    min-width: 0;
    min-height: 140px;
    padding: 27px 22px;
    box-sizing: border-box;

    background-color: #e8e5e1;
    border: 1px solid #d6d2cc;
    border-radius: 15px;

    box-shadow: 0 9px 20px rgba(37, 42, 45, 0.08);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.area-destacada-logrono:hover {
    transform: translateY(-4px);
    border-color: #c4c0b8;
    box-shadow: 0 14px 27px rgba(37, 42, 45, 0.13);
}


/* TÍTULO DE LAS TARJETAS */

.area-destacada-logrono__titulo {
    margin: 0 0 10px;
    padding: 0;

    color: #040404;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.08rem, 1.2vw, 1.3rem);
    font-weight: 700;
    line-height: 1.35;
}


/* TEXTO */

.area-destacada-logrono__texto {
    margin: 0;
    padding: 0;

    color: #2e9ca6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}


/* CONTENEDOR DEL BOTÓN */

.areas-destacadas-logrono__accion {
    display: flex;
    justify-content: center;

    margin-top: 31px;
}


/* BOTÓN */

.areas-destacadas-logrono__boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 208px;
    min-height: 56px;
    padding: 14px 25px;
    box-sizing: border-box;

    color: #ffffff;
    background-color: #739376;
    border: 1px solid #739376;
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.areas-destacadas-logrono__boton:hover {
    color: #ffffff;
    background-color: #5f7e63;
    border-color: #5f7e63;

    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(63, 91, 67, 0.22);
}

.areas-destacadas-logrono__boton:focus-visible {
    outline: 3px solid #e1b80d;
    outline-offset: 4px;
}


/* TABLET */

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

    .areas-destacadas-logrono {
        padding: 43px 20px 48px;
    }

    .areas-destacadas-logrono__rejilla {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .area-destacada-logrono:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 9px);
        margin: 0 auto;
    }

}


/* MÓVIL */

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

    .areas-destacadas-logrono {
        padding: 35px 15px 40px;
    }

    .areas-destacadas-logrono__titulo {
        margin-bottom: 25px;
        font-size: 1.9rem;
    }

    .areas-destacadas-logrono__rejilla {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .area-destacada-logrono,
    .area-destacada-logrono:last-child {
        grid-column: auto;
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 24px 20px;
    }

    .areas-destacadas-logrono__accion {
        margin-top: 25px;
    }

    .areas-destacadas-logrono__boton {
        width: 100%;
        max-width: 280px;
    }

}


/* MÓVILES PEQUEÑOS */

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

    .areas-destacadas-logrono {
        padding-left: 12px;
        padding-right: 12px;
    }

    .areas-destacadas-logrono__titulo {
        font-size: 1.7rem;
    }

    .area-destacada-logrono {
        padding: 21px 17px;
    }

    .area-destacada-logrono__titulo {
        font-size: 1.08rem;
    }

    .area-destacada-logrono__texto {
        font-size: 0.96rem;
    }

}

/* CENTRO PSICOBIENESTAR LOGROÑO */

.centro-psicobienestar-logrono {
    width: 100%;
    padding: 60px 20px 10px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.centro-psicobienestar-logrono__contenedor {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}


/* CONTENIDO SUPERIOR */

.centro-psicobienestar-logrono__contenido {
    width: 100%;
    text-align: center;
}

.centro-psicobienestar-logrono__titulo {
    margin: 0 0 21px;
    padding: 0;

    color: #719477;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 3.1vw, 2.65rem);
    font-weight: 700;
    line-height: 1.2;
}

.centro-psicobienestar-logrono__texto {
    max-width: 1000px;
    margin: 0 auto 18px;

    color: #80501f;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.65;
}

.centro-psicobienestar-logrono__texto strong {
    font-weight: 700;
}


/* BOTÓN */

.centro-psicobienestar-logrono__accion {
    display: flex;
    justify-content: center;
    margin-top: 38px;
}

.centro-psicobienestar-logrono__boton {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 152px;
    min-height: 46px;
    padding: 12px 24px;
    box-sizing: border-box;

    color: #ffffff;
    background-color: #719477;
    border-radius: 0 11px 11px 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.centro-psicobienestar-logrono__boton::before {
    position: absolute;
    top: -25px;
    left: 50%;

    width: 27px;
    height: 27px;

    background-color: #719477;
    border-radius: 10px 10px 0 0;

    content: "";
    transform: translateX(-50%);
}

.centro-psicobienestar-logrono__boton:hover {
    color: #ffffff;
    background-color: #5e8065;

    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(62, 91, 67, 0.2);
}

.centro-psicobienestar-logrono__boton:hover::before {
    background-color: #5e8065;
}

.centro-psicobienestar-logrono__boton:focus-visible {
    outline: 3px solid #e1b80d;
    outline-offset: 4px;
}


/* GALERÍA */

.galeria-centro-logrono {
    width: 100%;
    margin-top: 85px;
}

.galeria-centro-logrono__titulo {
    margin: 0 0 38px;
    padding: 0;

    color: #719477;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

.galeria-centro-logrono__rejilla {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;

    width: 100%;
}

.galeria-centro-logrono__elemento {
    width: 100%;
    height: 263px;
    margin: 0;

    overflow: hidden;
    border-radius: 14px;

    box-shadow: 0 8px 18px rgba(38, 43, 45, 0.12);
}

.galeria-centro-logrono__imagen {
    display: block;
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}

.galeria-centro-logrono__elemento:hover
.galeria-centro-logrono__imagen {
    transform: scale(1.04);
}


/* TABLET */

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

    .centro-psicobienestar-logrono {
        padding-top: 50px;
    }

    .centro-psicobienestar-logrono__texto br {
        display: none;
    }

    .galeria-centro-logrono {
        margin-top: 70px;
    }

    .galeria-centro-logrono__rejilla {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .galeria-centro-logrono__elemento:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 9px);
        margin: 0 auto;
    }

}


/* MÓVIL */

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

    .centro-psicobienestar-logrono {
        padding: 38px 15px 5px;
    }

    .centro-psicobienestar-logrono__titulo {
        margin-bottom: 20px;
        font-size: 1.9rem;
        line-height: 1.25;
    }

    .centro-psicobienestar-logrono__texto {
        margin-bottom: 16px;
        font-size: 0.98rem;
        line-height: 1.6;
    }

    .centro-psicobienestar-logrono__accion {
        margin-top: 42px;
    }

    .centro-psicobienestar-logrono__boton {
        min-width: 175px;
        border-radius: 10px;
    }

    .galeria-centro-logrono {
        margin-top: 65px;
    }

    .galeria-centro-logrono__titulo {
        margin-bottom: 25px;
        font-size: 1.35rem;
    }

    .galeria-centro-logrono__rejilla {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .galeria-centro-logrono__elemento,
    .galeria-centro-logrono__elemento:last-child {
        grid-column: auto;
        width: 100%;
        height: auto;
        aspect-ratio: 4 / 3;
        margin: 0;
    }

}


/* MÓVILES PEQUEÑOS */

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

    .centro-psicobienestar-logrono {
        padding-left: 12px;
        padding-right: 12px;
    }

    .centro-psicobienestar-logrono__titulo {
        font-size: 1.65rem;
    }

    .centro-psicobienestar-logrono__texto {
        font-size: 0.95rem;
    }

}

/* PROCESO DE TERAPIA PSICOLÓGICA EN LOGROÑO */

.proceso-terapia-logrono {
    width: 100%;
    padding: 55px 20px 28px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.proceso-terapia-logrono__contenedor {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}


/* CABECERA */

.proceso-terapia-logrono__cabecera {
    max-width: 950px;
    margin: 0 auto 47px;
    text-align: center;
}

.proceso-terapia-logrono__titulo {
    max-width: 940px;
    margin: 0 auto 22px;

    color: #4e7668;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2.5vw, 2.85rem);
    font-weight: 700;
    line-height: 1.25;
}

.proceso-terapia-logrono__introduccion {
    max-width: 880px;
    margin: 0 auto;

    color: #204649;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1rem, 1.6vw, 1.22rem);
    font-weight: 400;
    line-height: 1.55;
}


/* REJILLA DE PASOS */

.proceso-terapia-logrono__pasos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 32px;

    width: 100%;
}


/* TARJETAS */

.paso-terapia-logrono {
    display: flex;
    flex-direction: column;
    align-items: center;

    min-width: 0;
    min-height: 428px;
    padding: 32px 30px 34px;
    box-sizing: border-box;

    background-color: #faf7f2;
    border: 1px solid #f3eee7;
    border-radius: 19px;

    box-shadow: 0 11px 24px rgba(39, 45, 48, 0.08);

    text-align: center;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.paso-terapia-logrono:hover {
    transform: translateY(-4px);
    border-color: #e6ddd2;
    box-shadow: 0 16px 30px rgba(39, 45, 48, 0.12);
}


/* ICONOS */

.paso-terapia-logrono__icono {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 82px;
    height: 82px;
    margin-bottom: 12px;
}

.paso-terapia-logrono__icono svg {
    display: block;
    width: 100%;
    height: 100%;
}


/* Lupa */

.paso-terapia-logrono__icono--lupa svg {
    overflow: visible;
}

.paso-terapia-logrono__icono--lupa circle:first-child {
    fill: #68c5da;
    stroke: #111111;
    stroke-width: 5;
}

.paso-terapia-logrono__icono--lupa circle:nth-child(2) {
    fill: #a8e0ec;
    stroke: #111111;
    stroke-width: 3;
}

.paso-terapia-logrono__icono--lupa line {
    stroke: #111111;
    stroke-width: 8;
    stroke-linecap: round;
}


/* Persona */

.paso-terapia-logrono__icono--persona circle:first-child {
    fill: #efede9;
}

.paso-terapia-logrono__icono--persona circle:nth-child(2),
.paso-terapia-logrono__icono--persona path {
    fill: #c8c5c0;
}


/* Calendario */

.paso-terapia-logrono__icono--calendario rect {
    fill: none;
    stroke: #000000;
    stroke-width: 6;
}

.paso-terapia-logrono__icono--calendario line {
    stroke: #000000;
    stroke-width: 5;
    stroke-linecap: square;
}


/* NÚMERO DEL PASO */

.paso-terapia-logrono__numero {
    display: block;
    margin-bottom: 27px;

    color: #329ba4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.2;
}


/* TÍTULO DE CADA PASO */

.paso-terapia-logrono__titulo {
    margin: 0 0 17px;

    color: #103b65;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.25rem, 1.8vw, 1.55rem);
    font-weight: 700;
    line-height: 1.35;
}


/* TEXTO */

.paso-terapia-logrono__texto {
    max-width: 295px;
    margin: 0 auto;

    color: #113531;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
}


/* BOTÓN INFERIOR */

.proceso-terapia-logrono__accion {
    display: flex;
    justify-content: center;
    margin-top: 44px;
}

.proceso-terapia-logrono__boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 274px;
    min-height: 65px;
    padding: 16px 30px;
    box-sizing: border-box;

    color: #ffffff;
    background-color: #628954;
    border: 1px solid #4da3a5;
    border-radius: 999px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.proceso-terapia-logrono__boton:hover {
    color: #ffffff;
    background-color: #3e8d90;
    border-color: #3e8d90;

    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(46, 130, 133, 0.23);
}

.proceso-terapia-logrono__boton:focus-visible {
    outline: 3px solid #e1b80d;
    outline-offset: 4px;
}


/* TABLET */

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

    .proceso-terapia-logrono {
        padding: 48px 20px 30px;
    }

    .proceso-terapia-logrono__pasos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .paso-terapia-logrono:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 12px);
        margin: 0 auto;
    }

}


/* TABLET VERTICAL Y MÓVIL */

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

    .proceso-terapia-logrono {
        padding: 38px 15px 25px;
    }

    .proceso-terapia-logrono__cabecera {
        margin-bottom: 32px;
    }

    .proceso-terapia-logrono__titulo {
        margin-bottom: 18px;
        font-size: 1.9rem;
        line-height: 1.3;
    }

    .proceso-terapia-logrono__introduccion {
        font-size: 1rem;
    }

    .proceso-terapia-logrono__pasos {
        grid-template-columns: 1fr;
        gap: 19px;
    }

    .paso-terapia-logrono,
    .paso-terapia-logrono:last-child {
        grid-column: auto;
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 29px 22px 30px;
    }

    .paso-terapia-logrono__numero {
        margin-bottom: 20px;
    }

    .paso-terapia-logrono__texto {
        max-width: 100%;
    }

    .proceso-terapia-logrono__accion {
        margin-top: 28px;
    }

    .proceso-terapia-logrono__boton {
        width: 100%;
        max-width: 300px;
        min-width: 0;
        min-height: 57px;
    }

}


/* MÓVILES PEQUEÑOS */

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

    .proceso-terapia-logrono {
        padding-left: 11px;
        padding-right: 11px;
    }

    .proceso-terapia-logrono__titulo {
        font-size: 1.65rem;
    }

    .paso-terapia-logrono {
        padding-left: 18px;
        padding-right: 18px;
    }

    .paso-terapia-logrono__icono {
        width: 72px;
        height: 72px;
    }

    .paso-terapia-logrono__texto {
        font-size: 0.96rem;
        line-height: 1.65;
    }

}

/* PREGUNTAS FRECUENTES PSICOBIENESTAR LOGROÑO */

.faq-logrono {
    width: 100%;
    padding: 52px 20px 48px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.faq-logrono__contenedor {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}


/* CABECERA */

.faq-logrono__cabecera {
    max-width: 1050px;
    margin: 0 auto 42px;
    text-align: center;
}

.faq-logrono__titulo {
    margin: 0 0 28px;
    padding: 0;

    color: #4e7668;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 2.5vw, 2.75rem);
    font-weight: 700;
    line-height: 1.2;
}

.faq-logrono__introduccion {
    max-width: 760px;
    margin: 0 auto;

    color: #152620;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1rem, 1vw, 1.2rem);
    font-weight: 400;
    line-height: 1.55;
}

.faq-logrono__introduccion strong {
    font-weight: 700;
}


/* LISTA DE PREGUNTAS */

.faq-logrono__lista {
    display: flex;
    flex-direction: column;
    gap: 22px;

    width: 100%;
}


/* ELEMENTO DEL ACORDEÓN */

.faq-logrono__elemento {
    width: 100%;
    box-sizing: border-box;

    background-color: #ffffff;
    border: 1px solid #dedbd5;
    border-radius: 15px;

    box-shadow: 0 9px 20px rgba(43, 47, 49, 0.1);

    overflow: hidden;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

.faq-logrono__elemento:hover {
    border-color: #c9c4b9;
    box-shadow: 0 12px 25px rgba(43, 47, 49, 0.13);
}

.faq-logrono__elemento[open] {
    border-color: #d9d4ca;
}


/* PREGUNTA */

.faq-logrono__pregunta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;

    width: 100%;
    min-height: 85px;
    padding: 24px 26px;
    box-sizing: border-box;

    color: #152620;
    background-color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1.05rem, 1.7vw, 1.28rem);
    font-weight: 700;
    line-height: 1.4;

    cursor: pointer;
    list-style: none;
}

.faq-logrono__pregunta::-webkit-details-marker {
    display: none;
}

.faq-logrono__pregunta::marker {
    display: none;
    content: "";
}


/* ICONO MÁS Y MENOS */

.faq-logrono__icono {
    position: relative;

    display: block;
    flex-shrink: 0;

    width: 22px;
    height: 22px;
}

.faq-logrono__icono::before,
.faq-logrono__icono::after {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 16px;
    height: 3px;

    background-color: #9caa79;
    border-radius: 3px;

    content: "";
    transform: translate(-50%, -50%);

    transition: transform 0.25s ease;
}

.faq-logrono__icono::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.faq-logrono__elemento[open]
.faq-logrono__icono::after {
    transform: translate(-50%, -50%) rotate(0deg);
}


/* RESPUESTA */

.faq-logrono__respuesta {
    padding: 0 26px 24px;
    box-sizing: border-box;

    color: #4e7668;
    background-color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
}

.faq-logrono__respuesta p {
    max-width: 850px;
    margin: 0;
}


/* ACCESIBILIDAD */

.faq-logrono__pregunta:focus-visible {
    outline: 3px solid #9caa79;
    outline-offset: -4px;
    border-radius: 13px;
}


/* TABLET */

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

    .faq-logrono {
        padding: 46px 20px 43px;
    }

    .faq-logrono__cabecera {
        margin-bottom: 35px;
    }

    .faq-logrono__lista {
        gap: 18px;
    }

    .faq-logrono__pregunta {
        min-height: 78px;
        padding: 22px 23px;
    }

    .faq-logrono__respuesta {
        padding: 0 23px 22px;
    }

}


/* MÓVIL */

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

    .faq-logrono {
        padding: 36px 15px 38px;
    }

    .faq-logrono__cabecera {
        margin-bottom: 28px;
    }

    .faq-logrono__titulo {
        margin-bottom: 19px;
        font-size: 1.8rem;
        line-height: 1.3;
    }

    .faq-logrono__introduccion {
        font-size: 0.8rem;
    }

    .faq-logrono__lista {
        gap: 15px;
    }

    .faq-logrono__elemento {
        border-radius: 12px;
    }

    .faq-logrono__pregunta {
        min-height: 0;
        padding: 20px 18px;

        font-size: 1.02rem;
        line-height: 1.45;
    }

    .faq-logrono__respuesta {
        padding: 0 18px 20px;
        font-size: 0.96rem;
        line-height: 1.6;
    }

    .faq-logrono__icono {
        width: 19px;
        height: 19px;
    }

    .faq-logrono__icono::before,
    .faq-logrono__icono::after {
        width: 14px;
    }

}


/* MÓVILES PEQUEÑOS */

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

    .faq-logrono {
        padding-left: 11px;
        padding-right: 11px;
    }

    .faq-logrono__titulo {
        font-size: 1.3rem;
    }

    .faq-logrono__pregunta {
        gap: 13px;
        padding: 18px 15px;
        font-size: 0.97rem;
    }

    .faq-logrono__respuesta {
        padding: 0 15px 18px;
        font-size: 0.94rem;
    }

}

/* WHATSAPP FLOTANTE PSICOBIENESTAR */
:root {
    --whatsapp-gradient: linear-gradient(90deg, var(--top-bar-green) 0%, #4f796d 55%, var(--top-bar-green-dark) 100%);
}
.whatsapp-widget {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 99990;

    font-family: Arial, Helvetica, sans-serif;
}


/* BOTÓN FLOTANTE */

.whatsapp-float {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 68px;
    height: 68px;
    margin-left: auto;
    padding: 0;

    color: #ffffff;
    background: var(--whatsapp-gradient);
    border: 3px solid #ffffff;
    border-radius: 50%;

    box-shadow:
        0 12px 30px rgba(36, 70, 62, 0.28),
        0 3px 9px rgba(0, 0, 0, 0.12);

    cursor: pointer;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.whatsapp-float:hover {
    transform: translateY(-4px) scale(1.03);

    box-shadow:
        0 17px 35px rgba(36, 70, 62, 0.34),
        0 4px 10px rgba(0, 0, 0, 0.14);
}

.whatsapp-float svg {
    display: block;

    width: 37px;
    height: 37px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.whatsapp-float svg path:last-child {
    fill: currentColor;
    stroke: none;
}


/* NOTIFICACIÓN */

.whatsapp-notification {
    position: absolute;
    top: -5px;
    right: -5px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 25px;
    height: 25px;

    color: #ffffff;
    background-color: #df2d1f;
    border: 2px solid #ffffff;
    border-radius: 50%;

    font-size: 0.78rem;
    font-weight: 700;
}


/* VENTANA */

.whatsapp-panel {
    position: absolute;
    right: 0;
    bottom: 84px;

    width: min(390px, calc(100vw - 30px));

    background-color: #f5faf8;
    border: 1px solid rgba(60, 104, 93, 0.2);
    border-radius: 24px;

    box-shadow:
        0 22px 50px rgba(34, 58, 53, 0.23),
        0 5px 16px rgba(0, 0, 0, 0.12);

    overflow: hidden;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(20px) scale(0.96);
    transform-origin: bottom right;

    transition:
        opacity 0.25s ease,
        visibility 0.25s ease,
        transform 0.25s ease;
}

.whatsapp-panel.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: translateY(0) scale(1);
}


/* CABECERA */

.whatsapp-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    min-height: 80px;
    padding: 16px 20px;
    box-sizing: border-box;

    color: #ffffff;
    background: var(--whatsapp-gradient);
}

.whatsapp-panel__brand {
    display: flex;
    align-items: center;
    gap: 10px;

    font-size: 1.2rem;
    font-weight: 700;
}

.whatsapp-panel__brand svg {
    width: 32px;
    height: 32px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.whatsapp-panel__brand svg path:last-child {
    fill: currentColor;
    stroke: none;
}


/* CERRAR */

.whatsapp-panel__close {
    position: relative;

    width: 42px;
    height: 42px;
    flex-shrink: 0;

    padding: 0;

    background-color: rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

.whatsapp-panel__close:hover {
    background-color: rgba(0, 0, 0, 0.28);
    transform: rotate(5deg);
}

.whatsapp-panel__close span {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 19px;
    height: 2px;

    background-color: #ffffff;
    border-radius: 5px;
}

.whatsapp-panel__close span:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
}

.whatsapp-panel__close span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}


/* CUERPO */

.whatsapp-panel__body {
    padding: 25px 22px 20px;
    box-sizing: border-box;
}


/* MENSAJE */

.whatsapp-message {
    position: relative;

    margin-bottom: 25px;
    padding: 21px 23px;

    color: #293936;
    background-color: #ffffff;
    border: 1px solid #dfe8e4;
    border-radius: 20px;

    box-shadow: 0 7px 18px rgba(38, 62, 56, 0.1);

    font-size: 1rem;
    line-height: 1.55;
}

.whatsapp-message::before {
    position: absolute;
    left: -13px;
    bottom: 23px;

    width: 24px;
    height: 24px;

    background-color: #ffffff;
    border-bottom: 1px solid #dfe8e4;
    border-left: 1px solid #dfe8e4;

    content: "";
    transform: rotate(45deg);
}

.whatsapp-message p {
    position: relative;
    z-index: 1;

    margin: 0;
}

.whatsapp-message p + p {
    margin-top: 7px;
}


/* BOTÓN HABLAMOS */

.whatsapp-panel__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    width: fit-content;
    min-width: 195px;
    min-height: 58px;
    margin-left: auto;
    padding: 13px 22px;
    box-sizing: border-box;

    color: #ffffff;
    background: var(--whatsapp-gradient);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;

    box-shadow: 0 8px 18px rgba(42, 86, 75, 0.22);

    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease;
}

.whatsapp-panel__button:hover {
    color: #ffffff;

    filter: brightness(1.08);
    transform: translateY(-2px);

    box-shadow: 0 12px 24px rgba(42, 86, 75, 0.28);
}

.whatsapp-panel__button svg {
    width: 29px;
    height: 29px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.whatsapp-panel__button svg path:last-child {
    fill: currentColor;
    stroke: none;
}


/* ACCESIBILIDAD */

.whatsapp-float:focus-visible,
.whatsapp-panel__close:focus-visible,
.whatsapp-panel__button:focus-visible {
    outline: 3px solid #f2d47b;
    outline-offset: 4px;
}


/* MÓVIL */

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

    .whatsapp-widget {
        right: 14px;
        bottom: 16px;
    }

    .whatsapp-float {
        width: 60px;
        height: 60px;
    }

    .whatsapp-float svg {
        width: 33px;
        height: 33px;
    }

    .whatsapp-panel {
        position: fixed;
        right: 12px;
        bottom: 90px;
        left: 12px;

        width: auto;
        max-height: calc(100vh - 115px);

        border-radius: 20px;
    }

    .whatsapp-panel__header {
        min-height: 68px;
        padding: 13px 16px;
    }

    .whatsapp-panel__brand {
        font-size: 1.05rem;
    }

    .whatsapp-panel__body {
        padding: 20px 17px 17px;
    }

    .whatsapp-message {
        padding: 18px 19px;
        font-size: 0.96rem;
    }

    .whatsapp-panel__button {
        width: 100%;
        min-width: 0;
    }
}


/* MÓVILES PEQUEÑOS */

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

    .whatsapp-widget {
        right: 10px;
        bottom: 12px;
    }

    .whatsapp-panel {
        right: 8px;
        bottom: 82px;
        left: 8px;
    }

    .whatsapp-panel__brand {
        font-size: 1rem;
    }

    .whatsapp-message {
        padding: 16px;
        font-size: 0.92rem;
    }
}

/* =========================================================
   CONTENIDO DE PÁGINAS Y BLOG
========================================================= */
.site-main--content { min-height: 55vh; padding: 70px 0 90px; }
.content-shell { width: min(1100px, calc(100% - 40px)); margin-inline: auto; }
.entry-header { margin-bottom: 32px; }
.entry-title { color: #293238; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.15; }
.entry-meta { margin-top: 12px; color: #667078; font-size: .92rem; }
.entry-content { color: #3f484d; font-size: 1.05rem; line-height: 1.8; }
.entry-content > * + * { margin-top: 1.25em; }
.entry-content h2, .entry-content h3, .entry-content h4 { color: #293238; font-family: Georgia, "Times New Roman", serif; line-height: 1.25; }
.entry-content ul { list-style: disc; padding-left: 1.4rem; }
.entry-content ol { padding-left: 1.4rem; }
.entry-content a { color: var(--verde-principal); text-decoration: underline; text-underline-offset: 3px; }
.entry-content img { border-radius: 12px; }
.post-thumbnail { margin-bottom: 30px; overflow: hidden; border-radius: 14px; }
.posts-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 28px; }
.post-card { overflow: hidden; background: #fff; border: 1px solid #e7e9e8; border-radius: 14px; box-shadow: 0 12px 30px rgba(20,54,93,.07); }
.post-card__image img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.post-card__body { padding: 24px; }
.post-card__title { margin-bottom: 10px; color: #293238; font-family: Georgia, "Times New Roman", serif; font-size: 1.35rem; line-height: 1.3; }
.post-card__excerpt { color: #5b6469; }
.post-card__link { display: inline-flex; margin-top: 18px; color: var(--verde-principal); font-weight: 700; }
.navigation.pagination { margin-top: 45px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.page-numbers { padding: 9px 13px; border: 1px solid #dfe4e2; border-radius: 6px; }
.page-numbers.current { color: #fff; background: var(--verde-principal); border-color: var(--verde-principal); }
.not-found { padding-block: 50px; text-align: center; }
.site-main--front { overflow: hidden; }
.footer-menu { margin: 0; padding: 0; }
.footer-menu li { margin-bottom: 12px; }
@media (max-width: 900px) { .posts-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 600px) {
    .site-main--content { padding: 45px 0 65px; }
    .content-shell { width: min(100% - 28px, 1100px); }
    .posts-grid { grid-template-columns: 1fr; }
}

/* Iconos del contacto del footer */

.footer-contact-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.footer-contact-list li > span,
.footer-contact-list li > a {
    min-width: 0;
}

.footer-icon {
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-top: 3px;
    color: var(--verde-principal);
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Instagram del footer */

.footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-right: 15px;
    color: #ddd;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    text-decoration: none;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.footer-social a:hover {
    color: #ffffff;
    background-color: var(--verde-principal);
    border-color: var(--verde-principal);
    transform: translateY(-2px);
}

.footer-social-icon {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.footer-social-icon__dot {
    fill: currentColor;
    stroke: none;
}

/* =========================================================
   CONTACTO PSICOBIENESTAR LOGROÑO
========================================================= */

.contacto-logrono {
    --contacto-verde: #4e7668;
    --contacto-verde-oscuro: #374e46;
    --contacto-azul: #14365d;
    --contacto-negro: #202426;
    --contacto-gris: #5b6469;
    --contacto-borde: #dce5e1;
    --contacto-fondo-suave: #f7f8f6;

    width: 100%;
    padding: 68px 24px 75px;
    box-sizing: border-box;
    color: var(--contacto-negro);
    background: #ffffff;
}

.contacto-logrono *,
.contacto-logrono *::before,
.contacto-logrono *::after {
    box-sizing: border-box;
}

.contacto-logrono__cabecera {
    width: min(100%, 1050px);
    margin: 0 auto 48px;
    text-align: center;
}

.contacto-logrono__etiqueta {
    display: inline-flex;
    margin-bottom: 17px;
    padding: 8px 16px;
    color: var(--contacto-verde-oscuro);
    background: #eef3f0;
    border: 1px solid #d6e1dc;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.contacto-logrono__titulo {
    max-width: 900px;
    margin: 0 auto 21px;
    color: var(--contacto-verde-oscuro);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.25rem, 4vw, 4.15rem);
    font-weight: 700;
    line-height: 1.08;
}

.contacto-logrono__introduccion {
    max-width: 870px;
    margin: 0 auto;
    color: var(--contacto-negro);
    font-size: 1.12rem;
    line-height: 1.7;
}

.contacto-logrono__introduccion--secundaria {
    margin-top: 5px;
}

.contacto-logrono__principal {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 48px;
    align-items: stretch;
    width: min(100%, 1500px);
    margin: 0 auto;
}

.contacto-logrono__informacion {
    display: flex;
    flex-direction: column;
    padding: 42px 42px 38px;
    background: var(--contacto-fondo-suave);
    border: 1px solid var(--contacto-borde);
    border-radius: 22px;
    box-shadow: 0 15px 38px rgba(35, 67, 58, 0.08);
}

.contacto-logrono__subtitulo {
    margin: 0 0 14px;
    color: var(--contacto-verde-oscuro);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.65rem, 2.5vw, 2.5rem);
    line-height: 1.2;
}

.contacto-logrono__texto {
    margin: 0 0 31px;
    color: var(--contacto-gris);
    font-size: 1rem;
    line-height: 1.65;
}

.contacto-logrono__datos {
    display: grid;
    gap: 18px;
}

.contacto-logrono__dato {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.contacto-logrono__icono {
    display: block;
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    margin-top: 2px;
    color: var(--contacto-verde);
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.contacto-logrono__dato div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.contacto-logrono__dato strong {
    color: var(--contacto-negro);
    font-size: 0.92rem;
}

.contacto-logrono__dato span,
.contacto-logrono__dato a {
    color: var(--contacto-verde-oscuro);
    font-size: 1rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.contacto-logrono__dato a:hover,
.contacto-logrono__dato a:focus {
    color: var(--contacto-verde);
    text-decoration: underline;
}

.contacto-logrono__horario {
    margin-top: 31px;
    padding-top: 25px;
    border-top: 1px solid var(--contacto-borde);
}

.contacto-logrono__horario h3 {
    margin: 0 0 8px;
    color: var(--contacto-verde-oscuro);
    font-size: 1.05rem;
}

.contacto-logrono__horario p {
    margin: 0 0 4px;
    color: var(--contacto-negro);
}

.contacto-logrono__horario span {
    color: var(--contacto-gris);
    font-size: 0.91rem;
    font-style: italic;
}

.contacto-logrono__acciones {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 30px;
}

.contacto-logrono__boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 13px 20px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.91rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.contacto-logrono__boton--llamar {
    color: #ffffff;
    background: var(--contacto-verde-oscuro);
    border-color: var(--contacto-verde-oscuro);
}

.contacto-logrono__boton--whatsapp {
    color: var(--contacto-verde-oscuro);
    background: #ffffff;
    border-color: var(--contacto-verde);
}

.contacto-logrono__boton--cita {
    color: #ffffff;
    background: var(--contacto-verde);
    border-color: var(--contacto-verde);
}

.contacto-logrono__boton:hover,
.contacto-logrono__boton:focus {
    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(35, 67, 58, 0.18);
    text-decoration: none;
}

.contacto-logrono__boton--llamar:hover,
.contacto-logrono__boton--llamar:focus {
    color: #ffffff;
    background: #263a35;
}

.contacto-logrono__boton--whatsapp:hover,
.contacto-logrono__boton--whatsapp:focus {
    color: #ffffff;
    background: var(--contacto-verde);
}

.contacto-logrono__boton--cita:hover,
.contacto-logrono__boton--cita:focus {
    color: #ffffff;
    background: var(--contacto-verde-oscuro);
}

.contacto-logrono__mapa {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid var(--contacto-borde);
    border-radius: 22px;
    box-shadow: 0 15px 38px rgba(35, 67, 58, 0.09);
}

.contacto-logrono__mapa iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 570px;
    border: 0;
}

.contacto-logrono__como-llegar {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 14px 20px;
    color: #ffffff;
    background: var(--contacto-verde-oscuro);
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.contacto-logrono__como-llegar:hover,
.contacto-logrono__como-llegar:focus {
    color: #ffffff;
    background: var(--contacto-verde);
    text-decoration: none;
}

.contacto-logrono__confianza {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    width: min(100%, 1200px);
    margin: 42px auto 0;
}

.contacto-logrono__confianza-item {
    padding: 25px 24px;
    background: #ffffff;
    border: 1px solid var(--contacto-borde);
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 9px 22px rgba(35, 67, 58, 0.06);
}

.contacto-logrono__confianza-item strong {
    display: block;
    margin-bottom: 7px;
    color: var(--contacto-verde-oscuro);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.08rem;
}

.contacto-logrono__confianza-item span {
    color: var(--contacto-gris);
    font-size: 0.92rem;
    line-height: 1.55;
}

.contacto-logrono__final {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    width: min(100%, 1200px);
    margin: 45px auto 0;
    padding: 36px 40px;
    background: var(--contacto-verde-oscuro);
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(35, 67, 58, 0.18);
}

.contacto-logrono__final-etiqueta {
    display: block;
    margin-bottom: 8px;
    color: #dce8e3;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.contacto-logrono__final h2 {
    margin: 0 0 8px;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.55rem, 2.6vw, 2.35rem);
    line-height: 1.2;
}

.contacto-logrono__final p {
    max-width: 760px;
    margin: 0;
    color: #edf3f0;
    line-height: 1.6;
}

.contacto-logrono__boton-final {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 210px;
    min-height: 54px;
    padding: 14px 24px;
    color: var(--contacto-verde-oscuro);
    background: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 999px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        transform 0.25s ease;
}

.contacto-logrono__boton-final:hover,
.contacto-logrono__boton-final:focus {
    color: #ffffff;
    background: transparent;
    transform: translateY(-2px);
    text-decoration: none;
}


/* =========================================================
   TABLET
========================================================= */

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

    .contacto-logrono {
        padding: 55px 22px 65px;
    }

    .contacto-logrono__principal {
        grid-template-columns: 1fr;
        gap: 28px;
        max-width: 820px;
    }

    .contacto-logrono__mapa iframe {
        min-height: 460px;
    }

    .contacto-logrono__confianza {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

}


/* =========================================================
   MÓVIL
========================================================= */

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

    .contacto-logrono {
        padding: 40px 15px 50px;
    }

    .contacto-logrono__cabecera {
        margin-bottom: 31px;
    }

    .contacto-logrono__etiqueta {
        font-size: 0.72rem;
    }

    .contacto-logrono__titulo {
        font-size: 2rem;
        line-height: 1.14;
    }

    .contacto-logrono__introduccion {
        font-size: 0.98rem;
        line-height: 1.6;
    }

    .contacto-logrono__informacion {
        padding: 29px 21px 25px;
        border-radius: 17px;
    }

    .contacto-logrono__subtitulo {
        font-size: 1.65rem;
    }

    .contacto-logrono__acciones {
        flex-direction: column;
    }

    .contacto-logrono__boton {
        width: 100%;
    }

    .contacto-logrono__mapa {
        border-radius: 17px;
    }

    .contacto-logrono__mapa iframe {
        min-height: 360px;
    }

    .contacto-logrono__confianza {
        grid-template-columns: 1fr;
        gap: 13px;
        margin-top: 28px;
    }

    .contacto-logrono__confianza-item {
        padding: 21px 18px;
    }

    .contacto-logrono__final {
        flex-direction: column;
        align-items: stretch;
        margin-top: 30px;
        padding: 29px 22px;
        text-align: center;
    }

    .contacto-logrono__boton-final {
        width: 100%;
        min-width: 0;
    }

}


/* =========================================================
   MÓVILES PEQUEÑOS
========================================================= */

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

    .contacto-logrono {
        padding-right: 11px;
        padding-left: 11px;
    }

    .contacto-logrono__titulo {
        font-size: 1.72rem;
    }

    .contacto-logrono__informacion {
        padding-right: 17px;
        padding-left: 17px;
    }

    .contacto-logrono__dato {
        gap: 10px;
    }

    .contacto-logrono__dato span,
    .contacto-logrono__dato a {
        font-size: 0.92rem;
    }

    .contacto-logrono__mapa iframe {
        min-height: 310px;
    }

}
/* =========================================================
   PÁGINA CONTACTO A ANCHO COMPLETO
========================================================= */

body.page-id-14 .site-main--content {
    width: 100%;
    max-width: none;
    padding: 0;
    overflow: hidden;
}

body.page-id-14 .content-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

body.page-id-14 article,
body.page-id-14 .entry-content {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

/* Ocultar el título automático “Contacto” de WordPress */

body.page-id-14 .entry-header {
    display: none;
}

/* La sección ocupa todo el ancho */

body.page-id-14 .contacto-logrono {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 52px clamp(20px, 4vw, 70px) 75px;
}

/* Cabecera más proporcionada */

body.page-id-14 .contacto-logrono__cabecera {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto 44px;
}

body.page-id-14 .contacto-logrono__titulo {
    max-width: 900px;
    margin: 0 auto 16px;
    font-size: clamp(2rem, 3.3vw, 3.35rem);
    line-height: 1.12;
}

/* Móvil */

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

    body.page-id-14 .contacto-logrono {
        padding: 35px 15px 50px;
    }

    body.page-id-14 .contacto-logrono__titulo {
        font-size: 1.85rem;
        line-height: 1.18;
    }
}
.contacto-logrono__subtitulo-principal {
    max-width: 850px;
    margin: 0 auto 19px;
    color: #374e46;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.45rem, 2.2vw, 2.3rem);
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

@media screen and (max-width: 700px) {
    .contacto-logrono__subtitulo-principal {
        font-size: 1.35rem;
        line-height: 1.3;
    }
}



/* =========================================================
   RESERVA DE CITA EN CONTACTO
========================================================= */

body.page-id-14 .contacto-reserva-cabecera {
    width: min(100%, 900px);
    margin: 70px auto 28px;
    padding: 0 20px;
    text-align: center;
}

body.page-id-14 .contacto-reserva-cabecera__etiqueta {
    display: inline-flex;
    margin-bottom: 14px;
    padding: 7px 15px;
    color: #374e46;
    background: #f3f6f4;
    border: 1px solid #d9e2de;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

body.page-id-14 .contacto-reserva-cabecera h2 {
    margin: 0 0 14px;
    color: #374e46;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
    line-height: 1.2;
}

body.page-id-14 .contacto-reserva-cabecera p {
    max-width: 760px;
    margin: 0 auto;
    color: #333333;
    font-size: 1rem;
    line-height: 1.65;
}

/* Caja exterior de Amelia */

body.page-id-14 .wp-block-shortcode {
    width: min(100%, 1050px);
    margin: 0 auto 75px;
    padding: 28px;
    background: #ffffff;
    border: 1px solid #dce5e1;
    border-radius: 22px;
    box-shadow: 0 15px 38px rgba(35, 67, 58, 0.08);
}

body.page-id-14 .amelia-v2-booking {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}


/* =========================================================
   INFORMACIÓN LOCAL
========================================================= */

.contacto-local {
    width: min(100%, 1250px);
    margin: 0 auto;
    padding: 10px 24px 75px;
    background: #ffffff;
}

.contacto-local__cabecera {
    max-width: 900px;
    margin: 0 auto 38px;
    text-align: center;
}

.contacto-local__etiqueta {
    display: inline-flex;
    margin-bottom: 13px;
    color: #4e7668;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.contacto-local__cabecera h2 {
    margin: 0 0 15px;
    color: #374e46;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.9rem, 3vw, 2.9rem);
    line-height: 1.2;
}

.contacto-local__cabecera p {
    margin: 0;
    color: #333333;
    font-size: 1rem;
    line-height: 1.7;
}

.contacto-local__tarjetas {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.contacto-local__tarjeta {
    position: relative;
    min-width: 0;
    padding: 29px 25px;
    background: #ffffff;
    border: 1px solid #dce5e1;
    border-radius: 17px;
    box-shadow: 0 10px 25px rgba(35, 67, 58, 0.06);
}

.contacto-local__numero {
    display: block;
    margin-bottom: 22px;
    color: #9cafaa;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.15rem;
    font-weight: 700;
}

.contacto-local__tarjeta h3 {
    margin: 0 0 12px;
    color: #374e46;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.25rem;
}

.contacto-local__tarjeta p {
    margin: 0 0 9px;
    color: #333333;
    line-height: 1.6;
}

.contacto-local__tarjeta a {
    color: #4e7668;
    font-weight: 700;
    text-decoration: none;
}

.contacto-local__tarjeta a:hover,
.contacto-local__tarjeta a:focus {
    color: #374e46;
    text-decoration: underline;
}

.contacto-local__nota {
    color: #626b68;
    font-size: 0.9rem;
    font-style: italic;
}

.contacto-local__acceso {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    margin-top: 22px;
    padding: 30px 32px;
    background: #ffffff;
    border: 1px solid #dce5e1;
    border-radius: 17px;
}

.contacto-local__acceso h3 {
    margin: 0 0 8px;
    color: #374e46;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.35rem;
}

.contacto-local__acceso p {
    max-width: 760px;
    margin: 0;
    color: #333333;
    line-height: 1.65;
}

a.contacto-local__boton,
a.contacto-local__boton:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 185px;
    min-height: 50px;
    padding: 13px 21px;
    color: #ffffff !important;
    background: #4e7668;
    border: 1px solid #4e7668;
    border-radius: 999px;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}

a.contacto-local__boton:hover,
a.contacto-local__boton:focus {
    color: #ffffff !important;
    background: #374e46;
    border-color: #374e46;
    text-decoration: none !important;
}

/* =========================================================
   PREGUNTAS FRECUENTES
========================================================= */

.contacto-preguntas {
    width: min(100%, 1000px);
    margin: 0 auto;
    padding: 20px 24px 75px;
    background: #ffffff;
}

.contacto-preguntas__cabecera {
    margin-bottom: 30px;
    text-align: center;
}

.contacto-preguntas__cabecera > span {
    display: block;
    margin-bottom: 10px;
    color: #4e7668;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.contacto-preguntas__cabecera h2 {
    margin: 0 0 12px;
    color: #374e46;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
}

.contacto-preguntas__cabecera p {
    margin: 0;
    color: #525b58;
}

.contacto-preguntas__lista {
    display: grid;
    gap: 12px;
}

.contacto-preguntas details {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dce5e1;
    border-radius: 13px;
}

.contacto-preguntas summary {
    position: relative;
    padding: 20px 55px 20px 22px;
    color: #263b35;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
    list-style: none;
}

.contacto-preguntas summary::-webkit-details-marker {
    display: none;
}

.contacto-preguntas summary::after {
    position: absolute;
    top: 50%;
    right: 21px;
    content: "+";
    color: #4e7668;
    font-size: 1.6rem;
    font-weight: 400;
    transform: translateY(-50%);
}

.contacto-preguntas details[open] summary::after {
    content: "−";
}

.contacto-preguntas details[open] summary {
    border-bottom: 1px solid #e4e9e7;
}

.contacto-preguntas details > div {
    padding: 18px 22px 21px;
}

.contacto-preguntas details p {
    margin: 0;
    color: #424b48;
    line-height: 1.65;
}


/* =========================================================
   LLAMADA A LA ACCIÓN FINAL
========================================================= */

.contacto-accion-final {
    width: min(100% - 40px, 1050px);
    margin: 0 auto 80px;
    padding: 42px 35px;
    background: #ffffff;
    border: 2px solid #4e7668;
    border-radius: 22px;
    box-shadow: 0 14px 32px rgba(35, 67, 58, 0.08);
    text-align: center;
}

.contacto-accion-final__etiqueta {
    display: block;
    margin-bottom: 10px;
    color: #4e7668;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.contacto-accion-final h2 {
    margin: 0 0 12px;
    color: #374e46;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.7rem, 3vw, 2.6rem);
}

.contacto-accion-final p {
    max-width: 700px;
    margin: 0 auto 27px;
    color: #333333;
    line-height: 1.65;
}

.contacto-accion-final__botones {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 11px;
}

.contacto-accion-final__boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 51px;
    padding: 13px 22px;
    border-radius: 999px;
    font-size: 0.92rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

a.contacto-accion-final__boton--principal,
a.contacto-accion-final__boton--principal:visited {
    color: #ffffff !important;
    background: #374e46;
    border: 1px solid #374e46;
    text-decoration: none !important;
}

a.contacto-accion-final__boton--cita,
a.contacto-accion-final__boton--cita:visited {
    color: #ffffff !important;
    background: #4e7668;
    border: 1px solid #4e7668;
    text-decoration: none !important;
}

a.contacto-accion-final__boton--secundario,
a.contacto-accion-final__boton--secundario:visited {
    color: #374e46 !important;
    background: #ffffff;
    border: 1px solid #4e7668;
    text-decoration: none !important;
}

a.contacto-accion-final__boton:hover,
a.contacto-accion-final__boton:focus {
    color: #ffffff !important;
    background: #263b35;
    border-color: #263b35;
    text-decoration: none !important;
}



/* =========================================================
   TABLET Y MÓVIL
========================================================= */

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

    body.page-id-14 .wp-block-shortcode {
        width: calc(100% - 32px);
        padding: 18px;
    }

    .contacto-local__tarjetas {
        grid-template-columns: 1fr;
    }

    .contacto-local__acceso {
        flex-direction: column;
        align-items: flex-start;
    }

    .contacto-local__boton {
        width: 100%;
    }

}

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

    body.page-id-14 .contacto-reserva-cabecera {
        margin-top: 48px;
        padding: 0 15px;
    }

    body.page-id-14 .contacto-reserva-cabecera h2 {
        font-size: 1.7rem;
    }

    body.page-id-14 .wp-block-shortcode {
        width: calc(100% - 22px);
        margin-bottom: 55px;
        padding: 10px;
        border-radius: 16px;
    }

    .contacto-local {
        padding: 5px 14px 55px;
    }

    .contacto-local__tarjeta {
        padding: 24px 20px;
    }

    .contacto-local__acceso {
        padding: 24px 20px;
    }

    .contacto-preguntas {
        padding: 10px 14px 55px;
    }

    .contacto-preguntas summary {
        padding: 18px 48px 18px 18px;
        font-size: 0.94rem;
    }

    .contacto-preguntas details > div {
        padding: 16px 18px 19px;
    }

    .contacto-accion-final {
        width: calc(100% - 28px);
        margin-bottom: 55px;
        padding: 31px 19px;
    }

    .contacto-accion-final__botones {
        flex-direction: column;
    }

    .contacto-accion-final__boton {
        width: 100%;
    }

}

.terapia-individual-presentacion { width: 100%; padding: 70px 24px; background: #fff; box-sizing: border-box; } 
.terapia-individual-presentacion__contenido { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .95fr); align-items: center; gap: clamp(40px, 6vw, 90px); width: min(100%, 1400px); margin: 0 auto; } 
.terapia-individual-presentacion__texto { min-width: 0; } 
.terapia-individual-presentacion__etiqueta { display: inline-flex; margin-bottom: 17px; padding: 7px 14px; color: #374e46; background: #f2f6f4; border: 1px solid #d8e2dd; border-radius: 999px; font-size: .78rem; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; } 
.terapia-individual-presentacion__texto h2 { max-width: 720px; margin: 0 0 25px; color: #263a35; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.15rem, 3.4vw, 4rem); font-weight: 700; line-height: 1.08; } 
.terapia-individual-presentacion__texto p { max-width: 760px; margin: 0 0 18px; color: #303533; font-family: Arial, Helvetica, sans-serif; font-size: 1.05rem; line-height: 1.75; } 
.terapia-individual-presentacion__texto strong { color: #374e46; }
.terapia-individual-presentacion__destacado { margin-top: 26px !important; color: #374e46 !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 1.22rem !important; font-weight: 700; line-height: 1.5 !important; } 
a.terapia-individual-presentacion__boton, a.terapia-individual-presentacion__boton:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; margin-top: 14px; padding: 14px 25px; color: #fff !important; background: #4e7668; border: 1px solid #4e7668; border-radius: 999px; font-size: .94rem; font-weight: 700; text-align: center; text-decoration: none !important; transition: background-color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease; } 
a.terapia-individual-presentacion__boton:hover, a.terapia-individual-presentacion__boton:focus { color: #fff !important; background: #374e46; border-color: #374e46; text-decoration: none !important; transform: translateY(-2px); box-shadow: 0 9px 20px rgba(55, 78, 70, .18); } 
.terapia-individual-presentacion__imagen { width: 100%; overflow: hidden; border-radius: 20px; box-shadow: 0 18px 40px rgba(35, 55, 48, .1); } 
.terapia-individual-presentacion__imagen img { display: block; width: 100%; height: 570px; object-fit: cover; object-position: center; } @media screen and (max-width: 1000px) { .terapia-individual-presentacion { padding: 55px 22px; } .terapia-individual-presentacion__contenido { grid-template-columns: 1fr 1fr; gap: 35px; } .terapia-individual-presentacion__imagen img { height: 500px; } .terapia-individual-presentacion__texto h2 { font-size: clamp(2rem, 4vw, 3rem); } } 
@media screen and (max-width: 760px) { .terapia-individual-presentacion { padding: 42px 16px 50px; } .terapia-individual-presentacion__contenido { grid-template-columns: 1fr; gap: 31px; } .terapia-individual-presentacion__texto { text-align: left; } .terapia-individual-presentacion__texto h2 { font-size: 2rem; line-height: 1.14; } .terapia-individual-presentacion__texto p { font-size: .98rem; line-height: 1.65; } .terapia-individual-presentacion__imagen { order: -1; border-radius: 16px; } .terapia-individual-presentacion__imagen img { height: auto; aspect-ratio: 4 / 3; } a.terapia-individual-presentacion__boton { width: 100%; } } 
@media screen and (max-width: 380px) { .terapia-individual-presentacion { padding-right: 12px; padding-left: 12px; } .terapia-individual-presentacion__texto h2 { font-size: 1.7rem; } .terapia-individual-presentacion__destacado { font-size: 1.08rem !important; } }

.ayuda-terapia { position: relative; left: 50%; width: 100vw; margin-left: -50vw; padding: 72px 24px 80px; overflow-x: clip; background: #fff; box-sizing: border-box; } 
.ayuda-terapia__cabecera { width: min(100%, 980px); margin: 0 auto 43px; text-align: center; } 
.ayuda-terapia__etiqueta { display: inline-flex; margin-bottom: 14px; padding: 7px 15px; color: #374e46; background: #f2f6f4; border: 1px solid #d8e2dd; border-radius: 999px; font-size: .76rem; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; } 
.ayuda-terapia__cabecera h2 { margin: 0 0 17px; color: #263a35; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 3.2vw, 3.35rem); line-height: 1.15; }
.ayuda-terapia__cabecera p { max-width: 900px; margin: 0 auto; color: #3f4744; font-size: 1rem; line-height: 1.7; } 
.ayuda-terapia__rejilla { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px; width: min(calc(100% - 48px), 1450px); margin: 0 auto; } 
a.ayuda-terapia__tarjeta, a.ayuda-terapia__tarjeta:visited { display: flex; flex-direction: column; align-items: center; min-width: 0; min-height: 255px; padding: 28px 20px 24px; color: #263a35 !important; background: #fff; border: 1px solid #dce5e1; border-radius: 17px; box-shadow: 0 10px 25px rgba(35, 67, 58, .07); text-align: center; text-decoration: none !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background-color .25s ease; } 
a.ayuda-terapia__tarjeta:hover, a.ayuda-terapia__tarjeta:focus { color: #263a35 !important; background: #f8faf9; border-color: #9fb7ad; box-shadow: 0 16px 32px rgba(35, 67, 58, .12); text-decoration: none !important; transform: translateY(-5px); } 
.ayuda-terapia__icono { display: inline-flex; align-items: center; justify-content: center; width: 76px; height: 76px; flex: 0 0 76px; margin-bottom: 20px; color: #4e7668; background: #f1f5f3; border-radius: 50%; } 
.ayuda-terapia__icono svg { width: 45px; height: 45px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } 
.ayuda-terapia__tarjeta h3 { margin: 0 0 10px; color: #374e46; font-family: Georgia, "Times New Roman", serif; font-size: 1.12rem; line-height: 1.25; } 
.ayuda-terapia__tarjeta p { margin: 0; color: #59625f; font-size: .9rem; line-height: 1.55; } 
@media screen and (max-width: 1300px) { .ayuda-terapia__rejilla { grid-template-columns: repeat(4, minmax(0, 1fr)); width: min(calc(100% - 48px), 1120px); } } 
@media screen and (max-width: 1000px) { .ayuda-terapia__rejilla { grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(calc(100% - 40px), 850px); } } 
@media screen and (max-width: 760px) { .ayuda-terapia { padding: 55px 18px 62px; } .ayuda-terapia__cabecera { margin-bottom: 34px; } .ayuda-terapia__rejilla { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 16px; } a.ayuda-terapia__tarjeta { min-height: 235px; padding: 25px 17px 22px; } } 
@media screen and (max-width: 520px) { .ayuda-terapia { padding: 42px 14px 50px; } .ayuda-terapia__cabecera h2 { font-size: 1.85rem; } .ayuda-terapia__cabecera p { font-size: .94rem; } .ayuda-terapia__rejilla { grid-template-columns: 1fr; gap: 14px; } a.ayuda-terapia__tarjeta { min-height: 0; padding: 23px 19px; } .ayuda-terapia__icono { width: 66px; height: 66px; flex-basis: 66px; margin-bottom: 16px; } .ayuda-terapia__icono svg { width: 39px; height: 39px; } .ayuda-terapia__tarjeta h3 { font-size: 1.08rem; } }

.proceso-terapia-individual { position: relative; left: 50%; width: 100vw; margin-left: -50vw; padding: 58px 24px 72px; overflow-x: hidden; color: #303533; background: #fff; box-sizing: border-box; }
.proceso-terapia-individual *, .proceso-terapia-individual *::before, .proceso-terapia-individual *::after { box-sizing: border-box; } .proceso-terapia-individual__cabecera { width: min(100%, 1050px); margin: 0 auto 48px; text-align: center; } 
.proceso-terapia-individual__etiqueta { display: inline-flex; margin-bottom: 15px; padding: 7px 15px; color: #374e46; background: #f2f6f4; border: 1px solid #d8e2dd; border-radius: 999px; font-size: .76rem; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; } 
.proceso-terapia-individual__cabecera h2 { max-width: 950px; margin: 0 auto 18px; color: #263a35; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 3.3vw, 3.45rem); font-weight: 700; line-height: 1.14; } 
.proceso-terapia-individual__cabecera p { max-width: 920px; margin: 0 auto; color: #404744; font-size: 1.03rem; line-height: 1.75; } .proceso-terapia-individual__cabecera strong { color: #374e46; } 
.proceso-terapia-individual__contenido { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); align-items: center; gap: clamp(38px, 5vw, 70px); width: min(calc(100% - 48px), 1280px); margin: 0 auto; }
.proceso-terapia-individual__pasos { display: grid; gap: 22px; min-width: 0; } 
.proceso-terapia-individual__paso { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 20px; padding: 0 0 22px; border-bottom: 1px solid #dce5e1; }
.proceso-terapia-individual__numero { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; color: #fff; background: #4e7668; border-radius: 50%; font-family: Georgia, "Times New Roman", serif; font-size: .98rem; font-weight: 700; } 
.proceso-terapia-individual__paso h3 { margin: 0 0 8px; color: #374e46; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.25rem, 1.7vw, 1.65rem); line-height: 1.25; } .proceso-terapia-individual__paso p { margin: 0; color: #4d5652; font-size: .98rem; line-height: 1.7; } 
.proceso-terapia-individual__cierre { padding-top: 5px; } 
.proceso-terapia-individual__cierre p { margin: 0 0 20px; color: #374e46; font-family: Georgia, "Times New Roman", serif; font-size: 1.08rem; font-weight: 700; line-height: 1.6; } a.proceso-terapia-individual__boton, a.proceso-terapia-individual__boton:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 14px 25px; color: #fff !important; background: #4e7668; border: 1px solid #4e7668; border-radius: 999px; font-size: .93rem; font-weight: 700; text-align: center; text-decoration: none !important; transition: background-color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease; } a.proceso-terapia-individual__boton:hover, a.proceso-terapia-individual__boton:focus { color: #fff !important; background: #374e46; border-color: #374e46; text-decoration: none !important; transform: translateY(-2px); box-shadow: 0 9px 20px rgba(55, 78, 70, .18); } 
.proceso-terapia-individual__imagen { width: 100%; overflow: hidden; border-radius: 20px; box-shadow: 0 18px 40px rgba(35, 55, 48, .1); } 
.proceso-terapia-individual__imagen img { display: block; width: 100%; height: 520px; object-fit: cover; object-position: center; }
@media screen and (max-width: 1050px) { .proceso-terapia-individual__contenido { grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr); width: min(calc(100% - 36px), 980px); gap: 32px; } .proceso-terapia-individual__imagen img { height: 480px; } }
@media screen and (max-width: 820px) { .proceso-terapia-individual { padding: 58px 18px 65px; } .proceso-terapia-individual__cabecera { margin-bottom: 36px; } .proceso-terapia-individual__contenido { grid-template-columns: 1fr; width: min(100%, 720px); gap: 34px; } .proceso-terapia-individual__imagen { order: -1; } .proceso-terapia-individual__imagen img { height: auto; aspect-ratio: 16 / 10; } } 
@media screen and (max-width: 520px) { .proceso-terapia-individual { left: auto; width: 100%; margin-left: 0; padding: 24px 14px 46px; } .proceso-terapia-individual__cabecera { margin-bottom: 25px; } .proceso-terapia-individual__cabecera h2 { font-size: 1.85rem; } .proceso-terapia-individual__cabecera p { font-size: .95rem; line-height: 1.65; } .proceso-terapia-individual__contenido { width: 100%; gap: 25px; } .proceso-terapia-individual__imagen { border-radius: 15px; } .proceso-terapia-individual__imagen img { height: auto; aspect-ratio: 4 / 3; object-position: center; } .proceso-terapia-individual__paso { grid-template-columns: 45px minmax(0, 1fr); gap: 14px; padding-bottom: 19px; } .proceso-terapia-individual__numero { width: 42px; height: 42px; font-size: .83rem; } .proceso-terapia-individual__paso h3 { font-size: 1.22rem; } .proceso-terapia-individual__paso p { font-size: .93rem; line-height: 1.62; } .proceso-terapia-individual__cierre p { font-size: 1rem; } a.proceso-terapia-individual__boton { width: 100%; } }

.faq-terapia-individual { width: 100%; margin: 0; padding: 62px 24px 72px; background: #fff; box-sizing: border-box; } .faq-terapia-individual *, .faq-terapia-individual *::before, .faq-terapia-individual *::after { box-sizing: border-box; } .faq-terapia-individual__cabecera { width: min(100%, 1050px); margin: 0 auto 36px; text-align: center; } .faq-terapia-individual__etiqueta { display: inline-flex; margin-bottom: 13px; padding: 7px 15px; color: #374e46; background: #f2f6f4; border: 1px solid #d8e2dd; border-radius: 999px; font-size: .76rem; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; } .faq-terapia-individual__cabecera h2 { margin: 0 0 14px; color: #263a35; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 3vw, 3rem); font-weight: 700; line-height: 1.15; } .faq-terapia-individual__cabecera p { max-width: 790px; margin: 0 auto; color: #4c5551; font-size: 1rem; line-height: 1.7; } .faq-terapia-individual__lista { display: grid; gap: 0; width: min(100%, 1290px); margin: 0 auto; overflow: hidden; background: #fff; border: 1px solid #d9dfdc; border-radius: 8px; } .faq-terapia-individual details { margin: 0; overflow: hidden; background: #fff; border: 0; border-bottom: 1px solid #d9dfdc; border-radius: 0; box-shadow: none; } .faq-terapia-individual details:last-child { border-bottom: 0; } .faq-terapia-individual summary { position: relative; display: flex; align-items: center; min-height: 58px; padding: 17px 58px 17px 56px; color: #263a35; font-size: 1rem; font-weight: 700; line-height: 1.45; cursor: pointer; list-style: none; } .faq-terapia-individual summary::-webkit-details-marker { display: none; } .faq-terapia-individual summary::before { position: absolute; top: 50%; left: 20px; content: "+"; color: #374e46; font-size: 1.45rem; font-weight: 400; transform: translateY(-50%); } .faq-terapia-individual details[open] summary::before { content: "−"; } .faq-terapia-individual details[open] summary { color: #263a35; background: #f8faf9; border-bottom: 1px solid #dfe5e2; } .faq-terapia-individual details > div { padding: 17px 28px 21px 56px; background: #fff; } .faq-terapia-individual details p { max-width: 1120px; margin: 0; color: #4a524f; font-size: .96rem; line-height: 1.7; } .faq-terapia-individual details p a { color: #374e46; font-weight: 700; text-decoration: none; } .faq-terapia-individual details p a:hover, .faq-terapia-individual details p a:focus { color: #4e7668; text-decoration: underline; } a.faq-terapia-individual__boton, a.faq-terapia-individual__boton:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 49px; margin-top: 18px; padding: 13px 23px; color: #fff !important; background: #4e7668; border: 1px solid #4e7668; border-radius: 999px; font-size: .92rem; font-weight: 700; text-align: center; text-decoration: none !important; } a.faq-terapia-individual__boton:hover, a.faq-terapia-individual__boton:focus { color: #fff !important; background: #374e46; border-color: #374e46; text-decoration: none !important; } @media screen and (max-width: 900px) { .faq-terapia-individual { padding: 50px 18px 60px; } .faq-terapia-individual__lista { width: 100%; } .faq-terapia-individual__cabecera { margin-bottom: 30px; } } @media screen and (max-width: 600px) { .faq-terapia-individual { padding: 30px 13px 46px; } .faq-terapia-individual__cabecera { margin-bottom: 23px; } .faq-terapia-individual__cabecera h2 { font-size: 1.72rem; line-height: 1.2; } .faq-terapia-individual__cabecera p { font-size: .93rem; line-height: 1.6; } .faq-terapia-individual__lista { border-radius: 7px; } .faq-terapia-individual summary { min-height: 0; padding: 16px 42px 16px 43px; font-size: .91rem; line-height: 1.45; } .faq-terapia-individual summary::before { left: 15px; font-size: 1.3rem; } .faq-terapia-individual details > div { padding: 15px 16px 18px 43px; } .faq-terapia-individual details p { font-size: .9rem; line-height: 1.62; } a.faq-terapia-individual__boton { width: 100%; } }

.ansiedad-logrono-hero { width: 100%; margin: 0; padding: 72px 24px 78px; overflow: hidden; background: #fff; box-sizing: border-box; } .ansiedad-logrono-hero *, .ansiedad-logrono-hero *::before, .ansiedad-logrono-hero *::after { box-sizing: border-box; } .ansiedad-logrono-hero__contenido { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 64px; width: min(100%, 1280px); margin: 0 auto; } .ansiedad-logrono-hero__texto { width: 100%; max-width: 620px; min-width: 0; } .ansiedad-logrono-hero__etiqueta { display: inline-flex; align-items: center; margin: 0 0 17px; padding: 7px 15px; color: #374e46; background: #f2f6f4; border: 1px solid #d8e2dd; border-radius: 999px; font-size: .75rem; font-weight: 700; line-height: 1.3; letter-spacing: .45px; text-transform: uppercase; } .ansiedad-logrono-hero h1 { max-width: 610px; margin: 0 0 20px; color: #263a35; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.75rem, 4vw, 4.35rem); font-weight: 700; line-height: 1.06; letter-spacing: -.025em; } .ansiedad-logrono-hero__entradilla { margin: 0 0 17px; color: #374e46; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.12rem, 1.45vw, 1.32rem); font-weight: 700; line-height: 1.55; } .ansiedad-logrono-hero__texto > p:not(.ansiedad-logrono-hero__entradilla):not(.ansiedad-logrono-hero__ubicacion) { margin: 0 0 22px; color: #4b5450; font-size: 1rem; line-height: 1.72; } .ansiedad-logrono-hero__texto strong { color: #374e46; font-weight: 700; } .ansiedad-logrono-hero__ventajas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; margin: 0 0 27px; padding: 0; list-style: none; } .ansiedad-logrono-hero__ventajas li { position: relative; min-width: 0; margin: 0; padding: 1px 0 1px 27px; color: #3f4945; font-size: .93rem; font-weight: 600; line-height: 1.45; } .ansiedad-logrono-hero__ventajas li::before { position: absolute; top: 2px; left: 0; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; content: "✓"; color: #fff; background: #4e7668; border-radius: 50%; font-size: .67rem; font-weight: 700; line-height: 1; } .ansiedad-logrono-hero__acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 0 16px; } a.ansiedad-logrono-hero__boton, a.ansiedad-logrono-hero__boton:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 14px 24px; border: 1px solid transparent; border-radius: 999px; font-size: .93rem; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none !important; transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease; } a.ansiedad-logrono-hero__boton--principal, a.ansiedad-logrono-hero__boton--principal:visited { color: #fff !important; background: #4e7668; border-color: #4e7668; } a.ansiedad-logrono-hero__boton--principal:hover, a.ansiedad-logrono-hero__boton--principal:focus { color: #fff !important; background: #374e46; border-color: #374e46; box-shadow: 0 10px 22px rgba(55, 78, 70, .18); text-decoration: none !important; transform: translateY(-2px); } a.ansiedad-logrono-hero__boton--whatsapp, a.ansiedad-logrono-hero__boton--whatsapp:visited { color: #374e46 !important; background: #fff; border-color: #9fb7ad; } a.ansiedad-logrono-hero__boton--whatsapp:hover, a.ansiedad-logrono-hero__boton--whatsapp:focus { color: #fff !important; background: #374e46; border-color: #374e46; box-shadow: 0 10px 22px rgba(55, 78, 70, .14); text-decoration: none !important; transform: translateY(-2px); } .ansiedad-logrono-hero__ubicacion { margin: 0; color: #69726e; font-size: .83rem; font-weight: 600; line-height: 1.45; } .ansiedad-logrono-hero__imagen { position: relative; width: 100%; min-width: 0; aspect-ratio: 6 / 5; overflow: hidden; background: #f2f5f3; border-radius: 20px; box-shadow: 0 18px 42px rgba(35, 55, 48, .11); } .ansiedad-logrono-hero__imagen img { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: center; } .ansiedad-logrono-hero__imagen::after { position: absolute; right: 18px; bottom: 18px; width: 102px; height: 102px; content: ""; border: 1px solid rgba(255, 255, 255, .55); border-radius: 50%; pointer-events: none; } @media screen and (max-width: 1200px) { .ansiedad-logrono-hero { padding: 62px 22px 68px; } .ansiedad-logrono-hero__contenido { grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr); gap: 42px; width: min(100%, 1080px); } .ansiedad-logrono-hero__texto { max-width: 590px; } .ansiedad-logrono-hero h1 { font-size: clamp(2.55rem, 4vw, 3.75rem); } .ansiedad-logrono-hero__imagen { aspect-ratio: 5 / 5; } } @media screen and (max-width: 980px) { .ansiedad-logrono-hero { padding: 50px 20px 60px; } .ansiedad-logrono-hero__contenido { grid-template-columns: 1fr; gap: 35px; width: min(100%, 760px); } .ansiedad-logrono-hero__texto { max-width: none; } .ansiedad-logrono-hero h1 { max-width: 700px; font-size: clamp(2.45rem, 6vw, 3.65rem); } .ansiedad-logrono-hero__entradilla { max-width: 700px; } .ansiedad-logrono-hero__texto > p:not(.ansiedad-logrono-hero__entradilla):not(.ansiedad-logrono-hero__ubicacion) { max-width: 710px; } .ansiedad-logrono-hero__imagen { width: 100%; aspect-ratio: 16 / 10; border-radius: 18px; } } @media screen and (max-width: 700px) { .ansiedad-logrono-hero { padding: 38px 17px 52px; } .ansiedad-logrono-hero__contenido { gap: 30px; } .ansiedad-logrono-hero h1 { margin-bottom: 17px; font-size: 2.45rem; line-height: 1.08; } .ansiedad-logrono-hero__entradilla { font-size: 1.1rem; } .ansiedad-logrono-hero__ventajas { gap: 11px 16px; } .ansiedad-logrono-hero__imagen { aspect-ratio: 16 / 11; } } @media screen and (max-width: 560px) { .ansiedad-logrono-hero { padding: 25px 14px 44px; } .ansiedad-logrono-hero__contenido { width: 100%; gap: 26px; } .ansiedad-logrono-hero__etiqueta { margin-bottom: 12px; padding: 6px 12px; font-size: .68rem; } .ansiedad-logrono-hero h1 { margin-bottom: 15px; font-size: 2.05rem; line-height: 1.09; letter-spacing: -.018em; } .ansiedad-logrono-hero__entradilla { margin-bottom: 14px; font-size: 1.05rem; line-height: 1.5; } .ansiedad-logrono-hero__texto > p:not(.ansiedad-logrono-hero__entradilla):not(.ansiedad-logrono-hero__ubicacion) { margin-bottom: 19px; font-size: .93rem; line-height: 1.64; } .ansiedad-logrono-hero__ventajas { grid-template-columns: 1fr; gap: 10px; margin-bottom: 22px; } .ansiedad-logrono-hero__ventajas li { font-size: .9rem; } .ansiedad-logrono-hero__acciones { display: grid; grid-template-columns: 1fr; gap: 10px; margin-bottom: 14px; } a.ansiedad-logrono-hero__boton, a.ansiedad-logrono-hero__boton:visited { width: 100%; min-height: 50px; padding: 13px 18px; } .ansiedad-logrono-hero__ubicacion { font-size: .78rem; } .ansiedad-logrono-hero__imagen { aspect-ratio: 4 / 3; border-radius: 15px; } .ansiedad-logrono-hero__imagen::after { right: 11px; bottom: 11px; width: 70px; height: 70px; } }


.sintomas-ansiedad-logrono { width:100%; margin:0; padding:56px 24px 72px; overflow:hidden; background:#fff; box-sizing:border-box; } .sintomas-ansiedad-logrono *, .sintomas-ansiedad-logrono *::before, .sintomas-ansiedad-logrono *::after { box-sizing:border-box; } .sintomas-ansiedad-logrono__contacto { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; width:min(100%,1280px); margin:0 auto 68px; } a.sintomas-ansiedad-logrono__dato, a.sintomas-ansiedad-logrono__dato:visited { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:150px; padding:23px 24px; color:#374e46!important; background:#fff; border:1px solid #aec3ba; border-radius:18px; text-align:center; text-decoration:none!important; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease; } a.sintomas-ansiedad-logrono__dato:hover, a.sintomas-ansiedad-logrono__dato:focus { color:#263a35!important; background:#f8faf9; border-color:#4e7668; box-shadow:0 14px 30px rgba(35,67,58,.10); text-decoration:none!important; transform:translateY(-4px); } .sintomas-ansiedad-logrono__icono { display:flex; align-items:center; justify-content:center; width:42px; height:42px; margin-bottom:8px; color:#4e7668; } .sintomas-ansiedad-logrono__icono svg { width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .sintomas-ansiedad-logrono__dato strong { display:block; margin-bottom:7px; color:#263a35; font-family:Georgia,"Times New Roman",serif; font-size:1.08rem; line-height:1.3; } .sintomas-ansiedad-logrono__dato > span:last-child { color:#5c6561; font-size:.9rem; line-height:1.55; } .sintomas-ansiedad-logrono__cabecera { width:min(100%,1020px); margin:0 auto 46px; text-align:center; } .sintomas-ansiedad-logrono__etiqueta { display:inline-flex; margin-bottom:15px; padding:7px 15px; color:#374e46; background:#f2f6f4; border:1px solid #d8e2dd; border-radius:999px; font-size:.75rem; font-weight:700; letter-spacing:.4px; text-transform:uppercase; } .sintomas-ansiedad-logrono__cabecera h2 { max-width:940px; margin:0 auto 18px; color:#263a35; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.25rem,3.5vw,3.7rem); font-weight:700; line-height:1.12; letter-spacing:-.02em; } .sintomas-ansiedad-logrono__cabecera p { max-width:900px; margin:0 auto 10px; color:#4b5450; font-size:1rem; line-height:1.75; } .sintomas-ansiedad-logrono__rejilla { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; width:min(100%,1280px); margin:0 auto 42px; } .sintomas-ansiedad-logrono__grupo { min-width:0; padding:30px 28px 28px; background:#fff; border:1px solid #dce5e1; border-radius:18px; box-shadow:0 10px 28px rgba(35,67,58,.06); } .sintomas-ansiedad-logrono__grupo-cabecera { display:flex; align-items:center; gap:14px; min-height:62px; margin-bottom:21px; padding-bottom:18px; border-bottom:1px solid #dfe7e3; } .sintomas-ansiedad-logrono__grupo-icono { display:flex; flex:0 0 52px; align-items:center; justify-content:center; width:52px; height:52px; color:#4e7668; background:#f1f5f3; border-radius:50%; } .sintomas-ansiedad-logrono__grupo-icono svg { width:31px; height:31px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; } .sintomas-ansiedad-logrono__grupo h3 { margin:0; color:#374e46; font-family:Georgia,"Times New Roman",serif; font-size:1.35rem; line-height:1.25; } .sintomas-ansiedad-logrono__grupo ul { display:grid; gap:13px; margin:0; padding:0; list-style:none; } .sintomas-ansiedad-logrono__grupo li { position:relative; margin:0; padding-left:27px; color:#4d5652; font-size:.94rem; line-height:1.58; } .sintomas-ansiedad-logrono__grupo li::before { position:absolute; top:.48em; left:2px; width:10px; height:10px; content:""; background:#4e7668; border:3px solid #e4ece8; border-radius:50%; } .sintomas-ansiedad-logrono__accion { display:flex; align-items:center; justify-content:space-between; gap:34px; width:min(100%,1280px); margin:0 auto; padding:29px 32px; background:#f3f7f5; border:1px solid #d8e3de; border-radius:18px; } .sintomas-ansiedad-logrono__accion h3 { margin:0 0 7px; color:#263a35; font-family:Georgia,"Times New Roman",serif; font-size:1.45rem; line-height:1.3; } .sintomas-ansiedad-logrono__accion p { max-width:780px; margin:0; color:#4b5450; font-size:.95rem; line-height:1.65; } a.sintomas-ansiedad-logrono__boton, a.sintomas-ansiedad-logrono__boton:visited { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; min-height:52px; padding:14px 25px; color:#fff!important; background:#4e7668; border:1px solid #4e7668; border-radius:999px; font-size:.93rem; font-weight:700; text-align:center; text-decoration:none!important; transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease; } a.sintomas-ansiedad-logrono__boton:hover, a.sintomas-ansiedad-logrono__boton:focus { color:#fff!important; background:#374e46; border-color:#374e46; box-shadow:0 10px 22px rgba(55,78,70,.18); text-decoration:none!important; transform:translateY(-2px); } .sintomas-ansiedad-logrono__aviso { width:min(100%,1280px); margin:14px auto 0; color:#727a76; font-size:.78rem; line-height:1.5; text-align:center; } @media screen and (max-width:1100px) { .sintomas-ansiedad-logrono { padding:52px 22px 66px; } .sintomas-ansiedad-logrono__contacto { gap:17px; margin-bottom:57px; } a.sintomas-ansiedad-logrono__dato { min-height:145px; padding:21px 18px; } .sintomas-ansiedad-logrono__rejilla { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:900px; } .sintomas-ansiedad-logrono__grupo:last-child { grid-column:1/-1; width:calc(50% - 13px); margin:0 auto; } } @media screen and (max-width:820px) { .sintomas-ansiedad-logrono { padding:45px 18px 58px; } .sintomas-ansiedad-logrono__contacto { grid-template-columns:1fr; gap:13px; width:min(100%,680px); margin-bottom:49px; } a.sintomas-ansiedad-logrono__dato { display:grid; grid-template-columns:48px minmax(0,1fr); justify-items:start; min-height:0; padding:18px 21px; text-align:left; } .sintomas-ansiedad-logrono__icono { grid-row:1/3; margin:0 14px 0 0; } .sintomas-ansiedad-logrono__dato strong { margin:0 0 3px; } .sintomas-ansiedad-logrono__cabecera { margin-bottom:35px; } .sintomas-ansiedad-logrono__cabecera h2 { font-size:2.55rem; } .sintomas-ansiedad-logrono__rejilla { grid-template-columns:1fr; width:min(100%,680px); gap:17px; } .sintomas-ansiedad-logrono__grupo:last-child { grid-column:auto; width:100%; } .sintomas-ansiedad-logrono__accion { flex-direction:column; align-items:flex-start; width:min(100%,680px); gap:20px; } } @media screen and (max-width:560px) { .sintomas-ansiedad-logrono { padding:30px 14px 46px; } .sintomas-ansiedad-logrono__contacto { gap:10px; margin-bottom:37px; } a.sintomas-ansiedad-logrono__dato { grid-template-columns:41px minmax(0,1fr); padding:15px 16px; border-radius:13px; } .sintomas-ansiedad-logrono__icono { width:36px; height:36px; margin-right:10px; } .sintomas-ansiedad-logrono__icono svg { width:28px; height:28px; } .sintomas-ansiedad-logrono__dato strong { font-size:1rem; } .sintomas-ansiedad-logrono__dato > span:last-child { font-size:.84rem; } .sintomas-ansiedad-logrono__cabecera { margin-bottom:28px; } .sintomas-ansiedad-logrono__etiqueta { margin-bottom:12px; padding:6px 12px; font-size:.67rem; } .sintomas-ansiedad-logrono__cabecera h2 { margin-bottom:15px; font-size:1.82rem; line-height:1.18; } .sintomas-ansiedad-logrono__cabecera p { font-size:.92rem; line-height:1.62; } .sintomas-ansiedad-logrono__rejilla { gap:14px; margin-bottom:29px; } .sintomas-ansiedad-logrono__grupo { padding:22px 18px 21px; border-radius:14px; } .sintomas-ansiedad-logrono__grupo-cabecera { min-height:0; margin-bottom:17px; padding-bottom:15px; } .sintomas-ansiedad-logrono__grupo-icono { flex-basis:44px; width:44px; height:44px; } .sintomas-ansiedad-logrono__grupo-icono svg { width:27px; height:27px; } .sintomas-ansiedad-logrono__grupo h3 { font-size:1.17rem; } .sintomas-ansiedad-logrono__grupo ul { gap:11px; } .sintomas-ansiedad-logrono__grupo li { padding-left:24px; font-size:.9rem; line-height:1.55; } .sintomas-ansiedad-logrono__accion { align-items:stretch; padding:23px 19px; border-radius:14px; } .sintomas-ansiedad-logrono__accion h3 { font-size:1.25rem; } .sintomas-ansiedad-logrono__accion p { font-size:.9rem; line-height:1.6; } a.sintomas-ansiedad-logrono__boton { width:100%; min-height:50px; } .sintomas-ansiedad-logrono__aviso { margin-top:12px; font-size:.73rem; } }


.faq-ansiedad-logrono { width:100%; margin:0; padding:68px 24px 76px; background:#fff; box-sizing:border-box; } .faq-ansiedad-logrono *, .faq-ansiedad-logrono *::before, .faq-ansiedad-logrono *::after { box-sizing:border-box; } .faq-ansiedad-logrono__cabecera { width:min(100%,950px); margin:0 auto 38px; text-align:center; } .faq-ansiedad-logrono__etiqueta { display:inline-flex; margin-bottom:13px; padding:7px 15px; color:#374e46; background:#f2f6f4; border:1px solid #d8e2dd; border-radius:999px; font-size:.75rem; font-weight:700; letter-spacing:.4px; text-transform:uppercase; } .faq-ansiedad-logrono__cabecera h2 { max-width:900px; margin:0 auto 15px; color:#263a35; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.15rem,3.2vw,3.35rem); font-weight:700; line-height:1.15; } .faq-ansiedad-logrono__cabecera p { max-width:760px; margin:0 auto; color:#4c5551; font-size:1rem; line-height:1.7; } .faq-ansiedad-logrono__lista { width:min(100%,1200px); margin:0 auto; overflow:hidden; background:#fff; border:1px solid #d9e2de; border-radius:12px; } .faq-ansiedad-logrono details { margin:0; overflow:hidden; background:#fff; border:0; border-bottom:1px solid #d9e2de; } .faq-ansiedad-logrono details:last-child { border-bottom:0; } .faq-ansiedad-logrono summary { position:relative; display:flex; align-items:center; min-height:64px; padding:18px 64px 18px 58px; color:#263a35; font-size:1.02rem; font-weight:700; line-height:1.45; cursor:pointer; list-style:none; } .faq-ansiedad-logrono summary::-webkit-details-marker { display:none; } .faq-ansiedad-logrono summary::before { position:absolute; top:50%; left:22px; content:"+"; color:#4e7668; font-size:1.55rem; font-weight:400; transform:translateY(-50%); } .faq-ansiedad-logrono details[open] summary::before { content:"−"; } .faq-ansiedad-logrono details[open] summary { color:#374e46; background:#f7faf8; border-bottom:1px solid #e0e7e4; } .faq-ansiedad-logrono details > div { padding:19px 32px 23px 58px; background:#fff; } .faq-ansiedad-logrono details p { max-width:1080px; margin:0; color:#49524e; font-size:.97rem; line-height:1.72; } .faq-ansiedad-logrono details p a { color:#374e46; font-weight:700; text-decoration:none; } .faq-ansiedad-logrono details p a:hover, .faq-ansiedad-logrono details p a:focus { color:#4e7668; text-decoration:underline; } a.faq-ansiedad-logrono__boton, a.faq-ansiedad-logrono__boton:visited { display:inline-flex; align-items:center; justify-content:center; min-height:50px; margin-top:19px; padding:13px 24px; color:#fff!important; background:#4e7668; border:1px solid #4e7668; border-radius:999px; font-size:.92rem; font-weight:700; text-align:center; text-decoration:none!important; transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease; } a.faq-ansiedad-logrono__boton:hover, a.faq-ansiedad-logrono__boton:focus { color:#fff!important; background:#374e46; border-color:#374e46; box-shadow:0 9px 20px rgba(55,78,70,.18); text-decoration:none!important; transform:translateY(-2px); } @media screen and (max-width:900px) { .faq-ansiedad-logrono { padding:54px 20px 62px; } .faq-ansiedad-logrono__cabecera { margin-bottom:32px; } .faq-ansiedad-logrono__lista { width:100%; } .faq-ansiedad-logrono summary { min-height:60px; padding:17px 55px 17px 52px; font-size:.98rem; } .faq-ansiedad-logrono summary::before { left:19px; } .faq-ansiedad-logrono details > div { padding:18px 25px 21px 52px; } } @media screen and (max-width:600px) { .faq-ansiedad-logrono { padding:36px 14px 48px; } .faq-ansiedad-logrono__cabecera { margin-bottom:25px; } .faq-ansiedad-logrono__etiqueta { margin-bottom:11px; padding:6px 12px; font-size:.68rem; } .faq-ansiedad-logrono__cabecera h2 { margin-bottom:13px; font-size:1.8rem; line-height:1.19; } .faq-ansiedad-logrono__cabecera p { font-size:.93rem; line-height:1.62; } .faq-ansiedad-logrono__lista { border-radius:9px; } .faq-ansiedad-logrono summary { min-height:0; padding:16px 42px 16px 42px; font-size:.92rem; line-height:1.45; } .faq-ansiedad-logrono summary::before { left:14px; font-size:1.35rem; } .faq-ansiedad-logrono details > div { padding:15px 16px 18px 42px; } .faq-ansiedad-logrono details p { font-size:.9rem; line-height:1.62; } a.faq-ansiedad-logrono__boton { width:100%; min-height:49px; } }