@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
}

.azul {
  color: #005eb8;
}
.azul-smaller {
	color: #005eb8;
	font-size: 1.3rem;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #28cbff;
}
.celeste {
  color: #28cbff;
}
.azuloscuro {
  color: #10069F;
}

.negro3 {
  color: #666666;
}

.bg-hechos{
  background-image: url("../images/slider/slider-01.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: fixed;
 
}

.bg-preguntas{
  background-image: url("../images/fondos/bg-preguntas.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: fixed;
  background-color: #28cbff;
}


.bg-historia{
  background-image: url("../images/bg-historia.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: fixed;
  background-color: #28cbff;
}

.bg-bursatil{
  background-image: url("../images/capacitaciones/juego-bursatil.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: fixed;
  background-color: #28cbff;
  height: 276px;
}

.bg-mercados {
  background-image: url("../images/bg-mercados.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: fixed;
  background-color: #001489;
}

.bg-directorio{
  background-image: url("../images/bg-directorio.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto;
  background-color: #ffffff;
}

.bg-celeste{
  
  background-repeat: no-repeat;
  background-position: left center;
  background-size: fixed;
  background-color: #10069F;
}

.bg-celeste-a{
  background-image: url("../images/fondos/bg-celeste-a.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: fixed;
  background-color: #28cbff;
}

.bgprecio {
  background-image: url("../images/bg-home2.png");
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 70px;
}

.bghechos {
  background-image: url("../images/bg-home3.png");
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 40px;
}

.bg-azul {
  background-color: #005eb8;
}

.bg-negro {
  background-color: #343434;
}

.bg-gris {
  background-color: #ebebeb;
}

.bg-img {
  background-image: url("../images/background/bg-home2.png");
  background-position: bottom center;
  background-repeat: no-repeat;
}

.bg-noticias{
  
  background-position: top center;
  background-repeat: no-repeat; 
}

.bg-prueba{
  background-color: #021387;
}

.altotitu{
  width: 100%;
  height: 180px;
}

.tespacio{
  letter-spacing: 1px;
}


@font-face {
  src: url(../fonts/Poppins-Regular.ttf);
  font-family: "Poppins";
  font-style: normal;
}
@font-face {
  src: url(../fonts/Roboto-Regular.ttf);
  font-family: "Roboto";
  font-style: normal;
}
@font-face {
  src: url(../fonts/Raleway-Regular.ttf);
  font-family: "Raleway";
  font-style: normal;
}
.roboto {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.poppins {
  font-family: "Poppins", Helvetica, Arial, sans-serif;
}

.raleway {
  font-family: "Raleway", Helvetica, Arial, sans-serif;
}

p {
  font-size: 1.2em;
}

.ul ul{
  font-size: 1.2em; 
}

.ul li{
  font-size: 1.2em;
  line-height: 25px;
}

.span{
  font-size: 13px;
}

.titulo{
  font-size: 24px;
  padding: 0;
  margin: 0;
}

.subtitulo{
  font-size: 13px;
  padding: 0;
  margin: 0;
}

.preguntas-text{
  font-size: 1.5em;
  color: #333333;
}

.text-peq {
  font-size: 0.9em;
}

.text-cards {
  font-size: 0.75em;
}

.text-med {
  font-size: 12px;
}

.list-group-item {
  background-color: transparent !important;
}

.text-azul {
  color: #116eb0;
}

.nav-tabs {
  font-size: 1.2em !important;
}

.nav-tabs2 {
  font-size: 1em !important;
}


.unodos {
  font-size: 1.2em;
}

.h1, h1 {
  font-size: 3em !important;
}

table td {
    font-size: .9rem;
    font-weight: normal !important;
}

.border-azul{
  border: 3px solid #10069F;  
}



body {
  color: #666666;
  font-family: "Poppins", Helvetica, Arial, sans-serif;
  background-color: #ffffff;
  overflow-x: hidden;
  font-size: 12px;
  
}

a {
  color: #666666;
  font-size: 1em;
}

.nav-tabs .nav-link {
  font-weight: bold;
}

.nav-tabs2 .nav-link {
  font-weight: bold;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #116eb0;
}

.nav-tabs2 .nav-item.show .nav-link, .nav-tabs2 .nav-link.active {
  color: #116eb0;
}

.separa {
  border-bottom: 3px solid #116eb0;
  margin: 5px 0px 10px 0px;
}

.todo {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
}

.logo {
  width: 390px;
  height: 80px;
  background-image: url(../images/logo-bvg2.png);
  background-repeat: no-repeat;
  display: inline-block;
  overflow: hidden;
}

.rounded-lg {
  border-radius: 0.8rem !important;
}

.media img {
  max-width: 40px;
  height: auto;
  opacity: 0.9;
}

.mystyle::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  cursor: pointer;
}

.mystyle2::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  cursor: pointer;
}

.menuup {
  background-color: #10069F;
}

.miga{
  padding: 5px 15px;
  color: #ffffff;
  background-color: #28CBFF;
  border-radius: 20px;
  font-size: 12px;

}

.btnp{
  padding: 8px 25px;
  color: #00aeef;
  background-color: #ffffff;
  border-radius: 20px;
  font-size: 14px;
}

.btnp:hover {
  padding: 8px 25px;
  color: #ffffff;
  background-color: #005eb8;
  text-decoration: none;
  border-radius: 20px;
  font-size: 14px;
}

.btn-celeste{
  padding: 8px 25px;
    color: #ffffff;
  background-color: #00aeef;
  border-radius: 20px;
  font-size: 14px;
}

.btn-celeste:hover {
  padding: 8px 25px;
  color: #ffffff;
  background-color: #005eb8;
  text-decoration: none;
  border-radius: 20px;
  font-size: 14px;
}

.border-20{
  border-radius: 20px;
}

.bg-celeste2{
  background-color: #00aeef;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: fixed;
}


.redessociales{
    background-color: #ffffff;
    border-radius: 30px;
    padding: 5px 10px;
    width: 60px;
    height: 60px;
    margin-top: 40px;
    font-size: 14px;

}

.contenedor {
  width: 112px;
  height: 130px;
  float: left;
  -webkit-transition: width 0.4s;
  text-align: center;
  cursor: auto;
  text-decoration: none;
}

.uno {
  background-color: #87c8fe;
  background-image: url("../images/menu-uno.png");
  background-repeat: no-repeat;
  padding-left: 0px !important;
}

.dos {
  background-color: #2c72c3;
  background-image: url("../images/menu-2.png");
  background-repeat: no-repeat;
  padding-left: 8px;
}

.tres {
  background-color: #87c8fe;
  background-image: url("../images/menu-3.png");
  background-repeat: no-repeat;
  padding-left: 8px;
}

.seis {
  background-color: #ffffff;
  background-image: url("../images/menu-f.png");
  background-repeat: no-repeat;
}

.icon {
  display: block;
  margin-top: 35px !important;
  margin-left: 80px !important;
  margin-right: 0px !important;
  margin-bottom: 0px !important;
  background-color: rgba(255, 255, 255, 0.15);
  padding: 10px;
  -webkit-border-radius: 50%;
  -webkit-box-shadow: 0px 0px 0px 30px rgba(255, 255, 255, 0);
  position: absolute;
  -webkit-transition: box-shadow 0.4s;
}

p.text {
  font-size: 1em;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  text-align: center;
  padding-top: 95px !important;
  padding-left: 25px;
  opacity: 0 !important;
  -webkit-transition: padding-left 0.5s;
  -webkit-transition: opacity 0.5s;
  text-align: center;
  text-decoration: none;
}

.contenedor:hover {
  width: 140px !important;
  text-align: center;
}

.contenedor a {
  text-decoration: none;
}

.contenedor:hover p.text {
  padding-left: 60px !important;
  opacity: 0.8 !important;
  text-decoration: none;
}

.contenedor:hover img.icon {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.4);
}


.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") !important;
  
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") !important;
}


#main {
  height: 75px;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

#main:before {
  content: "";
  position: absolute;
  height: 75px;
  width: 100%;
}

#marquee {
  width: 100%;
  height: 75px;
  overflow: hidden;
  position: absolute;
}
#marquee ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#marquee li {
  white-space: nowrap;
  float: left;
  margin-bottom: 20px;
}

#main2 {
  height: 75px;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

#main2:before {
  content: "";
  position: absolute;
  height: 75px;
  width: 100%;
}

#marquee2 {
  width: 100%;
  height: 75px;
  overflow: hidden;
  position: absolute;
}
#marquee2 ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#marquee2 li {
  white-space: nowrap;
  float: left;
  margin-bottom: 20px;
}

.tablas {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
}
.tablas td, .tablas th {
  border-bottom: 1px solid #ddd;
  padding: 0.7em;
  font-size: 1.2em;
}
.tablas tr:nth-child(even) {
  background-color: #f2f2f2;
}
.tablas tr:hover {
  background-color: #ddd;
  transition: all 0.1s ease-in;
}
.tablas th {
  padding: 0.7em;
  background-color: #116eb0;
  color: white;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.tablas span {
  font-size: 1em;
}

.tabla {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
}
.tabla td, .tabla th {
  border-bottom: 1px solid #ddd;
  padding: 4px 2px 4px 2px;
  font-size: 1em;
  text-decoration: none;
}

.tabla tr:nth-child(even) {
  background-color: #f2f2f2;
}

.tabla tr:hover {
  background-color: #ddd;
  transition: all 0.1s ease-in;
}

.tabla th {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #116eb0;
  color: white;
}

.dataTables_filter {
  display: none;
}

.tabla thead .sorting {
  background-image: none;
}

.tabla thead .sorting_asc {
  background-image: none;
}

.tabla thead .sorting_desc {
  background-image: none;
}

.tabla thead .sorting_asc_disabled {
  background-image: none;
}

.tabla thead .sorting_desc_disabled {
  background-image: none;
}

.paginate_button {
  padding: 3px;
  color: #666666;
}

.dataTables_paginate {
  float: right;
  margin-right: 20px;
}

#tablas {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
}
#tablas td, #tablas th, #tablas span {
  border-bottom: 1px solid #ddd;
  padding: 2px 5px 2px 2px;
  font-size: 1em;
}
#tablas tr:nth-child(even) {
  background-color: #f2f2f2;
}
#tablas tr:hover {
  background-color: #ddd;
  transition: all 0.1s ease-in;
}
#tablas th {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #116eb0;
  color: white;
}




@media (min-width: 1200px) {

  .warp {
    width: 1180px !important;
    margin: 0 auto;
    padding: 0;
  }
  .bg-bvg{
    background-image: url("../images/bg-bvg.png");
    background-repeat: no-repeat;
    background-position: left center !important;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-amerca {
    background-image: url("../images/bg-amerca.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
    background-color: #28cbff;
  }

  .bg-casas {
    background-image: url("../images/bg-casas.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-emisores {
    background-image: url("../images/bg-emisores.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-estadistica {
    background-image: url("../images/bg-estadistica.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-normativa {
    background-image: url("../images/bg-normativa.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-info{
    background-image: url("../images/bg-info.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: fixed;
    background-color: #28cbff;
  }

  .navm,
  .navm a,
  .navm ul,
  .navm li,
  .navm div,
  .navm form,
  .navm input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
  }

  .navm {
    display: inline-block;
    position: relative;
    cursor: default;
    z-index: 500;
  }
  .navm a {
    text-decoration: none;
    color: #ffffff;
  }
  .navm li {
    list-style: none;

  }
  .navm > li {
    display: block;
    float: left;
  }
  .navm > li > a {
    position: relative;
    display: block;
    z-index: 510;
    height: 45px;  
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    color: #ffffff;
    background: none;
    padding: 15px 15px 0px 15px !important;
    text-transform: capitalize !important;
    font-size: 1.2em;


  }

  .navm > li > a:hover {
    position: relative;
    display: block;
    z-index: 510;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    color: #035c9c;
    background: #f0f0f0;
    text-transform: capitalize !important;
    font-size: 1.2em;
    
    
  }

  .navm > li > a:active {
    color: blue;
    background: #f0f0f0;
  }


  .navm > li:first-child > a {
    border-left: none;
  }
  .navm > li > div {
    position: absolute;
    display: block;
    width: 100%;
    top: 45px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    background: #f0f0f0;  
    border-bottom: 2px solid #0f89e0;
    -webkit-transition: all 0.2s ease 0.10s;
    -moz-transition: all 0.2s ease 0.10s;
    -o-transition: all 0.2s ease 0.10s;
    -ms-transition: all 0.2s ease 0.10s;
    transition: all 0.2s ease 0.10s;
  }
  .navm > li > div.mindiv {
    display: block;
    width: auto;
    left: auto;
    top: 25px;
    margin: auto;
    border-top: none;
    padding: 2%;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    background: #ffffff;
    border-bottom: 2px solid #cccccc;
    -webkit-transition: all 0.3s ease 0.15s;
    -moz-transition: all 0.3s ease 0.15s;
    -o-transition: all 0.3s ease 0.15s;
    -ms-transition: all 0.3s ease 0.15s;
    transition: all 0.3s ease 0.15s;
  }
  .navm .mindiv li a {
    display: block;
    line-height: 32px;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    color: #666666;
    font-weight: normal;
  }
  .navm .mindiv li a:hover {
    color: #035c9c;
    -webkit-transition: all 0.3s ease 0.15s;
    -moz-transition: all 0.3s ease 0.15s;
    -o-transition: all 0.3s ease 0.15s;
    -ms-transition: all 0.3s ease 0.15s;
    transition: all 0.3s ease 0.15s;

  }
  .navm > li:hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
  }
  .navm .navm-column {
    float: left;
    width: 33.3%;
    padding: 0 0 0 1%;
    border-right: 1px solid #F6F6F6;
  }
  .navm .navm-column:last-child {
    border-right: none;
  }
  .navm .navm-column h3 {
    margin: 8px 0 10px 0;
    line-height: 15px;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
  }
  .navm .navm-column h3.titumenu {
    color: #005EB8;
    letter-spacing: 1px;
  }
  
  .navm .navm-column h3.titumenu a {
	  color: inherit;          /* hereda el color del h3 */
	  text-decoration: none;   /* opcional, quita el subrayado */
	  font-weight:normal;
	}
  
  .navm .navm-column li a {
    display: block;
    line-height: 32px;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    color: #666666;
    font-weight: normal;
  }
  .navm .navm-column li a:hover {
    color: #035c9c;
    background-color: #f5f5f5;
    -webkit-transition: all 0.3s ease 0.15s;
    -moz-transition: all 0.3s ease 0.15s;
    -o-transition: all 0.3s ease 0.15s;
    -ms-transition: all 0.3s ease 0.15s;
    transition: all 0.3s ease 0.15s;

  }
}


@media (min-width: 1024px) {

  .bg-bvg{
    background-image: url("../images/bg-bvg.png");
    background-repeat: no-repeat;
    background-position: left center !important;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-amerca {
    background-image: url("../images/bg-amerca.png");
    background-repeat: no-repeat;
    background-position: 45% center !important;
    background-size: auto;
    background-color: #28cbff;
  }

  .bg-casas {
    background-image: url("../images/bg-casas.png");
    background-repeat: no-repeat;
    background-position: 45% center !important;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-emisores {
    background-image: url("../images/bg-emisores.png");
    background-repeat: no-repeat;
    background-position: 45% center !important;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-estadistica {
    background-image: url("../images/bg-estadistica.png");
    background-repeat: no-repeat;
    background-position: 45% center !important;
    background-size: auto;
    background-color: #ffffff;
  }
  .bg-normativa {
    background-image: url("../images/bg-normativa.png");
    background-repeat: no-repeat;
    background-position: 45% center !important;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-info{
    background-image: url("../images/bg-info.png");
    background-repeat: no-repeat;
    background-position: 45% center !important;
    background-size: auto;
    background-color: #28cbff;
  }

  .navm,
  .navm a,
  .navm ul,
  .navm li,
  .navm div,
  .navm form,
  .navm input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
  }

  .navm {
    display: inline-block;
    position: relative;
    cursor: default;
    z-index: 500;
  }
  .navm a {
    text-decoration: none;
    color: #ffffff;
  }
  .navm li {
    list-style: none;

  }
  .navm > li {
    display: block;
    float: left;
  }
  .navm > li > a {
    position: relative;
    display: block;
    z-index: 510;
    height: 45px;  
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    color: #ffffff;
    background: none;
    padding: 15px 15px 0px 15px;    
    text-transform: capitalize !important;
    font-size: 1.2em;


  }

  .navm > li > a:hover {
    position: relative;
    display: block;
    z-index: 510;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    color: #035c9c;
    background: #f0f0f0;
    text-transform: capitalize !important;
    font-size: 1.2em;
    
    
  }

  .navm > li > a:active {
    color: blue;
    background: #f0f0f0;
  }


  .navm > li:first-child > a {
    border-left: none;
  }
  .navm > li > div {
    position: absolute;
    display: block;
    width: 100%;
    top: 45px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    background: #f0f0f0;  
    border-bottom: 2px solid #0f89e0;
    -webkit-transition: all 0.2s ease 0.10s;
    -moz-transition: all 0.2s ease 0.10s;
    -o-transition: all 0.2s ease 0.10s;
    -ms-transition: all 0.2s ease 0.10s;
    transition: all 0.2s ease 0.10s;
  }
  .navm > li > div.mindiv {
    display: block;
    width: auto;
    left: auto;
    top: 25px;
    margin: auto;
    border-top: none;
    padding: 2%;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    background: #ffffff;
    border-bottom: 2px solid #cccccc;
    -webkit-transition: all 0.3s ease 0.15s;
    -moz-transition: all 0.3s ease 0.15s;
    -o-transition: all 0.3s ease 0.15s;
    -ms-transition: all 0.3s ease 0.15s;
    transition: all 0.3s ease 0.15s;
  }
  .navm .mindiv li a {
    display: block;
    line-height: 32px;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    color: #666666;
    font-weight: normal;
  }
  .navm .mindiv li a:hover {
    color: #035c9c;
    -webkit-transition: all 0.3s ease 0.15s;
    -moz-transition: all 0.3s ease 0.15s;
    -o-transition: all 0.3s ease 0.15s;
    -ms-transition: all 0.3s ease 0.15s;
    transition: all 0.3s ease 0.15s;

  }
  .navm > li:hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
  }
  .navm .navm-column {
    float: left;
    width: 33.3%;
    padding: 0 0 0 1%;
    border-right: 1px solid #F6F6F6;
  }
  .navm .navm-column:last-child {
    border-right: none;
  }
  .navm .navm-column h3 {
    margin: 8px 0 10px 0;
    line-height: 15px;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
  }
  .navm .navm-column h3.titumenu {
    color: #005EB8;
    letter-spacing: 1px;
  }
  .navm .navm-column h3.titumenu a {
	  color: inherit;          /* hereda el color del h3 */
	  text-decoration: none;   /* opcional, quita el subrayado */
	  font-weight:normal;
	}
  .navm .navm-column li a {
    display: block;
    line-height: 32px;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    color: #666666;
    font-weight: normal;
  }
  .navm .navm-column li a:hover {
    color: #035c9c;
    background-color: #f5f5f5;
    -webkit-transition: all 0.3s ease 0.15s;
    -moz-transition: all 0.3s ease 0.15s;
    -o-transition: all 0.3s ease 0.15s;
    -ms-transition: all 0.3s ease 0.15s;
    transition: all 0.3s ease 0.15s;

  }
}


@media (min-width: 992px) {

  .bg-bvg{
    background-image: url("../images/bg-bvg.png");
    background-repeat: no-repeat;
    background-position: left center !important;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-amerca {
    background-image: url("../images/bg-amerca.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: #28cbff;
  }

  .bg-casas {
    background-image: url("../images/bg-casas.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-emisores {
    background-image: url("../images/bg-emisores.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-estadistica {
    background-image: url("../images/bg-estadistica.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-normativa {
    background-image: url("../images/bg-normativa.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-info{
    background-image: url("../images/bg-info.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: #28cbff;
  }


  .navm,
  .navm a,
  .navm ul,
  .navm li,
  .navm div,
  .navm form,
  .navm input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
  }

  .navm {
    display: inline-block;
    position: relative;
    cursor: default;
    z-index: 500;
  }
  .navm a {
    text-decoration: none;
    color: #ffffff;
  }
  .navm li {
    list-style: none;

  }
  .navm > li {
    display: block;
    float: left;
  }
  .navm > li > a {
    position: relative;
    display: block;
    z-index: 510;
    height: 45px;  
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    color: #ffffff;
    background: none;
    padding: 15px 13px 0px 13px;
    text-transform: capitalize !important;
    font-size: 1.2em;


  }

  .navm > li > a:hover {
    position: relative;
    display: block;
    z-index: 510;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    color: #035c9c;
    background: #f0f0f0;
    text-transform: capitalize !important;
    font-size: 1.2em;
    
    
  }

  .navm > li > a:active {
    color: blue;
    background: #f0f0f0;
  }


  .navm > li:first-child > a {
    border-left: none;
  }
  .navm > li > div {
    position: absolute;
    display: block;
    width: 100%;
    top: 45px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    background: #f0f0f0;  
    border-bottom: 2px solid #0f89e0;
    -webkit-transition: all 0.2s ease 0.10s;
    -moz-transition: all 0.2s ease 0.10s;
    -o-transition: all 0.2s ease 0.10s;
    -ms-transition: all 0.2s ease 0.10s;
    transition: all 0.2s ease 0.10s;
  }
  .navm > li > div.mindiv {
    display: block;
    width: auto;
    left: auto;
    top: 25px;
    margin: auto;
    border-top: none;
    padding: 2%;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    background: #ffffff;
    border-bottom: 2px solid #cccccc;
    -webkit-transition: all 0.3s ease 0.15s;
    -moz-transition: all 0.3s ease 0.15s;
    -o-transition: all 0.3s ease 0.15s;
    -ms-transition: all 0.3s ease 0.15s;
    transition: all 0.3s ease 0.15s;
  }
  .navm .mindiv li a {
    display: block;
    line-height: 32px;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    color: #666666;
    font-weight: normal;
  }
  .navm .mindiv li a:hover {
    color: #035c9c;
    -webkit-transition: all 0.3s ease 0.15s;
    -moz-transition: all 0.3s ease 0.15s;
    -o-transition: all 0.3s ease 0.15s;
    -ms-transition: all 0.3s ease 0.15s;
    transition: all 0.3s ease 0.15s;

  }
  .navm > li:hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
  }
  .navm .navm-column {
    float: left;
    width: 33.3%;
    padding: 0 0 0 1%;
    border-right: 1px solid #F6F6F6;
  }
  .navm .navm-column:last-child {
    border-right: none;
  }
  .navm .navm-column h3 {
    margin: 8px 0 10px 0;
    line-height: 15px;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
  }
  .navm .navm-column h3.titumenu {
    color: #005EB8;
    letter-spacing: 1px;
  }
  .navm .navm-column h3.titumenu a {
	  color: inherit;          /* hereda el color del h3 */
	  text-decoration: none;   /* opcional, quita el subrayado */
	  font-weight:normal;
	}
  .navm .navm-column li a {
    display: block;
    line-height: 32px;
    font-family: "Poppins", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    color: #666666;
    font-weight: normal;
  }
  .navm .navm-column li a:hover {
    color: #035c9c;
    background-color: #f5f5f5;
    -webkit-transition: all 0.3s ease 0.15s;
    -moz-transition: all 0.3s ease 0.15s;
    -o-transition: all 0.3s ease 0.15s;
    -ms-transition: all 0.3s ease 0.15s;
    transition: all 0.3s ease 0.15s;

  }
  
  .navm-column .azul-smaller {
  display: flex;
  align-items: center;       /* centra verticalmente si hay icono */
  justify-content: center;   /* centra horizontalmente */
  text-align: center;        /* asegura alineación de texto */
}
}


@media (min-width: 768px) {
  .warp {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  .bg-bvg{
    background-image: url("../images/bg-bvg.png");
    background-repeat: no-repeat;
    background-position: 37% center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-amerca {
    background-image: url("../images/bg-amerca.png");
    background-repeat: no-repeat;
    background-position: 37% center;
    background-size: auto;
    background-color: #28cbff;
  }

  .bg-casas {
    background-image: url("../images/bg-casas.png");
    background-repeat: no-repeat;
    background-position: 37% center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-emisores {
    background-image: url("../images/bg-emisores.png");
    background-repeat: no-repeat;
    background-position: 37% center;
    background-size: auto;
    background-color: #ffffff;
  }
  .bg-estadistica {
    background-image: url("../images/bg-estadistica.png");
    background-repeat: no-repeat;
    background-position: 37% center;
    background-size: auto;
    background-color: #ffffff;
  }
  .bg-normativa {
    background-image: url("../images/bg-normativa.png");
    background-repeat: no-repeat;
    background-position: 37% center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-info{
    background-image: url("../images/bg-info.png");
    background-repeat: no-repeat;
    background-position: 37% center;
    background-size: auto;
    background-color: #28cbff;
  }



  .shadow-sm-md {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  }
  .border-md {
    border: 1px solid #dee2e6 !important;
  }
}


@media (max-width: 576px) {
  body {
    color: #666666;
    font-family: "Poppins", sans-serif, Helvetica, Arial, sans-serif;
    background-color: #ffffff;
    overflow-x: hidden;
    font-size: 11px;
  }
  .warp {
    margin: 0 auto;
    padding: 0;
  }

  .bg-bvg{
    background-image: url("../images/bg-bvg.png");
    background-repeat: no-repeat;
    background-position: 37% center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-amerca {
    background-image: url("../images/bg-amerca.png");
    background-repeat: no-repeat;
    background-position: 37% center;
    background-size: auto;
    background-color: #28cbff;
  }

  .bg-casas {
    background-image: url("../images/bg-casas.png");
    background-repeat: no-repeat;
    background-position: 37% center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-emisores {
    background-image: url("../images/bg-emisores.png");
    background-repeat: no-repeat;
    background-position: 37% center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-estadistica {
    background-image: url("../images/bg-estadistica.png");
    background-repeat: no-repeat;
    background-position: 37% center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-normativa {
    background-image: url("../images/bg-normativa.png");
    background-repeat: no-repeat;
    background-position: 37% center;
    background-size: auto;
    background-color: #ffffff;
  }

  .bg-info{
    background-image: url("../images/bg-info.png");
    background-repeat: no-repeat;
    background-position: 37% center;
    background-size: auto;
    background-color: #28cbff;
  }

  .logo {
    width: 250px;
    height: 80px;
    background-image: url(../images/logo-bvg2.png);
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
  }

  p {
    font-size: 1.2em;
  }
  span {
    font-size: 1em;
  }

  .titulo{
    font-size: 18px;
    padding: 0;
    margin: 0;
  }

  .subtitulo{
    font-size: 11px;
    padding: 0;
    margin: 0;
  }
  .text-peq {
    font-size: 1em;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
  }
  .text-med {
    font-size: 1em;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
  }
  .tablas {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ddd;
  }
  .tablas td, .tablas th {
    border-bottom: 1px solid #ddd;
    padding: 0.5em;
    font-size: 1em;
  }
  .tablas tr:nth-child(even) {
    background-color: #f2f2f2;
  }
  .tablas tr:hover {
    background-color: #ddd;
    transition: all 0.1s ease-in;
  }
  .tablas th {
    padding: 0.5em;
    background-color: #116eb0;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
  }
  .tablas span {
    font-size: 1em;
  }

  .tespacio {
  letter-spacing: 0px;
  }
  .preguntas-text{
    font-size: 1.2em;
  }


  .btnp{
  padding: 8px 20px;
  color: #00aeef;
  background-color: #ffffff;
  border-radius: 20px;
  font-size: 12px;
  }

  .btnp:hover {
    padding: 8px 20px;
    color: #ffffff;
    background-color: #005eb8;
    text-decoration: none;
    border-radius: 20px;
    font-size: 12px;
  }

}



body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
  transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
  transition-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
  transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
  transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
  transition-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
  transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
  transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
  transition-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
  transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
  transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
  transition-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
  transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
  transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
  transition-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
  transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
  transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
  transition-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
  transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
  transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
  transition-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
  transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
  transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
  transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
  transition-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
  transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
  transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
  transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
  transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
  transition-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
  transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
  transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
  transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
  transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
  transition-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
  transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
  transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
  transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
  transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
  transition-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
  transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
  transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
  transition-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
  transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
  transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
  transition-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
  transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
  transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
  transition-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
  transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
  transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
  transition-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
  transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
  transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
  transition-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
  transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
  transition-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
  transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
  transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
  transition-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
  transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
  transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
  transition-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
  transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
  transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
  transition-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
  transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
  transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
  transition-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
  transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
  transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
  transition-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
  transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
  transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
  transition-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
  transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
  transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
  transition-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
  transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
  transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
  transition-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
  transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
  transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
  transition-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
  transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
  transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
  transition-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
  transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
  transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
  transition-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
  transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
  transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
  transition-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
  transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
  transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
  transition-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
  transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
  transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
  transition-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
  transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
  transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
  transition-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
  transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
  transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
  transition-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
  transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
  transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
  transition-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
  transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
  transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
  transition-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
  transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
  transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
  transition-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
  transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
  transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
  transition-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
  transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
  transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
  transition-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
  transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
  transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
  transition-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
  transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
  transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
  transition-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
  transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
  transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
  transition-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
  transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
  transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
  transition-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
  transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
  transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
  transition-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
  transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
  transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
  transition-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
  transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
  transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
  transition-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
  transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
  transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
  transition-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
  transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
  transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
  transition-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
  transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
  transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
  transition-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
  transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
  transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
  transition-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
  transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
  transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
  transition-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
  transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
  transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
  transition-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
  transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
  transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
  transition-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
  transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
  transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
  transition-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
  transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
  transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
  transition-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
  transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
  transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
  transition-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
  transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
  transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
  transition-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
  transition-delay: 3000ms;
}

body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

/*# sourceMappingURL=main.css.map */

/* ============================================
   SUBMENÚ SEGUNDO NIVEL – ESTILOS BASE
   ============================================ */

/* Estilo del enlace padre */
.navm .navm-column li.item-padre > a.nivel1-link {
    font-size: 1.1em;
    font-weight: normal;
    color: #005EB8;
    display: block;
    padding: 5px 0;
}

/* Hover del enlace padre */
.navm .navm-column li.item-padre > a.nivel1-link:hover {
    color: #035c9c;
}

/* Flecha cerrada (fa-angle-right) */
.navm .navm-column li.item-padre > a.nivel1-link::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900; /* requerido para iconos fas */
    content: "\f105"; /* fa-angle-right */
    font-size: 14px;
    color: #035c9c;

    margin-right: 5px;     /* espacio entre flecha y texto */
    display: inline-block;
    width: 14px;           /* evita que salte al cambiar */
    transform: translateY(1px);
    transition: all 0.25s ease;
}

/* Flecha abierta (fa-angle-down) */
.navm .navm-column li.item-padre:hover > a.nivel1-link::before {
    content: "\f107"; /* fa-angle-down */
    color: #035c9c;
    transform: translateY(1px);
}

/* ============================================
   SUBMENÚ SEGUNDO NIVEL – ANIMACIÓN
   ============================================ */

/* Estado oculto (IMPORTANTE: no usar display:none) */
.navm .navm-column ul.nivel2 {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-5px);
    max-height: 0;
    overflow: hidden;
    transition: all 0.25s ease;
    margin-left: 0px;
    padding-left: 5px;
    border-left: 2px solid #e5e5e5;
}

/* Estado visible con animación */
.navm .navm-column li.item-padre:hover > ul.nivel2 {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    max-height: 500px; /* suficiente para cualquier submenu */
}

/* Forzar color blanco en los ítems principales del menú */
.navm > li > a {
    color: #ffffff !important;
}
/* Restaurar hover correcto del menú principal */
.navm > li > a:hover,
.navm > li > a:focus {
    color: rgb(3, 92, 156) !important;
    background-color: #f0f0f0 !important; /* como en tu diseño original */
}
/* Quitar el line-height heredado en nivel 1 y nivel 2 */
.navm .navm-column a.nivel1-link,
.navm .navm-column ul.nivel2 li a {
    line-height: 20px !important;  /* o 20px si quieres un poco más */
    padding-top: 4px;
    padding-bottom: 4px;
}

.navm {
    padding-left: 40px;
    padding-right: 40px;
}

/* Estado visible controlado por JS */
.navm .navm-column ul.nivel2.open {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    max-height: 500px !important;
}

/* Estado cerrado (igual que antes) */
.navm .navm-column ul.nivel2 {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-5px);
    max-height: 0;
    overflow: hidden;
    transition: all 0.25s ease;
}

/* Reducir SOLO el icono fa-stop dentro del submenú de segundo nivel */
.navm .navm-column ul.nivel2 li a i.fa-stop {
    font-size: 4px !important;     /* ← Ajusta aquí: 8px, 9px, 10px */
    opacity: 0.9;                  /* opcional */
    margin-right: 6px;             /* espacio entre icono y texto */
    transform: translateY(-1px);   /* alinear visualmente */
}

/* Reducir solo el icono fa-stop dentro de h3.titumenu */
.navm .navm-column h3.titumenu i.fa-stop {
    font-size: 6px !important;    /* tamaño exacto ajustable */
    opacity: 0.9;                  /* opcional */
    margin-right: 6px;             /* separación con texto */
    transform: translateY(-1px);   /* alineación */
}

#grafico-bvg {
    display: block;
    width: 100% !important;
    height: 400px !important;
}

.col-chart {
    min-height: 450px; /* (400px + padding) */
    position: relative;
    z-index: 5;
}

/* ===============================
   WIDGET NOTICIAS – ESTILO BVG
   =============================== */
/* =====================================================
   NUEVO ESTILO: Imagen + banda oscura + título blanco
   Para: medianas e imagen grande
   ===================================================== */

.bvg-overlay-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.bvg-overlay-img {
    width: 100%;
    height: 230px; /* medianas */
    object-fit: cover;
    display: block;
}

.bvg-overlay-img-large {
    height: 485px; /* grande */
    width: 100%;
    object-fit: cover;
}

/* Banda oscura */
.bvg-overlay-band {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0.4));
    padding: 15px;
}

/* Título blanco sobre banda */
.bvg-overlay-title {
    color: white;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3em;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* versión grande */
.bvg-overlay-title-large {
    font-size: 24px;
    font-weight: 700;
	color:white;
}

.bvg-overlay-date {
    font-size: 11px;          /* más pequeña que el título */
    color: white;           /* gris claro, no blanco */
    margin-top: 5px;
    opacity: 0.9;
}

/* Izquierda (medianas) */
.bvg-med-card {
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.10);
    cursor: pointer;

    height: auto; /* para evitar recortes */
}

/* Centro (grande) */
.bvg-grande-card {
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.12);
    cursor: pointer;

    height: auto; /* ahora fluye */
}

/* Derecha: pequeñas */
.bvg-small-card {
    display: flex;
    gap: 12px;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
    padding: 8px;
    cursor: pointer;
}

/* Pequeñas: imagen */
.bvg-small-img {
    width: 100px;
    height: 75px;
    object-fit: cover;
    border-radius: 10px;
}

.bvg-small-title {
    font-size: 14px;
    font-weight: 600;
    color: #005eb8;
    line-height: 1.2em;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Nueva distribución: 4 tarjetas pequeñas */
.bvg-col-der {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* ===============================
   FRANJA AZUL SOLO PARA EL TÍTULO
   =============================== */
.bvg-franja-azul {
    background-color: #005eb8; /* azul corporativo */
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 0px;
}

.bvg-franja-azul h2 {
    color: white;
    margin: 0;
}
/* ===============================
   GRID PRINCIPAL DE NOTICIAS
   =============================== */

.bvg-three-grid {
    display: grid;
    grid-template-columns: 1fr 1.25fr 1fr; /* izquierda / centro más ancho / derecha */
    gap: 25px;
}

/* columnas específicas */
.bvg-col-izq,
.bvg-col-centro,
.bvg-col-der {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/* responsive */
@media (max-width: 992px) {
    .bvg-three-grid {
        grid-template-columns: 1fr;
    }
}

/* Hacer que todas las columnas se estiren verticalmente */
.bvg-three-grid {
    align-items: stretch; /* <--- Esta línea es la clave */
}
.bvg-grande-card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* ---- ESTIRAR COLUMNA DERECHA COMPLETA ---- */
.bvg-col-der {
    flex: 1;           /* la columna derecha se estira verticalmente */
}

/* ---- Hacer que el contenedor de tarjetas pequeñas crezca ---- */
.bvg-small-card {
    flex: 1;           /* cada tarjeta crece dentro de la columna */
    display: flex;
    align-items: flex-start;
}

/* ---- Ajustar imagen pequeña para que no distorsione ---- */
.bvg-small-img {
    height: 100%;      /* la imagen se ajusta al alto de cada tarjeta */
    max-height: 120px; /* límite para evitar deformaciones exageradas */
    object-fit: cover;
}
.th-base-small {
    font-size: 0.75em !important; /* más pequeño */
    text-transform: none !important; /* opcional, quita MAYÚSCULAS */
    font-weight: normal;            /* opcional, menos pesado */
}
/* Contenedor scroll para los TABs */
.tab-scroll-area {
    max-height: 350px;       /* ajusta según el alto del gráfico */
    overflow-y: auto;        /* scroll vertical */
    overflow-x: hidden;      /* NO scroll horizontal */
    padding-right: 5px;      /* evita que tape el borde */
}

/* Mantener el diseño de tabla dentro del scroll */
.tab-scroll-area table {
    margin-bottom: 0 !important;
}
.titulo-grafico {
    font-size: 1rem !important;   /* igual a .nav-link */
    font-weight: 600;              /* similar a texto de pestaña */
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    cursor: default;
    display: inline-block;
}
/* Zebra manual */
.zebra1 {
    background-color: #ffffff !important;
}
.zebra2 {
    background-color: #f3f5f7 !important;
}

/* Filas detalle siempre gris claro */
.acordeon-detalle {
    background-color: #e9ecef !important;
}

/* Hover para filas padre */
.clickable:hover {
    background-color: #d9e2ff !important;
    cursor: pointer;
}
/* Icono base (flecha cerrada) */
.toggle-icon::before {
    content: "▶";
    display: inline-block;
    font-size: 12px;
    color: #001489;
    transition: transform 0.25s ease;
}

/* Cuando la fila está abierta → rotar la flecha */
tr.show .toggle-icon::before {
    transform: rotate(90deg);
}

#chartTabContent .tabla {
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
}
#chartTabContent .tabla th {
    font-weight: bold !important;
}
/* Título principal del gráfico (equivalente a "Ofertas Vigentes") */
.titulo-grafico {
    font-size: 1.15em;
    font-weight: 600;    
}

/* Subtítulo alineado con los tabs de la izquierda */
.subtitulo-grafico {
    font-size: 0.92em;
    font-weight: bold;   
    
}

.titulo-grafico,
.subtitulo-grafico {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
/* === CUADRO INDIVIDUAL DE CADA IFRAME === */
.boletin-box {
    background: #ffffff;
    
    overflow: hidden;
    height: 320px;   /* altura fija recomendada */
    border: none;
    
}

/* === IFRAMES === */
.boletin-frame {
    width: 100%;
    height: 100%;
    border: none !important;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Para que no crezcan más allá del ancho del contenedor */
.boletin-box iframe {
    display: block;
}

.bvg-slider-container {
    width: 100%;
    overflow: hidden;
    
}

.bvg-slider {
    display: flex;
    transition: transform 0.8s ease-in-out;
}

.bvg-slide {
    min-width: 100%;
    position: relative;
    cursor: pointer;
}

.bvg-slide img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 6px;
}

.bvg-slide-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    background: linear-gradient(to top, rgba(0,0,0,0.75), rgba(0,0,0,0));
    color: white;
    font-size: 1.3rem;
    font-weight: bold;
}
.fa-bento {
    /* Máscara SVG */
    mask: url('/images/icons/bento.svg') no-repeat center / contain;
    -webkit-mask: url('/images/icons/bento.svg') no-repeat center / contain;

    /* Perfecto cuadrado como FontAwesome */
    width: 1em;
    height: 1em;

    /* Mismo comportamiento de color */
    background-color: currentColor;

    /* Alineación exacta como FA */
    display: inline-block;
    vertical-align: -0.125em; /* igual que FA */
}
/* Contenedor estilo tarjeta */
.edu-card {
    background: linear-gradient(180deg, #005EB8 0%, #005EB8 100%);
    border-radius: 14px;
    padding: 40px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #fff;
    box-shadow: 0 8px 16px rgba(0,0,0,0.15);
}
/* Título */
.edu-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 20px;
    color: #ffffff;
}
/* Texto interno */
.edu-text {
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    line-height: 1.55;
    margin: 0;
}

/* Responsive */
@media(max-width: 768px) {
    .edu-card {
        padding: 25px 20px;
    }
    .edu-title {
        font-size: 1.5rem;
    }
    .edu-text {
        font-size: 1rem;
    }
}
.menu-align-middle {
    display: flex;
    align-items: center;
    height: 100%;
}

#modalRegistroEventos .modal-content {
    border-radius: 15px !important; /* Ajusta a tu gusto */
    overflow: hidden; /* Para que el iframe y contenido sigan el mismo radio */
}

body.modal-open {
    padding-right: 0 !important;
    overflow: hidden !important;
}

.navm .navm-column i.fa-stop {
    font-size: 6px !important;
    opacity: 0.9;
    margin-right: 6px;
    transform: translateY(-1px);
}

/* =========================================
   CONTENEDOR MENÚ + BUSCADOR
   ========================================= */
.menu-nav-wrap {
    display: flex;
    align-items: center;
    justify-content: center;   /* ← CENTRADO HORIZONTAL REAL */
    gap: 30px;                 /* separación menú ↔ buscador */
    width: 100%;
    min-height: 45px;
}

/* Mantener menú a la izquierda */
.menu-nav-wrap .navm {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* Buscador a la derecha */
..menu-search {
    display: flex;
    align-items: center;
}

/* Botón buscar */
.menu-search button.gsc-search-button {
    height: 32px !important;
    border-radius: 20px !important;
}
/* ===============================
   SEARCHBOX PROPIO – OMNIBOX
   =============================== */
.search-omnibox {
    position: relative;
    display: flex;
    align-items: center;
}

.search-omnibox input {
    width: 200px;
    height: 36px;
    border-radius: 20px;
    border: 1px solid #28cbff;
    padding: 6px 40px 6px 14px;
    font-size: 14px;
    outline: none;
}

.search-omnibox input:focus {
    border-color: #005eb8;
}

/* Botón incrustado */
.search-omnibox button {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: none;
    background-color: #858585;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
}

.search-omnibox button:hover {
    background-color: #005eb8;
}

/* =====================================================
   INSIGHTS – CARDS CON DEGRADADO (NO AFECTA OTRAS CARDS)
   ===================================================== */

/* Base común */
.insights-card {
    border-radius: 18px;
    padding: 28px 30px;
    height: 100%;

    color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;

    box-shadow: 0 8px 18px rgba(0,0,0,0.15);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Hover sutil */
.insights-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 26px rgba(0,0,0,0.22);
}

/* Títulos */
.insights-card h3,
.insights-card h4 {
    color: #ffffff;
    font-weight: 700;
}

/* Texto */
.insights-card p,
.insights-card li {
    color: rgba(255,255,255,0.9);
}

/* CTA interno */
.insights-card .insights-cta {
    margin-top: auto;
    font-weight: 600;
    color: #ffffff;
    text-decoration: underline;
}

/* ===============================
   VARIANTES DE COLOR
   =============================== */

/* 1️⃣ Principal – BVG Insights */
.insights-card--primary {
    background: linear-gradient(135deg, #005EB8 0%, #001489 100%);
}

/* 2️⃣ Mercadata */
.insights-card--mercadata {
    background: linear-gradient(135deg, #005EB8 0%, #28CBFF 100%);
}

/* 3️⃣ Guías Didácticas */
.insights-card--guias {
    background: linear-gradient(135deg, #28CBFF 0%, #00AEEF 100%);
}

/* 4️⃣ Todos los informes */
.insights-card--informes {
    background: linear-gradient(135deg, #00AEEF 0%, #005EB8 100%);
}

/* ===============================
   RESPONSIVE
   =============================== */
@media (max-width: 768px) {
    .insights-card {
        padding: 22px 20px;
    }
}

/* =====================================================
   CANALES OFICIALES – UX INSTITUCIONAL
   ===================================================== */

.canal-link {
    text-decoration: none;
}
.canal-link:hover {
    text-decoration: none;
}

.canal-card {
    height: 100%;
    border-radius: 18px;
    padding: 22px 12px;
    text-align: center;

    background: linear-gradient(135deg, #005EB8 0%, #001489 100%);
    color: #fff;

    transition: transform 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

.canal-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 26px rgba(0,0,0,0.25);	
}

/* Icono */
.canal-icon {
    font-size: 38px;
    margin-bottom: 8px;
    color: #ffffff;
}

/* Texto */
.canal-title {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    color: #ffffff;
}

/* ===============================
   VARIANTES SUAVES
   =============================== */

/* BVG – principal */
.canal-card--primary {
    background: linear-gradient(180deg, #005EB8 0%, #001489 100%);
}

/* Bento */
.canal-card--secondary {
    background: linear-gradient(180deg, #005EB8 0%, #28CBFF 100%);
}

/* Redes sociales */
.canal-card--social {
    background: linear-gradient(180deg, #28CBFF 0%, #00AEEF 100%);
}

.bg-estadistica {
    background-image: url("../images/bg-estadistica.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
    background-color: #ffffff;
	min-height: 200px; 
}

@media (max-width: 768px) {

  .tabla-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .tabla-wrapper table {
    min-width: 700px;
  }

}
@media (max-width: 576px) {

  .canal-title {
    font-size: 0.85em;
    line-height: 1.1;

    display: -webkit-box;
    -webkit-line-clamp: 2;     /* máximo 2 líneas */
    -webkit-box-orient: vertical;
    overflow: hidden;

    word-break: break-word;
  }

}
@media (max-width: 768px) {

  .col-chart {
    min-height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #grafico-bvg {
    height: 260px !important; /* CLAVE */
    max-height: 260px;
  }

}