:root{
  --titulo: 4rem;
  --subtitulo: 3.2rem;
}

section{
  padding-top: 8rem;
 
}
@media(min-width: 0px) and (max-width: 842px){
  p.p-articulos{
    font-size: 24px;
  }
   .azul{
    font-size: 24px;
  }
  .imgbom{
    
    width: 20%;
  }
  .imgbom{
  
  .icono2{
    width: 50%;
  }

}

@media(max-width:1024px){
  .imgbom{
    
    width: 10%;
  }
}
}






/*INDICE*/


/*************************************/
/*             índice                */
/*************************************/

.indice{
position: sticky;

z-index: 999;
margin-top: 22vmin;

top: 11vmin;
max-width: 21vw;
}

@media (min-width: 0px) and (max-width: 1300px){
.indice{
  display: none;
}

}

@media (min-width: 1400px){
.indice{
  max-width: 20vw;
  left: 6vmin;
}
}

@media (min-width: 1500px){

.list-group{
  max-width: 21vw;
}
}

.list-group{
flex-wrap: wrap;

--bs-list-group-active-bg: var(--aero-40);
--bs-list-group-border-color: transparent;
--bs-list-group-action-color:var(--aero-40);
--bs-list-group-action-active-color: var(--aero-40);
--bs-list-group-action-hover-color:var(--aero-40);
/* --bs-list-group-active-border-color: transparent; */

}

.list-group-item.active {
z-index: 2;
color: var(--aero-40);
background-color: var(--aero-05);
border-color: var(--aero-05);
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
}

.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}

.enlace-indice {
color: #32659D;
font-weight: 500;
padding: 0.2rem 0.5rem;
font-size: 1rem;
}








.lista-indice{
list-style-type: none;

padding-left: 0;
padding: 1rem;

background-color: #FFFFFF;
box-shadow: 2px 2px 5px 1px #D2D2D2;

border-radius: 10px;
}

.lista-indice > li{
margin-bottom: 0;
}
.enlace-pagina, .enlace-indice{
text-decoration: none;
}

.enlace-indice{
color: var(--rose--80);
font-weight: 500;
padding: 0.2rem 0.5rem;
font-size: 1.5rem;
line-height: 28px;
}



.enlace{
line-height: 22px;
cursor: pointer;
}

.enlace:hover{
background-position: left;
text-decoration:none;

}

@media (max-width: 1500px){
.enlace-indice{
  font-size: 0.8rem;
}
.enlace{
  line-height: inherit;
}
}
@media (max-width: 1400px){
.enlace-indice{
  font-size: 0.7rem;
}


}

 
/*******************
* responsive textos
*******************/

@media (min-width: 300px) and (max-width: 600px){
 
 h1{
    font-size: calc(var(--titulo) - 0.5rem);
  }
  .titulo-h2{
    font-size: calc(var(--subtitulo) - 0.1rem);
  }
  .titulo-h3{
    font-size: calc(var(--subtitulo) - 0.2rem);
  }
  .titulo-h4{
    font-size: calc(var(--subtitulo) - 0.3rem);
  }
  .parrafo-titulo{
    font-size: calc(var(--subtitulo) - 1.4rem);

  }
  .p-articulos{
    font-size: calc(var(--subtitulo) - 1.5rem);

  }
  p{
    font-size: calc(var(--subtitulo) - 1.5rem);
  }
  p .p-articulos{
    font-size: calc(var(--subtitulo) - 1.5rem);
  }
  .subtitulo-cargadores{
    width: 90%;
  }
 
  .subtitulo-recuadro{
    margin-top: 4vmin;
    font-size: calc(var(--subtitulo) - 1.2rem);
  }
  p.titulo-h3{
    font-size: calc(var(--subtitulo) - 1.9rem);
  }

}

@media (min-width: 390px) and (max-width: 600px){
  .caja-imagenes{
    height: 35%;
  }
  .imagenes{
    height: 35%;
  }

  
  
}



/**********************
* listas y tablas
**********************/
ol, ul{
  font-size: 1.5rem;
  line-height: 1.5;
 
}
ol,ul > li{
  margin-bottom: 1rem;
}

.lista-sol{
  list-style-type: none;
}
.lista-sol > li::before{
  display: inline-block;
  content: '';
  width: 2rem;
  height: 2rem;
  background-image: url("../img/iconos/ICON_sol.svg");
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}

.lista-enlaces{
  list-style-type: none;
}

.lista-griega{
  list-style-type: square;
}

.lista-imagen{
  list-style-type: none;
}
.lista-imagen>li:before{
  content:'\CFA466';
}

.lista-rayo{
  list-style-type: none;
}
.lista-rayo > li::before{
  display: inline-block;
  content: '';
  width: 2rem;
  height: 2rem;
  background-image: url("../img/iconos/ICON_rayo-fill.svg");
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}


.lista-flecha{
  list-style-type: none;
}
.lista-flecha>li:before{
  display: inline-block;
  content: '';
  width: 2rem;
  height: 2rem;
  background-image: url("../img/iconos/ICON_flecha.svg");
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
  
}

.lista-papel{
  list-style-type: none;
}
.lista-papel > li::before{
  display: inline-block;
  content: '';
  width: 2rem;
  height: 2rem;
  background-image: url("../img/iconos/ICON_documentos.svg");
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}
.lista-check>li:before{
  content:'\CFA466';
}

.lista-check{
  list-style-type: none;
}
.lista-check > li::before{
  display: inline-block;
  content: '';
  width: 2rem;
  height: 2rem;
  background-image: url("../img/iconos/ICON_check.svg");
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}

.lista-triangulo{
  list-style-type: none;
}
.lista-triangulo > li::before{
  display: inline-block;
  content: '';
  width: 2rem;
  height: 2rem;
  background-image: url("../img/iconos/ICON_coordenadas.svg");
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}

.lista-numeros{
  list-style-type: none;
}

.tabla{
  font-size: 1.1rem;
  color: #32659D;
  vertical-align: middle;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: #32669d05;
  color: var(--aero-40);
}

.icono-lista{
  width: 5%;
}

@media (max-width: 900px){
  ol, ul{
    padding-left: 0;
  }
}

@media (max-width: 600px){
  .tabla{
    font-size: 0.6rem;
  }
  .icono-lista{
    width: 10%;
  }
}

.recuadro-azul{
  display: flex;
  align-items: center;
  width: 100%;
  margin: 5vmin auto 3vmin auto;
  border: 1px solid #D8E8F7;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  /* padding: 1rem 2rem; */
}
.recuadro-azul p{
  font-size: 1.6rem;
  line-height: 1.6;
  color:var(--aero-40);
  font-weight: 700;
  text-align: center;
  margin: auto;
  padding-bottom: 1.8rem;
  padding-top: 1.8rem;
}
.recuadro-azul:hover{
  border: none;
  box-shadow: 0 0 5px 5px #D8E8F7;
  border: 1px solid var(--aero-40);
}
.recuadro-azul .row{
  align-items: center;
}

.recuadro-azul .imagen-izquierda{
  max-width: 16vw;
}


.imagenes{
  
width: 100%;
height: 85vh;

}


 .azul{
  color: #0C99C6;
  line-height: 1.5;
  font-size: 25px;
}






.recuadro-azul-boton{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 5vmin auto 3vmin auto;
  border: 1px solid #D8E8F7;
  border-radius: 1rem;
  padding: auto;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  /* padding: 1rem 2rem; */
}

.recuadro-azul-boton p{
  text-align: center;
  font-size: 1.6rem;
  
  font-weight: 700;
 
  margin: auto;
;
  padding-bottom: 1.8rem;
  padding-top: 1.8rem;
}
.recuadro-azul-boton:hover{
  border: none;
  box-shadow: 0 0 5px 5px #D8E8F7;
  border: 1px solid #D8E8F7;
}
.recuadro-azul-boton .row{
  align-items: center;
}

.recuadro-azul-boton .subtitulo-recuadro{
  text-align: center;
  margin-top: 20px;
  padding-top: auto;
  font-weight: 700;
  font-size: 35px;
}


   
    

/*****************
* dos columnas
*****************/


.dos-columnas{
  margin-top: 5vmin;
  width: 90%;
  border: 1px solid #D8E8F7;
  border-radius: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 1rem;
  
}
.dos-columnas p{
  text-align: start;
  font-size:24px;
  line-height: 1.6;
  font-weight:500;
}
.subtitulo-recuadro{
  font-size: 27px;
  font-weight: 500;
  color:#0C99C6;
}
.dos-columnas .row{
  align-items: center;
}

.grande{
  width: 100%;
}
.grande .row{
  margin-bottom: 5vmin;
}
.grande .row:last-child{
  margin-bottom: 0;
}

@media (max-width: 600px){
  .dos-columnas{
    margin-left: auto;
    margin-right: auto;
  }
}

.formulario-izquierda-articulos{
 
  width: 45%;
  margin-bottom: 5vmin;
}