@charset "UTF-8";
/* CSS Document */

 

/* MENÚ */

/* Color negro de fondo para el topnav */
.topnav 
{background-color:rgba(59,59,59,0.8);
 overflow: hidden;}

/* Dotar de estilo a los elementos de la barra de navegación */
.topnav a 
 {
  font-family: "Montserrat light";
  float: left;
  display: block;
  color:white;
  text-align: center;
  padding: 10px 22px;
  text-decoration: none;
  font-size: 18px;
}

/* Cambiar el color de los enlaces al pasar el ratón */
  .topnav a:hover 
  {background-color:rgba(186,226,234,1.00);}

/* Añadir una clase activa para resaltar la página actual, aumentando la  transprarencia */
  .active 
  {background-color:rgba(174,180,182,0.0);color: rgba(59,59,59,1.00);}

  /* Nos permite ocultar el enlace que abre y cierra el topnav en pantallas pequeñas */
  .topnav .icon 
  {display: none;
  }


/* Cuando pantalla sea menos de 600 píxeles de ancho, se ocultan enlaces, excepto inicio. Ahora sí, se muestra el enlace que contiene el abrir y el cerrar el topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* La responsive class se agrega a la navegación superior con JavaScript cuando el usuario hace clic en el icono. Esta clase hace que la navegación superior se vea ok en pantallas pequeñas (muestra los enlaces verticalmente en lugar de horizontalmente).*/

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/*Header Lander 2023*/

.header
{
box-sizing: border-box;
margin: auto;
padding: 50px;

}

img{opacity: 0.7;}

/* TEXTACO */

/* Parte responsive, para división en 3 columnas */

*{box-sizing: border-box;}

.row::after {content: "";clear: both;display: block;}

[class*="col-"] {float: left;padding: 15px;}

/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 768px) 
{/* Para móviles: */[class*="col-"] {width: 100%;}}

/*Código de estilo de tipografía,color, etc*/




.col-3
{
box-sizing: border-box;
margin: auto;
text-align: center;
font-family:'Montserrat Light';
color: rgba(209, 149, 63 ,1);
font-size: 14px;
text-decoration: none;
}