:root{
	--black: #292d35;
	--black-darker: #000003;
	--black-light: rgba(41,45,53,0.7);
	--black-text: rgba(41,45,53,1);
	--gray: #f3f5ed;
	--gray-dark: rgba(0,0,0,0.6);
	--gray-light: rgba(0,0,0,0.1);
	--gray-lighter: rgba(243,245,237,0.5);
	--main: #8ec038;
	--main-darker: #70a21a;
	--main-lighter: rgba(142,192,56,0.5);
	--secondary: #f8961e; /* Rojo: da2424 | Naranja: da7a2d */
	--second: #da2424;
	--white: #FFFFFF;
	--white-text: rgba(255,255,255,0.75);
	--ligth-secondary: #F8FAF1;
}

.fs-7{
	font-size: 14px;
}

.fs-8{
	font-size: 12px;
}

.fs-9{
	font-size: 10px;
}

.bg-theme-main{
	background: var(--main);
	color: #fff;
}

.bg-theme-main-darker{
	background: var(--main-darker);
	color: #fff;
}

.bg-theme-secondary{
	background: var(--secondary);
	color: #fff;
}

.bg-pattern{
	background-image: url("../img/pattern_veggies.png");
}

.bg-theme-light-secondary{
	background: var(--ligth-secondary);
}

.bg-theme-dark, .bg-theme-hover-dark:hover{
	background: var(--black);
	color: #fff !important;
}

.text-theme-main{
	color: var(--main);
}

.text-theme-main-darker{
	color: var(--main-darker);
}

.text-theme-secondary{
	color: var(--secondary);
}

.text-theme-dark{
	color: var(--black);
}

.text-theme-gray-dark{
	color: var(--gray-dark);
}

.custom-color {
	color: var(--secondary) !important;
}

body{
	font-family: "Raleway", sans-serif;
	border-top: 2px solid var(--secondary);
}

body a:not(.card):not(.btn):hover {
	color: var(--secondary) !important;
	transition: all .5s;
}

.container{
	max-width: 1200px;
}

.navbar{
	/*-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2) !important;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2) !important;
	box-shadow: 0 0 10px rgba(0,0,0,.2) !important;*/
}

.navbar-nav .nav-link {
	padding-left: 2.5rem !important;
	padding-right: 2.5rem !important;
	font-weight: bold;
}

.navbar-nav .active {
	color: var(--main) !important;
	font-weight: bold !important;
}

.hero-section h1{
	color: var(--main-darker);
	font-weight: bold;
}

.hero-section h1 span{
	color: var(--black);
	font-weight: normal;
}

.hero-section h2{
	color: var(--black);
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
}

.hero-section {
    position: relative;
    color: #fff;
    padding: 6rem 0 8rem 0;
}

/* Pseudo-elemento para el fondo con opacidad */
.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/pattern_veggies.png"); /* Fondo por defecto (móvil) */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5; /* Ajusta la opacidad aquí */
    z-index: -1; /* Coloca el fondo detrás del contenido */
}

/* A partir de pantallas medianas (≥768px), cambia el background */
@media (min-width: 768px) {
    .hero-section::before {
        background-image: url("../img/bg.png"); /* Cambia el fondo en desktop */
        opacity: 1; /* Opcional: Fondo sin opacidad en pantallas grandes */
    }
}

.overlay-dark-waves {
	display: block;
	height: 64px;
	z-index: 99;
	pointer-events: none;
	overflow: hidden;
	margin-top: -64px;
	background-color: #f4f2e9;
	background-color: var(--bs-dark);
	mask-image: url("img/wave.svg");
	-webkit-mask-image: url("../img/wave.svg");
	mask-size: 1940px;
	-webkit-mask-size: 1940px;
	position: absolute;
	left: -16px;
	right: 0;
}

.main-waves {
	background-color: var(--main-darker);
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}

footer p.text-light {
	color: var(--white-text) !important;
}

@media (min-width: 768px) {
    .brand-cards .card:first-child {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .brand-cards .card:nth-child(2) {
        border-radius: 0 !important;
    }

    .brand-cards .card:last-child {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }

    .contact-form {
    	border-left: 1px solid #FFFFFF;
    }

}