/*
Theme Name: CARFU
Author: Estudiocienpies http://www.estudiocienpies.cl/
Author URI: http://www.estudiocienpies.cl/
Developer: @cuasimatico
Description: Tema base de Woodcarfu
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/




		@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

		:root {
		    --verde-principal: #22b573;
		    --verde-oscuro: #265b3f;
		    --naranjo: #fbb03b;
		    --gris-claro: #e6e6e6;
		    --gris-medio: #4d4d4d;
		    --gris-oscuro: #4d4d4d;
		}

		.bg-naranjo {background-color: var(--naranjo);}
		.text-naranjo {color: var(--naranjo);}

		.bg-verde {background-color: var(--verde-principal);}
		.text-verde {color: var(--verde-principal);}

		.bg-gris-claro {background-color: var(--gris-claro);}
		.text-gris-claro {color: var(--gris-claro);}

		.bg-gris-medio {background-color: var(--gris-medio);}
		.text-gris-medio {color: var(--gris-medio);}


		body{
			font-family: "Montserrat", sans-serif;
		}
/* MENU ====================================== */
		nav{
			font-weight: 800;
			text-transform: uppercase;
			margin-top: 20px;
			margin-bottom: 20px;
		}
		nav .nav-link{
			color: black;
			font-size: 19px;
		}
		.navbar-brand img{
			max-width: 400px;
		}
		@media screen and (max-width: 770px) {
			.navbar-brand img{
				max-width: 100%;
				margin-bottom: 20px;
			}
		}
		
		.menu-principal {
            transition: all 0.3s ease;
        }
		.menu-fixed {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 999;
            background: #fff; /* ajusta si tu diseño es oscuro */
        }
        

/* ============================================== */
		.top {
			text-align: right;
			transition: all 0.3s ease;
		}
		/* ocultar top */
        .top-hide {
            transform: translateY(-100%);
            opacity: 0;
        }
		@media screen and (max-width: 770px) {
			.top{
				text-align: center;
			}
		}
		.top div {
			display: inline-block;
			padding: 7px 10px;
			font-size: 14px;
			color: var(--gris-medio);
			text-transform: uppercase;
		}
		.top .rrss{
			font-size: 24px;
		}

		h2 {
		  letter-spacing: 1px;
		  font-size: 45px;
		  font-weight: 800;
		  margin-bottom: 60px;
		}
		.py-70{
			padding-top: 70px;
			padding-bottom: 70px;
		}

/* PRODUCTOS =================== */
	  .productos .card-producto {
	      background-color: #4A4A4A;
	      border-radius: 10px;
	      padding: 10px;
	      margin: auto;
	  }

	  .productos .img-placeholder {
	      background-color: #d9d9d9;
	      border-radius: 8px;
	      margin-bottom: 10px;
	      overflow: hidden;
	  }

	  .productos .nombre-producto {
	      color: #fff;
	      font-weight: 800;
	      margin: 0;
	      font-size: 30px;
	  }
/* PRODUCTOS =================== */


/* NOTICIAS =================== */
		.seccion-noticias .img-placeholder {
		  border-radius: 8px;
		  margin-bottom: 10px;
		  overflow: hidden;
		}

		.seccion-noticias .card-noticia {
			background-color: var(--verde-oscuro);
		  display: flex;
		  flex-direction: column;
		  min-height: 360px;
		  border-radius: 10px;
		  padding: 10px;
		  color: #fff;
		  margin: auto;
		}

		.seccion-noticias .card-noticia p {
		    margin-top: auto;
		    margin-bottom: auto;
		    text-align: left;
		    font-size: 22px;
		    font-weight: 800;
		    padding: 0 15px;
		}

		/* Flechas */
		.seccion-noticias .carousel-control-prev-icon,
		.seccion-noticias .carousel-control-next-icon {
		  background-image: none;
		}

		.seccion-noticias .carousel-control-prev::after {
		    font-family: "Font Awesome 6 Free"; /* importante */
		    font-weight: 900; /* necesario para solid */
		    content: "\f053"; /* chevron-left */
		    font-size: 80px;
		    color: #2f9e6f;
		}

		.seccion-noticias .carousel-control-next::after {
		    font-family: "Font Awesome 6 Free";
		    font-weight: 900;
		    content: "\f054"; /* chevron-right */
		    font-size: 80px;
		    color: #2f9e6f;
		}
/* =================== */

/* COORDENADAS =================== */
		@media screen and (max-width: 770px) {
			.coordenadas-section{
				text-align: center;
			}
			.mapa-container{
				margin-top: 30px;
			}
		}

		.coordenadas-section .logo-box{
			max-width: 250px;
		}

		.coordenadas-section .direccion p {
		  margin: 0;
		  font-size: 22px;
		  font-weight: 800;
		}


		.seccion-contacto p{
			font-size: 20px;
    	margin-bottom: 0;
		}
		
		
		
		
/* FORM CONTACTO =================== */		
/* CONTENEDOR */
.form-carfu {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* INPUTS */
.form-carfu .form-control {
    width: 100%;
    background: #e5e5e5;
    border: none;
    padding: 18px 20px;
    font-size: 16px;
    color: #333;
    outline: none;
    border-radius:0;
}

/* TEXTAREA */
.form-carfu textarea {
    min-height: 100px;
    resize: none;
}

/* BOTÓN */
.form-carfu .btn-carfu {
    background: #2f9e6f;
    color: #fff;
    border: none;
    padding: 16px;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s;
    width: 100%;
}

/* HOVER */
.form-carfu .btn-carfu:hover {
    background: #27885f;
}

/* QUITAR ESTILOS CF7 */
.wpcf7 form p {
    margin: 0;
}

.wpcf7-response-output {
    margin-top: 10px;
}


@media screen and (max-width: 770px) {
    .form-carfu {
        margin-top: 50px
    }
    
}

/* FOOTER =========================================== */
/* MENU FOOTER */
.menu-footer {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    gap: 30px;
    margin: 0;
    padding: 0;
}

/* ITEMS */
.menu-footer li {
    list-style: none;
}

/* LINKS */
.menu-footer a {
    color: white;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: 0.3s;
    font-weight: 800;
}

/* HOVER */
.menu-footer a:hover {
    opacity: 0.8;
}


@media screen and (max-width: 770px) {
    .menu-footer {
        list-style: none;
        display: block;
        justify-content: flex-end;
        gap: 30px;
        margin: 0;
        padding: 0;
        text-align: center;
        margin-top: 50px;
    }
}