/* CSS propias de la plantilla cassiopeia_medina */
/******* COLORES ********/
:root {
    --cassiopeia-color-primary: #4c7ec1;
    --cassiopeia-color-link: #30638d;
    --cassiopeia-color-hover: #cf542b;
    --color-nombre-sitio: var(--cassiopeia-color-primary);
    --color-fondo-mainmenu: #e6af2e;
    --color-activo-mainmenu: steelblue;
    --color-resaltado-menu: #e9ecef;
    --color-activo-menulateral: #dce8f2;
}

h1, h2, h3, h4, h5 {
    color: var(--cassiopeia-color-primary);
}
p {
    color: var(--cassiopeia-color-primary);
}

/*** ENLACES ****/
a:not([class]) {
   text-decoration: none !important;	
}
a {
   text-decoration: none !important;	
}
a:hover {
   text-decoration: none !important;	
}


/*** Estilos CABECERA ****/
.container-header {
  background-color: var(--cassiopeia-color-primary);
  background-image: url(../images/aemet_miteco_01_500x74.jpg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top right;
  
}



.container-header .container-nav{
     padding: 0; /*Se reduce padding predefinido*/

}
.container-header nav {
      margin-top: 0; /* Se pone a 0 margin-top de nav*/
      margi-bottom: 0;
}

.container-header .navbar{
 background-color: var(--color-fondo-mainmenu); /*El color de la barra de menu ocupa todo el ancho*/
}
.container-header .colormargin{
 background-color: var(--color-fondo-mainmenu); /*El color de la barra de menu ocupa todo el ancho*/
}





/*_________FIN CABECERA_____________ */


/*** MÓDULOS ESPECIALES ***/
/** Módulo presentación **/
.container-banner {
  padding:50px 100px;
  background-color: #f8f7ff;
}
.container-banner h1, h2, h5 {
  font-size: 2.7 em;
}
.presentacion {
  padding:24px;
}






/* ___________ footer ______________ */

.footer {
    /*background-color: #45617C; !important;*/
    background-color: var(--cassiopeia-color-primary);
    background-image: none;
    color: #fff !important;
}
.footer .grid-child {
  flex-wrap: wrap;
}
@media (width <= 991.98px) {
  .footer .grid-child {
    flex-direction: unset;
  }
}

.footer .grid-child {
  align-items: flex-start;
  row-gap: 2rem;
}

/* ___________ FIN estilos FOOTER ______________ */