html,
body {
  height: 100%;
  margin: 0;
  font-family: 'Roboto', sans-serif;
}

@view-transition {
    navigation: auto;
}


::view-transition-group(*) {
    animation-duration: 0.5s;
}


body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

footer {
  margin-top: auto;
}





/* 
=================
:: MENÚ PRINCIPAL
=================
*/

.container_fluidmenu_css{
    background-color: rgba(0, 0, 0, 0.01);

    padding-bottom: 0.3em;
    padding-top: 0.3em;

    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
    /*box-shadow: 0px 16px 32px -4px #0C0C0D1A;*/

}


.container_fluidmenu_css .row{ 
    padding:0; 
}

.container_fluidmenu_css .row .col{ 
    padding:0; 
}


.ullist_menu_css {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}



.ullist_menu_css li {
    display: flex;
    align-items: center;
}

/* Espacio después del logo */
.ullist_menu_css li:first-child {
    padding-right: 15px;
}

/* Línea divisoria */
.ullist_menu_css li + li {
    position: relative;
    padding-left: 15px;

}


.ullist_menu_css li + li::before {
    content: "";
    
    position: absolute;
    left: 0;
    top: 50%;
    
    width: 2px;
    height: 45px;
    
    background-color: #b5b5b5;
    
    transform: translateY(-50%);
}


            /* Quitar las líneas divisorias de todos los elementos */
            .ullist_menu_css li + li::before {
                display: none;
            }

            /* Mantener una sola línea: antes del segundo li */
            .ullist_menu_css li:nth-child(2)::before {
                display: block;
            }


/* Enlaces */
.ullist_menu_css a {
    display: flex;
    align-items: center;
    color: #333;
    text-decoration: none;
    font-size: 1.25em;
    font-weight: bold;

}

/* Logo */
.ullist_menu_css img {
    display: block;
    max-height: 52px;
    width: auto;

}


.ullist_menu_css li + li img {
    max-height: 92px;


}






@media (max-width: 768px) {
    .ullist_menu_css li + li {padding-left: 2px;}
    .ullist_menu_css li + li::before {   height: 30px;}
    .ullist_menu_css a { font-size: 1.0em;}
    .ullist_menu_css img { max-height: 25px;}
  
}


/* 
=================
:: Menu retroceder
=================
*/

.container_retroceder_css {

    padding: 1.5em  1.5em 0em 1.5em;


}


.container_retroceder_css ul {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.container_retroceder_css ul li {
  display: flex;
  align-items: center;
}

/* Todos los enlaces */
.container_retroceder_css ul li a {
  color: rgba(0, 86, 172, 0.7);
  text-decoration: underline;
  font-weight: 600;
}

/* Flecha entre los elementos */
.container_retroceder_css ul li:not(:last-child)::after {
  content: "›";
  margin: 0 10px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 25px;
   font-weight: bold;
}

/* Último elemento */
.container_retroceder_css ul li:last-child a {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  font-weight: bold;


}
.container_retroceder_css ul li:last-child a:hover {
/*cursor: grabbing;*/
  color: rgba(0, 0, 0, 0.5);
}




@media (max-width: 576px) {

  .container_retroceder_css ul {
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
  }

  .container_retroceder_css ul li {
    display: flex;
    align-items: center;
  }

  .container_retroceder_css ul li a {
    padding: 5px 3px;
    font-size: 14px;
  }

  .container_retroceder_css ul li:not(:last-child)::after {
    content: "›";
    margin: 0 6px;
    color: #999;
    font-size: 18px;
  }

  .container_retroceder_css ul li:last-child a {
    font-size: 14px;
 
  }

}




/* 
=================
:: 
=================
*/



/* 
=================
:: Home- SIMELFEN 
=================
*/

.container_home_part2_css{
 padding-top: 60px;
 padding-bottom: 60px;
}

.container_home_part2_css .row .col{
    text-align: center;
}

.container_home_part2_css .row .col h2{
   font-size: 28px;
   /*color: rgba(9, 90, 172, 1);*/
   color: #12395b;
   font-weight: bold;
}

.container_home_part2_css .row .col .row {
   padding-top: 7px;

 
}
.container_home_part2_css .row .col .row .col-12{
   font-size: 18px;
 
}


.container_home_part2_css .row .col .row .col_cntroimg_css img {
    position: relative;
/*margin-top: -25px;*/
top: 15px; 
 max-width: 350px;
 height: auto;
}






.container_home_part2_css .row .col .row .col_cntroimg_css {
    position: relative;
    display: flex;
    justify-content: center;
}

/* Usamos ::after (o ::before) con un z-index positivo */
.container_home_part2_css .row .col .row .col_cntroimg_css::after {
    content: "";
    position: absolute;
    
    /* ESTO LO PONE ENCIMA DE LA IMAGEN */
    z-index: 2; 
    
    width: 600px; 
    height: 2px; 
    
    /* Valor positivo para subir la línea y que pise el interior de la imagen */
    top: 7px; 
    
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
    
    /* Degradado exclusivo con tus colores */
    background: linear-gradient(90deg, 
        transparent 0%, 
        #12395b 20%, 
        #2ab8c5 50%, 
        #12395b 80%, 
        transparent 100%
    );
    background-size: 200% 100%;
    box-shadow: 0 4px 10px rgba(42, 184, 197, 0.5);
    
    /* Evita que la línea bloquee clics si la imagen tiene algún enlace */
    pointer-events: none; 
    
    animation: corriente-ninio 5s ease-in-out infinite alternate;
}

@keyframes corriente-ninio {
    0% {
        background-position: 0% 50%;
        opacity: 0.7;
        transform: translateX(-50%) scaleX(0.9);
    }
    100% {
        background-position: 100% 50%;
        opacity: 1;
        transform: translateX(-50%) scaleX(1);
    }
}



/* Versión Móvil (Pantallas menores a 768px) */
@media (max-width: 768px) {
    .container_home_part2_css .row .col .row .col_cntroimg_css::after {
        /* Reducimos el ancho a un porcentaje o tamaño menor para que no rompa la pantalla */
        width: 90%; 
        max-width: 320px; 
        
        /* Ajustamos la altura si es necesario (puedes mantener los 7px si se ve bien) */
        top: 5px; 
        
        height: 2px;
        box-shadow: 0 3px 8px rgba(42, 184, 197, 0.5);
    }
}



/* 
=================
:: Home- Prospección 
=================
*/

.container_home_part3_css{
padding-top: 60px;
 padding-bottom: 60px; 
 background: rgba(240, 244, 247, 1);
}

.container_home_part3_css .container .row .col{
/*padding-top: 60px;
 padding-bottom: 60px; */

}



.container_home_part3_css .container .row .col h2{
 font-size: 28px;
   /*color: rgba(9, 90, 172, 1);*/
   color: #12395b;
   text-align: center;
    font-weight: bold;
}

.container_home_part3_css .container .row .col .row .col-12_css1{

}

/* Primer párrafo */
.container_home_part3_css .container .row .col .row .col-12_css1 p:first-of-type {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

/* Segundo párrafo */
.container_home_part3_css .container .row .col .row .col-12_css1 p:last-of-type {
    font-size: 18px;
    font-weight: 400;
    color: #777;

}

.container_home_part3_css .container .row .col .row .col-12_css2{

}





.container_home_part3_row_css{
margin-top: 1.5em;
}

.container_home_part3_row_css .col .row .col{
/*background: red;*/
}


.container_home_part3_row_css .col .row .col .card{
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    /*border: none;*/
    border-radius: 10px;
    transition: all 0.3s ease;
 padding: 10px 30px;
 /*border: 2px solid rgba(9, 90, 172, .6);*/
/* border: 2px solid #12395b;
  border: 2px solid #1ab8c5;*/

 border: 2px solid transparent;
background:
         linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)) padding-box,
        linear-gradient(90deg, rgba(18, 57, 91, 0.6) 50%, rgba(26, 184, 197, 0.7) 50%) border-box;

}

.container_home_part3_row_css .col .row .col .card:hover{
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    transform: translateY(-5px);
 
}


.container_home_part3_row_css .col .row .col .card .img_css{
 /*background: rgba(243, 249, 249, 1);*/
  background: rgba(64, 224, 208, 0.02);
 /*max-width: 278px;*/
 width: 100%;
    display: block;
   margin: 0 auto;
 /*min-width: 278px;  */
 padding: 20px 0px;
 margin-top: 2em;
 border-radius: 5px;
}


.container_home_part3_row_css .col .row .col .card img{
   max-width: 170px;
   max-height: 110px;
    display: block;
   margin: 0 auto;

}

.container_home_part3_row_css .col .row .col .card .card-body h3{
font-size: 21px;
text-align: center;
padding-top: 1em;
font-weight: bold;
}

.container_home_part3_row_css .col .row .col .card .card-text{
padding-top: 0.5em;
}


.container_home_part3_row_css .col .row .col .card .card-footer{

     padding-top: 15px;
     padding-bottom: 30px;
    background-color: transparent;
    border: 0;
    text-align: center;
}



.container_home_part3_row_css .col .row .col .card .card-footer a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(0, 86, 172, 1);
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s ease;
    font-weight: bold;
}

/* Icono Bootstrap */
.container_home_part3_row_css .col .row .col .card .card-footer a::after {
    content: "\F285";
    font-family: "bootstrap-icons";
    font-size: 1.1rem;
    display: inline-block;
    transition: transform 0.3s ease, color 0.3s ease;
    font-weight: bold;
}

/* Línea animada */
.container_home_part3_row_css .col .row .col .card .card-footer a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0;
    height: 2px;
    background-color: #0d6efd;
    transition: width 0.3s ease;
}

/* Efecto hover */
.container_home_part3_row_css .col .row .col .card .card-footer a:hover {
    color: #0d6efd;
}

.container_home_part3_row_css .col .row .col .card .card-footer a:hover::after {
    transform: translateX(5px);
    color: #0d6efd;
}

.container_home_part3_row_css .col .row .col .card .card-footer a:hover::before {
    width: 95%;
}

/* 
=================
:: Home - Monitoreo de indicadores
=================
*/


.container_home_part4_css{
    padding-top: 60px;
 padding-bottom: 60px; 
}

.container_home_part4_css .row .col h2 {
  /*color: rgba(0, 86, 172, 1);*/
  /*color: #2ab8c5;*/
  color: #12395b;
  text-align: center;
  font-size: 28px;
   font-weight: bold;
}

.container_home_part4_css .row .col .row .col-12_css1 {
  
}


/* Primer párrafo */
.container_home_part4_css .row .col .row .col-12_css1 p:first-of-type {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

/* Segundo párrafo */
.container_home_part4_css .row .col .row .col-12_css1 p:last-of-type {
    font-size: 18px;
    font-weight: 400;
    color: #777;

}

/* 
=================
:: Home - Acciones del sector
=================
*/

.container_home_part5_css{
padding-top: 60px;
 padding-bottom: 60px; 
 background: rgba(240, 244, 247, 1);
}


.container_home_part5_css .container .row .col{

}

.container_home_part5_css .container .row .col h2{
font-size: 28px;
   /*color: rgba(9, 90, 172, 1);*/
   color: #12395b;
   text-align: center;
    font-weight: bold;
}


.container_home_part5_css .container .row .col .row .col-12_css1 {
  
}


/* Primer párrafo */
.container_home_part5_css .container .row .col .row .col-12_css1 p:first-of-type {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

/* Segundo párrafo */
.container_home_part5_css .container .row .col .row .col-12_css1 p:last-of-type {
    font-size: 18px;
    font-weight: 400;
    color: #777;

}


.container_home_part5_row_css{
    /*background: red;*/

}
.container_home_part5_row_css .col .h2_css{
     font-size: 25px;
    color: rgba(9, 90, 172, 1);
    padding: 40px 0px 20px 0px;
    font-weight: bold;

}


.container_home_part5_row_css .row_cols_css {
margin-bottom: 2em;
}

.container_home_part5_row_css .row_cols_css .col .card{
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

    border: none;
    border-radius: 10px;
    transition: all 0.3s ease;
 padding: 25px 30px;

transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.container_home_part5_row_css .row_cols_css .col .card:hover{
 transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);

}





.container_home_part5_row_css .row_cols_css .col .card .card-body{
    padding-top: 25px;
  text-align: center;
}

.container_home_part5_row_css .row_cols_css .col .card .card-body .card-title{
  font-size: 20px;
   font-weight: bold;
}

.container_home_part5_row_css .row_cols_css .col .card .card-footer{
background: transparent;
border: 0;
text-align: center;
}


.container_home_part5_row_css .row_cols_css .col .card .card-footer a {
    text-decoration: none;
    color: #0056ac;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.2px;
    display: inline-block;
    position: relative;
    transition: color 0.3s ease, transform 0.3s ease;
    font-weight: bold;

}

/* Icono a la derecha del texto */
.container_home_part5_row_css .row_cols_css .col .card .card-footer a::after {
    content: "\F285";
    font-family: "bootstrap-icons";
    display: inline-block;
    margin-left: 8px;
    font-size: 18px;
    transition: transform 0.3s ease;
    font-weight: bold;
     transform: translateY(3px);
}

/* Subrayado animado */
.container_home_part5_row_css .row_cols_css .col .card .card-footer a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    background-color: #0056ac;
    transition: width 0.3s ease;
}

.container_home_part5_row_css .row_cols_css .col .card .card-footer a:hover {
    color: #003d7a;
    transform: translateX(3px);

}

.container_home_part5_row_css .row_cols_css .col .card .card-footer a:hover::after {
    transform: translateX(4px);
    transform: translateY(3px);
}

.container_home_part5_row_css .row_cols_css .col .card .card-footer a:hover::before {
    width: 94%;
}



/* 
=================
:: Home - Enfoque regional
=================
*/

.container_home_part6_css{
    padding-top: 60px;
 padding-bottom: 60px; 

}


.container_home_part6_css .row .col h2 {
  /*color: rgba(0, 86, 172, 1);*/
  color: #12395b;
  text-align: center;
  font-size: 28px;
  padding-bottom: 0.3em;
   font-weight: bold;
}



.container_home_part6_css .row .col-12.col-12_css1{

}



/* Primer párrafo */
.container_home_part6_css .row .col-12.col-12_css1 p:first-of-type {
    font-size: 20px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1.0);
}

/* Segundo párrafo */
.container_home_part6_css .row .col-12.col-12_css1 p:last-of-type {
    font-size: 18px;
    font-weight: 400;
        color: rgba(0, 0, 0, 1.0);

}


.container_home_part6_css .container_home_part3_row_css .col .row .col {
/*background: orange;*/
}

.container_home_part6_css .container_home_part3_row_css .img_css{

padding: revert !important;
}

.container_home_part6_css .container_home_part3_row_css img{
max-width: 100% !important;
min-height: 138px;
max-height: 139px;
}



/* 
=================
:: Home -  Evaluación
=================
*/

.container_home_part7_css{
padding-top: 70px;
 padding-bottom: 70px; 
 background: rgba(240, 244, 247, 1);
}

.container_home_part7_css .container .row .col{

}

.container_home_part7_css .container .row .col .h2_css{
  color: rgba(0, 86, 172, 1);
  text-align: center;
  font-size: 28px;
  padding-bottom: 0.3em;
  font-weight: 600;
}
.container_home_part7_css .container .row .col .h21_css{
 color: rgba(0, 86, 172, 1);
  /*text-align: center;*/
  font-size: 28px;
  padding-bottom: 0.3em;
  font-weight: bold;
}

.container_home_part7_css .container .row .col .col-12.col-12_css1{
  font-size: 18px;

 
}



.container_home_part7_css .container .rowrowrow_css{
/*background: red;*/
}

.container_home_part7_css .container .rowrowrow_css .col{
/*background: red;*/
display: flex;
  justify-content: center; /* Centra en el eje principal (horizontal por defecto) */
  align-items: center;     /* Centra en el eje secundario (vertical por defecto) */

}

.container_home_part7_css .container .rowrowrow_css .col .card{
max-width: 400px;
border: 0;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
padding: 25px 20px;

transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.container_home_part7_css .container .rowrowrow_css .col .card:hover{
 transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);

}



.container_home_part7_css .container .rowrowrow_css .col .card img{
 display: block;
 margin:0 auto;

}

.container_home_part7_css .container .rowrowrow_css .col .card .card-body{

}
.container_home_part7_css .container .rowrowrow_css .col .card .card-body h3{
text-align: center;
font-size: 20px;
padding: 15px 0px;
/*font-weight: bold;*/
}

.container_home_part7_css .container .rowrowrow_css .col .card .card-footer{
background: transparent;
border: 0;
text-align: center;
padding-bottom: 1em;
}



.container_home_part7_css .container .rowrowrow_css .col .card .card-footer a{
    text-decoration: none;
    color: #0056ac;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.2px;
    display: inline-block;
    position: relative;
    transition: color 0.3s ease, transform 0.3s ease;
}

/* Icono a la derecha del texto */
.container_home_part7_css .container .rowrowrow_css .col .card .card-footer a::after {
    content: "\F285";
    font-family: "bootstrap-icons";
    display: inline-block;
    margin-left: 8px;
    font-size: 18px;
    transition: transform 0.3s ease;
    font-weight: bold;
     transform: translateY(3px);
}

/* Subrayado animado */
.container_home_part7_css .container .rowrowrow_css .col .card .card-footer a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    background-color: #0056ac;
    transition: width 0.3s ease;
}

.container_home_part7_css .container .rowrowrow_css .col .card .card-footer a:hover {
    color: #003d7a;
    transform: translateX(3px);

}

.container_home_part7_css .container .rowrowrow_css .col .card .card-footer a:hover::after {
    transform: translateX(4px);
    transform: translateY(3px);
}

.container_home_part7_css .container .rowrowrow_css .col .card .card-footer a:hover::before {
    width: 94%;
}

/* 
=================
:: Home - NORMATIVAs
=================
*/


.container_home_part7_css .container .col .css_rowcss_roww_css{

}



.container_home_part7_css .container .col .css_rowcss_roww_css .rowcss_roww_css{
border: 0;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
padding: 5px 20px;

transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.container_home_part7_css .container .col .css_rowcss_roww_css .rowcss_roww_css:hover{
 transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
    border-bottom: 2px solid rgba(0, 0, 0, 0.6);

}


.container_home_part7_css .container .col .css_rowcss_roww_css .rowcss_roww_css img{
  min-height: 125px;
  max-height: 126px;
    padding: 5px;
    display: block;
    margin: auto 0;
 max-width: 125px;
}

.container_home_part7_css .container .col .css_rowcss_roww_css .rowcss_roww_css .card-body{

}

.container_home_part7_css .container .col .css_rowcss_roww_css .rowcss_roww_css .card-body h3{
font-size: 16px;
font-weight: bold;
}

.container_home_part7_css .container .col .css_rowcss_roww_css .rowcss_roww_css .card-body .card-text{
font-size: 14px;
}



.container_home_part7_css .container .col .css_rowcss_roww_css .rowcss_roww_css .card-body a{
    text-decoration: none;
    color: #0056ac;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.2px;
    display: inline-block;
    position: relative;
    transition: color 0.3s ease, transform 0.3s ease;
    font-weight: bold;
}

/* Icono a la derecha del texto */
.container_home_part7_css .container .col .css_rowcss_roww_css .rowcss_roww_css .card-body a::after {
    content: "\F285";
    font-family: "bootstrap-icons";
    display: inline-block;
    margin-left: 8px;
    font-size: 18px;
    transition: transform 0.3s ease;
    font-weight: bold;
     transform: translateY(3px);
}

/* Subrayado animado */
.container_home_part7_css .container .col .css_rowcss_roww_css .rowcss_roww_css .card-body a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    background-color: #0056ac;
    transition: width 0.3s ease;
}

.container_home_part7_css .container .col .css_rowcss_roww_css .rowcss_roww_css .card-body a:hover {
    color: #003d7a;
    transform: translateX(3px);

}

.container_home_part7_css .container .col .css_rowcss_roww_css .rowcss_roww_css .card-body a:hover::after {
    transform: translateX(4px);
    transform: translateY(3px);
}

.container_home_part7_css .container .col .css_rowcss_roww_css .rowcss_roww_css .card-body a:hover::before {
    width: 94%;
}


.container_home_part7_css .container .col .alink_cese {
text-align: right;
padding-right: 1em;
margin-top: -1em;
}


.container_home_part7_css .container .col .alink_cese a {
    display: inline-block;
    padding: 5px 30px;
    text-decoration: none;
    color: rgba(9, 90, 172, 1);
    background: #fff;
    border: 2px solid rgba(9, 90, 172, 1);
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
    font-weight: 700;
}

.container_home_part7_css .container .col .alink_cese a:hover {
    color: #fff;
    background: rgba(9, 90, 172, 1);
    border-color: rgba(9, 90, 172, 1);
    box-shadow: 0 4px 12px rgba(9, 90, 172, 0.18);
}

/* 
=================
:: Home - 
=================
*/






/* 
=================
:: Home -  Enlaces de interés
=================
*/

.container_home_part8_css{
padding-top: 70px;
 padding-bottom: 70px; 

}

.container_home_part8_css .row .col h2{
font-size: 28px;
   /*color: rgba(9, 90, 172, 1);*/
   color: #12395b;
   text-align: center;
   font-weight: bold;
}




.container_home_part8_css .row .col .col-12_css1 {
  
}


/* Primer párrafo */
.container_home_part8_css .row .col .col-12_css1p:first-of-type {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

/* Segundo párrafo */
.container_home_part8_css .row .col .col-12_css1 p:last-of-type {
    font-size: 18px;
    font-weight: 400;
    color: #777;

}




/* 
=================
:: Home -  Contacto
=================
*/

.container_home_part9_css{
 margin-top: 70px ;
 margin-bottom: 70px;
padding-top: 50px;
 padding-bottom: 40px; 
 background: rgba(232, 242, 251, 1);
 border-radius: 12px;

max-width: 1152px;
}

.container_home_part9_css .row .col-12{
/*  display: grid;
  place-items: center;*/
}

.container_home_part9_css .row .col-12 img{
background: #fff;
border-radius: 50%;
 padding: 18px;
    box-sizing: content-box;
    margin-top: -10px;
}

.container_home_part9_css .row .col-12 h2{
font-size: 28px;
   color: rgba(37, 70, 115, 1);
   font-weight: bold;
}




.container_home_part9_css .row .col-12 a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    text-decoration: none;
    background: #fff;
    color: #0b3b66;
    padding: 14px 28px;
    border: 1px solid #0b3b66;
    border-radius: 6px;
    font-weight: 500;
    transition: color 0.4s ease;
     font-weight: bold;
}

/* Llenado desde abajo */
.container_home_part9_css .row .col-12 a::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #0b3b66;
    transition: height 0.4s ease;
}

.container_home_part9_css .row .col-12 a:hover {
    color: #fff;
    box-shadow: 0 8px 10px rgba(11, 59, 102, 0.3);
}

.container_home_part9_css .row .col-12 a:hover::before {
    height: 100%;
}


/* Estilo móvil */
@media (max-width: 767px) {
    .container_home_part9_css .row .col-12 {
      margin-top: 1.5em;
      text-align: center;
    }

   
}




















/* 
=================
:: Page
=================
*/

.menu_retornar_paginas_css{
border-bottom: 1.11px solid rgba(243, 244, 246, 1);
background: rgba(248, 249, 251, 0.5);
 margin-bottom: 1.4em;

}

.container_container_csscss .row .col h1{
font-weight: bold;

}

.menu_ullist_css_header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    list-style: none;
    padding: 25px 0px;
    margin: 0;

}

.menu_ullist_css_header li {
    display: flex;
    align-items: center;
    gap: 4px;
      font-size: 16px;
      color: rgba(9, 90, 172, 0.7);
      font-weight: 700;
}

.menu_ullist_css_header li:not(:last-child)::after {
    content: "\F285";
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    display: inline-block;
    color: rgba(54, 65, 83, 1);
font-size: 15px;
}

.menu_ullist_css_header a {
    text-decoration: none;
    color: #0056a6;
}

.menu_ullist_css_header a:hover {
    text-decoration: underline;
}

.menu_ullist_css_header .active {
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
}








/* 
=================
:: Page - Reportes de proyecciones del empleo
=================
*/

/* Transición suave de los resultados */
#resultados-reportes {
    transition: opacity 0.25s ease, transform 0.25s ease;
    opacity: 1;
    transform: translateY(0);
}

/* Mientras se buscan nuevos resultados */
#resultados-reportes.cargando {
    opacity: 0.45;
    transform: translateY(5px);
    pointer-events: none;
}

/* Aparición suave de las tarjetas */
#resultados-reportes .col {
    animation: aparecerReporte 0.35s ease both;
}

@keyframes aparecerReporte {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Transición suave del contador */
#estado-reportes {
    transition: opacity 0.2s ease;
    font-weight: 500;
    color: rgba(37, 56, 112, 0.6);
}

/* Respetar las preferencias de accesibilidad */
@media (prefers-reduced-motion: reduce) {
    #resultados-reportes,
    #estado-reportes {
        transition: none;
    }

    #resultados-reportes .col {
        animation: none;
    }
}







.container_page_reportes_css{
/*background: red;*/
}

.container_page_reportes_css .row_one_css{
/*background: orange;*/
}
.container_page_reportes_css .row_one_css h1{
font-size: 28px;
font-weight: bold;
}

.container_page_reportes_css .row_two_css{

}


.container_page_reportes_css .row_two_css .row .row_css label{
font-weight: bold;
}

.container_page_reportes_css .row_two_css .row .row_css .input-group input{
    border-color: rgba(37, 56, 112, 1);
}

.container_page_reportes_css .row_two_css .row .row_css .input-group span{
background: rgba(37, 56, 112, 1);
  border-color: rgba(37, 56, 112, 1);
color: #fff;
}

.container_page_reportes_css .row_two_css .row .rowrow_css label {
font-weight: bold;
}

.container_page_reportes_css .row_two_css .row .rowrow_css select {
  border-color: rgba(37, 56, 112, 1);
}



.row_resultados_vercss_css{
/*background: red;*/
padding-top: 1.5em;
}


.row_resultados_vercss_css .col .card {
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,.05);
    transition: transform .3s ease, box-shadow .3s ease;
}

.row_resultados_vercss_css .col .card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0,0,0,.11);
}

.row_resultados_vercss_css .col .card-img-top {
    transition: transform .4s ease;
}

.row_resultados_vercss_css .col .card:hover .card-img-top {
    transform: scale(1.03);
}

@media (prefers-reduced-motion: reduce) {
    .row_resultados_vercss_css .col .card,
    .row_resultados_vercss_css .col .card-img-top {
        transition: none;
    }
    .row_resultados_vercss_css .col .card:hover,
    .row_resultados_vercss_css .col .card:hover .card-img-top {
        transform: none;
    }
}



.row_resultados_vercss_css .col {
margin-bottom: 1.5em;
}

.row_resultados_vercss_css .col .card{
/*background: red;*/

}

@media (max-width: 767.98px) {
    .row_resultados_vercss_css .col .card {
        max-width: 360px;
        margin: 0 auto;
    }
}

.row_resultados_vercss_css .col .card img{
 border: 1px solid rgba(208, 212, 215, 0.7);
border-radius: 12px;
}

.row_resultados_vercss_css .col .card .card-body h2{
    font-size: 18px;
}
.row_resultados_vercss_css .col .card .card-body p{
    margin-top: 1.5em;
}

.row_resultados_vercss_css .col .card .card-footer{
    background: transparent;
    border: 0;
    text-align: center;
}

/*.row_resultados_vercss_css .col .card .card-footer a{
    color:rgba(0, 86, 172, 1);
}

*/

.row_resultados_vercss_css .col .card .card-footer a {
    color: #0056ac;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 20px;
    border-bottom: 2px solid #0056ac;
    border-radius: 6px;
    text-decoration: none;
    transition: all .3s ease;
    font-weight: 600;
    margin-top: 1.1em;
}

.row_resultados_vercss_css .col .card .card-footer a::after {
    content: "\F30A";
    font-family: "bootstrap-icons";
    transition: transform .3s ease;
}

.row_resultados_vercss_css .col .card .card-footer a:hover {
    background: #0056ac;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 5px 12px rgba(0, 86, 172, .25);
}

.row_resultados_vercss_css .col .card .card-footer a:hover::after {
    transform: translateY(3px);
}








/* Paginación */

#paginacion-reportes{
     margin-bottom: 5em;
}
#paginacion-reportes .page-link {
    /*color: #0056ac;*/
     color: #0056ac;
     font-weight: 600;
    background: #fff;
    border: 0px solid #dee2e6;
    transition: all .25s ease;
      
    margin-right: 0.2em;
}

/* Hover */
#paginacion-reportes .page-link:hover {
    color: #fff;
    background: #0056ac;
    border-color: #0056ac;
        border-radius: 50%;
}

/* Página activa */
#paginacion-reportes .page-item.active .page-link {
    color: #fff;
    background: #0056ac;
    border-color: #0056ac;
    box-shadow: 0 3px 8px rgba(0, 86, 172, .25);
     border-radius: 50%;
}

/* Botones deshabilitados */
#paginacion-reportes .page-item.disabled .page-link {
    color: rgba(0, 0, 0, 0.5);
    background: #f8f9fa;
    border-color: #dee2e6;
}

/* Efecto suave */
#paginacion-reportes .page-link:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 86, 172, .2);

}


/* Anterior y siguiente: hover transparente */
#paginacion-reportes .page-item:first-child .page-link:hover,
#paginacion-reportes .page-item:last-child .page-link:hover {
    color: #0056ac;
    background: transparent;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
}






/* 
=================
:: Page - Mapa de vulnerabilidad del empleo formal 
=================
*/

 
.container_page_mapaempleoformal_css{

}


/*.container_page_mapaempleoformal_css .row .col .contenedor-powerbi {
                width: 100%;
                height: 100vh;
                min-height: 3500px;
                overflow: hidden;
            }

.container_page_mapaempleoformal_css .row .col .contenedor-powerbi iframe {
                display: block;
                width: 100%;
                height: 100%;
                border: 0;
            }*/





                    /* Contenedor principal de Power BI */
                    .container_page_mapaempleoformal_css .row .col .contenedor-powerbi {
                        position: relative;
                        width: 100%;
                        height: 4000px;
                        min-height: 100vh;
                        overflow: hidden;
                        background: #fff;
                    }
                    /* Iframe de Power BI */
                    .container_page_mapaempleoformal_css .row .col .contenedor-powerbi iframe {
                        display: block;
                        width: 100%;
                        height: 100%;
                        border: 0;
                    }


                    /* Indicador de carga */
                    .container_page_mapaempleoformal_css .contenedor-powerbi .powerbi-loading {
                        position: absolute;
                        inset: 0 0 auto 0;
                        z-index: 2;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: flex-start;
                        gap: 12px;
                        padding: 35px 20px;
                        box-sizing: border-box;
                        background: #fff;
                        text-align: center;
                        color: #344054;
                    }

                    /* Mensaje principal */
                    .container_page_mapaempleoformal_css .powerbi-loading p {
                        margin: 8px 0 0;
                        font-size: 18px;
                        font-weight: 600;
                        line-height: 1.5;
                        color: #344054;
                    }

                    /* Mensaje secundario */
                    .container_page_mapaempleoformal_css .powerbi-loading span {
                        display: block;
                        max-width: 360px;
                        font-size: 14px;
                        line-height: 1.6;
                        color: #667085;
                    }

                    /* Spinner */
                    .container_page_mapaempleoformal_css .powerbi-spinner {
                        width: 44px;
                        height: 44px;
                        flex-shrink: 0;
                        box-sizing: border-box;
                        border: 4px solid #e9edf2;
                        border-top-color: #f2c811;
                        border-radius: 50%;
                        animation: powerbi-girar 0.8s linear infinite;
                    }

                    /* Animación */
                    @keyframes powerbi-girar {
                        to {
                            transform: rotate(360deg);
                        }
                    }

                    /* Accesibilidad: reducir movimiento */
                    @media (prefers-reduced-motion: reduce) {
                        .container_page_mapaempleoformal_css .powerbi-spinner {
                            animation: none;
                            border-top-color: #f2c811;
                        }
                    }

                    /* Adaptación para móviles */
                    @media (max-width: 768px) {
                        .container_page_mapaempleoformal_css .row .col .contenedor-powerbi {
                            min-height: 4000px;
                        }

                        .container_page_mapaempleoformal_css .powerbi-loading {
                            padding: 25px 15px;
                            gap: 10px;
                        }

                        .container_page_mapaempleoformal_css .powerbi-loading p {
                            font-size: 16px;
                        }

                        .container_page_mapaempleoformal_css .powerbi-loading span {
                            font-size: 13px;
                        }

                        .container_page_mapaempleoformal_css .powerbi-spinner {
                            width: 36px;
                            height: 36px;
                            border-width: 3px;
                        }
                    }





.container_page_mapaempleoformal_css .row_one_css {
   margin-bottom: 1.1em;
}

.container_page_mapaempleoformal_css .row_one_css .col h1{
   font-size: 28px; 
   font-weight: bold;
}
















                    .pantalla_completa_iframe_css {
                        display: flex;
                        justify-content: end;
                        align-items: center;
                        /*padding: 12px 0;*/
                        margin-bottom: 0.5em;
                        margin-top: -2.5em;
                    }

                    .pantalla_completa_iframe_css a {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        gap: 10px;

                        padding: 12px 22px;
                        background: #FFF;
                        color: rgba(9, 90, 172, 1);

                        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
                        font-size: 14px;
                        font-weight: 500;
                        letter-spacing: 0.2px;
                        text-decoration: none;

                        border: 1px solid rgba(255, 255, 255, 0.12);
                        border-radius: 10px;

                        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);

                        transition:
                            background 0.25s ease,
                            border-color 0.25s ease,
                            transform 0.25s ease,
                            box-shadow 0.25s ease;
                    }

                    .pantalla_completa_iframe_css a::before {
                        content: "⛶";
                        font-size: 19px;
                        line-height: 1;
                        font-weight: 400;
                    }

                    .pantalla_completa_iframe_css a:hover {
                        background: rgba(9, 90, 172, 1);
                        color: #fff;
                        border-color: rgba(255, 255, 255, 0.25);
                        box-shadow: 0 7px 20px rgba(0, 0, 0, 0.14);
                        transform: translateY(-2px);
                    }

                    .pantalla_completa_iframe_css a:active {
                        transform: translateY(0);
                        box-shadow: none;
                    }

                    .pantalla_completa_iframe_css a:focus-visible {
                        outline: 2px solid #94a3b8;
                        outline-offset: 4px;
                    }



















/* 
=================
:: Page - Reportes regionales
=================
*/



.container_page_reportesregional_css{
/*background: red;*/
}

.container_page_reportesregional_css .row_one_css{
/*background: orange;*/
}
.container_page_reportesregional_css .row_one_css h1{
font-size: 28px;
font-weight: bold;
}

.container_page_reportesregional_css .row_two_css{

}


.container_page_reportesregional_css .row_two_css .row .row_css label{
font-weight: bold;
}

.container_page_reportesregional_css .row_two_css .row .row_css .input-group input{
    border-color: rgba(37, 56, 112, 1);
}

.container_page_reportesregional_css .row_two_css .row .row_css .input-group span{
background: rgba(37, 56, 112, 1);
  border-color: rgba(37, 56, 112, 1);
color: #fff;
}

.container_page_reportesregional_css .row_two_css .row .rowrow_css label {
font-weight: bold;
}

.container_page_reportesregional_css .row_two_css .row .rowrow_css select {
  border-color: rgba(37, 56, 112, 1);
}














/* ========================================
   LISTA DE REPORTES
======================================== */

.container_page_reportesregional_css .ul_resultados_vercss_css {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px;
    column-gap: 0;
    row-gap: 0;
    align-items: stretch;
    padding: 0;
    margin: 0;
    list-style: none;

}

/* Elementos de la lista */
.container_page_reportesregional_css .ul_resultados_vercss_css li {
    transition: background-color 0.3s ease, opacity 0.3s ease;
}

/* Columna de información */
.container_page_reportesregional_css .ul_resultados_vercss_css li:nth-child(odd) {
    min-width: 0;
    padding: 14px 20px 14px 0;
    border-bottom: 1px solid #ddd;
}

/* Títulos */
.container_page_reportesregional_css .ul_resultados_vercss_css li:nth-child(odd) h2 {
    font-size: 20px;
    line-height: 1.4;
    margin: 0 0 8px;
    transition: color 0.3s ease;
    font-weight: bold;
}

/* Párrafos */
.container_page_reportesregional_css .ul_resultados_vercss_css li:nth-child(odd) p {
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

/* Columna del botón */
.container_page_reportesregional_css .ul_resultados_vercss_css li:nth-child(even) {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0;
    border-bottom: 1px solid #ddd;
}

/* Botón de descarga */
.container_page_reportesregional_css .ul_resultados_vercss_css li:nth-child(even) a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 130px;
    box-sizing: border-box;
    padding: 9px 12px;
    background-color: #fff;
    color: rgba(37, 56, 112, 1);
    text-align: center;
    text-decoration: none;
    border: 2px solid rgba(37, 56, 112, 1);
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    transition:
        background-color 0.3s ease,
        color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
    
}

/* Ícono Bootstrap desde CSS */
.container_page_reportesregional_css .ul_resultados_vercss_css li:nth-child(even) a::before {
    content: "\F30A";
    font-family: "bootstrap-icons";
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

/* Hover del botón */
.container_page_reportesregional_css .ul_resultados_vercss_css li:nth-child(even) a:hover {
    background-color: rgba(37, 56, 112, 1);
    color: #fff;
    border-color: rgba(37, 56, 112, 1);
    box-shadow: 0 3px 8px rgba(37, 56, 112, 0.12);
}

/* Movimiento suave del ícono */
.container_page_reportesregional_css .ul_resultados_vercss_css li:nth-child(even) a:hover::before {
    transform: translateY(-2px);
}


/* ========================================
   ANIMACIÓN DE LOS RESULTADOS
======================================== */

/* Se aplica al insertar o volver a mostrar resultados */
.container_page_reportesregional_css .ul_resultados_vercss_css li {
    animation: aparecerReporte 0.35s ease both;
}

@keyframes aparecerReporte {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ========================================
   MÓVILES
======================================== */

@media (max-width: 600px) {

    .container_page_reportesregional_css .ul_resultados_vercss_css {
        grid-template-columns: minmax(0, 1fr);
    }

    /* Información del reporte */
    .container_page_reportesregional_css .ul_resultados_vercss_css li:nth-child(odd) {
        padding: 14px 0 8px;
        border-bottom: none;
    }

    /* Botón debajo del texto */
    .container_page_reportesregional_css .ul_resultados_vercss_css li:nth-child(even) {
        justify-content: center;
        padding: 12px 0 20px;
        border-bottom: 1px solid #ddd;
    }

    .container_page_reportesregional_css .ul_resultados_vercss_css li:nth-child(even) a {
        width: 150px;
        margin: 0 auto;
    }
}


/* ========================================
   PAGINACIÓN
======================================== */

#rr-paginacion-reportes {
    margin-bottom: 5em;
}

/* Enlaces de paginación */
#rr-paginacion-reportes .page-link {
    color: #0056ac;
    font-weight: 600;
    background: #fff;
    border: 0;
    margin-right: 0.2em;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-radius 0.25s ease,
        box-shadow 0.25s ease;
}

/* Hover */
#rr-paginacion-reportes .page-link:hover {
    color: #fff;
    background: #0056ac;
    border-color: #0056ac;
    border-radius: 50%;
}

/* Página activa */
#rr-paginacion-reportes .page-item.active .page-link {
    color: #fff;
    background: #0056ac;
    border-color: #0056ac;
    box-shadow: 0 3px 8px rgba(0, 86, 172, 0.25);
    border-radius: 50%;
}

/* Botones deshabilitados */
#rr-paginacion-reportes .page-item.disabled .page-link {
    color: rgba(0, 0, 0, 0.5);
    background: #f8f9fa;
    border-color: #dee2e6;
}

/* Foco accesible */
#rr-paginacion-reportes .page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 86, 172, 0.2);
}

/* Anterior y siguiente: hover transparente */
#rr-paginacion-reportes .page-item:first-child .page-link:hover,
#rr-paginacion-reportes .page-item:last-child .page-link:hover {
    color: #0056ac;
    background: transparent;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
}


















/* 
=================
:: Page - Evaluación
=================
*/

.container_page_evaluacion_css{

}


/* =========ANIMACIÓN DE LOS RESULTADOS ======== */


/* Transición durante la búsqueda AJAX */
.container_page_evaluacion_css #resultados-evaluacion-card {
    transition: opacity 0.2s ease;
}

.container_page_evaluacion_css #resultados-evaluacion-card.cargando {
    opacity: 0.45;
    pointer-events: none;
}

/* Accesibilidad: respetar la preferencia de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
    .container_page_evaluacion_css #resultados-evaluacion-card,
    .container_page_evaluacion_css #resultados-evaluacion-card .col {
        animation: none;
        transition: none;
    }

    #paginacion-evaluacion-card .page-link {
        transition: none;
    }
}



/* Se aplica al insertar o volver a mostrar resultados */
.container_page_evaluacion_css #resultados-evaluacion-card .col {
    animation: aparecerReporte 0.35s ease both;
}

@keyframes aparecerReporte {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}




 /* == PAGINACIÓN - Evaluación == */

#paginacion-evaluacion-card {
    margin-bottom: 5em;
}

/* Enlaces de paginación */
#paginacion-evaluacion-card .page-link {
    color: #0056ac;
    font-weight: 600;
    background: #fff;
    border: 0;
    margin-right: 0.2em;
    transition:
        color 0.25s ease,
        background-color 0.25s ease,
        border-radius 0.25s ease,
        box-shadow 0.25s ease;
}

/* Hover */
#paginacion-evaluacion-card .page-link:hover {
    color: #fff;
    background: #0056ac;
    border-color: #0056ac;
    border-radius: 50%;
}

/* Página activa */
#paginacion-evaluacion-card .page-item.active .page-link {
    color: #fff;
    background: #0056ac;
    border-color: #0056ac;
    box-shadow: 0 3px 8px rgba(0, 86, 172, 0.25);
    border-radius: 50%;
}

/* Botones deshabilitados */
#paginacion-evaluacion-card .page-item.disabled .page-link {
    color: rgba(0, 0, 0, 0.5);
    background: #f8f9fa;
    border-color: #dee2e6;
}

/* Foco accesible */
#paginacion-evaluacion-card .page-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 86, 172, 0.2);
}

/* Anterior y siguiente: hover transparente */
#paginacion-evaluacion-card .page-item:first-child .page-link:hover,
#paginacion-evaluacion-card .page-item:last-child .page-link:hover {
    color: #0056ac;
    background: transparent;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
}








/* 
=================
:: 
=================
*/


 




/* 
=================
:: 
=================
*/


 /* 
=================
:: Page - Contacto
=================
*/

.contacto_css_img_izq{
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centrado vertical */
    /*min-height: 100vh;*/
}

.contacto_css_img_izq img{
    max-height: 725px;
    margin-top: -.7em;
    border-radius: 12px;
      box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.2);
}

.contacto_css_img_der{  }

@media (max-width: 768px) { 
.contacto_css_img_izq{display: none;}
.contacto_css_img_der{ box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.2);  animation: pulsoSombra 3s infinite ease-in-out;}
}


@keyframes pulsoSombra {
    0%, 100% {
        box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.2);
    }
    50% {
        /* La sombra se expande y se vuelve un poco más suave */
        box-shadow: 0 8px 20px 4px rgba(0, 0, 0, 0.25);
    }
}

/* 
=================
:: 
=================
*/


 




/* 
=================
:: 
=================
*/


 




/* 
=================
:: 
=================
*/


 




/* 
=================
:: 
=================
*/


 




/* 
=================
:: 
=================
*/


 




/* 
=================
:: 
=================
*/


 




/* 
=================
:: 
=================
*/





/* 
=================
:: 
=================
*/

.containerfluid_retornar_pagina_css{
    background: rgba(240, 244, 247, 0.4);
    padding-bottom: 16px;

}



.retornar_pagina_css {
    color: #1b61a8;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    top: 9px;
}

.retornar_pagina_css::before {
    content: "\F12A";
    font-family: "bootstrap-icons";
    margin-right: 7px;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}

.retornar_pagina_css::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 0;
    height: 2px;
    background: #1b61a8;
    transition: width .35s ease;
}

.retornar_pagina_css:hover::after {
    width: 100%;
}

/* 
=================
:: 
=================
*/


/* 
=================
:: 
=================
*/























/* 
=================
:: Footer
=================
*/

.container_footer_fluid_one_css{
    background-color: rgba(51, 51, 51, 1);
    color: #fff;

    padding: 3em 1em;

}

.container_footer_fluid_one_css h2{
    font-size: 1.4em;
    margin-top: 1em;
    margin-bottom: 0.7em;
    font-weight: bold;
}


.container_footer_fluid_one_css .ulenlcesdeintereces_css{
 /*list-style: none;*/
 list-style-type: square;
    /*padding-left: 0;*/
    margin: 0;
    margin-bottom: 1.8em
}

.container_footer_fluid_one_css .ulenlcesdeintereces_css li{
    margin-bottom: 0.2em

}

.container_footer_fluid_one_css .ulenlcesdeintereces_css li  a{
    color: #ffffff;
    text-decoration: none;
}

.container_footer_fluid_one_css .ulenlcesdeintereces_css li  a:hover{
    text-decoration: revert;
}





.container_footer_fluid_one_css .row_logosfooter_css {
  display: flex;
  align-items: center;
}

.container_footer_fluid_one_css .row_logosfooter_css .col-md-6:first-child {
  text-align: left;
}

.container_footer_fluid_one_css .row_logosfooter_css .col-md-6:last-child {
  text-align: right;
}

.container_footer_fluid_one_css .row_logosfooter_css img{
    max-width: 300px;
}





@media (max-width: 767px) {
  .container_footer_fluid_one_css .row_logosfooter_css .col-12 {
    text-align: center !important;
    margin-bottom: 15px;
  }
}





.container_footer_fluid_one_css .row_hr_footer_css .col hr{

color: rgba(255, 255, 255, 1);
margin-bottom: 3em;
}










  .container_footer_fluid_one_css .redesocliales_footer_css {
  display: flex;
  align-items: center;
  gap: 15px;
  list-style: none;
  padding: 0;
  margin: 0;
}

  .container_footer_fluid_one_css .redesocliales_footer_css li {
  display: flex;
  align-items: center;
}

  .container_footer_fluid_one_css .redesocliales_footer_css img {
  width: 23px;
  height: 23px;
  object-fit: contain;
}



  .container_footer_fluid_one_css .redesocliales_footer_css img:hover {
   text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
  }


.container_footer_fluid_two_css{
 background: rgba(35, 35, 35, 1);
   color: #fff;

    display: flex;
  justify-content: center; 
  align-items: center; 
  padding-top: 1em;   
}



.row_logosfooter_css .custom-footer-image{
max-height: 75px;
}






.footer-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 6px;
}

.footer-contact-icon {
    font-size: 19px;
    line-height: 1.4;
    flex-shrink: 0;
    /*filter: grayscale(1) brightness(0) invert(1);*/
    color: #fff;
}

.footer-contact-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.footer-contact-content strong {
    /*color: inherit;*/
}

.footer-contact-content a,
.footer-contact-content span {
    overflow-wrap: anywhere;
}

















/* 
=================
:: Page detalles
=================
*/




/* 
=================
:: 
=================
*/