.documento {
  display: flex;
  margin-left: 0px !important;
  padding-left: -55px !important;
  


}

.footer{
  width: 100%;
  height: 100%;

}

.row{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.footer2 {
  background-color: #3C3C3C;
  padding:20px;
  height: 160px;
  display: flex;
  align-items: center;

}

.footer2 img{
  max-height: 60px;
  margin-left: auto;
  
}

.row{
  font-family: archivo, sans-serif !important;
}

.titAuto{
  margin-bottom: 20px !important;
  align-items: center;
}

#footer {
  margin-top: 25px !important;
}

h1, h2, h3, h4, h5, h6, p, small{
font-family: "Archivo", sans-serif;;
}

h2 small {
  color: #FFF;
}
.descripcionver, .descripcionver h5 {
  text-align: justify;
  color: #70963B;
  margin: 0px  !important;
}

                          /* landpage */
/*BOTONES SERVICIOS*/
.col-md-8 .menuDer{
  display: flex;
  justify-content: center;
  align-content: center;
}

.botServCont {
 display: flex;
 height: fit-content;
 width: 100%;
 justify-content: space-between;
 gap: 20px;
  
}

.botServ {
 width: auto;
 height: 180px;

}





.botServ a {
  display: block;
  text-align: center;
  
}

.botServ img {
  width: 160px;
  height: 160px;
  border-radius: 25px;
  margin-top: 10px;
  
}

.botServ img:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
  transition: 0.5s ease;
}

.botoindex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  position: relative;
  z-index: 10;
}


.botoindex img {
  width: 150px; /* tamaño fijo o max-width */
  height: auto; /* mantener proporción */
  border-radius: 25px;
  margin-top: 10px;
}





.botoindex img:hover  {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
  transition: 0.5s ease;
}

                /* MENU  PRINCIPAL */


.menupal{
  display: flex!important;
  justify-content: end !important;
  margin-right: 20px !important ;
}
                
.menuPpalCont {
display: flex;
align-items: center;
margin-top: 20px;
}
  /*logo*/

.logo{
 
  max-width: 500px;
}

@media (max-width: 500px) {
 .logo img{
   max-width: 330px!important;
   margin-left: 0px !important;
   padding-left: 0px !important;
}


html, body {
  overflow-x: hidden;
}

.footer{
  margin-top: auto !important;
}


}



::placeholder {
  color: #3C3C3C80 !important;
}

  /*botones*/

.botMP{
  max-height: 120px;
  width: 120px;
  margin: 0px 5px 10px 5px;
 
}

.botMP:hover {
  transform: scale(1.1) !important;
  transition: 0.5s ease !important;
  text-decoration: underline !important;
 }



 .linkBotMP {
  display: flex;
  flex-direction: column; /* Elementos en columna: imagen arriba, texto abajo */
  align-items: center;     /* Centra horizontalmente */
  justify-content: center; /* Centra verticalmente dentro del div */
  text-align: center;
  height: 100%; /* Solo si querés que ocupe toda la altura de su contenedor padre */
}

.linkBotMP h5 {
  font-size: small;
  font-weight: 200;
}

.nav > li > a:hover, .nav > li > a:focus {
background-color: transparent;
}

/* separadores*/

.menuPpal > li {
  display: inline-block;
  border-left: solid  1px  #3C3C3C80; /* Línea divisoria */  
  
  
}

.menuPpal > li:first-child {
  border-left: none;
}






/* CARROUSEL */

#owl-novedades {
  max-width: 780px;
}





.item .itemCarro{
  max-height: fit-content;
  
}






/* Carrousel noticias*/

.itemNoti  {
position: static !important;
color:#3C3C3C ;
display: flex;
flex-direction: column;
align-items: start;

width: auto;
height: 250px;
box-shadow: 1px 1px   rgba(0, 0, 0, 0.2);
margin-bottom: 20px;
margin-right: 8px !important;
margin-left: 8px !important;
background-color: #EFEEDF;
}

.itemNoti img {
  max-height: 150px !important;
  margin-bottom: 10px;
  max-width: max-content;
}

.itemNoti a{
  text-decoration: none;
  
}

.itemNoti h6 {
    margin: 8px;
    text-align: left;
    align-self: flex-start;
    
}

 .itemNoti small{
align-self: flex-end !important;
padding-right: 10px;
 }


footer a:hover{
  text-decoration: underline;
}


@media (max-width: 768px) {
  #footer .row {
    display: flex;
    flex-wrap: wrap;
    
    margin: 0 !important;
  }
}




/* Móvil - 2 botones por fila */
@media (max-width: 500px) {
  .botServCont2{
  display: grid !important; 
    grid-template-columns: 1fr 1fr !important; /* 2 columnas iguales */
    gap: 15px !important; /* espacio entre botones */
    justify-items: center !important; /* centra los botones dentro de sus celdas */
  }
  
    .botServCont {
    display: grid; 
    grid-template-columns: 1fr 1fr; /* 2 columnas iguales */
    gap: 15px; /* espacio entre botones */
    justify-items: center; /* centra los botones dentro de sus celdas */
  }
      
  .itemCarro img{
    width: 100%;
    height: 100%;
  }
  .video{
    width: fit-content !important;
    justify-self: center !important;
  }
  .itemNoti{
    height: 230px;
    max-width: 180px !important;
    
    align-self: center !important;
    justify-self: center !important;
  }
}



/* VIDEOS */ 

.videoCont video {
  width: 300px ;
  max-height: 590px;
  }

.videoCont {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 30px; /* Alternativa moderna para el espaciado */
  padding-bottom: 30px !important;
  padding-right: 15px;
}



.videoCont video:first-child {
  margin-top: 32px;

}


.video-masked {
  width: 300px;
  height: 729px;
  
  object-fit: cover;
}



@media (max-width: 800px) {
  .videoCont {
    display: none;
  }
  }



/** SECCION NOVEDADES **/

li .active .fecha { border-radius: 10px !important; }
.tab-content { margin-bottom: 50px !important; }
.main .col-md-12 { margin-top: 25px !important; }
.textDetalle { border-top: 20px ; text-align: left; text-indent:25px; }




/*AUTORIDADES*/

/* Directorio */


.titAuto h2 {

bottom: 0;
left: 0;
margin: 0.5em;
color: white;
font-size: 20px !important;
margin-bottom: 10px !important;

}

.titAuto {
  margin-top: 25px;
 
  background-color: #70963B;
  position: relative;
  display: flex;
  align-content: center !important;
}

.cardDire {
  display: flex ;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;  
  margin: 25px;
  gap: -10;
}

.directorio {
  display: flex;
  justify-content: space-between;
 
 
}
.cardDire img{
  width: 300px !important;
}

.cardDire h1{
  font-size: 22px;
  margin-top: 10px;
}

.cardDire h2{
  font-size: 16px;
 margin: 0px
}


/*secretarias*/

.secretarias {
  display: flex;
  justify-content: space-between;
  background-color: #EFEEDF;
  
}
.cardSecre {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 25px;
  gap: -5px;
  max-width: 250px;
  
}

.cardSecre p {
  max-height: 0;          /* Oculto al inicio */
  overflow: hidden;       /* Evita que se muestre fuera */
  transition: max-height 1s ease, opacity 1s ease;
  opacity: 0;             /* Invisibilidad inicial */
  margin: 0;              /* Para que no empuje otros elementos */
  text-align: center;     /* Opcional: para mantener alineado */
  background-color: #EEEDDE;
}

.cardSecre:hover p {
  max-height: 200px;      /* Ajustá según la cantidad de texto */
  opacity: 1;
      /* Espacio cuando aparece */
}

.cardSecre img {
  width: 200px;
}

.cardSecre h1{
  font-size: 20px;
  margin: 5px;
}

.cardSecre h2{
  font-size: 14px;
  margin: 5px;
}

@media (max-width: 500px) {
  .directorio {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 20px;}
  
   .secretarias{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 20px;}
   }



  /*      DELEGACIONES     */

  /* tabla */ 
  .tablaDel {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff;
  margin-bottom: 50px !important;
}



@media (max-width:500px)
{
  .tablaDel{
    font-size: 14px;
  }
}

.defi th, .defi td {
  
  padding: 8px;
  text-align: left;
}

th, td {
  
  padding: 12px;
  text-align: left;
}

th {
  background-color: #EEEDDE;
  color: #2E2E2E;
}

tr:nth-child(even) {
  background-color: #EEEDDE;
}

caption {
  margin-bottom: 10px;
  font-size: 1.2em;
  font-weight: bold;
}

@media (max-width: 500px) {
 .tablaDel{
  max-width: 100% !important;
 }
 th, td  {
  padding: 12px 12px 12px 12px !important;
 }
   }

/*                 HISTORIA           */
.Preludio p {
  
  padding: 20px;
  font-size: 18px;
  text-align: left;
 
}

.linTemp{
  background-color: #EFEEDF;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.linTemp img{
  width: 791px;
}



/*                Tramites            */

.dtram {
  font-size: 12pt !important;
}

.jubi.sep {
  border-right: solid #3C3C3C80 1px;
}
.JOC {
  width: 90%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  background-color: #EFEEDF;
  margin: 10px 0px 10px 0px;
  
}

.J-content{
  display: flex;
  align-items: center;
  justify-content: center;
}

.JOC button {
  margin: 0px;
  font-weight:bolder;
  color:#EFEEDF;
  background-color: #70963B;
  border: none;
  width: 100px;
}

.JOC p , .JOC li,  .REAP p, .RECO p {
  margin: 5px;
  font-size: 12pt;
  color: #3C3C3C;
  text-align: left;
}



.jubi h1{
  display: flex;
  font-size: 20px;
  color: #3C3C3C;
  border-bottom: solid 1px #3C3C3C80 ;
  width: 90%;
  align-self: center;
  justify-self: center;
}

.coso {
  color: #000;
  text-align: end;

}

.JOC h2 {
  background-color: #EFEEDF;
  margin: 0;
  padding: 0;
  cursor: pointer;
  font-size: 16px;
  }

/* Contenido oculto con animación */
.JOC-body {
  overflow: hidden;
  height: 0;
  padding: 0 10px;
  transition: height 0.3s ease, padding 0.3s ease;
}
.JOC-body p {
  text-align: left;
}
.tipoTramite {
  display: flex !important;
  align-items: center !important;       /* Centra verticalmente */
  justify-content: space-between !important; /* H2 a la izquierda, imagen a la derecha */
  width: 100%;
  
}
.tipoTramite img{
  max-width: 15px !important;
  margin-left: 5px;
  }

.JOC-body a {
  color: #70963B !important;
  }
  
.JOC-body button {
    margin-top: 10px;
    margin-bottom: 10px;
  }

.JOC ul {
  padding: 0px !important;
  list-style: none; /* saco los puntitos por defecto */
}

.JOC ul ul {
  padding: 0px 0px 0px 15px !important;
  list-style: none; /* saco los puntitos por defecto */
}

.JOC ul li::before {
  content: "•";        /* agrego un punto manual */
  color:#70963B;        /* verde */
  font-weight: bold;   /* opcional */
  display: inline-block;
  width: 1em;          /* espacio antes del texto */
  font-size: 12pt !important;
}

.dtram li {
margin-left: 10px;
}

.infoTram h2{
  margin: 0px;
  font-weight: bolder;
  font-size: 20px;
}

.JOC-body ul :first-child {
  margin-top: 10px;
  }


@media (max-width: 500px) {
  .JOC {
    width: 100% !important;
  }
  .linTemp img {
    max-width: 380px;
  };

.JOC-body ul {
    padding-left: 0; /* opcional */
}

.JOC-body ul li {
    display: flex;          /* alinea bullet + texto */
    align-items: flex-start;
    gap: 8px;               /* separación entre punto y texto */
    margin-bottom: 8px;     
}

.JOC-body ul li::before {
    content: "";
    width: 5px;             /* tamaño del punto */
    height: 5px;
    background: #70963B;      /* color del punto */
    border-radius: 50%;     /* lo hace circular */
    flex-shrink: 0;         /* evita deformaciones */
    margin-top: 10px;        /* alinea verticalmente */
}


}



/* beneficio*/

#h2tab1, #h2tab2, #h2tab3, #h2tab4 {
  background-color: #EFEEDF;
  border-radius: 0px 20px 20px 20px !important;
}

.jub1, .jub2, .jub3, .jub4 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between;
  gap: 10px;
  align-items: center !important;
  justify-items: start !important;
  background-color: #70963B;
  margin-right: 10px !important;
  border-radius: 0px 10px 0px 0px !important;
  border: none !important;
  width: fit-content;
  color: #fff !important;
}

.jub1 img, .jub2 img, .jub3 img, .jub4 img{
  height: 12px !important;
  width: auto !important;

}

a.jub1:hover, a.jub2:hover, a.jub3:hover, a.jub4:hover {
  color: #3C3C3C !important;
}

.active .jub1, .active .jub2, .active .jub3, .active .jub4 {
  font-weight: bold;
  color: #3C3C3C !important;
  }

.jub-tabs li.active a {
  padding-bottom: 20px; /* se expande hacia abajo */
  
}



.jub-ol{
  background-color: #EFEEDF;
  height: fit-content;
  font-size: 16px !important;
  padding: 30px !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0px !important;
  margin-top: 0px !important;
  
 justify-items: center !important;
 width: 100%;
 text-align: left;
 border-radius: 0px 10px 10px 10px;
 


}
.jub-ol ul{
list-style: none !important; /* saco los puntitos por defecto */
text-align: left;
}
.jub-ol li a {
  color: #70963B !important;
  font-weight: bolder !important;
}

.jub-ol li, .jub-ol p, .jub-ol small  {
  
  padding: 10px !important;
  text-align: left !important;
  
}

.jub-ol p {
  font-size: 16px;
}

.jub-ol h3{
  font-weight: bold;
}
.jub-ol h5{
  margin-top: 10px;
}

.jub-ol li::before {
  content: "•";        /* agrego un punto manual */
  color: green;        /* verde */
  font-weight: bold;   /* opcional */
  display: inline-block;
  width: 1em;          /* espacio antes del texto */
}

.contPestanas{
  padding-left: 0px ;
}


@media (max-width: 500px) {
  #list.jub-ol  {
    padding: 10px !important;
  margin-left: 5px !important;
  font-size: 14px !important;
}
  

.contPestanas{
  padding-left: 10px ;
}
}
.beneficio {
  margin-top: 0px !important;
  margin-bottom: 10px !important;

}

.nav-tabs {
  border-bottom: none !important;
}



.botolin2 {
  border-radius: 5px;
  border: none;
  display: flex;
  flex-direction: row;
  
  color:#fff !important;
  background-color: #70963B;
  font-weight:normal !important;
  width: fit-content !important;
  height: fit-content;
  
  padding: 10px 20px 10px 20px !important;
}

@media (max-width: 500px) {
  .botolin2 {
    margin-top: 10px;}
  }


.botolin3 {
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  font-weight:bolder;
  color:#3C3C3C !important;
  background-color: #EFEEDF;
  border: none;
  width: fit-content !important;
  height: fit-content;
  padding: 10px;
}

.botolin3:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
  transition: 0.5s ease;
}

.separador30{
  width: 100%;
  height: 30px;
  background-color: #FFF;
}

.botolin {
  border-radius: 5px;
  border: none;
  display: flex;
  flex-direction: row;
  
  color:#fff !important;
  background-color: #70963B;
  font-weight:normal !important;
  width: fit-content !important;
  height: fit-content;
  
  padding: 10px 20px 10px 20px !important;
  
}

.botolin:hover{
  color: #fff;
  text-decoration: none;

}

.botolin.disabled {
  background: #999;
  pointer-events: none;
  cursor: not-allowed;
}
.checkPan p, #legaliz {
  font-size: 14px ;
  padding: 10px;
  color: #70963B;
  font-weight: bold;
  margin: 0px;
}
#legaliz {
  margin-bottom: 15px !important;
}
.checkPan label{
  padding: 10px;
}

#linkTurno{
  margin: 0px;
}

@media (max-width: 500px) {
  .jub1, .jub2, .jub3, .jub4 {
    width: 100% !important;
    border: solid #3C3C3C 1px;
    margin-bottom: 5px;
    
  }

  
 
}

/*     Dtealle Noticia    */
.overlay-container img {
  max-width: 360px !important;
}


/*         RESIDENTES EN EL EXTERIOR */

.formExt fieldset legend  {
  background-color: #EFEEDF ;
  color: #3C3C3C;
  font-weight: bolder;
  border: none;
 
}

.formExt fieldset{
  
  background-color: #EFEEDF;
  border: none;
}

.f649 .botolin2{
  align-self: flex-end !important;
}


.form-group.blanks {
  display: flex;
  align-items: start;
  flex-direction: column;
  
}

.form-group.blanks label {
  flex: 0 0 auto; /* el label ocupa solo lo que mide */
  font-weight:normal;
}

.form-group.blanks input {
  flex: 1; /* el input se expande al resto */
  box-sizing: border-box;
  border-radius: 5px;
  border-color: #3C3C3C80;
  background-color: #EFEEDF;
  border: solid 1px;
  width: 100% !important;
}


 #subTit {
  display: flex;
  align-self: start;
  justify-self:  start;
  padding: 15px 15px 0px 0px;
  margin: 0px 0px 20px 0px !important;
}

.formExt .botolin2 {
  justify-self: end !important;
  align-self: flex-end !important;
  margin: 0px !important;
}

.formExt{
  display: flex;
  flex-direction: column;
}

.formExtCont {
  display: flex;
  flex-direction: column;
  padding: 20px;
}


@media (max-width:500px){
  .formExtCont{
    padding:0px 20px 20px 20px;
  }
}

                              /* SERVICIOS */
.colIzqServicios { box-sizing: border-box;  margin-top: 20px; }
.colIzqServicios img { border-radius: 25px; }

.colIzqDerServicios { box-sizing: border-box;  margin-top: 20px; }
.colIzqDerServicios img { border-radius: 25px; }

.botServCont2 {
  display: grid; 
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr; /* 2 columnas iguales */
    gap: 15px; /* espacio entre botones */
    justify-items: center; /* centra los botones dentro de sus celdas */
  }


.botServCont2 a img {
  width: auto;
  
  border-radius: 25px !important;
  margin-top: 10px;
  height: 180px;
  
}

.botServCont2 a :hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
  transition: 0.5s ease;
}

/* Gestores */

.boxgestores {
  margin:0px 15px 15px 15px;
  padding: 25px;
  background-color: #EFEEDF;
  border-radius:0px 10px 10px 10px ;
  width: 98%;
}

.form-group.has-feedback label{
  font-weight:normal;
}

#departamento {
  border-radius: 5px;
  box-shadow: none;
  border-color: #3C3C3C;
  background-color: #EFEEDF;
  height: auto;
  display: flex;
  }

  .departamento{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap:5px;
  }


  .apellidogest{
    margin-right: 7px;
  }

  #totalResults.botolin2{
    max-height: 34px !important;
    align-items: center !important;
  }


  @media (max-width: 500px){
    .boxgestores{
      width: 93%;
    }

    .inputGestores {
      display: flex;
      flex-direction: column !important;
      gap: 0px !important;
      align-items: flex-start !important;
    }
  }

  /*              ENLACES                 */
  .enlaces{
    display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px; /* espacio entre imágenes */
  }
  
  .enlaces img {
    width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  
  }

  .enlaces img:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  transition: 0.5s ease;
  }

  @media (max-width: 768px) {
  .enlaces {
    grid-template-columns: repeat(2, 1fr);
  }
}

  

/* EXPEDIENTES */

.colIzqServices { box-sizing: border-box; margin: 0px 0px 20px 0px; }
.colIzqServices img { display: block;  border-radius: 25px; max-width: 100%; height: auto; }
.colDerServices { box-sizing: border-box; display: flex; flex-direction: column; align-items: start !important; justify-items: start;}
.colDerServices img { border-radius: 20px;}
.colDerServices h5 { margin-bottom: 5px; }
.exptBoxInfo{  padding: 15px; text-align: center; background-color: #EFEEDF; border-radius: 20px; width: 98%; }
.exptBoxInfo h4, span{ color:#3c3c3c; font-weight: bold; width: auto; }
.exptTableInfo { border-collapse: collapse; border: 2px solid #EFEEDF; margin: auto; display: table; width: 95%; margin-bottom: 15px; } 
.exptTableInfo thead th, tfoot td { background-color: #70963B; color: white; text-align: center; border: 3px solid #EFEEDF; padding: 5px !important; }
.exptTableInfo tbody td { background-color: #EFEEDF; text-align: center; margin-bottom: 10px; width: fit-content; padding: 5px !important; }
.btn-caja{ background-color: #EFEEDF; border-radius: 5px; margin-top: 5px; }

#list li { text-align: justify; }


.conexp{
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-top: 15px;
}

.nuc{
  text-align: left !important;
  width: 54px;
  padding-right: 0px !important;
}


@media (max-width: 500px){
  .exptBoxInfo{
    width: 100%;
    padding: 2px;
    margin: 0px;
  }
  .col-lg-7 {
    padding:0px;
    gap: 10px;
    margin-bottom: 10px;
  }
  .colIzqEstadisticas{
    margin-bottom: 10px;
  }

  .generos {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    max-width: 100%;
  }

  .body {
    margin-right: -15px !important;
  }
 
  legend {
    margin-bottom: 0px !important ;
  }

  .colIzqServices img {
    display: none;
  }
}



            /*    RESO     */
.tablaReso{
  width: 100%;
  margin-bottom: 25px;
}

.tablaReso a  {
  color: #70963B;
}

#pagination {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

#pagination button {
  margin: 0 4px;
  padding: 6px 12px;
  border: 1px solid #70963B;
  background-color: #fff;
  color: #70963B;
  cursor: pointer;
  border-radius: 4px;
}

#pagination button:hover {
  background-color: #70963B;
  color: #fff;
}

#pagination button:disabled {
  background-color: #70963B;
  color: #fff;
  cursor: default;
}



.tablaDel a {
  color: #70963B;
}

@media (max-width: 500px){
  .leyesreso{
    width: 95%;
    margin-left: 7px;
  }
}



/*                  Calendario                 */


.calendar {
  background-color: #fff;
  border-radius: 8px;
  padding: 16px;
  width:100%;
  height: 100%;
}



.weekdays, .days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: 100%;
  height: 100%;
}

.weekdays div {
  font-weight: bold;
  color: #555;
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}

.day, .empty {
  padding: 10px 0px 0px 10px;
  border: 1px solid #EFEEDF;
  
}

.day {
  background-color: #FFF;
  height: 200px;
 
}



.day.p {
  background-color: #70963B;
  display: flex;
  width: auto;
  height: 200px;
  place-items: center; /* centra por defecto el h6 */
  position: relative;
  padding: 0px;
  
}

.day.p .num {
  position: absolute;
  top: 5px;
  left: 8px;
  font-weight: bold;
  color: white;
}

.day.p h5 {
  margin: 0;
  color: white;
  text-align: center;
  width: 100%;
  padding: 10px;
  font-weight: normal !important;
  
}

.day.p small{
  color: #FFF;

}

.empty {
  background-color: transparent;
  border: none;
}


/* Por defecto: mostrar calendario, ocultar imagen */
.calendar-container {
  display: block;
}
.calendar-image {
  display: none;
}

/* En mobile: ocultar calendario, mostrar imagen */
@media (max-width: 768px) {
  .calendar-container {
    display: none;
  }
  .calendar-image {
    display: block;
    text-align: left;
  }
  .calendar-image img {
    width: 100%;
    height: auto;
  }
}











/*                          F649                    */
.f649 {
  margin: 0px !important;
  padding: 25px !important;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
}

/*           Cronograma        */
.cale{
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}





/* GESTORES */
.consultagestores{
  margin: 0px !important;
  display: flex !important;
  flex-direction: column !important;
}

.inputGestores{
  
  display: flex !important;
  flex-direction: column ;
  gap: 1px;
  
  align-items: start ;
  text-align: left;
}

#searchMatricula {
  height: fit-content !important;

}

#searchMatricula, #searchApellido{
  border-radius: 5px;
  box-shadow: none;
  border-color: #3C3C3C80;
  border: solid 1px;
  width: max-content;
  height: auto;
  background-color: #EFEEDF;
  
}
#resultadosBusqueda{
  border-radius: 10px;
  display: flex;
}

.textGestores{
    font-size: 14px;
    color: #333;
    text-align: left;
    margin-bottom: 20px;
    width: 100%;
}





/* ESTADISTICAS */
.colIzqEstadisticas { padding: 0; }

.colDerEstadisticas { padding: 0; }

.boxEstadisticas { background-color: #efeedf;  }
.boxEstadisticasHead {  background-color: #70963B; padding: 8px; }
.boxEstadisticasHead h4 { color: white }
.boxEstadisticasBody { padding: 10px; text-align: left;display: flex; gap:15px;  }

.boxEstadisticasBody span { font-size:12pt; color:'rgb(60,60,60)' !important; font-weight:'normal' !important; };


.box-style-estadisticas-sidebar-cada-anio{ border: #70963B 1px solid; background-color: #efeedf; margin-bottom: 5px; }
.box-style-estadisticas-sidebar-cada-anio .titulo{ text-align: center; border: 0px; }
.box-style-estadisticas-sidebar-cada-anio a{ display: flex !important;font-weight:bold; text-decoration: none; color: #70963B; flex-direction: row; align-items: center; gap: 5px;}
.box-style-estadisticas-sidebar-cada-anio a img { height: 10px !important; width: auto; display: flex !important; }


.box-style-estadisticas-sidebar-body{ padding: 10px; text-align: left; }



.btnItemEstadistica{
	float: right; 
	color:#FFFFFF; 
	margin: 3px;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
    border: 1px solid #70963B;
	border-radius: 5px 5px 5px 5px
}



.remis{
  padding: 30px;
  text-align: none !important;
}

.afCont{
  padding-bottom: 0px !important;
  padding-top: 15px !important;
}

.enviarmail{
  color: #70963B !important;

}


.boxEstadisticasBody a{
  color: #3c3c3c !important;
  
}

.boxEstadisticasBody img{
  height: 35px;
  width: auto;
}
.boxEstadisticasBody li{
  text-align: left !important;
  list-style: none;
}

.boxEstadisticasBody ul {
  padding: 10px !important;
}

.boxEstadisticasBody.mujer{
  display: flex;
  justify-content: end !important;
}

.hombre{
  display: flex;
  
}
.panel-body {
  display: flex;
}

.dona {
  display: flex;
  align-items: start !important;
}

#canvasGraphTipoPrestacion{
  display: flex;
  align-items: start;
  ;
}


#canvasGraphHaberPromedioEscalafon{
  align-self: center;
  justify-self: center;
  margin-right: 20px;
}

.box-style-estadisticas-sidebar-cada-anio.titulo{
  display: flex !important;
  justify-content: start;
  padding-left: 20px;
  padding-top: 5px;
}

.boletines {
  display: flex;
    justify-content: flex-start;   /* el ícono y el texto quedan a la izquierda */
    align-items: center;
    flex-direction: row;
    width: 100%;
    
  
  
}



.barramedio {
  align-items: center;
  justify-content: center;
}

.listaboletin{
  width: 100%;
  display: flex !important;
  flex-direction: column;
}

.botoboletin{
   margin-left: auto;             /* EL SECRETO → empuja el div a la derecha */
    display: flex !important;
    gap: 8px;
}

.lista {
  width: 100%;
}

.boletines a {
  
  display: flex !important;
  justify-self: end !important;
  padding: 0px !important;
  
  justify-content: end !important;
}

.lista li{
  display: flex !important;
}

.boletines a img{
  height: 25px !important;
  width: auto;
 
}
/*   Animacion footer */
.menu-servicios {
	position: relative;
	display: inline-block;
}

:root {
  --footer-expanded-height: 220px;
}

.footer {
 
  transition: height 0.5s ease;
}

.footer a {
  color: #FFF;
  text-decoration: none;
}



.listaResoluciones a {
  color: #70963B;
  margin-bottom: 15px;
}

/* === MENÚ DESPLEGABLE CON ANIMACIÓN SUAVE === */

.menu-servicios .list-footer-mapsite {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;

  background-color: #70963B;
  padding: 10px 15px;
  list-style: none;
  margin: 15px;
  min-width: 220px;
  z-index: 100;

  /* Oculto por transición */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.menu-servicios:hover .list-footer-mapsite {
  opacity: 1;
  visibility: visible;
}

/* Enlaces dentro del menú */
.menu-servicios .list-footer-mapsite li a {
	display: block;
	color: #fff;
	padding: 6px 8px;
	text-decoration: none;
	white-space: nowrap;
}

.menu-servicios .list-footer-mapsite li a:hover {
	background-color: #70963B;
	color: #fff;
	border-radius: 4px;
}



/*  CONDICION PREVISIONAL  */
.condprev{
  display: flex;
  flex-direction: column;
  margin-top: 15px;
  align-items: start;
}

.infoCondPrevisional{
  border-top: #70963B 2px solid;
  display: flex;
  flex-direction: column;
  align-items: center;
  list-style: none;
  padding: 15px;
  margin-top: 15px;
}

.condiprev9 {
  margin-top: 20px;
}

.control-label{
  text-align: left !important;
  margin: none !important;
  padding: none !important;
}


/* PDSD */
.pdsd {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 25px;
 
}


@media (max-width: 500px) {
  .pdsd{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.botderpdsd{
  margin-top: 20px;
 
}

}

#organismo {
  width: 100%;
}
.botderpdsd {
  display: flex;
  flex-direction: column;
  text-align: left;
  background-color: #EFEEDF;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 20px;
  width: 100%;
  height: fit-content;
  font-size: 14px;
}

.botderpdsd a {
 color: #70963B;
 font-weight: bolder;
}
.botderpdsd a img {
  width: 150px;
  height: auto;
  align-self: center;
  justify-self: center;
}

/* SICA   */
.datosFormSica{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-bottom: 30px;
}

.datosFormSica .form-group{
  margin-bottom: 0px;
}

.gestoresRes {
  padding: 0px !important;
}


/* sub titulos */
h2 b {
  margin-bottom: 20px !important;
}




/* formularios descargables*/

.formuformu {
background-color: #EFEEDF;
}

@media (max-width: 500px) {
  .formuformu .jub-ol{
padding: 0px !important;
  }
  .formusica{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px !important;
  }

  .datosFormSica{
    display: flex;
    flex-direction: column;
  }
}



.estadisticascont {
  color: #3C3C3C !important;
}