.imagenPrincipalHSEQ{
    width: 100%;
    margin-left: 3vw;
    height: 30.307vw;
    background-image: url(../../img/imgPaginaHSEQ/IMG_BANNER_PRINCIPAL_HSEQ.png);
    background-repeat: no-repeat;
    background-size: 100% 30.307vw;
}

.seccionHSEQSaludBienestar {
    padding: 5.857vw 0;
}

.contenedorSaludBienestarHSEQ{
    display: grid;
    grid-template-columns: 1fr minmax(20vw, 27.086vw);
    column-gap: 6.003vw;
    align-items: center;
}

.columnaAccionesSaludBienestarHSEQ{
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 2.05vw;
    width: 100%;
    max-width: 27.086vw;
    justify-self: end;
}

.tarjetaQRACTHSEQ{
    width: 100%;
    background-color: #F8F8F8;
    border-radius: 0.732vw;
    box-shadow: 0px 0.22vw 0.732vw rgba(0, 0, 0, 0.04);
    padding: 1.757vw 1.464vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.025vw;
}

.imagenQRACTHSEQ{
    width: 11.713vw;
    height: auto;
    border-radius: 0.366vw;
}

.etiquetaQRACTHSEQ{
    color: #2B4A27;
    text-align: center;
    font-size: 1.025vw;
    font-weight: 500;
}

.columnaInformacionSaludBienestarHSEQ{
    display: flex;
    flex-direction: column;
    row-gap: 2.343vw;
}

.columnaInformacionSaludBienestarHSEQ .contenedorTituloSeccion{
    align-items: flex-start;
}

.columnaInformacionSaludBienestarHSEQ .subtituloSeccion{
    text-align: left;
}

.textoParrafoSaludBienestar {
    color: #000000;
    font-size: 1.391vw;
    width: 100%;
}
.botonesrReporteActosInseguros{
    width: 100%;
    max-width: 27.086vw;
    text-align: center;
    box-sizing: border-box;
    padding: 0 1.171vw;
    column-gap: 0.659vw;
    justify-content: center;
    align-items: center;
    font-size: 1.171vw;
    white-space: nowrap;
}
.botonesrReporteActosInseguros i{
    padding-right: 0;
    margin: 0;
}

@media (max-width: 1024px) {
    .contenedorSaludBienestarHSEQ{
        grid-template-columns: 1fr;
        row-gap: 3.66vw;
    }

    .columnaAccionesSaludBienestarHSEQ{
        order: 2;
    }

    .columnaInformacionSaludBienestarHSEQ{
        order: 1;
        align-items: center;
    }

    .columnaInformacionSaludBienestarHSEQ .contenedorTituloSeccion{
        align-items: center;
    }

    .columnaInformacionSaludBienestarHSEQ .subtituloSeccion{
        text-align: center;
    }

    .textoParrafoSaludBienestar{
        text-align: center;
    }

    .tarjetaQRACTHSEQ,
    .botonesrReporteActosInseguros{
        max-width: 40.264vw;
    }
}
/* SECCION COMITE */
.seccionComites {
    padding: 5.857vw 7.321vw;
    row-gap: 5.857vw;
}

.botonesComite {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3.66vw;
}


.objetivoActivo,
.objetivoActivo i,
.objetivoActivo:hover {
    color: #F8F8F8;
    background: #C4C4C4;
    border: 0.073vw solid transparent;
}

/* ESTILOS TARJETA COMITE */
.tarjetaComiteFrente,
.tarjetaComiteAtras {

    /* display: none; */
    width: 100%;
    min-height: 39.239vw;
    height: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.tarjetaComiteFrente {
    /* height: auto; */
    display: grid;
    display: none;
    grid-template-columns: 41.874vw 43.485vw;
    align-items: end;
    background-image: url(../../img/imgPaginaHSEQ/IMG_TARJETA_COMITE_FONDO_FRENTE.png);
}

.tarjetaComiteAtras {
    display: none;
    flex-direction: column;
    align-items: baseline;
    padding: 2.855vw 2.782vw 2.196vw 6.881vw;
    row-gap: 3.66vw;
    background-image: url(../../img/imgPaginaHSEQ/IMG_TARJETA_COMITE_FONDO_ATRAS.png);
    box-sizing: border-box;
}

.etiquetaTitulosTarjetaComite {
    width: 100%;
    font-size: 3.294vw;
    font-weight: 700;
    color: #FFFFFF;
}
.etiquetaTitulosTarjetaComite i{
    padding: 0 19.253vw 0 0
}
.imagenPersonaTarjeta{
    height: 38.653vw;
    /* animation: mostrarDesdeIzquierda 1s ease-out forwards; */
}
.imagenCOPASST{
    width: 51.878vw;
    transform: translateX(-8.053vw);
}
.imagenSeguridadVial{
    transform: translateX(-3.66vw);
}
.contenedorDescripcionComite{
    height: 100%;
    align-items: baseline;
    justify-content: center;
    animation: mostrarDerecha 1s ease-out forwards;
}
.parrafoDescipcionComite {
    width: 40.556vw;
    font-size: 1.464vw;
    font-weight: 400;
    color: #F8F8F8;
    padding:4.832vw 0 5.271vw 0;
}
.contenedorBotonesAccionesComite{
    width: 40.556vw;
    column-gap: 2.269vw;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.contenedorBotonesAccionesComite a,
.contenedorBotonesAccionesComite button{
    width: 100%;
    height: 3.953vw;
    justify-content: center;
    font-size: 1.025vw;
    box-sizing: border-box;
}

.contenedorBotonesAccionesComite a:hover,
.contenedorBotonesAccionesComite button:hover{
    color: #FFFFFF;
    background: linear-gradient(90deg, #A8CF44 0%, #387B2F 100%);
    border: 0 solid transparent;
}

.contenedorInfoRapidaCOPASST{
    width: 40.556vw;
    margin-top: 1.391vw;
    display: grid;
    grid-template-columns: 6.588vw 1fr 5.857vw;
    align-items: center;
    column-gap: 1.171vw;
}

.imagenQRCOPASSTComite{
    width: 6.588vw;
    border-radius: 0.366vw;
    background-color: #FFFFFF;
    padding: 0.22vw;
    box-sizing: border-box;
}

.contenedorTextoContactoCOPASST{
    display: flex;
    flex-direction: column;
    row-gap: 0.366vw;
}

.textoQRCOPASSTComite{
    margin: 0;
    color: #F8F8F8;
    font-size: 0.952vw;
    line-height: 1.2;
}

.correoComiteCOPASST{
    color: #FFFFFF;
    font-size: 1.025vw;
    font-weight: 700;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.correoComiteCOPASST:hover{
    color: #FFFFFF;
    text-decoration: underline;
}

.contenedorTituloCOPASST{
    width: 40.556vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1.171vw;
}

.imagenChiwiCOPASST{
    width: 100%;
    max-width: 11.101vw;
    flex-shrink: 0;
}

#comiteCOPASST .contenedorDescripcionComite{
    row-gap: 1.171vw;
}

#comiteCOPASST .contenedorTituloCOPASST .etiquetaTitulosTarjetaComite{
    width: auto;
}

#comiteCOPASST .parrafoDescipcionComite{
    padding: 0;
    margin: 0;
}

#comiteCOPASST .contenedorInfoRapidaCOPASST{
    margin-top: 0.25vw;
    margin-bottom: 0.5vw;
}

#comiteCOPASST .contenedorBotonesAccionesComite{
    margin: 0;
}

#comiteCOPASST .contenedorTextoContactoCOPASST{
    row-gap: 0.146vw;
}

.contenedorQRConvivenciaComite{
    width: 40.556vw;
    display: flex;
    align-items: center;
    column-gap: 1.171vw;
}

.imagenQRConvivenciaComite{
    width: 6.588vw;
    border-radius: 0.366vw;
    background-color: #FFFFFF;
    padding: 0.22vw;
    box-sizing: border-box;
    flex-shrink: 0;
}

.textoQRConvivenciaComite{
    margin: 0;
    color: #F8F8F8;
    font-size: 0.952vw;
    line-height: 1.2;
}

#comiteConvivencia .contenedorDescripcionComite{
    row-gap: 1.171vw;
}

#comiteConvivencia .parrafoDescipcionComite{
    padding: 0;
    margin: 0;
}

#comiteConvivencia .contenedorBotonesAccionesComite{
    margin: 0;
}

/* estilos lista de objetivos comite */
.listaObjetivosComite{
    padding: 0 0 0 1.464vw;
    font-size: 1.464vw;
    font-weight: 400;
    color: #F8F8F8;
    animation: mostrarDesdeAbajo 1s ease-out forwards;
}
/* seccion resultados comite */
.resultadosComite{
    width: 100%;
    height: 23.939vw;
    display: none;
    flex-direction: column;
    row-gap: 2.635vw;
    background-image: url(../../img/imgPaginaHSEQ/IMG_BANNER_SECCION_RESULTADOS_HSEQ.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 4.026vw 15.081vw 4.026vw 13.397vw;
    margin-bottom: 5.857vw;
    box-sizing: border-box;
}
/* color semiblanca */
.colorFuenteSemiBlanca{
    color: #F8F8F8;
}
.centrarTexto{
    text-align: center;
}
/* seccion carrusel representantes */
.seccionRepresentantesComite{
    display: none;
}
.tarjetaTituloEtiquetaRepresentantes{
    width: 100%;
    padding: 0 7.321vw ;
    font-size: 1.83vw;
    font-weight: 700;
    color: #2B4A27;

    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;

}
/* botones flechas carrusel representantes */
#desplazarIzquierdaCarruselRepresentantes,
#desplazarDerechaCarruselRepresentantes,
#desplazarIzquierdaCarruselRepresentantesEmpleador,
#desplazarDerechaCarruselRepresentantesEmpleador{
    display: none;
    font-size: 2.196vw;
    color: #387B2F;
}

.contenedorBotonesCarruselRepresentantes,
.contenedorBotonesCarruselRepresentantesEmpleador{
    display: flex;
    column-gap: 1.025vw;
}

.tarjetaRepresentante{
    width: 19.18vw;
    height: 27.599vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.imagenRepresentanteComite{
    max-width: 100%;
    height: 23.426vw;
}
.nombreRepresnetanteComite{
    color: #3D3D3D;
    padding:1.28vw 0 0 0;
    font-size: 1.171vw;
    font-weight: 700;
}
.cargoRepresnetanteComite{
    font-size: 1.025vw;
    font-weight: 700;
    color: #3D3D3D;
    opacity: 0.49;
}
.listaTarjetasRepresentantes{

    width: 85.359vw;;
    display: flex;
    /* height: 27.672vw; */
    padding: 4.758vw 0 5.857vw 0;
    box-sizing: border-box;
    overflow: hidden;
}
.carruselTarjetasComite{
    /* width: 85.359vw; */
    /* height: 27.672vw; */
    display: flex;
    column-gap: 2.782vw;
    transition: transform 0.45s ease-in-out;
    will-change: transform;
}

/* seccion banner pie pagina */
.bannerPiePaginaComite{
    width: 100%;
    height: 17.154vw;
    display: flex;
    flex-direction: column;
    row-gap: 2.196vw;
    align-items: center;
    justify-content: center;
    background-image: url(../../img/imgPaginaHSEQ/IMG_BANNER_PIE_PAGINA_HSEQ.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.etiquetaPiePaginaHSEQ{
    font-size: 1.684vw;
    font-weight: 500;
    color: #2B4A27;
}
.etiquetaPiePaginaHSEQ span{
    color: #A8CF44;
}
.etiquetaCorreo{
    font-size: 1.83vw;
    font-weight: 700;
    color: #2B4A27;
}
.etiquetaCorreo i{
    padding: 0 2.212vw 0 0;
    color: #387B2F;
}

/* ESTILOS FORMULARIO COPASST */
.contenedorInformacionCOPASST{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding: 0 7.321vw ;
    column-gap: 4.832vw;
    row-gap: 3.294vw;
    box-sizing: border-box;
}
.titulosSeccionesFormularioCOPASST{
    padding: 5.857vw 0;
}
.componenteInformacionReporte{
    display: flex;
    flex-direction: column;
    row-gap: 1.684vw;
}

.etiquetaInformacionFormulario{
    color: #4C4C4C;
    opacity: 0.66;
    font-size: 1.537vw;
    font-weight: 500;
}
.etiquetaInformacionFormulario span{
    color: #FF3030;
}

.entradaInformacionReporte{
    width: 40.264vw;
    height: 5.417vw;
    font-size: 1.537vw;
    border: 0.146vw solid #A8CF44;
    border-radius: 0.732vw;
}

.entradaInformacionReporte:focus{
    border: 2px solid #A8CF44;
    border-radius: 0.732vw;
    outline: None;
}

/* estilos inquietudes y sugerencias */
.etiquetaConBotonesSeleccionables{
    width: 100%;
    display: flex;
    font-size: 1.537vw;
    column-gap: 5.857vw;
    align-items: center;
    padding: 5.857vw 7.321vw 0 7.321vw;
    box-sizing: border-box;

}
.entradaInformacionObservacion{
    width: 85.359vw;
    height: 13.031vw;
    border: 0.146vw solid #C4C4C4;
    border-radius: 0.732vw;
}

.etiquetaBotonRadioFormulario{
    display: flex;
    align-items: center;
    color: #4C4C4C;
    column-gap: 1.611vw;
    font-size: 1.537vw;
    font-weight: 500;
}
.botonRadioFormulario{
    width: 1.684vw;
    height: 1.684vw;
    accent-color: #387B2F;
}

.botonEnviarFormulario{
    width: max-content;
    color: #387B2F;
    font-size: 1.464vw;
    font-weight: 700;
    border: 0.146vw solid #A8CF44;   
    border-radius:0.732vw; 
    padding: 0.732vw 2.05vw;
    margin: 5.857vw 0;
}
.botonCargarImagenFormulario:hover,
.botonEnviarFormulario:hover{
    color: #F8F8F8;
    background: linear-gradient(90deg, #A8CF44 0%, #387B2F 100%) ;
    cursor: pointer;
    /* border: 0.146vw solid transparent;  */
}

/*SECCION CARGAR IMAGENES*/
.cargarImagenesSugerencias{
    width: 100%;
    /* display: grid; */
    display: none;
    justify-content: baseline;
    grid-template-columns: repeat(2, 1fr);
    padding: 4.758vw 0 0 7.321vw;
    column-gap: 5.783vw;
    box-sizing: border-box;
}

.seccionCargarImagen{
    width: 42.679vw;
    height: 24.817vw;
    background-color: #F5F5F5;
    color: #4C4C4C;
    justify-content: center;
}
.iconoCargarImagen{
    width: 6.515vw;
    width: 4.539vw;
    margin-bottom: 2.745vw;
}

.lineaSeparacion{
    margin: 1.318vw 0 1.684vw 0 ;
    /* 
    display: flex;
    align-items: center;
    text-align: center; */
    width: 13.25vw; 
    height: 1.903vw; 
    border-bottom: 0.073vw solid black; 
}
.lineaSeparacion span{
    /* font-size: 40px;  */
    font-size: 1.464vw;
    margin: 0.85vw 0;
    margin-left: 5.881vw;
    padding: 0 0.346vw ;
    position: absolute;
    background-color: #F3F5F6; 
    /* padding: 0 10px; */
}

.botonCargarImagenFormulario{
    width: max-content;
    color: #387B2F;
    font-size: 1.171vw;
    font-weight: 700;

    border: 0.146vw solid #A8CF44;   
    border-radius:0.732vw; 
    padding: 0.732vw 2.05vw;
    position: relative;

}
.galeriaImagenesCargadas{
    width: 31.113vw;
    overflow: hidden;
}

.etiquetaGaletiaFotos{
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.listaPrevisualizarImagen{
    width: 31.113vw;
    display: flex;
}
.carruselPrevisualizarImagen{
    width: 100%;
    display: grid;
    margin-top: 2.489vw;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2,1fr);
    row-gap: 1.098vw;
    column-gap: 1.171vw;
    height: 20.278vw;
    align-items: center;
}

.contenedorPrevisualizarImagen{
    width: 9.59vw;
    height: 9.59vw;
    background-color: #E1E1E1;
    border-radius: 0.366vw;
}

.contenedorPrevisualizarImagen img{
    max-width: 100%;
}

.botonCargarImagenFormulario::before{
    align-items: center;
    justify-content: center;
    content: 'Examinar equipo';
   
}
.botonSeleccionarArchivo{
    position: absolute;
    left: 0;
    top: 0;
    width: 13.25vw;
    height: 3.001vw;
    opacity: 0;
    cursor: pointer;
    /* z-index: 0; */
}

.botonBordeBlancoHSEQ{
    display: flex;
    align-items: center;
    column-gap: 1.025vw;
    width: max-content;
    padding: 0.878vw 4.246vw;
    color: #FFFFFF;
    font-size: 1.464vw;
    font-weight: 700;
    border: 0.146vw solid #FFFFFF;
    background: #E1E1E145;
}

#moverCarruselFormularioDerecha,
#moverCarruselFormularioIzquierda{
    opacity: 0;
    pointer-events: none;
}