/**
 * @copyright Eleve
 * @author Nucliux Solutions (edoardo@nucliux.mx)
 * @version 1.1.0 (Octubre 2026)
 * @since 1.0.0
 */

@import "reset.css?v=1.0.0";
@import "edad.css?v=1.0.0";
@import "menu.css?v=1.0.0";
@import "inicio.css?v=1.0.0b";
@import "nosotros.css?v=1.0.0";
@import "productos.css?v=1.0.0";
@import "galeria.css?v=1.0.0";
@import "noticias.css?v=1.0.0a";
@import "calidad.css?v=1.0.0a";
@import "lotes.css?v=1.0.0a";
@import "contacto.css?v=1.0.0";
@import "footer.css?v=1.0.0a";
@import "legal.css?v=1.0.0a";

@font-face{
	font-family: "Adequate";
	font-weight: 500;
	font-style: normal;
	src: url("fonts/Adequate-Medium.otf");
}

@font-face{
	font-family: "Adequate";
	font-weight: 700;
	font-style: normal;
	src: url("fonts/Adequate-Bold.otf");
}

@font-face{
	font-family: "Ampersand";
	font-weight: 100 900;
	font-style: normal;
	src: url("fonts/AcuminVariable.otf");
	unicode-range: U+0026, U+002D, U+2010-2014;
}

@font-face{
	font-family: "Acumin";
	font-weight: 100 900;
	font-style: normal;
	src: url("fonts/AcuminVariable.otf");
}

:root{
	--color-negro: #000000;
	--color-carbon: #0d0d0d;
	--color-grafito: #1a1a1a;
	--color-gris: #2b2b2b;
	--color-gris-claro: #b5b5b5;
	--color-blanco: #FFFFFF;
	--color-magenta: #E5007E;
	--color-amarillo: #F5C400;
	--color-oro: #c9973b;
	--color-oro-claro: #f3d27a;
	--color-oro-oscuro: #8a6420;
	--degradado-oro: linear-gradient(180deg, #f7dc8c 0%, #d9a94a 55%, #a7782a 100%);
	--degradado-fondo: radial-gradient(ellipse at 50% 0%, #3a3a3a 0%, #141414 45%, #000000 100%);
	--fuente-titulo: "Ampersand", "Adequate", "Acumin", sans-serif;
	--fuente-cuerpo: "Acumin", "Helvetica Neue", Arial, sans-serif;
}

html, body{
	background-color: var(--color-negro);
	width: 100%;
	color: var(--color-blanco);
	font-family: var(--fuente-cuerpo);
	font-weight: 400;
	font-size: 1.1vw;
}

h1, h2, h3{
	font-family: var(--fuente-titulo);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.oculto{
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
}

.titulo{
	display: inline-block;
	background-image: var(--degradado-oro);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-size: 3.2vw;
	line-height: 1.1;
}

.adorno{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2vh auto 4vh;
	width: 18vw;
}

.adorno::before,
.adorno::after{
	content: "";
	flex: 1;
	height: 1px;
	background-color: var(--color-oro);
}

.adorno span{
	margin: 0 0.8vw;
	width: 0.6vw;
	height: 0.6vw;
	background-color: var(--color-oro-claro);
	transform: rotate(45deg);
}

/*Estilo para media pantalla
______________________________*/
@media only screen and (max-width: 1024px){
	html, body{
		font-size: 2.2vw;
	}

	.titulo{
		font-size: 6vw;
	}

	.adorno{
		width: 36vw;
	}

	.adorno span{
		margin: 0 1.6vw;
		width: 1.2vw;
		height: 1.2vw;
	}
}

/*Estilo para móviles
______________________________*/
@media only screen and (max-device-width: 465px) and (max-aspect-ratio: 13/9){
	html, body{
		font-size: 3.8vw;
	}

	.titulo{
		font-size: 8.4vw;
	}

	.adorno{
		width: 50vw;
	}

	.adorno span{
		width: 2vw;
		height: 2vw;
	}
}