/*
 Theme Name: Concurso de Nombramiento Personal 276
 Theme URI: https://...
 Author: MTPE
 Author URI: https://www.gob.pe/mtpe
 Description: Descripción del tema...
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: jobforced
*/

body {
    font-family: Roboto,sans-serif;
}

/* Más estilos aquí */



div.div_body{
    display: grid;
    min-height: 100dvh;
    grid-template-rows: auto 1fr auto;
}

 @media screen and (max-width: 600px){
   /*header{    margin-bottom: 0em;}  */
 }

 /*
:::::::
 */

.container_fluid_vid{
 /*line-height: 1.6; */
 /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);*/

    min-height: 527px; /* Altura mínima de ejemplo */
    width: 100%; /* Asegura que ocupe todo el ancho disponible */

     /* Ruta de la imagen de fondo */
    background-image: url('img/slider0.png');

    /* Ajusta el tamaño de la imagen para que cubra todo el div */
    /* 'cover' escala la imagen manteniendo sus proporciones y cubriendo el área */
    background-size: cover;

    /* Evita que la imagen se repita */
    background-repeat: no-repeat;

    /* Centra la imagen de fondo */
    background-position: center center;
}



/* --- Media Queries para Ajustes Finos (Opcional) --- */
/* Si necesitas ajustes específicos para pantallas muy pequeñas o muy grandes */
@media (max-width: 768px) {
    .card_total_slider_img img{
        max-height: 300px; /* Puede que quieras más altura en móviles */
        /*font-size: 1.5em; /* Reducir el tamaño de fuente para móviles */
         width: 70%;
         display: block;
         margin: 0 auto;
    }
}



 /*
:::::::
 */

 .card_total_slider{
    width: 100%;
    border-radius: 0;
    background: transparent;
    border: 0;
 }

 .colcolc_row{

 display: flex;
  justify-content: center;
  align-items: center;
 }

 @media (max-width: 768px) {
     .colcolc_row .card-body .card-text{
        
     }
 }

 .card-body  h5{
 color: #F28725;
font-weight: bold;
font-weight: 200;
font-size: 1.8em;
 }

 .card-body h1{
 color: #F28725;
 max-width: 350px;
 font-weight: bold;
 line-height: 1.0; 
 }

 .card-body .card-text {
   max-width: 750px;
 }
 .card-body .card-text a{
   min-width: 200px;
 }


 @media (max-width: 768px) {
  
     .card-body .card-text a{
     min-width: 100%;
      margin-top:  10px;
       }
 }

 /*
:::::::
 */

 header {
    background: #D7181F;
    padding: 0.5em;

 }
 header div.imgfluiddiv img{
    max-width: 310px;
 }


 /*
:::::::
 */

.contenido_anexos{
    background: #FEF9EF;

padding: 2em 3em;
padding-bottom: 5em;
}

.contenido_anexos .contanexsor {
margin-top: 2.5em;
margin-bottom: 2.5em;
}
.contenido_anexos .contanexsor h3{
font-weight: bold;
}

.row_row_col_conter{
 
}

.row_row_col_conter .col .card{
border: 0;
box-shadow: 5px 1px 30px 0px #85A9D34D;

}

.row_row_col_conter .col .card .row .card-body{
color: #26292E;
font-weight: bold;

}

.row_row_col_conter .col .card .row{
 /**/
}

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

.cardcard_line_vertical .row .card-body h6{
font-size: 1.4em;
font-weight: bold;
}



.cardcard_line_vertical .row a.btndescargarr{
font-size: 1.0em;
color: #0056AC;
border: 2px solid #0056AC;
min-width: 180px;
border-radius: 0;
font-weight: bold;
}

.cardcard_line_vertical .row a.btndescargarr:hover{

color: #ffffff;
background: #0056AC;
}

.cardcard_line_vertical .row a.btndescargarr i{
font-size: 1.5em;
color: #0056AC;

font-weight: bold;
padding-right: 10px;
}

.cardcard_line_vertical .row a.btndescargarr:hover i{
color: #ffffff;
}


 /*
:::::::
 */


 @media screen and (max-width: 600px){
  .table-responsive{
    width: 100%; /* Asegúrate de que el contenedor ocupe todo el ancho disponible */
  overflow-x: auto; /* Esto añade el scroll horizontal si la tabla es más ancha */
  max-width: 412px;
  -webkit-overflow-scrolling: touch; /* Mejora el scroll en dispositivos iOS */
  padding: 0;
  }




thead.cambioheader tr{
                font-size: 0.7em; 
        }

thead.cambioheader tr th{
                /*font-size: 0.6em; */
                 vertical-align: middle;
                 line-height: 0.95;
        }

.divigrupouimte .input-group span i{
    font-size: 0.7em;
        }


tbody.tbody_tr_th tr th{


}

tbody.tbody_tr_th tr td{
font-size: 0.7em;

}

tbody.tbody_tr_th tr td a{
/*font-size: 0.4em;*/

}

tbody.tbody_tr_th tr td a i{
margin-right: 0.1em;
}


.divigrupouimte{
    width: 100%;
}


.row_row_col_conter{
    text-align: center;
}


 }



.contenido_tablas{
margin-top: 4em;
margin-bottom: 2.5em;

}

.contenido_tablas .contantablas h3{
font-weight: bold;
    
}



.divigrupouimte{
padding: 2em 2.5em;
}

.divigrupouimte .input-group input{
 border: 2px solid #000000CC;
}

.divigrupouimte .input-group span{
 background: #000000CC;
  border: 2px solid #000000CC;
}
.divigrupouimte .input-group span i{
color: #ffffff;
font-size: 1.3em;
}



thead.cambioheader tr th{
   color: #ffffff;
font-size: 1.3em; 
background: #D7181F;

}

tbody.tbody_tr_th tr th{
 font-weight: 300;
}

tbody.tbody_tr_th tr td a{
    color: #0056AC;
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
}
tbody.tbody_tr_th tr td a i{
margin-right: 0.3em;
}


/*
:::::::
 */







/*
:::::::
 */



 footer{
background: #26292E;
color: #ffffff;


 }

 .footer_container{
    padding-top: 3em;
    margin-bottom: 3em;


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

 .footer_container .row h4{
     font-weight: bold;
 }

  .footer_container .row div.col-12{
     padding: 1em;
     display: grid;
  place-items: center; /* Centra tanto horizontal como verticalmente */
  /* O puedes usar: */
  /* justify-content: center; */
  /* align-content: center; */

 }

 @media screen and (max-width: 600px){

.footer_container .row div.col-12{
     display: revert;
      place-items: revert;
        }

.footer_container .imgogoetr img{
 display: block;
 margin: 0 auto;
 }

 }


 .footer_container .imgogoetr img{
/* display: block;
 margin: 0 auto;*/
 }

.footer_container .row div.col-12 ul{
margin-left: 0;
  list-style: none;

 }

 .footer_container .row div.col-12 ul li{
 

 }


.footer_container .row div.col-12 ul li:before {
    content: "■";
    /*color: #FFFFFF;*/
    color: #0056AC;
    padding-right: 10px;
}

 .footer_container .row div.col-12 ul li a{
    text-decoration: none;
    color: #ffffff;

 }
  .footer_container .row div.col-12 ul li a:hover{
    text-decoration: revert;

 }