@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

/* .swiper {
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
} */

.divPrincipalStyle{
    background-color: white !important;
}

p, span, li, td, th, h1, h2, h3, h4, h5, h6, blockquote, figcaption, dt, dd, strong, em, b, i {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

.gjs-row_ios, 
.gjs-row_android {
    padding: 0px !important;
}

.gjs-text h1 {
    text-rendering: optimizeLegibility;
    font-size: 42px;
    line-height: 1.1em;
    font-weight: 500;/*PENDIENTE*/
    /* color: #20242F; */
}

.gjs-text h2 {
    text-rendering: optimizeLegibility;
    font-size: 38px;
    line-height: 1.1em;
    font-weight: 500;
}

.gjs-text h3 {
    text-rendering: optimizeLegibility;
    font-size: 32px;
    line-height: 1.1em;
    font-weight: 500;
}

.gr_texto_articulo_enriquecido {
    max-width: 640px;
    margin: 0px auto;
    padding: 10px;
    text-rendering: optimizeLegibility;
    font: 19px / 1.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: .1px;
    color: #373D4B;
    text-align: left;
}

.gr_texto_articulo_enriquecido_ios, 
.gr_texto_articulo_enriquecido_android {
    font-size: 1.0em !important;
}

.gr_texto_articulo_enriquecido ul{
    padding-left: 10px;
}

.gr_texto_articulo_enriquecido strong,
.gr_texto_articulo_enriquecido b {
  font-weight: 700;
}

.gr_titulo_del_articulo h1{
    font: 42px / 1.1em 'Oswald', Arial, sans-serif;
    font-weight: 500;
    color: #20242F;
    text-align: center;
}

.gr_titulo_del_articulo_ios  h1, 
.gr_titulo_del_articulo_android h1{
    font-size: 2.0em !important;
}

.gr_titulo_del_articulo a{
    color: inherit;
    /*text-decoration: none;*/
}

.gr_titulo_del_articulo a:hover {
  color: #0056b3;
  text-decoration: underline;
}

.gr_subtitulo_del_articulo_enriquecido h2{
    text-rendering: optimizeLegibility;
    font: 27px / 1.2em 'Oswald', Arial, sans-serif;
    color: #373D4B;
    text-align: center;
}

.gr_subtitulo_del_articulo_enriquecido_ios h2, 
.gr_subtitulo_del_articulo_enriquecido_android h2{
    font-size: 1.5em !important;
}

.gr_contenedor_cita_articulo_enriquecido {
    /*padding: 54px 240px 54px 240px;*/
     padding: 6% 12%;
}

.gr_subcontenedor_cita_articulo_enriquecido {
    /*padding: 9px 30px;*/
     padding: 2% 4.5%;
    border-left: solid 6px rgba(80, 95, 132, .20);
}

.gr_texto_cita_enriquecido {
    /*padding-bottom: 21px;*/
    padding-bottom: 2.5%;
    text-rendering: optimizeLegibility;
    font: 18px / 1.3em 'MuseoSlab900', Helvetica, Arial, sans-serif;
    font-style: italic;
    letter-spacing: .3px;
    color: #2D313B;
}

.gr_texto_cita_enriquecido_ios, 
.gr_texto_cita_enriquecido_android {
    font-size: 1.0em !important;
}

div[id^="pieFoto"] p{
    /* font-size: 9pt !important;
    font-family: 'Helvetica Neue' !important; */
    text-rendering: optimizeLegibility !important;
    font: 15px / 1.4em 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 400 !important;
    color: #20242F !important;
    font-style: italic !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-align: center;
}

.gr_descripcion_foto_ios p, 
.gr_descripcion_foto_android p{
    font-size: 0.75em !important;
}

.gr_texto_persona_citada_enriquecido {
    /*padding: 3px 9px;*/
    padding: 0.5% 2.5%;
    text-rendering: optimizeLegibility;
    font: 14px / 2.1em 'MuseoSlab500', Helvetica, Arial, sans-serif;
    color: #fff;
    background-color: #666D7E;
}

.gr_texto_persona_citada_enriquecido_ios, 
.gr_texto_persona_citada_enriquecido_android {
    font-size: 0.75em !important;
}

.gr_texto_rol_del_citado_enriquecido {
    /*margin: -6px 12px 0px 12px;*/
    margin: -1% 3% 0 3%;
    text-rendering: optimizeLegibility;
    font: 14px / 2.1em 'MuseoSlab500', Helvetica, Arial, sans-serif;
    color: #2D313B;
}

.gr_texto_rol_del_citado_enriquecido_ios, 
.gr_texto_rol_del_citado_enriquecido_android {
    font-size: 0.75em !important;
}

.a-zoom {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.div-icon-zoom {
    color: #000;
    width: 40px;
    height: 40px;
    background: url(../png/btnzoomimg.png) no-repeat 0 0;
    position: absolute;
    top: 0px;
    right: 0px;
}

.div-icon-zoom:hover {
    background: url(../png/btnzoomimg.png) no-repeat 0 -40px;
}

img[data-resolution-image] {
  object-position: center top;
}

.gjs-img > img[data-resolution-image],
.gjs-img > a > img[data-resolution-image] {
  height: auto !important;
}

.gjs-text {
        padding: 22px !important;
}

@media (max-width: 992px) {
    .gjs-text p span {
        font-size: 16px !important;
    }

    img[data-resolution-image="personalizado992"] {
        width: 100% !important;
        height: 100% !important;
    }

    .gjs-cell {
        max-width: 100% !important; /* Ancho completo para pantallas pequeñas */
        width: 100% !important;
    }
    .gjs-row {
        flex-direction: column; /* Alinea las columnas de forma vertical */
    }
}

@media (max-width: 640px) {
    img[data-resolution-image="panoramico"],
    img[data-resolution-image="vertical"],
    img[data-resolution-image="horizontal"] {
        width: 100% !important;
        height: auto !important;
        object-fit: contain;
    }
    
    iframe[data-resolution-image] {
        width: 100%;
    }
}

@media (max-width: 768px) {

    img[data-resolution-image="personalizado768"] {
        width: 100% !important;
        height: 100% !important;
    }

    img[data-resolution-image="medium"] {
        width: 100% !important;
        height: auto !important;
    }

    iframe[data-resolution-image="medium"] {
        width: 100% !important;
        /* height: auto !important; */
    }

    img[data-resolution-image="large"] {
        width: 100% !important;
        height: auto !important;
    }

    iframe[data-resolution-image="large"] {
        /* width: 800px !important; */
        width: 100% !important;
    }
    
    .gjs-cell {
        max-width: 100% !important;
        width: 100% !important; /* Ancho completo para pantallas pequeñas */
    }
    .gjs-row {
        flex-direction: column; /* Alinea las columnas de forma vertical */
    }
    
    .gjs-text p span {
        font-size: 15px !important;
    }

    .gjs-text h1 {
        font-size: 33px !important;
    }
    
    .gjs-text h2 {
        font-size: 29px !important;
    }
    
    .gjs-text h3 {
        font-size: 23px !important;
    }
    
    .gjs-text {
        padding: 10px 10px 10px 21px !important;
    }

    /* .gr_texto_articulo_enriquecido {
        padding: 21px !important;
    } */

}

@media (max-width: 576px) {

    img[data-resolution-image="personalizado576"] {
        width: 100% !important;
        height: 100% !important;
    }

    .gjs-text p span {
        font-size: 13px !important;
    }

    div[id^="pieFoto"]{
        /* padding:  12px !important; */
        padding: 0px 12px 20px 12px !important;
    }

    .gr_texto_articulo_enriquecido {
        /* font-weight: 400; */
        color: black;
    }

    .gr_subtitulo_del_articulo_enriquecido h2[style*="text-align: start"] {
        padding-left: 10px;
    }

    .gr_titulo_del_articulo h1 {
        padding: 12px 22px;
    }

}

@media (max-width: 480px) {
    .gjs-img {
        padding: 5px !important;
    }

    img[data-resolution-image="personalizado480"] {
        width: 100% !important;
        height: 100% !important;
    }
}

@media (max-width: 320px) {
    .gjs-img {
        padding: 5px !important;
    }

    img[data-resolution-image="personalizado320"] {
        width: 100% !important;
        height: 100% !important;
    }

    img[data-resolution-image="small"] {
        width: 100% !important;
        height: auto !important;
        /* height: 280px !important; */
    }

    iframe[data-resolution-image="small"]{
        width: 100% !important;
        /* height: 280px !important; */
    }

    .gjs-text h1 {
        font-size: 28px !important;
    }
    
    .gjs-text h2 {
        font-size: 24px !important;
    }
    
    .gjs-text h3 {
        font-size: 20px !important;
    }
}