@charset "UTF-8";

/*
COLORES

LezoGris:#DAE1E9;
LezoVerdeOscuro:#294634;
LezoVerdeClaro:#205A41;



*/
/* COLORES */
.bottom{
	bottom: 50px;
}
.positionabsolute{
	position: absolute;
}
.positionrelative{
	position: relative;

}
.zindex70{
	z-index: 70;
}

.bg-LezoGris {
	background-color:#DAE1E9;
	z-index: 2;
}
.bg-LezoVerdeOscuro {
	background-color:#294634;
}
.bg-LezoVerdeClaro{
	background-color:#205A41 ;
}
.col-LezoGris {
	color:#DAE1E9;
	
}
.col-LezoVerdeOscuro {
	color: #294634;
}
.vertical-text {
	transform: translate(0, -50%) rotate(270deg);
	transform-origin: center;
	white-space: nowrap;
	position: absolute;
	right: 0;
	top: 50%;
}

/* Contenedor general */
.text-carousel-wrapper {
	overflow: hidden;
	width: 100%;
	position: relative;
	height: 13em;
}

/* Contenedor del texto */
.text-carousel {
	display: flex; /* Cambiar a flex para alineación continua */
	white-space: nowrap;
	position: absolute;
	animation: scrollText 60s linear infinite; /* Movimiento continuo */
}

/* Animación continua */
@keyframes scrollText {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}
/* OROGRAFIA */
.bg-orografia {
    background-image: url("../imgs/orografia.svg"); /* Verifica la ruta */
    height: 100vh; /* Asegura que ocupe toda la pantalla */
    width: 100%; /* Asegura que ocupe todo el ancho */
    position: fixed; /* Fija el fondo */
    top: 0;
    left: 0;
    z-index: 5; /* Asegura que el fondo esté detrás de los otros elementos */
	background-size: cover;
}

.h-33{
	height: 33vh;;
}
.h-66{
	height: 67vh;;
}
.nopadding{
	padding-right: 0px;
	padding-left: 0px;
}

/* FONTS */
::selection {
    background-color: #294634; /* Cambia el color de fondo del texto seleccionado */
    color: #DAE1E9; /* Cambia el color del texto seleccionado */
}
.textAeonikFono-Regular {
	font-family: 'AeonikFono-Regular';
}
.textAeonikFono-Bold {
	font-family:'AeonikFono-Bold';
}
.textuppercase{
	text-transform: uppercase;
}
.texJutif {
	text-align: justify;
}
.texCentrado {
	text-align: center;
}
.texDerecha {
	text-align: right;
}
.texIzquierda {
	text-align: left;
}
.fSize9{
	font-size: 11em;
}
.fSize8{
	font-size: 8em;
}
.fSize7{
	font-size: 7em;
}

.fSize05 {
	font-size: 0.45em;
}
.fSize07 {
	font-size: 0.7em;
}
.fSize08{
	font-size: 0.8em;
}
.fSize1 {
	font-size: 0.9em;
}
.fSize1_2 {
	font-size: 1.2em;
}
.fSize1_5 {
	font-size: 1.35em;
}
.fSize2 {
	font-size: 1.8em;
}
.fSize3 {
	font-size: 2.7em;
}
.fSize4 {
	font-size: 3.6em;
}
.fSize5 {
	font-size: 4.2em;
}
.fSize6 {
	font-size: 5.5em;
}
/* ---- interlineados -----*/
.interlineado100 {
	line-height: 100%;
}
.interlineado130 {
	line-height: 130%;
}
.interlineado160 {
	line-height: 160%;
}
.interlineado190 {
	line-height: 190%;
}
.interlineado220 {
	line-height: 220%;
}
/*estilos dimensiones y posicion*/
.wMax1300 {
	max-width: 1300px;
	width: 100%;
}
.wMax1000 {
	max-width: 1000px;
	width: 100%;
}

.hMax500 {
	max-height: 300px;
}
.oculto {
	display: none;
}
.maxwidth{
	max-width: 25%;
}
.bgurl{
	background: url(../imagenes/imgs_landingLEZO00001.jpg);
	background-size: cover;
}
#randomImage {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}










/* Estilos generales para dispositivos móviles */
@media (max-width: 768px) {
    /* Ajustar la altura de las secciones */
    .h-33 {
        height: 50vh; /* Ajusta la altura para pantallas pequeñas */
    }
    .h-66 {
        height: 50vh; /* Ajusta la altura para pantallas pequeñas */
    }

    /* Ajustar el texto del carousel */
    .text-carousel h1 {
        font-size: 3.5em; /* Reduce el tamaño del texto en pantallas pequeñas */
    }

    /* Asegurar que el contenedor de texto no sea demasiado grande */
    .text-carousel-wrapper {
        height: 10em; /* Ajusta la altura para pantallas pequeñas */
    }

    /* Ajustar el tamaño de los párrafos */
    .fSize08 {
        font-size: 1em; /* Ajusta el tamaño de la fuente en pantallas móviles */
    }

    /* Eliminar márgenes y añadir padding en el contenedor de texto */
    .text-carousel {
        padding: 10px; /* Añade espacio alrededor del texto */
        font-size: 2em; /* Ajusta el tamaño del texto */
    }

    /* Ajustar la imagen del logo */
    .img-fluid {
        max-width: 40%; /* Aumenta el tamaño del logo en pantallas pequeñas */
    }

    /* Ajustar el contenedor con la imagen de fondo */
    .col-lg-4 {
        background-size: cover;
        height: 40vh; /* Ajusta la altura en pantallas pequeñas */
    }

    /* Ajustar el posicionamiento del texto vertical */
    .vertical-text {
        font-size: 0.8em; /* Reduce el tamaño del texto */
        position: relative;
        top: 10%;
    }

    /* Asegurar que la columna con la información se ajuste */
    .col-lg-8 {
        padding: 0;
        margin: 0;
    }

    /* Ajustar márgenes y padding generales */
    .row {
        padding: 0;
        margin: 0;
    }
}

/* Para dispositivos muy pequeños (por debajo de 480px) */
@media (max-width: 480px) {
    .text-carousel h1 {
        font-size: 2.5em; /* Aún más pequeño para pantallas muy pequeñas */
    }

    .fSize08 {
        font-size: 0.9em; /* Ajuste aún más pequeño para pantallas pequeñas */
    }

    .vertical-text {
        font-size: 0.7em; /* Texto aún más pequeño */
        top: 20%;
    }

    /* Ajustar la altura de la imagen de fondo */
    .col-lg-4 {
        height: 30vh; /* Reduce más la altura en pantallas ultra pequeñas */
    }

    /* Ajustar la altura del carousel */
    .text-carousel-wrapper {
        height: 8em; /* Ajuste más pequeño para pantallas muy pequeñas */
    }
}