@charset "UTF-8";
@font-face {
    font-family: "INDIVISA TEXT SANS";
    src: url("../fuente/IndivisaTextSans-Black.otf");
}

@font-face {
    font-family: "INDIVISA TEXT SANS LIGTH";
    src: url("../fuente/IndivisaTextSans-Light.otf");
}
@font-face {
    font-family: "INDIVISA TEXT SANS LIGTH ITALIC";
    src: url("../fuente/IndivisaTextSans-LightItalic.otf");
}

@font-face {
    font-family: "INDIVISA TEXT SANS BOLD";
    src: url("../fuente/IndivisaTextSans-Bold.otf");
}

@font-face {
    font-family: "INDIVISA TEXT SANS BLACKITALIC";
    src: url("../fuente/IndivisaTextSans-BlackItalic.otf");
}

@font-face {
    font-family: "INDIVISA TEXT SANS REGULAR";  
    src: url("../fuente/IndivisaTextSans-Regular (2).otf");
}
@font-face {
    font-family: "INDIVISA TEXT SANS REGULAR ITALIC";
    src: url("../fuente/IndivisaTextSans-RegularItalic.otf");
}
@font-face {
    font-family: "INDIVISA TEXT BOLD ITALIC";
    src: url("../fuente/IndivisaTextSans-BoldItalic.otf");
}

@font-face {
    font-family: "INDIVISA DISPLAY REGULAR";
    src: url("../fuente/IndivisaDisplaySans-Regular.otf");
}

@font-face {
    font-family: "INDIVISA DISPLAY HEAVY";
    src: url("../fuente/IndivisaDisplaySans-Heavy.otf");
}

@font-face {
    font-family: "INDIVISA SERIF BLACK";
    src: url("../fuente/IndivisaTextSerif-Black.otf");
}
@font-face {
    font-family: "INDIVISA SERIF BOLD";
    src: url("../fuente/IndivisaTextSerif-Bold.otf");
}
@font-face {
    font-family: "INDIVISA SERIF REGULAR";
    src: url("../fuente/IndivisaTextSerif-Regular.otf");
}

html,
body {
    padding: 0px;
    margin: 0px;
}
#headerPrincipal{
    background-image: url("../images/INICIO/INICIO-100.jpg");
    height: 760px;
    background-size: cover top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.imgInicio{
    width: 70%;
}
.txtInicio{
    font-size: 22px;
    font-family: "INDIVISA TEXT SANS REGULAR";
    color: #fff;
}
.contVideo{
    margin-top: -120px;
}
.cardRecientes{
    background-color: #f2f2f2;
    padding: 10px;
}
.content-img{
    min-height: 100%;
    background-image: url('https://noticias.ulsaoaxaca.edu.mx/wp-content/uploads/2025/02/Actividades-8M-2024-1.jpeg');
}
.enlace-card {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Asegura que esté encima del iframe */
  }
.notiImg{
    width: 100%;
    height: 250px;
}
.notiTitus{
    font-family: "INDIVISA TEXT SANS BOLD";
    font-size: 22px;
    color: #000044;
    text-align: center;
    /* margin-bottom: -10px; */
}
.btn-seguir{
    font-family: "INDIVISA TEXT SANS REGULAR";
    font-size: 22px;
    color: #00C800;
    text-align: center;
    margin-top: 10px;
    text-decoration: none;
}
.tNoticias{
    font-size: 50px;
    font-family: "INDIVISA TEXT SANS";
    color: #000044;

}

/************************************************************************************************
vista UG ***************************************************************************************/
#headerUG{
    background-image: url("../images/UG/UG-100.jpg");
    height: 475px;
    background-size: cover top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.tUnidad{
    font-family: "INDIVISA TEXT SANS";
    font-size: 50px;
    color: #ded63a;
}
.tAnte{
    font-size: 70px;
    font-family: "INDIVISA TEXT BOLD ITALIC";
    color: #fff
}
.txtAnte{
    font-size: 18px;
    font-family: "INDIVISA TEXT SANS REGULAR" ;
    text-align: justify;
}
.contObj{
    background-image: url("../images/GRAFICOS-SVG/objetivo-desk.png");
    height: 160px;
    background-size: cover top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    padding: 20px
}
.tObj{
    font-size: 22px;
    font-family: "INDIVISA TEXT SANS BOLD";
    color: #fff;
    padding-left: 100px;
}
.txtObj{
    font-size: 18px;
    font-family: "INDIVISA TEXT SANS BOLD";
    color: #fff;
    padding-left: 100px;

}
.contVideoUg{
    
}
#lineaTiempo{
    background-color: #9494f6 ;
}
.tLinea{
    font-size: 50px;
    font-family: "INDIVISA TEXT SANS";
    color: #fff
}
#estructura{
    background-image: url("../images/UG/EstructuraDelAreaDesktop-100.jpg");
    height: 1565px;
    background-size: cover top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.contEstructura{
    margin-top: -200px
}

/************************************************************************************************
vista Lineamientos ***************************************************************************************/
#headerLineamientos{
    background-image: url("../images/LINEAMIENTOS/LINEAMIENTOS-100.jpg");
    height: 570px;
    background-size: cover top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.tProto{
    font-size: 47px;
    font-family: "INDIVISA TEXT SANS";
    color: #9494f6;
}
.txtProto{
    text-align: justify;
    font-size: 18px;
    font-family: "INDIVISA TEXT SANS REGULAR";
}
#declara1{
    background-color: #fff;
    height: 600px;
    display: grid;
    flex-wrap: wrap;
    align-items: center;
}
.contNorma{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#declara{
    background-color: #000044
}
.imgDeclara{
    margin-top: -100px;
    width: 100%;
}

/* LINEAMIENTOS */
.download-files{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  
  .title-file{
    color: #000000;
    font-size: larger;
    font-weight: bolder;
    width: 70%;
  }
  
  .downlodFile{
      display: flex;
      gap: 10px;
      width: 90%;
      align-items: center;
  }
  
  .btnDownload{
      background-color: #9494f6;
      text-align: center;
      color: #ffffff;
      font-family: "INDIVISA TEXT SANS BOLD";
      border: solid 1px #9494f6;
      font-size: 15px;
  }

  /* ------------------------------- */
  

.tBoton{
    font-size: 24px;
    font-family: "INDIVISA TEXT SANS";
    color: #ded63a;
    text-align: center;
}
.btnDes{
    background-color: #9494f6;
    text-align: center;
    color: #000;
    font-family: "INDIVISA TEXT SANS BOLD";
    border: solid 1px #9494f6;
    font-size: 22px;
}
/************************************************************************************************
vista Actividades ***************************************************************************************/
#headerActivi{
    background-image: url("../images/ACTIVIDADES/ACTIVIDADES-100.jpg");
    height: 570px;
    background-size: cover top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#publicaciones{
    margin-top: -150px;
    margin-bottom: 50px;
}
.imgMemos{
    width: 65%;
}
/************************************************************************************************
vista Recursos ***************************************************************************************/
#headerRecursos{
    background-image: url("../images/RECURSOS/RECURSOS-100.jpg");
    height: 570px;
    background-size: cover top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#infografias{
    background-color: #f2f2f2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#glosario{
    background-image: url("../images/RECURSOS/fondoglosariodesk-100.jpg");
   /*  height: 1980px; */
    background-size: cover top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
}
.liGlo{
    list-style: none;
}
.btnGlo{
    font-family: "INDIVISA TEXT SANS BOLD";
    color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    text-align: start;
    font-size: 22px;
}
.btnGlo strong{
    font-family: "INDIVISA TEXT BOLD ITALIC";
    font-size: 16px;
    color: #ded63a;
}
.imgRecur{
    width: 100%;
}
/************************************************************************************************
vista Atencion ***************************************************************************************/
#headerAtencion{
    background-image: url("../images/SOLICITUD-DE-ATENCION/SOLICITUD-DE-ATENCION-100.jpg");
    height: 570px;
    background-size: cover top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.tLaunidad{
    font-family: "INDIVISA TEXT SANS REGULAR ITALIC" ;
    color: #9494f6;
}
.tLaunidad strong {
    font-family: "INDIVISA TEXT SANS";
}
.txtLaunidad{
    font-family: "INDIVISA TEXT SANS REGULAR";
    font-size: 18px;
}
.txtLaunidad strong{
    font-family: "INDIVISA TEXT SANS"
}
.tQueja{
    font-family: "INDIVISA TEXT SANS" ;
    color: #9494f6;
    font-size: 35px
}
.imgSolis{
    width: 90%;
}
#titulo{
    font-family: "INDIVISA TEXT SANS BOLD";
}
#descripcion{
    font-family: "INDIVISA TEXT SANS REGULAR";
    text-align: justify;
}

@media (max-width: 600px){
    #headerPrincipal{
        background-image: url("../images/INICIO/INICIO_MOVIL@2x-100.jpg");
        height: 700px
    }
    .txtInicio{
        font-size: 14px;
        padding-top: 420px
    }
    .imgInicio{
        display: none;
    }
    .contVideo{
        margin-top: 40px
    }
    .notiTitus{
        font-size: 18px
    }
    .notiImg{
        height:auto;
    }
    .btn-seguir{
        font-size: 18px
    }
    .tNoticias{
        font-size: 35px
    }
    .tAnte{
        font-size: 45px
    }
    .txtAnte{
        font-size: 12px
    }
    .contObj{
        background-image: url("../images/GRAFICOS-SVG/objetivomovil.PNG");
        height: 215px
    }
    .txtObj {
        font-size: 15px;
        color: #fff;
        padding-left: 25px;
        padding-top: 20px;
    }
    .tObj {
        font-size: 18px;
        color: #fff;
        padding-left: 0px;
    }
    #headerUG{
        background-image: url("../images/UG/UG_MOVIL@2x-100.jpg");
        height: 340px
    }
    .tLinea{
        font-size: 35px
    }
    #estructura{
        background-image: url("../images/UG/EstructuraDelAreaMovil@2x-100.jpg");
        height: 1050px;
        
    }
    #headerLineamientos{
        background-image: url("../images/LINEAMIENTOS/LINEAMIENTOS_MOVIL@2x-100.jpg");
        height: 335px
    }
    .tProto{
        font-size: 35px
    }
    .txtProto{
        font-size: 14px;
    }
    .imgDeclara{
        margin-top: 0px
    }
    #declara1{
        height: 980px
    }
    #headerActivi{
        height: 440px
    }
    .imgMemos{
        width: 110%;
    }
    .tLaunidad{
        font-size: 19px;
    }
    .txtLaunidad{
        font-size: 14px;
    }
    #headerAtencion{
        height: 370px;
    }
    .imgSolis{
        width: 100%;
    }
    #headerRecursos{
        background-image: url("../images/RECURSOS/RECURSOSMOVIL@2x-100.jpg");
        height: 320px
    }
    .btnGlo{
        font-size: 11px;
    }
    .btnGlo strong{
        font-size: 10px;
    }
    #glosario ul{
        display: flex;
        flex-direction: column;
        align-items: center;
    } 
    .conceptos{
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    #glosario{
       /*  height: 1600px */
    }
    #headerAtencion{
        background-image: url("../images/SOLICITUD-DE-ATENCION/S-ATENCION_MOVIL@2x-100.jpg");
        height: 320px
    }
}
@media (min-width: 760px) and (max-width: 920px){

   #headerPrincipal{
        background-image: url("../images/INICIO/INICIO_MOVIL@2x-100.jpg");
        height: 1320px
    }
    .txtInicio{
        font-size: 20px;
        padding-top: 650px
    }
    .imgInicio{
        display: none;
    }
    .notiImg{
        height:auto
    }
    .contacta{
        margin-bottom: 130px
    }
    .imgContactanos{
        width: 100%;
    }
    .contSociales img {
        width: 100%;
    }
    #headerUG{
        background-image: url("../images/UG/UG_MOVIL@2x-100.jpg");
        height: 730px
    }
    #estructura{
        background-image: url("../images/UG/EstructuraDelAreaMovil@2x-100.jpg");
        height: 2130px;
    }
    #headerLineamientos{
        background-image: url("../images/LINEAMIENTOS/LINEAMIENTOS_MOVIL@2x-100.jpg");
        height: 735px
    }
    #declara1{
        height: 1320px
    }
    #headerRecursos{
        background-image: url("../images/RECURSOS/RECURSOSMOVIL@2x-100.jpg");
        height: 690px
    }
    .btnGlo{
        font-size: 11px;
    }
    .btnGlo strong{
        font-size: 10px;
    } 
}
@media (min-width: 1000px) and (max-width: 1120px){
    .opcionesMenu{
        margin-left: -40px;
        font-size: 14px
   }
   #headerPrincipal{
        height: 485px;
   }
   .imgInicio{
        width: 45%;
   }
   .txtInicio{
    font-size: 14px;
   }
   .notiTitus{
    font-size: 18px;
   }
   .btn-seguir{
    font-size: 18px;
   }
   .txtAnte{
    font-size: 16px;
   }
   #estructura{
    width: 100%;
    height:990px
   }
   .tLinea{
    font-size: 40px;
   }
   #headerLineamientos{
    height:340px
   }
   .tProto{
    font-size: 40px;
   }
   .txtProto{
    font-size: 16px;
   }
   #headerActivi{
    height:470px;
   }
   #headerRecursos{
    height: 335px
   }
   .imgRecur{
    width: 80%;
   }
   .slick-slide img {
     width: 80%;
   }

/*    RECURSOS */

   .slick-slide iframe {
    height: 250px;
    width: 90%;
  }


  /* ---------- */
   #headerAtencion{
    height: 340px
   }
   .imgSolis{
    width: 60%;
   }
   .tLaunidad{
    font-size: 25px
   }


   /* ----  rECURSOS---- */
   .postface{
    height:"2250px" !important;
   
   }
   
}

.organigrama{
  height: 150px;
}


@media (min-width: 1121px) and (max-width: 1200px){
    .opcionesMenu{
        margin-left: -40px;
        font-size: 14px
   }
   #headerPrincipal{
        height: 485px;
   }
   .imgInicio{
        width: 45%;
   }
   .txtInicio{
    font-size: 14px;
   }
   .notiTitus{
    font-size: 18px;
   }
   .btn-seguir{
    font-size: 18px;
   }
   .txtAnte{
    font-size: 16px;
   }
   #estructura{
    
    height:990px
   }
   .tLinea{
    font-size: 40px;
   }
   #headerLineamientos{
    height:340px
   }
   .tProto{
    font-size: 40px;
   }
   .txtProto{
    font-size: 16px;
   }
   #headerActivi{
    height:470px;
   }
   #headerRecursos{
    height: 335px
   }
   .imgRecur{
    width: 80%;
   }
   .slick-slide img {
     width: 80%;
   }
   #headerAtencion{
    height: 340px
   }
   .imgSolis{
    width: 60%;
   }
   .tLaunidad{
    font-size: 25px
   }

   .slick-slide iframe {
    height: 250px;
    width: 90%;
  }
}
@media (min-width: 1260px) and (max-width: 1399px){
   .opcionesMenu{
        margin-left: 100px;
        font-size: 17px
   }
   #headerPrincipal{
        height: 545px
    }
    .imgInicio{
        width: 40%
    }
    .txtInicio{
        font-size: 18px;
    }
    .notiTitus{
        font-size: 18px;
    }
    .btn-seguir{
        font-size: 18px;
    }
    .txtAnte{
        font-size: 16px;
    }
    #estructura{
        height: 1000px
    }
    .organigrama{
        
        height: 210px;
      }
    #headerUG{
        height: 330pxpx
    }
    #headerLineamientos{
        height: 400px
    }
    .txtProto{
        font-size: 16px;
    }
    .tBoton{
        font-size: 18px
    }
    #headerActivi{
        height: 330px
    }
    .slick-slide img {
        width: 80%;
    }
    #publicaciones{
        margin-top: -70px
    }
    .imgMemos{
        width: 55%;
    }
    #headerRecursos{
        height: 470px
    }
    .imgRecur{
        width: 80%;
    }
    #headerAtencion{
        height: 470px
    }
    .imgSolis{
        width: 70%;
    }
    .slick-slide iframe {
        height: 300px;
        width: 90%;
      }
}
@media (min-width: 1400px) and (max-width: 1549px){
    .opcionesMenu{
        font-size: 17px;
    }
    #headerPrincipal{
        height: 630px
    }
    .imgInicio{
        width: 60%
    }
    .txtInicio{
        font-size: 20px;
    }
    .notiTitus{
        font-size: 20px;
    }
    .btn-seguir{
        font-size: 20px;
    }
    .txtAnte{
        font-size: 16px;
    }
    #estructura{
        height: 1315px
    }
    #headerLineamientos{
        height: 475px
    }
    .txtProto{
        font-size: 16px;
    }
    .tBoton{
        font-size: 18px
    }
    #headerActivi{
        height: 330px
    }
    #publicaciones{
        margin-top: -70px
    }
    .imgMemos{
        width: 55%;
    }
    #headerRecursos{
        height: 470px
    }
    .imgRecur{
        width: 80%;
    }
    #headerAtencion{
        height: 470px
    }
    .imgSolis{
        width: 70%;
    }
}
@media (min-width: 1550px) and (max-width: 1800px){
    .opcionesMenu{
        font-size: 18px;
    }
    #headerPrincipal{
        height: 630px
    }
    .imgInicio{
        width: 60%
    }
    .txtInicio{
        font-size: 20px;
    }
    .notiTitus{
        font-size: 20px;
    }
    .btn-seguir{
        font-size: 20px;
    }
    .txtAnte{
        font-size: 16px;
    }
    #estructura{
        height: 1350px
    }
    #headerLineamientos{
        height: 475px
    }
    .txtProto{
        font-size: 16px;
    }
    .tBoton{
        font-size: 18px
    }
    #headerActivi{
        height: 330px
    }
    #publicaciones{
        margin-top: -70px
    }
    .imgMemos{
        width: 55%;
    }
    #headerRecursos{
        height: 470px
    }
    .imgRecur{
        width: 80%;
    }
    #headerAtencion{
        height: 470px
    }
    .imgSolis{
        width: 70%;
    }
}