/*
Theme Name: Genesis Block Theme Child
Theme URI: https://github.com/studiopress/genesis-block-theme/
Template: genesis-block-theme
Author: StudioPress
Author URI: https://www.studiopress.com/
Description: A beautifully-simple yet powerful WordPress theme that integrates perfectly with the block editor and the Genesis Blocks plugin. Start building amazing websites with blocks today! Install the Genesis Blocks plugin to add even more page-building blocks such as testimonials, sharing icons, notices, call to actions, buttons and more.
Tags: one-column,featured-images,theme-options,custom-background,custom-colors,custom-logo,custom-menu,editor-style,translation-ready,footer-widgets,full-width-template,blog,sticky-post,threaded-comments,wide-blocks
Version: 1.0.0.1742419443
Updated: 2025-03-19 21:23:30

*/

#primary {
    width: 100%;
    max-width: 1920px;
    position: relative;
    z-index: 9;
}



.entry-content>div {
    max-width: 1920px !important;
    width: 100% !important;
    margin-inline: auto !important;
}

.content-body{
    max-width: 1536px !important;
    width: 85% !important;
    margin-inline: auto !important;
    z-index: 99 !important;
}

.content-body-full{
    max-width: 1920px !important;
    width: 100% !important;
    z-index: 99 !important;
    margin-inline: auto;
}

/**********/
p{
    margin-bottom: 1em;
}

p:last-child{
    margin-bottom: 0;
}

strong{
    font-weight: 700 !important;
}

.entry-content p a, .header-text a {
    box-shadow: none !important;
}

article>div.post-content>div.featured-image{
    display: none;
}

.elementor-widget-image a img[src$=".svg"] {
    width: auto !important;
}

/***********/
.elementor-widget-container *{
    font-family: "Inter", sans-serif !important;
    line-height: normal !important;
}

/**tamaños de fuentes**/
.font-14,
.font-14 > div  * {
    font-size: 14px !important;
}

.font-16,
.font-16 > div  * {
    font-size: 16px !important;
}

.font-18,
.font-18 > div  * {
    font-size: 18px !important;
}

.font-20,
.font-20 > div  * {
    font-size: 20px !important;
}

.font-22,
.font-22 > div  * {
    font-size: 22px !important;
}

.font-24,
.font-24 > div  * {
    font-size: 24px !important;
}

.font-40,
.font-40 > div  * {
    font-size: 40px !important;
}

.font-48,
.font-48 > div  * {
    font-size: 40px !important;
}

/***PESOS DE FUENTES***/
.font-thin,
.font-thin > div  *:not(strong) {
    font-weight: 100 !important;
}

.font-xlight,
.font-xlight > div  *:not(strong) {
    font-weight: 200 !important;
}

.font-light,
.font-light > div  *:not(strong){
    font-weight: 300 !important;
}

.font-norm-reg,
.font-norm-reg > div  *:not(strong) {
    font-weight: 400 !important;
}

.font-medium,
.font-medium > div  *:not(strong) {
    font-weight: 500 !important;
}

.font-semibold,
.font-semibold > div  *:not(strong) {
    font-weight: 600 !important;
}

.font-bold,
.font-bold > div  *:not(strong){
    font-weight: 700 !important;
}

.font-xbold,
.font-xbold > div  *:not(strong) {
    font-weight: 800 !important;
}

.font-black,
.font-black > div  *:not(strong) {
    font-weight: 900 !important;
}


/***colores de fuente*****/
.c-blanco,
.c-blanco >div *{
    color:#FFFFFF !important;
}

.c-negro,
.c-negro >div *{
    color:#000000 !important;
}

.c-azul-1,
.c-azul-1 >div *{
    color: #49858F !important;
}

.c-azul-2,
.c-azul-2 >div *{
    color:#022177 !important;
}

.c-gris,
.c-gris >div *{
    color: #484F52 !important;
}

@media (max-width: 1920px) {
    .font-20,
    .font-20 > div  * {
        font-size: 1.05vw !important;
    }

    .font-22,
    .font-22 > div  * {
        font-size: 1.15vw !important;
    }

    .font-24,
    .font-24 > div  * {
        font-size: 1.25vw !important;
    }

    .font-40,
    .font-40 > div  * {
        font-size: 2.08vw !important;
    }
}

@media (max-width: 1480px) {
    .font-14,
    .font-14 > div  * {
        font-size: 13px !important;
    }

    .font-16,
    .font-16 > div  * {
        font-size: 15px !important;
    }

    .font-18,
    .font-18 > div  * {
        font-size: 16px !important;
    }
}

@media (max-width: 1280px) {
    .font-16,
    .font-16 > div  * {
        font-size: 14px !important;
    }

    .font-18,
    .font-18 > div  * {
        font-size: 15px !important;
    }

    .font-20,
    .font-20 > div  * {
        font-size: 1.20vw !important;
    }

    .font-22,
    .font-22 > div  * {
        font-size: 1.30vw !important;
    }

    .font-24,
    .font-24 > div  * {
        font-size: 1.4vw !important;
    }

    .font-40,
    .font-40 > div  * {
        font-size: 2.35vw !important;
    }
}

@media (max-width: 980px) {
    .font-18,
    .font-18 > div  * {
        font-size: 14px !important;
    }

    .font-20,
    .font-20 > div  * {
        font-size: 15px!important;
    }

    .font-22,
    .font-22 > div  * {
        font-size: 17px !important;
    }

    .font-24,
    .font-24 > div  * {
        font-size: 19px !important;
    }

    .font-40,
    .font-40 > div  * {
        font-size: 35px !important;
    }
}

@media (max-width: 767px) {
    .font-22,
    .font-22 > div  * {
        font-size: 16px !important;
    }

    .font-24,
    .font-24 > div  * {
        font-size: 18px !important;
    }

    .font-40,
    .font-40 > div  * {
        font-size: 30px !important;
    }
}

@media (max-width: 480px) {
    .font-24,
    .font-24 > div  * {
        font-size: 16px !important;
    }

    .font-40,
    .font-40 > div  * {
        font-size: 25px !important;
    }
}

/****************FORMULARIO GENERAL*******************/

.form-gral label{
    color: #484F52 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600 !important;
    letter-spacing: 0.28px;
    width: fit-content;
    background-color: #fff;
    margin-left: 24px;
    margin-bottom: -8px;
    z-index: 1;
}

.form-gral input,
.form-gral textarea,
.form-gral select{
    border: 1px solid #484F52 !important;
    background: #FFF;
    color: #484F52 !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 13px !important;
    padding: 15px 24px !important;
    height: auto;
}

.form-gral input:focus,
.form-gral textarea:focus,
.form-gral select:focus{
    border: 1px solid #022177 !important;
    color: #022177 !important;
}

.form-gral .elementor-field-group:focus-within label {
    color: #022177 !important;
}

.form-gral button{
    background-color: #022177 !important;
    border: 1px solid #022177 !important;
    border-radius: 0;
    color: #FFF !important;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700 !important;
    letter-spacing: 0.56px;
    width: 80%;
    margin-inline: 10%;
}

.form-gral .elementor-field-type-acceptance>div>span{
    justify-content: center;
    display: flex;
    margin-block: 10px;
    align-items: self-start;
}

.form-gral .elementor-field-type-acceptance>div>span label{
    color: #000 !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    margin-left: 10px;
}

@media(max-width: 1920px){
    .form-gral label{
        margin-left: 1.25vw;
    }

    .form-gral input,
    .form-gral textarea,
    .form-gral select{
        padding: 0.8vw 1.25vw !important;
    }
}

@media(max-width: 1480px){
    .form-gral label {
        font-size: 13px;
    }

    .form-gral input,
    .form-gral textarea,
    .form-gral select {
        font-size: 12px !important;
    }

    .form-gral button {
        font-size: 13px;
    }

    .form-gral .elementor-field-type-acceptance>div>span label{
        font-size: 15px;
    }
}

@media(max-width: 1280px){
    .form-gral .elementor-field-type-acceptance>div>span label{
        font-size: 14px;
    }
}

@media(max-width: 980px){
    .form-gral label{
        margin-left: 20px;
    }

    .form-gral input,
    .form-gral textarea,
    .form-gral select{
        padding: 15px 20px !important;
    }
}

@media(max-width: 767px){
    .form-gral label{
        margin-left: 15px;
    }

    .form-gral input,
    .form-gral textarea,
    .form-gral select{
        padding: 10px 15px !important;
    }
}