/* ==========================================================
   AJUSTES DEFINITIVOS DE ANCHO + MÓVIL
   ========================================================== */


/* ----------------------------------------------------------
   1. FORZAR PORTADA A TODO EL ANCHO REAL DE LA PANTALLA
   ---------------------------------------------------------- */

.bd-home{
    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    overflow:hidden !important;
}

.bd-hero,
.bd-pillars-wrap,
.bd-beyond{
    width:100% !important;
    max-width:none !important;
}


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

@media(max-width:760px){


    /* ------------------------------------------------------
       HERO MÁS CORTO
       ELIMINA EL GRAN ESPACIO VACÍO
       ------------------------------------------------------ */

    .bd-hero{
        min-height:570px !important;
        height:570px !important;

        background-image:
          url('https://pruebas.bodydents.com/wp-content/uploads/2026/08/FONDO-PORTADA-1920.webp') !important;

        background-size:cover !important;

        background-position:62% center !important;

        background-repeat:no-repeat !important;

        display:block !important;
    }


    .bd-hero-content{
        width:57% !important;

        max-width:235px !important;

        padding-top:92px !important;
        padding-bottom:20px !important;
    }


    .bd-eyebrow{
        font-size:6px !important;

        letter-spacing:1.3px !important;

        margin-bottom:8px !important;
    }


    .bd-hero h1{
        font-size:34px !important;

        line-height:.94 !important;

        letter-spacing:-1px !important;
    }


    .bd-decoration{
        width:95px !important;

        margin:
          16px 0
          15px !important;
    }


    .bd-description{
        font-size:9.6px !important;

        line-height:1.42 !important;

        margin-bottom:15px !important;
    }


    .bd-buttons{
        gap:7px !important;
    }


    .bd-btn{
        min-height:38px !important;

        padding:
          0 7px !important;

        font-size:7.6px !important;
    }



    /* ------------------------------------------------------
       PILARES MÁS CERCA DE LA FOTO
       ------------------------------------------------------ */

    .bd-pillars-wrap{
        margin-top:-35px !important;

        position:relative !important;

        z-index:20 !important;
    }


    .bd-pillars{
        width:94% !important;

        padding:
          8px 8px !important;

        border-radius:
          17px 17px 0 0 !important;
    }


    .bd-pillar{
        min-height:91px !important;

        padding:
          7px 5px !important;
    }


    .bd-pillar-icon{
        width:31px !important;
        height:31px !important;

        margin:
          0 auto 4px !important;
    }


    .bd-pillar-icon svg{
        width:15px !important;
        height:15px !important;
    }


    .bd-pillar h3{
        font-size:8.6px !important;

        line-height:1.1 !important;
    }


    .bd-pillar p{
        font-size:6.9px !important;

        line-height:1.22 !important;
    }



    /* ======================================================
       FRANJA VERDE:
       TODO EN UNA SOLA LÍNEA
       ====================================================== */

    .bd-beyond{
        width:100% !important;

        height:48px !important;

        min-height:48px !important;

        overflow:hidden !important;
    }


    .bd-beyond-inner{
        width:100% !important;

        height:48px !important;

        min-height:48px !important;

        padding:0 5px !important;

        margin:0 !important;

        display:grid !important;

        grid-template-columns:
            1.65fr
            .9fr
            .95fr
            1.05fr
            1.05fr !important;

        align-items:center !important;
    }


    .bd-beyond-heading{
        grid-column:auto !important;

        padding:
          0 5px !important;

        text-align:left !important;

        min-width:0 !important;
    }


    .bd-beyond-heading h2{
        margin:0 !important;

        white-space:nowrap !important;

        font-size:6.9px !important;

        line-height:1 !important;

        letter-spacing:.65px !important;
    }


    /*
      Muy importante:
      anulamos el contenedor que anteriormente
      obligaba a colocar los conceptos debajo.
    */

    .bd-beyond-items-mobile{
        display:contents !important;
    }


    .bd-beyond-card{
        min-width:0 !important;

        width:auto !important;

        height:48px !important;

        min-height:48px !important;

        padding:
          2px 4px !important;

        display:flex !important;

        flex-direction:row !important;

        justify-content:center !important;

        align-items:center !important;

        gap:3px !important;

        text-align:left !important;

        border:0 !important;

        position:relative !important;
    }


    .bd-beyond-card:before{
        display:block !important;

        content:"" !important;

        position:absolute !important;

        left:0 !important;

        top:25% !important;

        width:1px !important;

        height:50% !important;

        background:
          rgba(223,191,121,.40) !important;
    }


    .bd-beyond-icon{
        flex:
          0 0 17px !important;

        width:17px !important;
        height:17px !important;

        margin:0 !important;
    }


    .bd-beyond-icon svg{
        width:8px !important;
        height:8px !important;
    }


    .bd-beyond-card h3{
        margin:0 !important;

        max-width:none !important;

        font-size:5.2px !important;

        line-height:1.08 !important;

        text-align:left !important;

        color:#fff !important;
    }

}
/* ==========================================================
   AJUSTES DE COLOR + FRANJA VERDE + HOJA DECORATIVA
   ========================================================== */


/* COLOR OFICIAL DE LOS TEXTOS DE BODYDENT */
.bd-description,
.bd-pillar p{
    color:#0f2b49 !important;
}


/* =========================================
   LÍNEA DORADA: TERMINAR EN UNA HOJA
   ========================================= */

.bd-decoration:after{
    content:"" !important;

    width:16px !important;
    height:10px !important;

    position:absolute !important;

    right:-18px !important;
    top:-6px !important;

    border:1.6px solid #c99a3c !important;

    border-radius:
        100% 0 100% 0 !important;

    background:transparent !important;

    transform:rotate(-35deg) !important;
}


/* pequeño tallo de la hoja */
.bd-decoration:before{
    content:"" !important;

    position:absolute !important;

    right:-7px !important;
    top:-1px !important;

    width:11px !important;
    height:1.5px !important;

    background:#c99a3c !important;

    transform:rotate(-26deg) !important;

    transform-origin:left center !important;
}


/* =========================================
   FRANJA VERDE — ESCRITORIO
   ========================================= */

.bd-beyond-inner{
    width:min(1580px,96%) !important;

    grid-template-columns:
        minmax(310px,1.75fr)
        repeat(4,minmax(155px,1fr)) !important;

    column-gap:0 !important;
}


.bd-beyond-heading{
    min-width:310px !important;

    padding:
        0 26px 0 8px !important;

    overflow:visible !important;
}


.bd-beyond-heading h2{
    white-space:nowrap !important;

    font-size:14px !important;

    letter-spacing:1.7px !important;
}


/* separación correcta entre título e icono */
.bd-beyond-card{
    padding:
        5px 13px !important;
}


/* títulos de la franja */
.bd-beyond-card h3{
    color:#ffffff !important;

    font-size:9.5px !important;

    line-height:1.15 !important;
}


/* =========================================
   MÓVIL: TODO EN UNA SOLA FRANJA
   ========================================= */

@media(max-width:760px){

    .bd-beyond{
        height:48px !important;
        min-height:48px !important;
    }


    .bd-beyond-inner{
        width:100% !important;

        height:48px !important;
        min-height:48px !important;

        padding:0 4px !important;

        display:grid !important;

        grid-template-columns:
            minmax(114px,1.65fr)
            repeat(4,minmax(0,1fr)) !important;

        align-items:center !important;
    }


    .bd-beyond-heading{
        min-width:0 !important;

        padding:
            0 5px !important;

        overflow:visible !important;
    }


    .bd-beyond-heading h2{
        white-space:nowrap !important;

        font-size:6.5px !important;

        letter-spacing:.55px !important;
    }


    .bd-beyond-items-mobile{
        display:contents !important;
    }


    .bd-beyond-card{
        height:48px !important;
        min-height:48px !important;

        padding:
            2px 3px !important;

        display:flex !important;

        flex-direction:row !important;

        justify-content:center !important;
        align-items:center !important;

        gap:3px !important;
    }


    .bd-beyond-icon{
        flex:
            0 0 17px !important;

        width:17px !important;
        height:17px !important;
    }


    .bd-beyond-icon svg{
        width:8px !important;
        height:8px !important;
    }


    .bd-beyond-card h3{
        margin:0 !important;

        font-size:5.1px !important;

        line-height:1.06 !important;

        text-align:left !important;
    }

}
/* ==========================================================
   AJUSTE MENÚ SUPERIOR + FRANJA VERDE MÓVIL
   ========================================================== */


/* ----------------------------------------------------------
   MENÚ SUPERIOR MÁS ELEGANTE
   ---------------------------------------------------------- */

.bd-menu a{
    color:#06483b !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:13px !important;

    font-weight:600 !important;

    letter-spacing:.15px !important;

    text-transform:uppercase;
}


/* hover dorado */
.bd-menu a:hover{
    color:#c99a3c !important;
}


/* línea inferior dorada */
.bd-menu a:after{
    background:#c99a3c !important;
}


/* ----------------------------------------------------------
   TEXTO NORMAL OFICIAL
   ---------------------------------------------------------- */

.bd-description,
.bd-pillar p{
    color:#0f2b49 !important;
}


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

@media(max-width:760px){


    /* ------------------------------------------------------
       FRANJA VERDE:
       TODO DEBE CABER EN UNA SOLA LÍNEA
       ------------------------------------------------------ */

    .bd-beyond{
        width:100% !important;

        height:46px !important;
        min-height:46px !important;

        overflow:hidden !important;
    }


    .bd-beyond-inner{
        width:100% !important;

        height:46px !important;
        min-height:46px !important;

        margin:0 !important;

        padding:0 3px !important;

        display:grid !important;

        /*
        30% para VEMOS MÁS ALLÁ...
        17.5% para cada uno de los 4 conceptos
        */

        grid-template-columns:
            30%
            17.5%
            17.5%
            17.5%
            17.5% !important;

        align-items:center !important;

        column-gap:0 !important;
    }


    /* título */
    .bd-beyond-heading{
        width:100% !important;
        min-width:0 !important;

        padding:0 3px !important;

        margin:0 !important;

        overflow:hidden !important;

        text-align:left !important;
    }


    .bd-beyond-heading h2{
        width:100% !important;

        margin:0 !important;

        white-space:nowrap !important;

        overflow:hidden !important;

        color:#dfbf79 !important;

        font-size:5.8px !important;

        line-height:1 !important;

        letter-spacing:.42px !important;

        text-align:left !important;
    }


    /* permite que los cuatro elementos
       pertenezcan a la cuadrícula principal */
    .bd-beyond-items-mobile{
        display:contents !important;
    }


    /* cada concepto */
    .bd-beyond-card{
        width:100% !important;
        min-width:0 !important;

        height:46px !important;
        min-height:46px !important;

        margin:0 !important;

        padding:2px 2px !important;

        display:flex !important;

        flex-direction:row !important;

        align-items:center !important;
        justify-content:center !important;

        gap:2px !important;

        overflow:hidden !important;

        border:0 !important;
    }


    /* divisores verticales */
    .bd-beyond-card:before{
        display:block !important;

        content:"" !important;

        position:absolute !important;

        left:0 !important;
        top:23% !important;

        width:1px !important;
        height:54% !important;

        background:
            rgba(223,191,121,.42) !important;
    }


    /* iconos todavía más compactos */
    .bd-beyond-icon{
        flex:0 0 15px !important;

        width:15px !important;
        height:15px !important;

        margin:0 !important;

        border-width:.8px !important;
    }


    .bd-beyond-icon svg{
        width:7px !important;
        height:7px !important;
    }


    /* títulos */
    .bd-beyond-card h3{
        margin:0 !important;

        min-width:0 !important;
        max-width:none !important;

        color:#ffffff !important;

        font-size:4.8px !important;

        line-height:1.06 !important;

        font-weight:600 !important;

        text-align:left !important;

        overflow-wrap:normal !important;
    }


    /* ------------------------------------------------------
       MENÚ DESPLEGABLE MÓVIL
       ------------------------------------------------------ */

    .bd-menu.bd-open a{
        color:#06483b !important;

        font-family:
            Georgia,
            "Times New Roman",
            serif !important;

        font-size:12px !important;

        font-weight:600 !important;

        text-transform:uppercase;
    }

}
/* ==========================================================
   BARRA DE NAVEGACIÓN PREMIUM
   ========================================================== */

/* franja completa superior */
.bd-header{
    background:rgba(255,255,255,.82) !important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    border-bottom:1px solid rgba(201,154,60,.30);

    box-shadow:
        0 6px 22px rgba(15,43,73,.05);
}

/* menú */
.bd-menu a{
    color:#0f2b49 !important;

    font-family:
        "Montserrat",
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:12px !important;

    font-weight:600 !important;

    letter-spacing:.45px !important;

    text-transform:uppercase !important;

    transition:
        color .25s ease,
        transform .25s ease !important;
}

/* al pasar mouse */
.bd-menu a:hover{
    color:#c99a3c !important;
    transform:translateY(-1px);
}

/* línea dorada inferior */
.bd-menu a:after{
    background:#c99a3c !important;

    height:2px !important;

    bottom:1px !important;
}

/* inicio marcado */
.bd-menu a:first-child{
    color:#0f2b49 !important;
}

.bd-menu a:first-child:after{
    width:100% !important;
}

/* logo un poco más separado */
.bd-logo{
    padding-left:4px;
}

/* botón cita */
.bd-top-appointment{
    border:1px solid rgba(255,255,255,.18);

    box-shadow:
        0 7px 20px rgba(6,72,59,.14);
}


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

@media(max-width:760px){

    .bd-header{
        background:rgba(255,255,255,.88) !important;

        border-bottom:
            1px solid rgba(201,154,60,.28);
    }

    .bd-menu.bd-open{
        background:rgba(255,255,255,.98) !important;

        border:
            1px solid rgba(201,154,60,.20);

        box-shadow:
            0 18px 42px rgba(15,43,73,.14);
    }

    .bd-menu.bd-open a{
        color:#0f2b49 !important;

        font-family:
            "Montserrat",
            "Segoe UI",
            Arial,
            sans-serif !important;

        font-size:11px !important;

        font-weight:600 !important;
    }

    .bd-menu.bd-open a:hover{
        color:#c99a3c !important;
    }
}
/* ==========================================================
   BODYDENT — SECCIÓN SERVICIOS
   ¿CÓMO PODEMOS AYUDARTE?
   ========================================================== */

.bd-services-section{
    position:relative;
    padding:95px 0 105px;
    background:
        radial-gradient(circle at 8% 5%,rgba(201,154,60,.07),transparent 22%),
        linear-gradient(180deg,#fbfaf7 0%,#f6f2e9 100%);
    overflow:hidden;
}

.bd-services-section:before{
    content:"";
    position:absolute;
    width:390px;
    height:390px;
    border:1px solid rgba(201,154,60,.10);
    border-radius:50%;
    right:-180px;
    top:-160px;
}

.bd-services-head{
    width:min(820px,90%);
    margin:0 auto 52px;
    text-align:center;
    position:relative;
    z-index:2;
}

.bd-services-kicker{
    display:block;
    margin-bottom:10px;
    color:#c99a3c;
    font-size:11px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
}

.bd-services-head h2{
    margin:0 0 17px;
    color:#06483b;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(37px,4vw,56px);
    line-height:1.05;
    font-weight:400;
}

.bd-services-head p{
    max-width:720px;
    margin:0 auto;
    color:#0f2b49;
    font-size:16px;
    line-height:1.7;
}


/* ==========================================
   GRID
   ========================================== */

.bd-services-grid{
    width:min(1400px,92%);
    margin:auto;

    display:grid;
    grid-template-columns:repeat(12,1fr);
    gap:22px;

    position:relative;
    z-index:2;
}

/* primera fila 4 */
.bd-service-card:nth-child(-n+4){
    grid-column:span 3;
}

/* segunda fila 3 */
.bd-service-card:nth-child(n+5){
    grid-column:span 4;
}


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

.bd-service-card{
    position:relative;
    min-height:440px;
    overflow:hidden;

    border-radius:20px;
    background:#fff;

    border:1px solid rgba(15,43,73,.07);

    box-shadow:
        0 13px 34px rgba(15,43,73,.06);

    transition:
        transform .42s cubic-bezier(.2,.7,.2,1),
        box-shadow .42s ease;
}

.bd-service-card:hover{
    transform:translateY(-8px);

    box-shadow:
        0 25px 55px rgba(15,43,73,.12);
}


/* IMAGEN */

.bd-service-image{
    height:245px;
    overflow:hidden;
    position:relative;
    background:#eceae4;
}

.bd-service-image:after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(4,56,47,.16) 100%
        );
    pointer-events:none;
}

.bd-service-image img{
    width:100%;
    height:100%;
    display:block;

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

    transition:
        transform .75s cubic-bezier(.2,.7,.2,1),
        filter .5s ease;
}

.bd-service-card:hover .bd-service-image img{
    transform:scale(1.055);
}


/* detalle dorado */

.bd-service-number{
    position:absolute;
    left:22px;
    bottom:-19px;
    z-index:4;

    width:42px;
    height:42px;

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

    border-radius:50%;

    background:#fff;
    border:1px solid #c99a3c;

    color:#c99a3c;

    font-family:Georgia,"Times New Roman",serif;
    font-size:13px;

    box-shadow:
        0 7px 18px rgba(15,43,73,.09);
}


/* CONTENIDO */

.bd-service-content{
    padding:31px 23px 24px;
}

.bd-service-content:before{
    content:"";
    display:block;
    width:36px;
    height:1px;
    margin-bottom:13px;
    background:#c99a3c;

    transition:
        width .35s ease;
}

.bd-service-card:hover .bd-service-content:before{
    width:65px;
}

.bd-service-content h3{
    margin:0 0 11px;

    color:#06483b;

    font-family:Georgia,"Times New Roman",serif;
    font-size:20px;
    line-height:1.2;
    font-weight:600;
}

.bd-service-content p{
    margin:0;

    color:#0f2b49;

    font-size:12.5px;
    line-height:1.55;
}


/* CONOCER MÁS */

.bd-service-link{
    display:inline-flex;
    align-items:center;
    gap:7px;

    margin-top:17px;

    color:#c99a3c !important;

    text-decoration:none !important;

    font-size:10px;
    font-weight:700;
    letter-spacing:1px;

    text-transform:uppercase;

    transition:
        color .3s ease,
        gap .3s ease;
}

.bd-service-link span{
    font-size:17px;
    line-height:1;
}

.bd-service-link:hover{
    color:#06483b !important;
    gap:12px;
}


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

@media(max-width:1050px){

    .bd-services-section{
        padding:80px 0 90px;
    }

    .bd-service-card:nth-child(n){
        grid-column:span 6;
    }

    .bd-service-card:last-child{
        grid-column:4 / span 6;
    }
}


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

@media(max-width:760px){

    .bd-services-section{
        padding:62px 0 70px;
    }

    .bd-services-head{
        width:88%;
        margin-bottom:34px;
    }

    .bd-services-kicker{
        font-size:8px;
        letter-spacing:2px;
    }

    .bd-services-head h2{
        font-size:34px;
    }

    .bd-services-head p{
        font-size:12.5px;
        line-height:1.55;
    }

    .bd-services-grid{
        width:90%;
        display:block;
    }

    .bd-service-card{
        min-height:0;
        margin-bottom:18px;
        border-radius:17px;
    }

    .bd-service-image{
        height:205px;
    }

    .bd-service-content{
        padding:27px 19px 20px;
    }

    .bd-service-content h3{
        font-size:19px;
    }

    .bd-service-content p{
        font-size:11.5px;
        line-height:1.5;
    }

    .bd-service-number{
        width:38px;
        height:38px;
        bottom:-17px;
        left:18px;
    }
}
/* ==========================================================
   AJUSTE PREMIUM — SERVICIOS
   tarjetas más pequeñas + 2 columnas móvil + fondo completo
   ========================================================== */


/* ==========================================================
   FONDO A TODO EL ANCHO
   ========================================================== */

.bd-services-section{
    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    padding:75px 0 82px !important;

    background:
        radial-gradient(
            circle at 6% 8%,
            rgba(201,154,60,.065),
            transparent 24%
        ),
        radial-gradient(
            circle at 94% 20%,
            rgba(6,72,59,.045),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #fbfaf6 0%,
            #f6f2e9 100%
        ) !important;

    overflow:hidden !important;
}


/* decoracion de fondo */
.bd-services-section:before{
    width:420px !important;
    height:420px !important;

    right:-210px !important;
    top:-180px !important;

    border-color:
        rgba(201,154,60,.12) !important;
}


/* ==========================================================
   ENCABEZADO MÁS COMPACTO
   ========================================================== */

.bd-services-head{
    width:min(760px,88%) !important;

    margin:
        0 auto 38px !important;
}


.bd-services-kicker{
    margin-bottom:8px !important;

    font-size:9px !important;

    letter-spacing:2.5px !important;
}


.bd-services-head h2{
    margin-bottom:13px !important;

    font-size:
        clamp(34px,3.5vw,50px) !important;
}


.bd-services-head p{
    font-size:14px !important;

    line-height:1.55 !important;

    color:#0f2b49 !important;
}


/* ==========================================================
   GRID ESCRITORIO
   ========================================================== */

.bd-services-grid{
    width:min(1250px,90%) !important;

    gap:16px !important;
}


/* 4 tarjetas arriba */
.bd-service-card:nth-child(-n+4){
    grid-column:span 3 !important;
}


/* 3 abajo */
.bd-service-card:nth-child(n+5){
    grid-column:span 4 !important;
}


/* ==========================================================
   TARJETAS MÁS PEQUEÑAS
   ========================================================== */

.bd-service-card{
    min-height:335px !important;

    border-radius:16px !important;

    box-shadow:
        0 10px 27px
        rgba(15,43,73,.055) !important;

    transition:
        transform .48s cubic-bezier(.2,.7,.2,1),
        box-shadow .48s ease,
        opacity .7s ease !important;
}


.bd-service-card:hover{
    transform:
        translateY(-7px) !important;

    box-shadow:
        0 21px 45px
        rgba(15,43,73,.11) !important;
}


/* ==========================================================
   IMAGEN MÁS BAJA
   ========================================================== */

.bd-service-image{
    height:175px !important;
}


.bd-service-image img{
    transition:
        transform .75s
        cubic-bezier(.2,.7,.2,1) !important;
}


.bd-service-card:hover
.bd-service-image img{
    transform:
        scale(1.06) !important;
}


/* NUMERO */
.bd-service-number{
    width:34px !important;
    height:34px !important;

    left:17px !important;
    bottom:-15px !important;

    font-size:10px !important;
}


/* ==========================================================
   CONTENIDO MÁS COMPACTO
   ========================================================== */

.bd-service-content{
    padding:
        24px 17px 17px !important;
}


.bd-service-content:before{
    width:28px !important;

    margin-bottom:9px !important;
}


.bd-service-card:hover
.bd-service-content:before{
    width:50px !important;
}


.bd-service-content h3{
    margin-bottom:8px !important;

    font-size:16px !important;

    line-height:1.17 !important;

    color:#06483b !important;
}


.bd-service-content p{
    font-size:10.5px !important;

    line-height:1.43 !important;

    color:#0f2b49 !important;
}


.bd-service-link{
    margin-top:11px !important;

    font-size:8.5px !important;
}


/* ==========================================================
   MOVIMIENTO AL BAJAR
   ========================================================== */

/* tarjetas impares entran levemente desde izquierda */
.bd-service-card.bd-reveal:nth-child(odd){
    transform:
        translateX(-24px)
        translateY(18px);
}


/* tarjetas pares desde derecha */
.bd-service-card.bd-reveal:nth-child(even){
    transform:
        translateX(24px)
        translateY(18px);
}


/* cuando aparecen */
.bd-service-card.bd-reveal.bd-show{
    opacity:1 !important;

    transform:
        translateX(0)
        translateY(0) !important;
}


/* aparición progresiva */
.bd-service-card:nth-child(1){
    transition-delay:.03s !important;
}

.bd-service-card:nth-child(2){
    transition-delay:.09s !important;
}

.bd-service-card:nth-child(3){
    transition-delay:.15s !important;
}

.bd-service-card:nth-child(4){
    transition-delay:.21s !important;
}

.bd-service-card:nth-child(5){
    transition-delay:.05s !important;
}

.bd-service-card:nth-child(6){
    transition-delay:.12s !important;
}

.bd-service-card:nth-child(7){
    transition-delay:.19s !important;
}


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

@media(max-width:1050px){

    .bd-services-grid{
        width:91% !important;

        grid-template-columns:
            repeat(2,1fr) !important;

        gap:15px !important;
    }


    .bd-service-card:nth-child(n){
        grid-column:auto !important;
    }


    .bd-service-card:last-child{
        grid-column:
            1 / -1 !important;

        width:50% !important;

        justify-self:center !important;
    }

}


/* ==========================================================
   MÓVIL — DOS TARJETAS POR FILA
   ========================================================== */

@media(max-width:760px){

    .bd-services-section{
        padding:
            48px 0 56px !important;
    }


    .bd-services-head{
        width:86% !important;

        margin-bottom:26px !important;
    }


    .bd-services-kicker{
        font-size:7px !important;

        letter-spacing:1.7px !important;
    }


    .bd-services-head h2{
        font-size:29px !important;

        line-height:1.05 !important;
    }


    .bd-services-head p{
        font-size:10.5px !important;

        line-height:1.45 !important;
    }


    /* DOS TARJETAS */
    .bd-services-grid{
        width:94% !important;

        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:9px !important;
    }


    .bd-service-card,
    .bd-service-card:nth-child(n),
    .bd-service-card:last-child{
        width:100% !important;

        min-width:0 !important;

        min-height:0 !important;

        margin:0 !important;

        grid-column:auto !important;

        border-radius:12px !important;
    }


    /* última tarjeta centrada */
    .bd-service-card:last-child{
        grid-column:
            1 / -1 !important;

        width:50% !important;

        justify-self:center !important;
    }


    /* FOTO */
    .bd-service-image{
        height:118px !important;
    }


    .bd-service-number{
        width:27px !important;
        height:27px !important;

        left:10px !important;
        bottom:-12px !important;

        font-size:7px !important;
    }


    /* CONTENIDO */
    .bd-service-content{
        padding:
            19px 10px 12px !important;
    }


    .bd-service-content:before{
        width:20px !important;

        margin-bottom:6px !important;
    }


    .bd-service-content h3{
        margin-bottom:6px !important;

        font-size:11.3px !important;

        line-height:1.14 !important;
    }


    .bd-service-content p{
        font-size:7.7px !important;

        line-height:1.34 !important;
    }


    .bd-service-link{
        margin-top:8px !important;

        font-size:6.8px !important;

        letter-spacing:.55px !important;
    }


    .bd-service-link span{
        font-size:12px !important;
    }


    /* Movimiento móvil más sutil */
    .bd-service-card.bd-reveal:nth-child(odd){
        transform:
            translateX(-15px)
            translateY(14px);
    }


    .bd-service-card.bd-reveal:nth-child(even){
        transform:
            translateX(15px)
            translateY(14px);
    }


    .bd-service-card.bd-reveal.bd-show{
        transform:none !important;
    }

}
/* ==========================================================
   TECNOLOGÍA — FRANJA HORIZONTAL COMPACTA
   ========================================================== */

.bd-tech-section{
    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    padding:68px 0 76px;

    background:
        linear-gradient(
            180deg,
            #f7f3eb 0%,
            #fbfaf7 100%
        );

    overflow:hidden;
}


/* CABECERA */
.bd-tech-head{
    width:min(760px,88%);
    margin:0 auto 30px;

    text-align:center;
}

.bd-tech-kicker{
    display:block;

    margin-bottom:8px;

    color:#c99a3c;

    font-size:9px;
    font-weight:700;

    letter-spacing:2.6px;

    text-transform:uppercase;
}

.bd-tech-head h2{
    margin:0 0 13px;

    color:#06483b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(32px,3.4vw,48px);

    line-height:1.06;

    font-weight:400;
}

.bd-tech-head p{
    max-width:680px;

    margin:0 auto;

    color:#0f2b49;

    font-size:13.5px;

    line-height:1.55;
}


/* ==========================================================
   LAS 4 IMÁGENES EN UNA SOLA LÍNEA
   ========================================================== */

.bd-tech-row{
    width:min(1320px,92%);

    margin:auto;

    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:12px;
}


/* TARJETA */
.bd-tech-card{
    position:relative;

    height:205px;

    overflow:hidden;

    border-radius:14px;

    background:#ddd;

    box-shadow:
        0 10px 26px rgba(15,43,73,.07);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

.bd-tech-card:hover{
    transform:translateY(-6px);

    box-shadow:
        0 18px 38px rgba(15,43,73,.13);
}


/* IMAGEN */
.bd-tech-card img{
    width:100%;
    height:100%;

    object-fit:cover;

    display:block;

    transition:
        transform .75s
        cubic-bezier(.2,.7,.2,1);
}

.bd-tech-card:hover img{
    transform:scale(1.06);
}


/* DEGRADADO */
.bd-tech-card:after{
    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(3,56,47,0) 38%,
            rgba(3,56,47,.18) 58%,
            rgba(3,56,47,.86) 100%
        );

    pointer-events:none;
}


/* TEXTO ENCIMA */
.bd-tech-caption{
    position:absolute;

    left:18px;
    right:18px;
    bottom:15px;

    z-index:3;

    color:#fff;
}

.bd-tech-caption h3{
    margin:0 0 4px;

    color:#fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:17px;

    line-height:1.15;

    font-weight:500;
}

.bd-tech-more{
    display:inline-flex;

    align-items:center;

    gap:6px;

    color:#dfbf79;

    font-size:8.5px;

    font-weight:700;

    letter-spacing:.9px;

    text-transform:uppercase;
}


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

@media(max-width:1000px){

    .bd-tech-row{
        width:92%;

        grid-template-columns:
            repeat(2,1fr);

        gap:12px;
    }

}


/* ==========================================================
   MÓVIL — UNA SOLA LÍNEA DESLIZABLE
   ========================================================== */

@media(max-width:760px){

    .bd-tech-section{
        padding:
            50px 0 58px;
    }

    .bd-tech-head{
        width:86%;

        margin-bottom:23px;
    }

    .bd-tech-kicker{
        font-size:7px;

        letter-spacing:1.8px;
    }

    .bd-tech-head h2{
        font-size:29px;
    }

    .bd-tech-head p{
        font-size:10.5px;

        line-height:1.45;
    }


    /* carrusel horizontal natural */
    .bd-tech-row{
        width:100%;

        display:flex;

        gap:10px;

        padding:
            0 14px 8px;

        overflow-x:auto;

        scroll-snap-type:
            x mandatory;

        scrollbar-width:none;

        -webkit-overflow-scrolling:
            touch;
    }

    .bd-tech-row::-webkit-scrollbar{
        display:none;
    }


    .bd-tech-card{
        flex:
            0 0 72%;

        height:170px;

        scroll-snap-align:start;

        border-radius:13px;
    }


    .bd-tech-caption{
        left:14px;
        right:14px;
        bottom:12px;
    }


    .bd-tech-caption h3{
        font-size:15px;
    }


    .bd-tech-more{
        font-size:7.5px;
    }

}
/* ==========================================================
   RESPALDO Y TRANQUILIDAD
   ========================================================== */

.bd-support{
    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    position:relative;
    overflow:hidden;

    background:
        linear-gradient(
            105deg,
            #043d34 0%,
            #06483b 55%,
            #075244 100%
        );

    padding:30px 0;
}


/* detalle decorativo */
.bd-support:before{
    content:"";

    position:absolute;

    width:240px;
    height:240px;

    right:-90px;
    top:-115px;

    border:1px solid rgba(223,191,121,.18);

    border-radius:50%;
}

.bd-support:after{
    content:"";

    position:absolute;

    width:155px;
    height:155px;

    right:-42px;
    top:-72px;

    border:1px solid rgba(223,191,121,.12);

    border-radius:50%;
}


/* CONTENEDOR */

.bd-support-inner{
    width:min(1160px,88%);

    margin:auto;

    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        58px 1fr auto;

    align-items:center;

    gap:22px;
}


/* ICONO */

.bd-support-icon{
    width:52px;
    height:52px;

    display:flex;

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

    border:
        1px solid rgba(223,191,121,.75);

    border-radius:50%;

    color:#dfbf79;

    transition:
        transform .35s ease,
        background .35s ease,
        color .35s ease;
}

.bd-support:hover .bd-support-icon{
    transform:scale(1.06);

    background:#c99a3c;

    color:#fff;
}

.bd-support-icon svg{
    width:25px;
    height:25px;

    fill:none;

    stroke:currentColor;
    stroke-width:1.35;

    stroke-linecap:round;
    stroke-linejoin:round;
}


/* TEXTO */

.bd-support-copy{
    min-width:0;
}

.bd-support-label{
    display:block;

    margin-bottom:4px;

    color:#dfbf79;

    font-size:8px;
    font-weight:700;

    letter-spacing:2.2px;

    text-transform:uppercase;
}

.bd-support-copy h2{
    margin:0 0 5px;

    color:#fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:22px;

    line-height:1.12;

    font-weight:400;
}

.bd-support-copy p{
    max-width:750px;

    margin:0;

    color:rgba(255,255,255,.84);

    font-size:11px;

    line-height:1.48;
}


/* SELLO DERECHO */

.bd-support-badge{
    min-width:150px;

    padding-left:22px;

    border-left:
        1px solid rgba(223,191,121,.35);

    color:#dfbf79;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:13px;

    line-height:1.25;

    text-align:center;
}

.bd-support-badge strong{
    display:block;

    margin-bottom:2px;

    color:#fff;

    font-family:
        Arial,
        sans-serif;

    font-size:8px;

    letter-spacing:1.4px;

    text-transform:uppercase;
}


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

@media(max-width:760px){

    .bd-support{
        padding:20px 0;
    }

    .bd-support-inner{
        width:91%;

        grid-template-columns:
            39px 1fr;

        gap:11px;
    }

    .bd-support-icon{
        width:37px;
        height:37px;
    }

    .bd-support-icon svg{
        width:18px;
        height:18px;
    }

    .bd-support-label{
        margin-bottom:3px;

        font-size:5.8px;

        letter-spacing:1.2px;
    }

    .bd-support-copy h2{
        margin-bottom:4px;

        font-size:15px;

        line-height:1.1;
    }

    .bd-support-copy p{
        font-size:7.5px;

        line-height:1.35;
    }

    .bd-support-badge{
        grid-column:2;

        min-width:0;

        margin-top:1px;
        padding:
            7px 0 0;

        border-left:0;

        border-top:
            1px solid rgba(223,191,121,.25);

        font-size:9px;

        text-align:left;
    }

    .bd-support-badge strong{
        display:inline;

        margin-right:5px;

        font-size:5.8px;
    }

}
/* ==========================================================
   QUIÉNES SOMOS
   ========================================================== */

.bd-about-section{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    padding:90px 0 0;

    background:
        radial-gradient(circle at 12% 15%, rgba(201,154,60,.07), transparent 23%),
        linear-gradient(180deg,#fff 0%,#f8f5ee 100%);

    overflow:hidden;
}

.bd-about-inner{
    width:min(1280px,90%);
    margin:auto;

    display:grid;
    grid-template-columns:.82fr 1.18fr;

    gap:68px;
    align-items:center;
}


/* =========================
   FOTO
   ========================= */

.bd-about-photo{
    position:relative;
    min-height:620px;

    border-radius:24px;
    overflow:hidden;

    box-shadow:
        0 22px 55px rgba(15,43,73,.10);
}

.bd-about-photo img{
    width:100%;
    height:100%;

    position:absolute;
    inset:0;

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

    transition:transform .9s cubic-bezier(.2,.7,.2,1);
}

.bd-about-photo:hover img{
    transform:scale(1.035);
}

.bd-about-photo:after{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            transparent 65%,
            rgba(3,56,47,.30) 100%
        );
}


/* detalle dorado */
.bd-about-photo:before{
    content:"";

    position:absolute;

    width:260px;
    height:260px;

    left:-105px;
    bottom:-110px;

    border:1px solid rgba(201,154,60,.60);
    border-radius:50%;

    z-index:2;
}


/* =========================
   TEXTO
   ========================= */

.bd-about-copy{
    padding:20px 0;
}

.bd-about-kicker{
    display:block;

    margin-bottom:10px;

    color:#c99a3c;

    font-size:9px;
    font-weight:700;

    letter-spacing:2.8px;

    text-transform:uppercase;
}

.bd-about-copy h2{
    max-width:710px;

    margin:0 0 24px;

    color:#06483b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(37px,4vw,54px);

    line-height:1.06;

    font-weight:400;
}

.bd-about-intro{
    margin:0 0 25px;

    color:#0f2b49;

    font-size:14px;
    line-height:1.65;
}


/* =========================
   DOS ENFOQUES
   ========================= */

.bd-approaches{
    display:grid;
    grid-template-columns:1fr 1fr;

    gap:14px;

    margin:25px 0;
}

.bd-approach{
    padding:19px 19px 18px;

    background:rgba(255,255,255,.72);

    border:1px solid rgba(15,43,73,.07);

    border-radius:15px;

    position:relative;

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.bd-approach:hover{
    transform:translateY(-4px);

    box-shadow:
        0 13px 30px rgba(15,43,73,.07);
}

.bd-approach:before{
    content:"";

    display:block;

    width:28px;
    height:1px;

    margin-bottom:10px;

    background:#c99a3c;
}

.bd-approach h3{
    margin:0 0 7px;

    color:#06483b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:17px;
}

.bd-approach p{
    margin:0;

    color:#0f2b49;

    font-size:11px;
    line-height:1.52;
}


/* =========================
   ENTENDERTE
   ========================= */

.bd-understand{
    margin-top:23px;

    padding:22px 24px;

    border-left:3px solid #c99a3c;

    background:
        rgba(255,255,255,.55);
}

.bd-understand h3{
    margin:0 0 8px;

    color:#06483b;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:20px;
}

.bd-understand p{
    margin:0;

    color:#0f2b49;

    font-size:12px;
    line-height:1.58;
}


/* =========================
   FORMACIÓN / RESPALDO
   ========================= */

.bd-credentials{
    margin-top:24px;

    padding-top:21px;

    border-top:
        1px solid rgba(201,154,60,.26);
}

.bd-credentials p{
    margin:0;

    color:#0f2b49;

    font-size:11.5px;
    line-height:1.65;
}


/* =========================
   FRASE FINAL
   ========================= */

.bd-about-closing{
    width:100%;

    margin-top:70px;

    background:
        linear-gradient(100deg,#043d34,#075244);

    padding:28px 0;
}

.bd-about-closing-inner{
    width:min(1120px,88%);

    margin:auto;

    display:flex;

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

    gap:22px;

    text-align:center;
}

.bd-about-leaf{
    width:27px;
    height:15px;

    border:1px solid #dfbf79;

    border-radius:100% 0 100% 0;

    transform:rotate(-28deg);

    flex:0 0 auto;
}

.bd-about-closing p{
    margin:0;

    color:#fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:18px;

    line-height:1.4;
}

.bd-about-closing strong{
    color:#dfbf79;

    font-weight:400;
}


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

@media(max-width:1000px){

    .bd-about-inner{
        grid-template-columns:.9fr 1.1fr;

        gap:38px;
    }

    .bd-about-photo{
        min-height:570px;
    }

}


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

@media(max-width:760px){

    .bd-about-section{
        padding:55px 0 0;
    }

    .bd-about-inner{
        width:90%;

        grid-template-columns:1fr;

        gap:28px;
    }

    .bd-about-photo{
        min-height:360px;

        border-radius:18px;
    }

    .bd-about-photo img{
        object-position:center 22%;
    }

    .bd-about-copy{
        padding:0;
    }

    .bd-about-kicker{
        font-size:7px;

        letter-spacing:2px;
    }

    .bd-about-copy h2{
        margin-bottom:17px;

        font-size:31px;

        line-height:1.06;
    }

    .bd-about-intro{
        font-size:10.5px;

        line-height:1.52;

        margin-bottom:18px;
    }

    .bd-approaches{
        grid-template-columns:1fr 1fr;

        gap:8px;

        margin:18px 0;
    }

    .bd-approach{
        padding:13px 12px;
    }

    .bd-approach h3{
        font-size:13px;
    }

    .bd-approach p{
        font-size:8px;

        line-height:1.4;
    }

    .bd-understand{
        margin-top:17px;

        padding:16px 16px;
    }

    .bd-understand h3{
        font-size:16px;
    }

    .bd-understand p{
        font-size:8.7px;

        line-height:1.46;
    }

    .bd-credentials{
        margin-top:17px;

        padding-top:16px;
    }

    .bd-credentials p{
        font-size:8.5px;

        line-height:1.5;
    }

    .bd-about-closing{
        margin-top:45px;

        padding:20px 0;
    }

    .bd-about-closing-inner{
        width:90%;

        gap:10px;
    }

    .bd-about-leaf{
        width:18px;
        height:10px;
    }

    .bd-about-closing p{
        font-size:12px;

        line-height:1.35;
    }

}
/* ==========================================================
   QUIÉNES SOMOS — FOTO IZQUIERDA + CONTENIDO DERECHA
   ESCRITORIO Y MÓVIL
   ========================================================== */


/* SECCIÓN COMPLETA */
.bd-about-section{
    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    padding:65px 0 0 !important;

    background:
        radial-gradient(
            circle at 8% 18%,
            rgba(201,154,60,.06),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8f5ee 100%
        ) !important;
}


/* DOS COLUMNAS */
.bd-about-inner{
    width:min(1320px,92%) !important;

    margin:0 auto !important;

    display:grid !important;

    grid-template-columns:38% 62% !important;

    gap:52px !important;

    align-items:stretch !important;
}


/* ==========================================================
   FOTO
   ========================================================== */

.bd-about-photo{
    display:block !important;

    position:relative !important;

    width:100% !important;

    min-height:610px !important;

    border-radius:22px !important;

    overflow:hidden !important;

    box-shadow:
        0 18px 45px rgba(15,43,73,.09) !important;
}


.bd-about-photo img{
    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    object-position:center top !important;
}


/* degradado inferior muy sutil */
.bd-about-photo:after{
    content:"" !important;

    position:absolute !important;

    inset:0 !important;

    background:
        linear-gradient(
            180deg,
            transparent 72%,
            rgba(6,72,59,.10) 100%
        ) !important;

    pointer-events:none !important;
}


/* ==========================================================
   COLUMNA DERECHA
   ========================================================== */

.bd-about-copy{
    width:100% !important;

    padding:0 !important;

    align-self:center !important;
}


/* QUIÉNES SOMOS */
.bd-about-main-title{
    margin:0 0 9px !important;

    color:#06483b !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:54px !important;

    line-height:1 !important;

    font-weight:400 !important;
}


/* MÁS DE 12 AÑOS */
.bd-about-subtitle{
    margin:0 0 22px !important;

    color:#0f2b49 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:15px !important;

    line-height:1.3 !important;

    font-weight:600 !important;
}


/* INTRO */
.bd-about-intro{
    margin:0 0 22px !important;

    color:#0f2b49 !important;

    font-size:12.5px !important;

    line-height:1.6 !important;
}


/* ==========================================================
   BIOLOGICO + FUNCIONAL
   ========================================================== */

.bd-approaches{
    display:grid !important;

    grid-template-columns:1fr 1fr !important;

    gap:12px !important;

    margin:20px 0 !important;
}


.bd-approach{
    padding:16px 16px 15px !important;

    border-radius:14px !important;

    background:rgba(255,255,255,.76) !important;

    border:
        1px solid rgba(15,43,73,.08) !important;
}


.bd-approach h3{
    margin:0 0 5px !important;

    color:#06483b !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:17px !important;
}


.bd-approach p{
    margin:0 !important;

    color:#0f2b49 !important;

    font-size:9.7px !important;

    line-height:1.45 !important;
}


/* ==========================================================
   PRIMERO NECESITAMOS ENTENDERTE
   ========================================================== */

.bd-understand{
    margin:20px 0 0 !important;

    padding:18px 20px !important;

    border-left:
        3px solid #c99a3c !important;

    background:
        rgba(255,255,255,.52) !important;
}


.bd-understand h3{
    margin:0 0 6px !important;

    color:#06483b !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:20px !important;
}


.bd-understand p{
    margin:0 !important;

    color:#0f2b49 !important;

    font-size:10.4px !important;

    line-height:1.52 !important;
}


/* ACREDITACIONES */
.bd-credentials{
    margin-top:18px !important;

    padding-top:16px !important;

    border-top:
        1px solid rgba(201,154,60,.28) !important;
}


.bd-credentials p{
    color:#0f2b49 !important;

    font-size:9.8px !important;

    line-height:1.55 !important;
}


/* ==========================================================
   MÓVIL
   IMPORTANTE: FOTO IZQUIERDA + TEXTO DERECHA
   ========================================================== */

@media(max-width:760px){

    .bd-about-section{
        padding-top:35px !important;
    }


    .bd-about-inner{
        width:96% !important;

        /*
        NO una debajo de otra.
        Mantenemos las dos columnas.
        */
        display:grid !important;

        grid-template-columns:37% 63% !important;

        gap:8px !important;

        align-items:start !important;
    }


    /* FOTO IZQUIERDA */
    .bd-about-photo{
        display:block !important;

        width:100% !important;

        min-height:0 !important;
        height:430px !important;

        border-radius:13px !important;

        position:sticky !important;

        top:8px !important;
    }


    .bd-about-photo img{
        width:100% !important;
        height:100% !important;

        object-fit:cover !important;

        object-position:center top !important;
    }


    /* TEXTO DERECHO */
    .bd-about-copy{
        width:100% !important;

        min-width:0 !important;

        padding:1px 0 0 !important;
    }


    /* TITULO GRANDE */
    .bd-about-main-title{
        margin-bottom:4px !important;

        font-size:24px !important;

        line-height:1 !important;

        text-align:left !important;
    }


    /* SUBTITULO */
    .bd-about-subtitle{
        margin-bottom:10px !important;

        color:#0f2b49 !important;

        font-size:7.5px !important;

        line-height:1.25 !important;

        text-align:left !important;
    }


    .bd-about-intro{
        margin-bottom:9px !important;

        font-size:6.5px !important;

        line-height:1.38 !important;

        text-align:left !important;
    }


    /* BIOLOGICO Y FUNCIONAL:
       SIGUEN UNO AL LADO DEL OTRO */
    .bd-approaches{
        display:grid !important;

        grid-template-columns:1fr 1fr !important;

        gap:4px !important;

        margin:8px 0 !important;
    }


    .bd-approach{
        padding:7px 6px !important;

        border-radius:8px !important;
    }


    .bd-approach:before{
        width:14px !important;

        margin-bottom:4px !important;
    }


    .bd-approach h3{
        margin-bottom:3px !important;

        font-size:7.2px !important;

        line-height:1.1 !important;
    }


    .bd-approach p{
        font-size:4.9px !important;

        line-height:1.28 !important;
    }


    /* ENTENDERTE */
    .bd-understand{
        margin-top:7px !important;

        padding:8px 8px !important;

        border-left-width:2px !important;
    }


    .bd-understand h3{
        margin-bottom:3px !important;

        font-size:9px !important;

        line-height:1.1 !important;
    }


    .bd-understand p{
        font-size:5.1px !important;

        line-height:1.32 !important;
    }


    /* CREDENCIALES */
    .bd-credentials{
        margin-top:8px !important;

        padding-top:7px !important;
    }


    .bd-credentials p{
        font-size:5px !important;

        line-height:1.33 !important;
    }


    /* cierre inferior */
    .bd-about-closing{
        margin-top:26px !important;
    }

}
/* ==========================================================
   RESEÑAS + CIERRE + FOOTER PREMIUM
   ========================================================== */


/* ==========================================================
   RESEÑAS
   ========================================================== */

.bd-reviews-section{
    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    padding:70px 0 75px;

    background:
        radial-gradient(circle at 90% 10%,
            rgba(201,154,60,.07),
            transparent 24%),
        linear-gradient(180deg,#fff 0%,#f8f5ee 100%);

    overflow:hidden;
}

.bd-reviews-inner{
    width:min(1180px,90%);
    margin:auto;
}

.bd-reviews-head{
    max-width:760px;
    margin:0 auto 30px;
    text-align:center;
}

.bd-reviews-kicker{
    display:block;

    margin-bottom:8px;

    color:#c99a3c;

    font-size:9px;
    font-weight:700;
    letter-spacing:2.5px;
    text-transform:uppercase;
}

.bd-reviews-head h2{
    margin:0 0 13px;

    color:#06483b;

    font-family:Georgia,"Times New Roman",serif;

    font-size:clamp(34px,3.7vw,50px);
    line-height:1.05;
    font-weight:400;
}

.bd-reviews-head p{
    max-width:690px;

    margin:auto;

    color:#0f2b49;

    font-size:13.5px;
    line-height:1.55;
}


/* zona para Trustindex */
.bd-reviews-widget{
    width:100%;

    min-height:110px;

    padding:15px;

    border-radius:18px;

    background:rgba(255,255,255,.75);

    border:1px solid rgba(15,43,73,.07);

    box-shadow:
        0 12px 32px rgba(15,43,73,.05);
}


/* ==========================================================
   CTA FINAL
   ========================================================== */

.bd-closing-cta{
    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    padding:56px 0 45px;

    position:relative;
    overflow:hidden;

    text-align:center;

    background:
        linear-gradient(
            105deg,
            #04382f,
            #06483b 60%,
            #075346
        );
}

.bd-closing-cta:before{
    content:"";

    position:absolute;

    width:320px;
    height:320px;

    left:-150px;
    top:-180px;

    border:1px solid rgba(223,191,121,.12);
    border-radius:50%;
}

.bd-closing-inner{
    width:min(820px,88%);
    margin:auto;

    position:relative;
    z-index:2;
}

.bd-closing-label{
    display:block;

    margin-bottom:9px;

    color:#dfbf79;

    font-size:8px;
    font-weight:700;
    letter-spacing:2.4px;
    text-transform:uppercase;
}

.bd-closing-inner h2{
    margin:0 0 13px;

    color:#fff;

    font-family:Georgia,"Times New Roman",serif;

    font-size:clamp(30px,3.4vw,46px);
    line-height:1.08;
    font-weight:400;
}

.bd-closing-inner p{
    max-width:620px;

    margin:0 auto 22px;

    color:rgba(255,255,255,.82);

    font-size:12px;
    line-height:1.55;
}


/* botón agendar */
.bd-footer-book{
    min-height:50px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    padding:0 28px;

    border-radius:28px;

    background:#c99a3c;

    color:#fff !important;

    text-decoration:none !important;

    font-size:11px;
    font-weight:700;
    letter-spacing:.5px;

    box-shadow:
        0 10px 25px rgba(0,0,0,.16);

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

.bd-footer-book:hover{
    background:#fff;

    color:#06483b !important;

    transform:translateY(-3px);

    box-shadow:
        0 14px 30px rgba(0,0,0,.18);
}


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

.bd-global-footer{
    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    background:#172235;

    color:#fff;
}

.bd-footer-main{
    width:min(1180px,90%);
    margin:auto;

    padding:33px 0 27px;

    display:grid;

    grid-template-columns:
        1fr
        1.25fr
        1fr
        .9fr;

    align-items:start;

    gap:30px;
}

.bd-footer-block{
    min-width:0;
}

.bd-footer-title{
    display:block;

    margin-bottom:9px;

    color:#dfbf79;

    font-size:8px;
    font-weight:700;
    letter-spacing:1.6px;

    text-transform:uppercase;
}

.bd-footer-block p,
.bd-footer-block a{
    margin:0;

    color:rgba(255,255,255,.82) !important;

    font-size:10.5px;
    line-height:1.65;

    text-decoration:none !important;

    transition:color .25s ease;
}

.bd-footer-block a:hover{
    color:#dfbf79 !important;
}


/* sociales */
.bd-socials{
    display:flex;
    gap:9px;

    margin-top:3px;
}

.bd-social{
    width:34px;
    height:34px;

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

    border:1px solid rgba(223,191,121,.48);

    border-radius:50%;

    color:#dfbf79 !important;

    transition:
        background .3s ease,
        transform .3s ease,
        color .3s ease;
}

.bd-social:hover{
    background:#c99a3c;

    color:#fff !important;

    transform:translateY(-3px);
}

.bd-social svg{
    width:16px;
    height:16px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
}


/* copyright */
.bd-footer-bottom{
    border-top:
        1px solid rgba(255,255,255,.10);

    padding:13px 15px;

    text-align:center;

    color:rgba(255,255,255,.58);

    font-size:8.5px;
    letter-spacing:.2px;
}


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

@media(max-width:760px){

    .bd-reviews-section{
        padding:48px 0 52px;
    }

    .bd-reviews-head{
        width:88%;
        margin-bottom:23px;
    }

    .bd-reviews-kicker{
        font-size:6.5px;
    }

    .bd-reviews-head h2{
        font-size:29px;
    }

    .bd-reviews-head p{
        font-size:10px;
        line-height:1.45;
    }

    .bd-reviews-widget{
        padding:9px;
        border-radius:13px;
    }


    /* CTA */
    .bd-closing-cta{
        padding:38px 0 32px;
    }

    .bd-closing-label{
        font-size:6px;
    }

    .bd-closing-inner h2{
        font-size:26px;
    }

    .bd-closing-inner p{
        font-size:9px;
    }

    .bd-footer-book{
        min-height:43px;

        padding:0 21px;

        font-size:9px;
    }


    /* FOOTER */
    .bd-footer-main{
        width:91%;

        padding:25px 0 21px;

        grid-template-columns:
            1fr 1fr;

        gap:20px 15px;
    }

    .bd-footer-title{
        font-size:6px;
        margin-bottom:5px;
    }

    .bd-footer-block p,
    .bd-footer-block a{
        font-size:8px;
        line-height:1.5;
    }

    .bd-social{
        width:29px;
        height:29px;
    }

    .bd-social svg{
        width:13px;
        height:13px;
    }

    .bd-footer-bottom{
        padding:10px;

        font-size:6.7px;
    }

}
/* ==========================================================
   FOOTER MÓVIL MÁS COMPACTO
   ========================================================== */

@media(max-width:760px){

    .bd-global-footer{
        width:100% !important;
    }

    .bd-footer-main{
        width:94% !important;

        padding:16px 0 14px !important;

        display:grid !important;

        grid-template-columns:
            1fr 1fr !important;

        gap:10px 16px !important;

        align-items:start !important;
    }

    .bd-footer-block{
        margin:0 !important;
        padding:0 !important;
    }

    .bd-footer-title{
        margin:0 0 3px !important;

        font-size:5.8px !important;

        line-height:1 !important;

        letter-spacing:1.2px !important;
    }

    .bd-footer-block p,
    .bd-footer-block a{
        margin:0 !important;

        font-size:7.2px !important;

        line-height:1.35 !important;
    }


    /* REDES SOCIALES */
    .bd-socials{
        margin-top:3px !important;

        display:flex !important;

        gap:6px !important;
    }

    .bd-social{
        width:25px !important;
        height:25px !important;
    }

    .bd-social svg{
        width:11px !important;
        height:11px !important;
    }


    /* COPYRIGHT */
    .bd-footer-bottom{
        padding:7px 6px !important;

        font-size:5.8px !important;

        line-height:1.2 !important;
    }

}
/* ==========================================================
   FOOTER MÓVIL — DISTRIBUCIÓN MÁS HORIZONTAL Y COMPACTA
   ========================================================== */

@media(max-width:760px){

    .bd-global-footer{
        width:100% !important;
        overflow:hidden !important;
    }

    .bd-footer-main{
        width:96% !important;

        padding:10px 0 8px !important;

        display:grid !important;

        grid-template-columns:1fr 1fr !important;

        grid-template-areas:
            "ubicacion correos"
            "whatsapp redes" !important;

        column-gap:8px !important;
        row-gap:7px !important;

        align-items:start !important;
    }

    /* asignación por orden */
    .bd-footer-block:nth-child(1){
        grid-area:ubicacion !important;
    }

    .bd-footer-block:nth-child(2){
        grid-area:correos !important;
    }

    .bd-footer-block:nth-child(3){
        grid-area:whatsapp !important;
    }

    .bd-footer-block:nth-child(4){
        grid-area:redes !important;
    }

    .bd-footer-block{
        width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;
    }

    .bd-footer-title{
        margin:0 0 2px !important;

        font-size:5.5px !important;
        line-height:1 !important;

        letter-spacing:1px !important;
    }

    .bd-footer-block p,
    .bd-footer-block a{
        margin:0 !important;

        font-size:6.6px !important;
        line-height:1.25 !important;

        white-space:normal !important;
        word-break:break-word !important;
    }

    /* los correos más compactos */
    .bd-footer-block:nth-child(2) a{
        display:block !important;
        margin-bottom:1px !important;
    }

    /* redes en línea */
    .bd-socials{
        margin:2px 0 0 !important;

        display:flex !important;

        gap:5px !important;

        align-items:center !important;
    }

    .bd-social{
        width:23px !important;
        height:23px !important;
    }

    .bd-social svg{
        width:10px !important;
        height:10px !important;
    }

    /* copyright muy bajo */
    .bd-footer-bottom{
        padding:5px 4px !important;

        font-size:5.2px !important;
        line-height:1.1 !important;
    }
}
/* ==========================================================
   FOOTER MÓVIL — 4 BLOQUES EN UNA SOLA FILA
   ========================================================== */

@media(max-width:760px){

    .bd-global-footer{
        width:100% !important;
        overflow:hidden !important;
    }

    .bd-footer-main{
        width:97% !important;

        padding:8px 0 7px !important;

        display:grid !important;

        grid-template-columns:
            1fr 1.35fr 1fr .8fr !important;

        grid-template-areas:none !important;

        gap:6px !important;

        align-items:start !important;
    }

    .bd-footer-block:nth-child(1),
    .bd-footer-block:nth-child(2),
    .bd-footer-block:nth-child(3),
    .bd-footer-block:nth-child(4){
        grid-area:auto !important;
    }

    .bd-footer-block{
        width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 3px !important;
    }

    /* títulos */
    .bd-footer-title{
        margin:0 0 2px !important;

        font-size:4.7px !important;
        line-height:1 !important;

        letter-spacing:.7px !important;

        white-space:nowrap !important;
    }

    /* textos */
    .bd-footer-block p,
    .bd-footer-block a{
        margin:0 !important;

        font-size:5.4px !important;
        line-height:1.22 !important;

        white-space:normal !important;
        word-break:normal !important;
    }

    /* correos */
    .bd-footer-block:nth-child(2) a{
        display:block !important;

        margin:0 0 1px !important;
    }

    /* WhatsApp en una línea */
    .bd-footer-block:nth-child(3) a{
        white-space:nowrap !important;
    }

    /* redes */
    .bd-socials{
        display:flex !important;

        align-items:center !important;

        gap:3px !important;

        margin:2px 0 0 !important;
    }

    .bd-social{
        width:19px !important;
        height:19px !important;

        flex:0 0 19px !important;
    }

    .bd-social svg{
        width:8px !important;
        height:8px !important;
    }

    /* copyright */
    .bd-footer-bottom{
        padding:4px 3px !important;

        font-size:4.8px !important;
        line-height:1 !important;
    }

}
/* ==========================================================
   AJUSTE FINAL FOOTER ESCRITORIO
   ========================================================== */

/* Correos juntos */
.bd-footer-block:nth-child(2) a{
    display:block !important;
    margin:0 !important;
    line-height:1.35 !important;
}

.bd-footer-block:nth-child(2) br{
    display:none !important;
}

/* WhatsApp más arriba */
.bd-footer-block:nth-child(3){
    padding-top:0 !important;
}

.bd-footer-block:nth-child(3) .bd-footer-title{
    margin-bottom:3px !important;
}

.bd-footer-block:nth-child(3) a{
    display:block !important;
    margin-top:0 !important;
}

/* Alinear todos los bloques desde arriba */
.bd-footer-main{
    align-items:start !important;
}

.bd-footer-block{
    align-self:start !important;
}
/* ==========================================================
   BODYDENT — ANIMACIONES PREMIUM FINALES
   ========================================================== */

:root{
    --bd-motion-ease:cubic-bezier(.22,.61,.36,1);
}


/* ==========================================================
   ELEMENTOS QUE APARECEN AL HACER SCROLL
   Solo se ocultan cuando JavaScript los prepara
   ========================================================== */

.bd-motion-ready{
    opacity:0;

    transform:
        translateY(28px);

    transition:
        opacity .85s var(--bd-motion-ease),
        transform .85s var(--bd-motion-ease);

    will-change:
        opacity,
        transform;
}


/* Entrada izquierda */
.bd-motion-ready.bd-motion-left{
    transform:
        translateX(-34px);
}


/* Entrada derecha */
.bd-motion-ready.bd-motion-right{
    transform:
        translateX(34px);
}


/* Entrada con escala */
.bd-motion-ready.bd-motion-scale{
    transform:
        translateY(18px)
        scale(.965);
}


/* Estado visible */
.bd-motion-ready.bd-motion-in{
    opacity:1;

    transform:
        translate3d(0,0,0)
        scale(1);
}



/* ==========================================================
   PORTADA — ENTRADA INICIAL
   ========================================================== */

@keyframes bdHeroTitleIn{

    0%{
        opacity:0;

        transform:
            translateY(34px);
    }

    100%{
        opacity:1;

        transform:none;
    }

}


@keyframes bdHeroSoftIn{

    0%{
        opacity:0;

        transform:
            translateY(18px);
    }

    100%{
        opacity:1;

        transform:none;
    }

}


@keyframes bdHeroBackground{

    0%{
        opacity:.88;

        filter:
            saturate(.94)
            brightness(1.03);
    }

    100%{
        opacity:1;

        filter:
            saturate(1)
            brightness(1);
    }

}


/* fondo */
.bd-hero{
    animation:
        bdHeroBackground
        1.2s ease both;
}


/* etiqueta superior */
.bd-eyebrow{
    animation:
        bdHeroSoftIn
        .75s .05s
        var(--bd-motion-ease)
        both !important;
}


/* título */
.bd-hero h1{
    animation:
        bdHeroTitleIn
        .95s .12s
        var(--bd-motion-ease)
        both !important;
}


/* línea dorada */
.bd-decoration{
    animation:
        bdHeroSoftIn
        .8s .28s
        var(--bd-motion-ease)
        both !important;
}


/* descripción */
.bd-description{
    animation:
        bdHeroSoftIn
        .85s .38s
        var(--bd-motion-ease)
        both !important;
}


/* botones */
.bd-buttons{
    animation:
        bdHeroSoftIn
        .85s .50s
        var(--bd-motion-ease)
        both !important;
}



/* ==========================================================
   BOTONES — EFECTO PREMIUM
   ========================================================== */

.bd-btn,
.bd-top-appointment,
.bd-footer-book{
    position:relative;

    overflow:hidden;
}


/* brillo que cruza */
.bd-btn:before,
.bd-top-appointment:before,
.bd-footer-book:before{
    content:"";

    position:absolute;

    top:-40%;
    left:-45%;

    width:28%;
    height:180%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.28),
            transparent
        );

    transform:
        rotate(18deg);

    transition:
        left .65s ease;

    pointer-events:none;
}


.bd-btn:hover:before,
.bd-top-appointment:hover:before,
.bd-footer-book:hover:before{
    left:125%;
}



/* ==========================================================
   MENÚ
   ========================================================== */

.bd-menu a{
    transition:
        color .28s ease,
        transform .28s ease !important;
}


.bd-menu a:hover{
    transform:
        translateY(-2px);
}



/* ==========================================================
   PILARES SUPERIORES
   ========================================================== */

.bd-pillar{
    transition:
        transform .38s var(--bd-motion-ease),
        background .38s ease,
        box-shadow .38s ease !important;
}


.bd-pillar:hover{
    transform:
        translateY(-5px) !important;
}



/* ==========================================================
   FRANJA "VEMOS MÁS ALLÁ"
   ========================================================== */

.bd-beyond-card{
    transition:
        background .32s ease,
        transform .32s ease !important;
}


.bd-beyond-card:hover{
    transform:
        translateY(-2px);

    background:
        rgba(255,255,255,.045) !important;
}



/* ==========================================================
   SERVICIOS
   ========================================================== */

.bd-service-card{
    transition:
        transform .48s var(--bd-motion-ease),
        box-shadow .48s ease !important;
}


.bd-service-card:hover{
    transform:
        translateY(-8px)
        scale(1.012) !important;
}


.bd-service-image img{
    transition:
        transform .85s var(--bd-motion-ease),
        filter .65s ease !important;
}


.bd-service-card:hover
.bd-service-image img{
    transform:
        scale(1.075) !important;

    filter:
        saturate(1.04)
        contrast(1.02);
}



/* ==========================================================
   TECNOLOGÍA
   ========================================================== */

.bd-tech-card{
    transition:
        transform .45s var(--bd-motion-ease),
        box-shadow .45s ease !important;
}


.bd-tech-card:hover{
    transform:
        translateY(-7px)
        scale(1.015) !important;
}


.bd-tech-card img{
    transition:
        transform .9s var(--bd-motion-ease),
        filter .7s ease !important;
}


.bd-tech-card:hover img{
    transform:
        scale(1.08) !important;

    filter:
        saturate(1.07);
}


.bd-tech-caption{
    transition:
        transform .4s var(--bd-motion-ease);
}


.bd-tech-card:hover
.bd-tech-caption{
    transform:
        translateY(-4px);
}



/* ==========================================================
   RESPALDO MÉDICO
   ========================================================== */

.bd-support-icon{
    transition:
        transform .45s var(--bd-motion-ease),
        background .35s ease,
        color .35s ease !important;
}


.bd-support:hover
.bd-support-icon{
    transform:
        scale(1.08)
        rotate(3deg) !important;
}



/* ==========================================================
   QUIÉNES SOMOS
   ========================================================== */

.bd-about-photo{
    transition:
        transform .5s var(--bd-motion-ease),
        box-shadow .5s ease !important;
}


.bd-about-photo:hover{
    transform:
        translateY(-5px);

    box-shadow:
        0 28px 60px
        rgba(15,43,73,.14) !important;
}


.bd-about-photo img{
    transition:
        transform 1s var(--bd-motion-ease) !important;
}


.bd-about-photo:hover img{
    transform:
        scale(1.045) !important;
}


.bd-approach{
    transition:
        transform .38s var(--bd-motion-ease),
        box-shadow .38s ease !important;
}


.bd-approach:hover{
    transform:
        translateY(-5px) !important;
}



/* ==========================================================
   RESEÑAS
   ========================================================== */

.bd-reviews-widget{
    transition:
        transform .45s var(--bd-motion-ease),
        box-shadow .45s ease !important;
}


.bd-reviews-widget:hover{
    transform:
        translateY(-4px);

    box-shadow:
        0 20px 45px
        rgba(15,43,73,.09) !important;
}



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

.bd-social{
    transition:
        transform .32s var(--bd-motion-ease),
        background .32s ease,
        color .32s ease !important;
}


.bd-social:hover{
    transform:
        translateY(-4px)
        scale(1.07) !important;
}



/* ==========================================================
   MÓVIL — MOVIMIENTOS MÁS SUAVES
   ========================================================== */

@media(max-width:760px){

    .bd-motion-ready{
        transform:
            translateY(18px);

        transition-duration:.65s;
    }


    .bd-motion-ready.bd-motion-left{
        transform:
            translateX(-15px)
            translateY(10px);
    }


    .bd-motion-ready.bd-motion-right{
        transform:
            translateX(15px)
            translateY(10px);
    }


    .bd-motion-ready.bd-motion-scale{
        transform:
            translateY(12px)
            scale(.98);
    }


    .bd-motion-ready.bd-motion-in{
        transform:none;
    }


    /* En móvil evitamos zoom exagerado */
    .bd-service-card:hover,
    .bd-tech-card:hover,
    .bd-approach:hover,
    .bd-about-photo:hover{
        transform:none !important;
    }

}



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

@media(prefers-reduced-motion:reduce){

    .bd-motion-ready{
        opacity:1 !important;

        transform:none !important;

        transition:none !important;
    }


    .bd-hero,
    .bd-eyebrow,
    .bd-hero h1,
    .bd-decoration,
    .bd-description,
    .bd-buttons{
        animation:none !important;
    }

}
/* ==========================================================
   LÍNEA DORADA BAJO EL TÍTULO — CORRECCIÓN FINAL
   ========================================================== */

.bd-decoration{
    position:relative !important;
    width:215px !important;
    height:25px !important;
    margin-top:12px !important;
    margin-bottom:18px !important;
}

/* Línea dorada */
.bd-decoration::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:10px !important;

    width:175px !important;
    height:2px !important;

    background:#c99a3c !important;
}

/* Ramita con hojas */
.bd-decoration::after{
    content:"❧" !important;

    position:absolute !important;
    left:168px !important;
    top:-8px !important;

    font-family:Georgia, "Times New Roman", serif !important;
    font-size:34px !important;
    line-height:1 !important;

    color:#c99a3c !important;

    transform:rotate(-18deg) !important;
    transform-origin:center !important;

    background:none !important;
    border:0 !important;

    width:auto !important;
    height:auto !important;
}
/* ==========================================================
   DECORACIÓN FINAL CORRECTA BAJO EL TÍTULO
   Línea horizontal + ramita de hojas
   ========================================================== */

.bd-decoration{
    position:relative !important;

    width:235px !important;
    height:28px !important;

    margin:18px 0 20px !important;

    border:0 !important;
    background:none !important;

    overflow:visible !important;

    transform:none !important;
}


/* LÍNEA HORIZONTAL */
.bd-decoration::before{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    right:auto !important;

    top:12px !important;
    bottom:auto !important;

    width:175px !important;
    height:2px !important;

    background:#c99a3c !important;

    border:0 !important;
    border-radius:0 !important;

    transform:none !important;
}


/* RAMITA CON 3 HOJAS — SVG LIMPIO */
.bd-decoration::after{
    content:"" !important;

    position:absolute !important;

    left:168px !important;
    right:auto !important;

    top:1px !important;
    bottom:auto !important;

    width:58px !important;
    height:24px !important;

    background-color:transparent !important;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='30' viewBox='0 0 70 30'%3E%3Cg fill='none' stroke='%23c99a3c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 21 C18 20 30 16 45 8'/%3E%3Cpath d='M22 17 C18 9 20 5 28 3 C29 10 27 14 22 17 Z'/%3E%3Cpath d='M34 13 C33 5 37 1 45 1 C44 8 40 12 34 13 Z'/%3E%3Cpath d='M45 8 C48 2 54 1 61 4 C57 10 51 11 45 8 Z'/%3E%3C/g%3E%3C/svg%3E") !important;

    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size:contain !important;

    border:0 !important;
    border-radius:0 !important;

    font-size:0 !important;

    transform:none !important;
}
/* AJUSTE DE ALINEACIÓN DE LA RAMITA */

.bd-decoration::after{
    top:-3px !important;
    left:16px !important;
}
}
@media(max-width:760px){

    .bd-decoration::after{
        top:-1px !important;
        left:116px !important;
    }

}