@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');
/* VARIABLES */
:root {
    --azul: #168696;
    --azul-med: #036877;
    --azul-osc: #19004F;
    --amarillo: #ECC421;
}

/* TEMA */
@media only screen and (min-width: 960px){
    .site-inner {
        max-width: inherit !important;
    }
}
.n2-ss-button-container a{
    transition:color 0.2s ease-in-out, background-color 0.2s ease-in-out!important;
}
.n2-ss-button-container a:hover{
    background:var(--azul-osc)!important;
}
.site-inner ol, .site-inner ul{
    padding-left:2rem;
}
.site-inner ul,.site-inner li{
    list-style:unset;
}
/* FUENTES */
.editor-styles-wrapper p,.editor-styles-wrapper .font-md,.editor-styles-wrapper .font-md *,
.site-container p, .site-container .font-md, .site-container .font-md *,
.editor-styles-wrapper li,  .site-container li,.site-container li *{
    font-family: "Roboto", sans-serif !important;
    font-size: clamp(0.9375rem, 0.8938106796116505rem + 0.12135922330097086vw, 1rem); /* 15 -> 16 */
    line-height: clamp(1.3125rem, 1.1814320388349515rem + 0.36407766990291257vw, 1.5rem); /* 21 -> 24*/
    font-weight: 400;
    color: var(--azul-osc);
}
.editor-styles-wrapper h5,.editor-styles-wrapper .font-lg,.editor-styles-wrapper .font-lg *,
.site-container h5, .site-container .font-lg, .site-container .font-lg *{
    font-family: "Roboto", sans-serif !important;
    font-size: clamp(1rem, 0.912621359223301rem + 0.24271844660194172vw, 1.125rem); /* 16 -> 18*/
    line-height: clamp(1.125rem, 0.7754854368932039rem + 0.9708737864077669vw, 1.625rem); /* 18 -> 26 */
    font-weight: 700;
}
.editor-styles-wrapper h4,.editor-styles-wrapper .font-lg,.editor-styles-wrapper .font-xl *,
.site-container h4, .site-container .font-lg, .site-container .font-xl *{
    font-family: "Roboto", sans-serif !important;
    font-size: clamp(1.125rem, 0.8628640776699029rem + 0.7281553398058251vw, 1.5rem); /* 18 -> 24 */
    line-height: clamp(1.25rem, 0.5509708737864079rem + 1.9417475728155338vw, 2.25rem); /* 20 -> 36 */
    font-weight: 500;
}
.editor-styles-wrapper h3,.editor-styles-wrapper .font-lg,.editor-styles-wrapper .font-xx *,
.site-container h3, .site-container .font-lg, .site-container .font-xx *{
    font-family: "Roboto", sans-serif !important;
    font-size: clamp(1.625rem, 1.362864077669903rem + 0.7281553398058251vw, 2rem); /* 26 -> 32 */
    line-height: clamp(1.75rem, 1.2257281553398058rem + 1.4563106796116503vw, 2.5rem); /* 28 -> 40 */
    font-weight: 700;
}
.editor-styles-wrapper h2,.editor-styles-wrapper .font-xl,.editor-styles-wrapper .font-xxl *,
.site-container h2, .site-container .font-xl, .site-container .font-xxl *{
    font-family: "Roboto", sans-serif !important;
    font-size: clamp(1.75rem, 1.1383495145631068rem + 1.6990291262135921vw, 2.625rem); /* 28 -> 42 */
    line-height: clamp(2rem, 1.3883495145631068rem + 1.6990291262135921vw, 2.875rem); /* 32 -> 46 */
    font-weight: 700;
}
.editor-styles-wrapper h1,.editor-styles-wrapper .font-xxl,.editor-styles-wrapper .font-xxx *,
 .site-container h1, .site-container .font-xxl,  .site-container .font-xxx *{
    font-family: "Roboto", sans-serif !important;
    font-size: clamp(2.375rem, 1.938106796116505rem + 1.2135922330097086vw, 3rem); /* 38 -> 48 */
    line-height: clamp(2.5rem, 1.7135922330097089rem + 2.1844660194174756vw, 3.625rem); /* 40 -> 58 */
    font-weight: 700;
    letter-spacing: 0;
}

/* SLIDERS */
.editor-styles-wrapper .title-slider,.editor-styles-wrapper .title-slider *,
.site-container .title-slider, .site-container .title-slider *{
    font-family: "Roboto", sans-serif !important;
    font-size: clamp(2rem, 1.563106796116505rem + 1.2135922330097086vw, 2.625rem) !important;  /* 32 -> 42 */
    line-height: clamp(2.25rem, 1.813106796116505rem + 1.2135922330097086vw, 2.875rem) !important; /* 36 -> 46 */
    font-weight: 400;
    letter-spacing: 0;
}
.editor-styles-wrapper .texto-slider,.editor-styles-wrapper .texto-slider *,
.site-container .texto-slider, .site-container .texto-slider *{
    font-family: "Roboto", sans-serif !important;
    font-size: clamp(1.125rem, 0.8628640776699029rem + 0.7281553398058251vw, 1.5rem) !important; /* 18 -> 24 */
    line-height: clamp(1.25rem, 0.5509708737864079rem + 1.9417475728155338vw, 2.25rem) !important; /* 20 -> 36 */
    font-weight: 400;
    letter-spacing: 0;
}


/* ENLACES */
.site-container a, .site-container a:hover{
    color: var(--azul-osc);
}

