@font-face {

    font-family:rockstar;

    font-display:swap;

    src:url('../../app/fonts/rockstar/Rockstar-Regular.otf') format("opentype");

    font-weight:400;

    font-style:normal

}

@font-face {

    font-family:graphik;

    font-display:swap;

    src:url('../../app/fonts/graphik/Graphik-Regular.otf') format("opentype");

    font-weight:400;

    font-style:normal

}

@font-face {

    font-family:graphik;

    font-display:swap;

    src:url('../../app/fonts/graphik/Graphik-Semibold.otf') format("opentype");

    font-weight:600;

    font-style:normal

}

@font-face {

    font-family:graphik;

    font-display:swap;

    src:url('../../app/fonts/graphik/Graphik-Medium.otf') format("opentype");

    font-weight:500;

    font-style:normal

}

@font-face {

    font-family:canela;

    font-display:swap;

    src:url('../../app/fonts/canela/Canela-Regular.otf') format("opentype");

    font-weight:400;

    font-style:normal

}

@font-face {

    font-family:canela;

    font-display:swap;

    src:url('../../app/fonts/canela/Canela-Medium.otf') format("opentype");

    font-weight:500;

    font-style:normal

}

@font-face {

    font-family:canela;

    font-display:swap;

    src:url('../../app/fonts/canela/Canela-Bold.otf') format("opentype");

    font-weight:700;

    font-style:normal

}

@font-face {

    font-family:fontello;

    font-display:swap;

    src: url('../../app/fonts/fontello/fontello.ttf') format('truetype');

    font-weight:400;

    font-style:normal

}



/* ==========================================================================

   Be Vietnam Pro (fuente principal de Figma) — self-host

   Coloca los .woff2 en app/fonts/be-vietnam-pro/ con estos nombres exactos.

   ========================================================================== */

@font-face {

    font-family: 'Be Vietnam Pro';

    font-display: swap;

    src: url('../../app/fonts/be-vietnam-pro/BeVietnamPro-Regular.woff2') format('woff2');

    font-weight: 400;

    font-style: normal;

}

@font-face {

    font-family: 'Be Vietnam Pro';

    font-display: swap;

    src: url('../../app/fonts/be-vietnam-pro/BeVietnamPro-Medium.woff2') format('woff2');

    font-weight: 500;

    font-style: normal;

}

@font-face {

    font-family: 'Be Vietnam Pro';

    font-display: swap;

    src: url('../../app/fonts/be-vietnam-pro/BeVietnamPro-SemiBold.woff2') format('woff2');

    font-weight: 600;

    font-style: normal;

}

@font-face {

    font-family: 'Be Vietnam Pro';

    font-display: swap;

    src: url('../../app/fonts/be-vietnam-pro/BeVietnamPro-Bold.woff2') format('woff2');

    font-weight: 700;

    font-style: normal;

}



/* ==========================================================================

   Jost (inputs del formulario, Sección 6) — self-host

   Coloca el .woff2 en app/fonts/jost/ con este nombre exacto.

   ========================================================================== */

@font-face {

    font-family: 'Jost';

    font-display: swap;

    src: url('../../app/fonts/jost/Jost-Regular.woff2') format('woff2');

    font-weight: 400;

    font-style: normal;

}



html, body {

    overflow-x: hidden;

}

body {

  font-family: Graphik;

  color: #333333;

}



/* ==========================================================================

   Contenedor global de secciones — misma caja para TODAS las secciones.

   Traduce el `padding: 0 300px` de Figma (área interna 1320px). Cada sección

   solo define su layout interno (flex, gaps); el ancho/centrado vive aquí.

   ========================================================================== */

.sec-custom-container {

    max-width: 1320px;

    margin: 0 auto;

    padding: 0 24px;

    box-sizing: border-box;

}

@media (min-width: 992px) {

    .sec-custom-container {

        padding: 0 40px;

    }

}



/* Resaltado de palabras en títulos mediante la sintaxis /% palabra %/

   (ver okisam_format_title en lib/helpers.php). */

.tx-hl {

    color: #006491;

}

ol, ul {
    padding-left: 30px!important;
}