/*
Theme Name: Clínica 2026
Template: twentytwentyfive
Version: 0.1.0
*/


/*
 * =========================================================
 * VARIABLES GLOBALES
 * =========================================================
 */

:root {

    /* Colores */
    --clinica-color-background: #ffffff;
    --clinica-color-background-soft: #f5f7f6;
    --clinica-color-text: #1d2523;
    --clinica-color-text-muted: #5d6864;
    --clinica-color-primary: #176b62;
    --clinica-color-primary-dark: #0e4d47;
    --clinica-color-border: #dde4e1;

    /* Anchos */
    --clinica-content-width: 1200px;
    --clinica-reading-width: 760px;

    /* Escala de espaciado */
    --clinica-space-xs: 8px;
    --clinica-space-sm: 16px;
    --clinica-space-md: 24px;
    --clinica-space-lg: 32px;
    --clinica-space-xl: 48px;
    --clinica-space-2xl: 64px;
    --clinica-space-3xl: 96px;

    /* Dimensiones de componentes */
    --clinica-page-gutter: 24px;
    --clinica-section-space: 96px;
    --clinica-card-padding: 24px;
    --clinica-grid-gap: 24px;

}


/*
 * =========================================================
 * BASE
 * =========================================================
 */

body {
    color: var(--clinica-color-text);
    background: var(--clinica-color-background);
}


/*
 * =========================================================
 * HEADER
 * =========================================================
 */

.clinica-site-header {
    position: relative;

    background: var(--clinica-color-background);

    border-bottom: 1px solid var(--clinica-color-border);

    z-index: 100;
}


.clinica-site-header__inner {
    min-height: 88px;

    padding-top: 16px;
    padding-bottom: 16px;
}


/*
 * Identidad
 */

.clinica-site-header__brand {
    gap: 14px;

    min-width: 0;
}


.clinica-site-header__brand .wp-block-site-logo {
    flex-shrink: 0;
}


.clinica-site-header__brand .wp-block-site-logo img {
    display: block;
}


/*
 * Nombre de la clínica
 */

.clinica-site-header__brand .wp-block-site-title {
    margin: 0;

    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.2;
}


.clinica-site-header__brand .wp-block-site-title a {
    color: var(--clinica-color-text);

    text-decoration: none;
}


/*
 * Navegación
 */

.clinica-site-header .wp-block-navigation {
    font-size: 0.95rem;
}


.clinica-site-header .wp-block-navigation-item__content {
    color: var(--clinica-color-text);

    text-decoration: none;
}


.clinica-site-header .wp-block-navigation-item__content:hover {
    color: var(--clinica-color-primary);
}


/*
 * Enlace activo
 */

.clinica-site-header
.wp-block-navigation
.current-menu-item
> .wp-block-navigation-item__content {
    color: var(--clinica-color-primary);
}


/*
 * =========================================================
 * CONTENIDO
 * =========================================================
 */

main {
    color: var(--clinica-color-text);
}


/*
 * =========================================================
 * ENLACES
 * =========================================================
 */

a {
    text-underline-offset: 3px;
}


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

@media (max-width: 781px) {

    .clinica-site-header__inner {
        min-height: 72px;

        padding-top: 12px;
        padding-bottom: 12px;
    }

    .clinica-site-header__brand .wp-block-site-title {
        font-size: 0.95rem;
    }

}

/*
 * =========================================================
 * FOOTER
 * =========================================================
 */

.clinica-site-footer {
    margin-top: 96px;

    background: var(--clinica-color-primary-dark);
    color: #ffffff;
}


/*
 * Zona principal
 */

.clinica-site-footer__main {
    display: grid;
    grid-template-columns:
        minmax(240px, 1.5fr)
        minmax(160px, 1fr)
        minmax(220px, 1fr);

    gap: var(--clinica-space-2xl);

    padding-top: var(--clinica-space-2xl);
    padding-bottom: var(--clinica-space-2xl);

}


/*
 * Identidad
 */

.clinica-site-footer__identity {
    max-width: 420px;
}


.clinica-site-footer__identity .wp-block-site-logo {
    margin-bottom: 20px;
}


.clinica-site-footer__identity .wp-block-site-title {
    margin: 0 0 16px;

    font-size: 1.25rem;
    font-weight: 600;
}


.clinica-site-footer__identity p {
    max-width: 38ch;

    color: rgba(255, 255, 255, 0.78);
}


/*
 * Columnas
 */

.clinica-site-footer h3 {
    margin-top: 0;
    margin-bottom: 20px;

    font-size: 0.9rem;
    font-weight: 600;

    letter-spacing: 0.04em;
    text-transform: uppercase;
}


/*
 * Listas
 */

.clinica-site-footer ul {
    margin: 0;
    padding: 0;

    list-style: none;
}


.clinica-site-footer li {
    margin-bottom: 10px;
}


.clinica-site-footer a {
    color: rgba(255, 255, 255, 0.82);

    text-decoration: none;
}


.clinica-site-footer a:hover {
    color: #ffffff;

    text-decoration: underline;
    text-underline-offset: 3px;
}


/*
 * Zona inferior
 */

.clinica-site-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 24px;
    gap: var(--clinica-space-md);
    padding-top: var(--clinica-space-md);
    padding-bottom: var(--clinica-space-md);
}


.clinica-site-footer__bottom p {
    margin: 0;

    font-size: 0.85rem;

    color: rgba(255, 255, 255, 0.65);
}


.clinica-site-footer__bottom
.wp-block-group {
    gap: 20px;
}


/*
 * Responsive
 */

@media (max-width: 800px) {

    .clinica-site-footer__main {
        grid-template-columns: 1fr;
        gap: var(--clinica-space-xl);
        padding-top: var(--clinica-space-xl);
        padding-bottom: var(--clinica-space-xl);
    }


    .clinica-site-footer__bottom {
        align-items: flex-start;
        flex-direction: column;
    }

}

/*
 * =========================================================
 * HOME
 * =========================================================
 */

.clinica-home__hero {
    background: var(--clinica-color-background-soft);
}


.clinica-home__hero-inner {
    padding-top: 96px;
    padding-bottom: 96px;

    max-width: 900px;
}


.clinica-home__hero h1 {
    max-width: 900px;

    margin-top: 0;
    margin-bottom: 24px;

    font-size: clamp(2.5rem, 5vw, 4.5rem);
    line-height: 1.05;
    letter-spacing: -0.025em;
}


.clinica-home__hero-text {
    max-width: 700px;

    margin-bottom: 32px;

    font-size: 1.2rem;
    line-height: 1.65;

    color: var(--clinica-color-text-muted);
}


/*
 * Eyebrow
 */

.clinica-eyebrow {
    margin-bottom: 12px;

    font-size: 0.8rem;
    font-weight: 700;

    letter-spacing: 0.08em;

    color: var(--clinica-color-primary);

    text-transform: uppercase;
}


/*
 * Secciones
 */

.clinica-home__section {
    padding-top: var(--clinica-section-space);
    padding-bottom: var(--clinica-section-space);
}


.clinica-home__section > h2,
.clinica-home__section > p {
    max-width: var(--clinica-reading-width);
}


.clinica-home__section h2 {
    margin-top: 0;
    margin-bottom: 20px;

    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.1;
}


.clinica-home__section > p:not(.clinica-eyebrow) {
    margin-bottom: 40px;

    color: var(--clinica-color-text-muted);
}


/*
 * Sección de fondo suave
 */

.clinica-home__section--soft {
    background: var(--clinica-color-background-soft);

    padding-top: var(--clinica-section-space);
    padding-bottom: var(--clinica-section-space);
}


/*
 * Internacionales
 */

.clinica-home__international {
    margin-top: 0;

    background: var(--clinica-color-primary);

    color: #ffffff;
}


.clinica-home__international > .wp-block-group {
    padding-top: 80px;
    padding-bottom: 80px;
}


.clinica-home__international h2 {
    max-width: 760px;

    margin-top: 0;
    margin-bottom: 20px;

    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.1;
}


.clinica-home__international p:not(.clinica-eyebrow) {
    max-width: 680px;

    color: rgba(255, 255, 255, 0.8);
}


.clinica-home__international .clinica-eyebrow {
    color: #ffffff;
}


/*
 * CTA final
 */

.clinica-home__cta {
    padding-top: 96px;
    padding-bottom: 96px;

    text-align: center;
}


.clinica-home__cta h2 {
    max-width: 850px;

    margin: 0 auto 20px;

    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.1;
}


.clinica-home__cta > p {
    max-width: 680px;

    margin: 0 auto 32px;

    color: var(--clinica-color-text-muted);
}


.clinica-home__cta .wp-block-buttons {
    justify-content: center;
}


/*
 * Botones
 */

.clinica-home__international
.is-style-outline
.wp-block-button__link {
    color: #ffffff;

    border-color: rgba(255, 255, 255, 0.7);
}


/*
 * Responsive
 */

@media (max-width: 781px) {

    .clinica-home__hero-inner {
        padding-top: 64px;
        padding-bottom: 64px;
    }


    .clinica-home__section {
        padding-top: 64px;
        padding-bottom: 64px;
    }


    .clinica-home__section--soft {
        padding-top: 64px;
        padding-bottom: 64px;
    }


    .clinica-home__international > .wp-block-group {
        padding-top: 64px;
        padding-bottom: 64px;
    }


    .clinica-home__cta {
        padding-top: 64px;
        padding-bottom: 64px;
    }


    .clinica-home .wp-block-buttons {
        align-items: stretch;
        flex-direction: column;
    }


    .clinica-home .wp-block-button,
    .clinica-home .wp-block-button__link {
        width: 100%;
    }

}

/*
 * =========================================================
 * PÁGINA CLÍNICA
 * =========================================================
 */

.clinica-page__hero {
    background: var(--clinica-color-background-soft);
}


.clinica-page__hero > .wp-block-group {
    padding-top: var(--clinica-section-space);
    padding-bottom: var(--clinica-section-space);

}


.clinica-page__hero h1 {
    margin-top: 0;
    margin-bottom: 24px;

    font-size: clamp(2.5rem, 5vw, 4rem);
    line-height: 1.05;
}


.clinica-page__lead {
    max-width: var(--clinica-reading-width);

    margin: 0;

    font-size: 1.25rem;
    line-height: 1.65;

    color: var(--clinica-color-text-muted);
}


.clinica-page__content {
    padding-top: var(--clinica-section-space);
    padding-bottom: var(--clinica-space-xl);
}


.clinica-page__content > * {
    max-width: var(--clinica-reading-width);
}


.clinica-page__section {
    padding-top: var(--clinica-section-space);
    padding-bottom: var(--clinica-section-space);
}


.clinica-page__section h2 {
    max-width: 800px;

    margin-top: 0;
    margin-bottom: 20px;

    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.1;
}


.clinica-page__section > p:not(.clinica-eyebrow) {
    max-width: var(--clinica-reading-width);

    margin-bottom: 40px;

    color: var(--clinica-color-text-muted);
}


.clinica-page__section--soft {
    background: var(--clinica-color-background-soft);
}


.clinica-page__section .wp-block-columns {
    margin-top: 48px;
}


.clinica-page__section .wp-block-column {
    padding: 32px;

    border: 1px solid var(--clinica-color-border);
    background: #ffffff;
}


.clinica-page__section .wp-block-column h3 {
    margin-top: 0;
}


.clinica-page__section .wp-block-column p {
    margin-bottom: 0;

    color: var(--clinica-color-text-muted);
}


.clinica-page__cta {
    background: var(--clinica-color-primary-dark);
    color: #ffffff;
}


.clinica-page__cta > .wp-block-group {
    padding-top: 80px;
    padding-bottom: 80px;
}


.clinica-page__cta h2 {
    max-width: 800px;

    margin-top: 0;
    margin-bottom: 32px;

    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.1;
}


.clinica-page__cta .wp-block-button__link {
    background: #ffffff;
    color: var(--clinica-color-primary-dark);
}


@media (max-width: 781px) {

    .clinica-page__hero > .wp-block-group {
        padding-top: 64px;
        padding-bottom: 64px;
    }


    .clinica-page__content {
        padding-top: 56px;
    }


    .clinica-page__section {
        padding-top: 64px;
        padding-bottom: 64px;
    }


    .clinica-page__section .wp-block-column {
        padding: 24px;
    }


    .clinica-page__cta > .wp-block-group {
        padding-top: 64px;
        padding-bottom: 64px;
    }

}

/*
 * =========================================================
 * ESPECIALISTA
 * =========================================================
 */

.clinica-doctor-page__hero {
    background: var(--clinica-color-background-soft);
}


.clinica-doctor-page__hero > .wp-block-group {
    padding-top: 80px;
    padding-bottom: 80px;
}


.clinica-doctor-page__content {
    padding-top: 80px;
    padding-bottom: 80px;
}


.clinica-doctor-page__content > * {
    max-width: var(--clinica-reading-width);
}


.clinica-doctor-page__content .clinica-eyebrow {
    max-width: none;
}


.clinica-doctor-page__content h2 {
    margin-top: 48px;
}


.clinica-doctor-page__content h3 {
    margin-top: 40px;
}


.clinica-doctor-page__section {
    padding-top: 96px;
    padding-bottom: 96px;
}


.clinica-doctor-page__section--soft {
    background: var(--clinica-color-background-soft);
}


.clinica-doctor-page__section h2 {
    margin-top: 0;
    margin-bottom: 24px;

    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.1;
}


.clinica-doctor-page__section > .wp-block-group > p:not(.clinica-eyebrow) {
    max-width: var(--clinica-reading-width);

    margin-bottom: 40px;

    color: var(--clinica-color-text-muted);
}


.clinica-doctor-page__cta {
    background: var(--clinica-color-primary-dark);
    color: #ffffff;
}


.clinica-doctor-page__cta > .wp-block-group {
    padding-top: 80px;
    padding-bottom: 80px;
}


.clinica-doctor-page__cta h2 {
    margin-top: 0;
    margin-bottom: 20px;

    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.1;
}


.clinica-doctor-page__cta p {
    max-width: 680px;

    margin-bottom: 32px;

    color: rgba(255, 255, 255, 0.8);
}


.clinica-doctor-page__cta .wp-block-button:not(.is-style-outline)
.wp-block-button__link {
    background: #ffffff;
    color: var(--clinica-color-primary-dark);
}


.clinica-doctor-page__cta .is-style-outline
.wp-block-button__link {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.7);
}


@media (max-width: 781px) {

    .clinica-doctor-page__hero > .wp-block-group {
        padding-top: 56px;
        padding-bottom: 56px;
    }


    .clinica-doctor-page__content {
        padding-top: 56px;
        padding-bottom: 56px;
    }


    .clinica-doctor-page__section {
        padding-top: 64px;
        padding-bottom: 64px;
    }


    .clinica-doctor-page__cta > .wp-block-group {
        padding-top: 64px;
        padding-bottom: 64px;
    }

}

/*
 * =========================================================
 * TRATAMIENTO
 * =========================================================
 */

.clinica-treatment-page__hero {
    background: var(--clinica-color-background-soft);
}


.clinica-treatment-page__hero > .wp-block-group {
    padding-top: 80px;
    padding-bottom: 80px;
}


.clinica-treatment-page__hero h1 {
    max-width: 900px;

    margin-top: 0;
    margin-bottom: 40px;

    font-size: clamp(2.5rem, 5vw, 4rem);
    line-height: 1.05;
}


.clinica-treatment-page__hero
.wp-block-post-featured-image {
    margin-top: 48px;
}


.clinica-treatment-page__hero
.wp-block-post-featured-image img {
    display: block;

    width: 100%;
    max-height: 560px;

    object-fit: cover;

    border-radius: 12px;
}


.clinica-treatment-page__content {
    padding-top: 80px;
    padding-bottom: 80px;
}


.clinica-treatment-page__content > * {
    max-width: var(--clinica-reading-width);
}


.clinica-treatment-page__content h2 {
    margin-top: 56px;
}


.clinica-treatment-page__content h3 {
    margin-top: 40px;
}


.clinica-treatment-page__relations {
    padding-top: var(--clinica-section-space);
    padding-bottom: var(--clinica-section-space);

    background: var(--clinica-color-background-soft);
}


.clinica-treatment-page__relations h2 {
    margin-top: 0;
    margin-bottom: 40px;

    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.1;
}


.clinica-treatment-page__cta {
    background: var(--clinica-color-primary-dark);
    color: #ffffff;
}


.clinica-treatment-page__cta > .wp-block-group {
    padding-top: 80px;
    padding-bottom: 80px;
}


.clinica-treatment-page__cta h2 {
    max-width: 800px;

    margin-top: 0;
    margin-bottom: 32px;

    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.1;
}


.clinica-treatment-page__cta
.wp-block-button:not(.is-style-outline)
.wp-block-button__link {
    background: #ffffff;
    color: var(--clinica-color-primary-dark);
}


.clinica-treatment-page__cta
.is-style-outline
.wp-block-button__link {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.7);
}


@media (max-width: 781px) {

    .clinica-treatment-page__hero > .wp-block-group {
        padding-top: 56px;
        padding-bottom: 56px;
    }


    .clinica-treatment-page__content {
        padding-top: 56px;
        padding-bottom: 56px;
    }


    .clinica-treatment-page__relations {
        padding-top: 64px;
        padding-bottom: 64px;
    }


    .clinica-treatment-page__cta > .wp-block-group {
        padding-top: 64px;
        padding-bottom: 64px;
    }

}

/*
 * =========================================================
 * PATOLOGÍA
 * =========================================================
 */

.clinica-pathology-page__hero {
    background: var(--clinica-color-background-soft);
}


.clinica-pathology-page__hero > .wp-block-group {
    padding-top: 80px;
    padding-bottom: 80px;
}


.clinica-pathology-page__hero h1 {
    max-width: 900px;

    margin-top: 0;
    margin-bottom: 40px;

    font-size: clamp(2.5rem, 5vw, 4rem);
    line-height: 1.05;
}


.clinica-pathology-page__hero
.wp-block-post-featured-image img {
    display: block;

    width: 100%;
    max-height: 560px;

    object-fit: cover;

    border-radius: 12px;
}


.clinica-pathology-page__content {
    padding-top: 80px;
    padding-bottom: 80px;
}


.clinica-pathology-page__content > * {
    max-width: var(--clinica-reading-width);
}


.clinica-pathology-page__relations {
    padding-top: var(--clinica-section-space);
    padding-bottom: var(--clinica-section-space);

    background: var(--clinica-color-background-soft);
}


.clinica-pathology-page__relations h2 {
    margin-top: 0;
    margin-bottom: 40px;

    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.1;
}


.clinica-pathology-page__cta {
    background: var(--clinica-color-primary-dark);
    color: #ffffff;
}


.clinica-pathology-page__cta > .wp-block-group {
    padding-top: 80px;
    padding-bottom: 80px;
}


.clinica-pathology-page__cta h2 {
    max-width: 800px;

    margin-top: 0;
    margin-bottom: 20px;

    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.1;
}


.clinica-pathology-page__cta p {
    max-width: 680px;

    margin-bottom: 32px;

    color: rgba(255, 255, 255, 0.8);
}


.clinica-pathology-page__cta
.wp-block-button:not(.is-style-outline)
.wp-block-button__link {
    background: #ffffff;
    color: var(--clinica-color-primary-dark);
}


.clinica-pathology-page__cta
.is-style-outline
.wp-block-button__link {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.7);
}


@media (max-width: 781px) {

    .clinica-pathology-page__hero > .wp-block-group {
        padding-top: 56px;
        padding-bottom: 56px;
    }


    .clinica-pathology-page__content {
        padding-top: 56px;
        padding-bottom: 56px;
    }


    .clinica-pathology-page__relations {
        padding-top: 64px;
        padding-bottom: 64px;
    }

}

/*
 * =========================================================
 * CASO CLÍNICO
 * =========================================================
 */

.clinica-case-page__hero {
    background: var(--clinica-color-background-soft);
}


.clinica-case-page__hero > .wp-block-group {
    padding-top: 80px;
    padding-bottom: 80px;
}


.clinica-case-page__hero h1 {
    max-width: 900px;

    margin-top: 0;
    margin-bottom: 40px;

    font-size: clamp(2.5rem, 5vw, 4rem);
    line-height: 1.05;
}


.clinica-case-page__hero
.wp-block-post-featured-image img {
    display: block;

    width: 100%;
    max-height: 600px;

    object-fit: cover;

    border-radius: 12px;
}


.clinica-case-page__content {
    padding-top: 80px;
    padding-bottom: 80px;
}


.clinica-case-page__content > * {
    max-width: var(--clinica-reading-width);
}


.clinica-case-page__content h2 {
    margin-top: 56px;
}


.clinica-case-page__content h3 {
    margin-top: 40px;
}


.clinica-case-page__relations {
    padding-top: var(--clinica-section-space);
    padding-bottom: var(--clinica-section-space);

    background: var(--clinica-color-background-soft);
}


.clinica-case-page__relations h2 {
    margin-top: 0;
    margin-bottom: 40px;

    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.1;
}


@media (max-width: 781px) {

    .clinica-case-page__hero > .wp-block-group {
        padding-top: 56px;
        padding-bottom: 56px;
    }


    .clinica-case-page__content {
        padding-top: 56px;
        padding-bottom: 56px;
    }


    .clinica-case-page__relations {
        padding-top: 64px;
        padding-bottom: 64px;
    }

}

/*
 * =========================================================
 * PÁGINAS EDITORIALES
 * =========================================================
 */

body.page .wp-block-post-content {
    max-width: var(--clinica-reading-width);
    margin-right: auto;
    margin-left: auto;
}


body.page .wp-block-post-content > h2 {
    margin-top: 56px;
    margin-bottom: 20px;

    font-size: clamp(1.75rem, 3vw, 2.5rem);
    line-height: 1.15;
}


body.page .wp-block-post-content > h2:first-child {
    margin-top: 0;
}


body.page .wp-block-post-content > p {
    line-height: 1.75;
}


body.page .wp-block-post-content > ul {
    line-height: 1.75;
}

/* =========================================================
   CONÓCENOS — SUBNAVEGACIÓN
   ========================================================= */

.clinica-conocenos-nav {
    border-bottom: 1px solid var(--clinica-color-border);
    background: var(--clinica-color-background);
}

.clinica-conocenos-nav__inner {
    min-height: 64px;
    gap: 24px;
}

.clinica-conocenos-nav__label {
    margin: 0;
    color: var(--clinica-color-primary);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.clinica-conocenos-nav .wp-block-navigation {
    margin: 0;
}

.clinica-conocenos-nav .wp-block-navigation-item__content {
    position: relative;
    padding: 22px 4px;
    color: var(--clinica-color-text-muted);
    font-size: .9375rem;
    text-decoration: none;
}

.clinica-conocenos-nav .wp-block-navigation-item__content:hover {
    color: var(--clinica-color-primary);
}

.clinica-conocenos-nav .current-menu-item > .wp-block-navigation-item__content,
.clinica-conocenos-nav .wp-block-navigation-item__content[aria-current="page"] {
    color: var(--clinica-color-primary);
    font-weight: 600;
}

.clinica-conocenos-nav .current-menu-item > .wp-block-navigation-item__content::after,
.clinica-conocenos-nav .wp-block-navigation-item__content[aria-current="page"]::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: var(--clinica-color-primary);
    content: "";
}

@media (max-width: 700px) {

    .clinica-conocenos-nav__inner {
        padding-top: 12px;
        padding-bottom: 12px;
        gap: 4px 16px;
    }

    .clinica-conocenos-nav__label {
        width: 100%;
        text-align: center;
    }

    .clinica-conocenos-nav .wp-block-navigation-item__content {
        padding: 10px 2px;
        font-size: .875rem;
    }
}

/* =========================================================
   MENÚ PRINCIPAL — SUBMENÚ CONÓCENOS
   ========================================================= */

.clinica-site-header .wp-block-navigation-submenu__toggle {
    cursor: pointer;
}

.clinica-site-header .wp-block-navigation-submenu .wp-block-navigation-item__content {
    white-space: nowrap;
}

.clinica-site-header .wp-block-navigation-submenu .wp-block-navigation-item__content:hover {
    color: var(--clinica-color-primary);
}


/* ========================================
   TIPOGRAFÍA GLOBAL · CLÍNICA 2026
   ======================================== */

body,
button,
input,
select,
textarea {
    font-family: "Roboto", sans-serif;
}

.clinica-site-header .wp-block-navigation-item__content {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.clinica-conocenos-nav .wp-block-navigation-item__content {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 500;
}

.clinica-site-footer {
    font-family: "Roboto", sans-serif;
}

.clinica-card__type {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.clinica-card__title {
    font-weight: 600;
}

.clinica-card__excerpt {
    font-size: 15px;
    line-height: 1.65;
}

@media (max-width: 768px) {
    .wp-block-post-title,
    h1 {
        font-size: 36px;
        line-height: 1.15;
    }

    h2 {
        font-size: 28px;
        line-height: 1.2;
    }

    h3 {
        font-size: 22px;
        line-height: 1.3;
    }
}

/* Colores globales de navegación */

.clinica-site-header .wp-block-navigation-item__content,
.clinica-conocenos-nav .wp-block-navigation-item__content {
    color: var(--clinica-color-text-muted);
}

.clinica-site-header .wp-block-navigation-item__content:hover,
.clinica-conocenos-nav .wp-block-navigation-item__content:hover {
    color: var(--clinica-color-primary);
}

/* Botones: estilo global */

.wp-block-button__link {
    display: inline-block;
    padding: 14px 24px;
    border: 1px solid transparent;
    border-radius: 7px;

    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;

    transition:
        background-color 180ms ease,
        color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link {
    background-color: var(--clinica-color-primary);
    color: #ffffff;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
    background-color: var(--clinica-color-primary-dark);
    color: #ffffff;
}

.wp-block-button.is-style-outline .wp-block-button__link {
    border-color: var(--clinica-color-primary);
    background: transparent;
    color: var(--clinica-color-primary);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--clinica-color-primary);
    color: #ffffff;
}

.wp-block-button__link:focus-visible {
    outline: 3px solid var(--clinica-color-primary);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .wp-block-button__link {
        transition: none;
    }
}

/* Tarjetas */

.clinica-card {
    background-color: var(--clinica-color-background);
    border-color: var(--clinica-color-border);
}

.clinica-card__type {
    color: var(--clinica-color-primary);
}

.clinica-card__excerpt {
    color: var(--clinica-color-text-muted);
}


/* Tablet */
@media (max-width: 1024px) {
    :root {
        --clinica-section-space: 72px;
        --clinica-grid-gap: 20px;
    }
}

/* Móvil */
@media (max-width: 768px) {
    :root {
        --clinica-page-gutter: 20px;
        --clinica-section-space: 56px;
        --clinica-card-padding: 20px;
        --clinica-grid-gap: 16px;
    }
}


/* =========================================================
   FORMULARIOS — ESTILO GLOBAL
   ========================================================= */

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),
select,
textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 12px 14px;

    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
    color: var(--clinica-color-text);

    background-color: var(--clinica-color-background);
    border: 1px solid var(--clinica-color-border);
    border-radius: 7px;

    transition:
        border-color 180ms ease,
        box-shadow 180ms ease;
}

textarea {
    min-height: 140px;
    resize: vertical;
}

input::placeholder,
textarea::placeholder {
    color: var(--clinica-color-text-muted);
    opacity: 0.8;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]):focus-visible,
select:focus-visible,
textarea:focus-visible {
    border-color: var(--clinica-color-primary);
    outline: 2px solid var(--clinica-color-primary);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    input,
    select,
    textarea {
        transition: none;
    }
}