@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Tektur:wght@400..900&display=swap');
:root{--azul:#3458c2;--gris:#151821;--principal:#ef4928;}
body{margin:0px;padding:0px;font-family:"Plus Jakarta Sans", sans-serif;}
p,li,h1,h2,h3,h4,h5,h6,section,aside,div,input{box-sizing:border-box;margin:0px;vertical-align:middle;}
h1{margin:0px 0px;font-size:1.6rem;line-height:1em;font-family: "Tektur", sans-serif;}
h2{font-size:17px;line-height:1.2em;letter-spacing:1px;font-weight:normal;}
h3{font-size:24px;line-height:1em;font-family: "Tektur", sans-serif;text-transform:uppercase;}
h4{font-size:20px;line-height:1em;}
h5{font-size:18px;font-weight:normal;line-height:1.5em;font-family: "Tektur", sans-serif;}
p,a,span{font-size:17px;line-height:1.2em;letter-spacing:1px;}
a{color:inherit;text-decoration:none;box-sizing:border-box;}
img{vertical-align:middle;max-width:100%;}
.container{display:flex;flex-direction:column;min-height:100vh;justify-content:space-between;max-width:100%;overflow-x:hidden;}
.center{width:100%;max-width:1240px;padding:0px 20px 0px;margin:0px auto;}
.center0{width:100%;max-width:1200px;margin:0px auto;}
.movil{display:none;}
.float{position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 2px 2px 3px #999;z-index:100;}
.float:hover {text-decoration: none;color: #25d366;background-color:#fff;}
.my-float{margin-top:16px;}
.wordbreak{white-space:break-spaces;}
.wordcapitalize{text-transform:capitalize;}

/*--HEAD--*/
.top{padding:10px 0px;background:#000;color:#fff;}
.top h3{font-size:18px;}
header{padding:20px 0px;background:#FCB916;}
header .menu{display:flex;align-items:center;gap:50px;}
header .menu .logo img{max-width:150px;}
.search{flex:1;}
.search input{margin-left:auto;display:block;vertical-align:middle;border:solid 1px #000;width:100%;max-width:400px;padding:5px 10px;font-size:16px;border-radius:7px;}
.hmb1{border-bottom:solid 5px #fff;margin:0px auto 5px;text-align:center;width:50px;transition:1s;opacity:1;}
.hmb2{border-bottom:solid 5px #fff;margin:0px auto 5px;text-align:center;width:50px;transition:1s; position:relative;}
.hmb3{border-bottom:solid 5px #fff;margin:0px auto;text-align:center;width:50px;transition:1s; position:relative;}
.active .hmb1{opacity:0;}
.active .hmb2{transform:rotate(405deg);}
.active .hmb3{transform:rotate(-405deg);margin-top:-10px;}
.hmb{width:50px;height:25px;z-index:10;position:relative;cursor:pointer;display:table;margin:0px auto;display:inline-block;}
.menumovil{overflow:hidden;transition:.3s linear;height:0px;background:#FCB916;}
.menumovil section{padding:20px 0px;}
.menumovil section a{font-size:35px;text-align:center;color:#fff;display:block;margin-bottom:20px;}

/*-- INICIO --*/
.banner{position:relative;align-items:center;}
.banner section{position:absolute;height:100%;width:100%;display:flex;align-items:center;}
.banner section .center{color:#fff;}
.banner section h3{font-size:40px;}
.txtin{background:#000;padding:20px 0px;}
.txtin h3{color:#fff;text-align:right;}
.compra{padding:150px 20px;text-align:center;}
.compra select{width:100%;max-width:500px;margin:20px auto 0px;padding:5px 10px;border:solid #000 1px;font-size:16px;}
.compra .button{background:#000;border-radius:10px;padding:10px 70px;color:#fff;display:table;margin:50px auto 0px;cursor:pointer;}
.paralax{background:#000;padding:150px 0px;background:url(../img/parallax.jpg) no-repeat center center;background-attachment:fixed;background-size:cover;}
.paralax section{max-width:1240px;padding:0px 20px;margin:0px auto;text-align:center;color:#fff;}
.esp{background:url(../img/contrato-1.jpg) no-repeat center left;background-size:50%;}
.esp .center{display:flex;align-items:center;}
.esp .center div{flex:1;}
.esp .center section{max-width:700px;margin-left:auto;padding:100px 20px;background:#fff;}

/*--PRODUCTOS--*/
.bgproductos{background:linear-gradient(90deg, rgba(176,191,210,1) 50%, rgba(255,255,255,1) 50%);}
.productos{display:flex;}
.productos .menu{padding-right:30px;width:300px;padding-top:100px;padding-bottom:50px;}
.productos .menu div{margin-bottom:20px;}
.productos .menu div h6{margin-bottom:20px;background:#c5cfd9;padding:5px 20px;}
.productos .menu div a{font-weight:bold;margin-top:5px;display:table;cursor:pointer;padding-left:20px; font-size:14px;;}
.productos section{flex:1;display:flex;flex-wrap:wrap;gap:5%;}
#productos{padding-top:100px;padding-bottom:50px;background:#fff;padding-left:30px;}
#productos .producto{width:30%;margin-bottom:100px;}
#productos .producto div{width:100%;height:260px;background-size:cover;background-repeat:no-repeat;background-position:center center;margin-bottom:20px;}

/*--PRODUCTO--*/
.titulo{margin:30px 0px;}
.prodcont{display:flex;justify-content:space-between;padding-bottom:50px;}
.prodcont .img{width:47.5%;}
.prodcont .txt{width:47.5%;}
.prodcont .txt h5{font-family:"Plus Jakarta Sans", sans-serif;font-size:17px;background:#ecf0f5;padding:10px;}
.prodcont .txt p{margin:40px 10px 5px;color:var(--azul);text-transform:uppercase;font-size:14px;}
.prodcont .txt p:first-child{margin-top:0px;}
.prodcont .txt a{display:block;background:#25d366;text-align:right;padding:5px 10px;margin-top:50px;color:#fff;}
#video{width:100%;margin:50px auto;}
#video aside{width:100%;position:relative;padding-bottom:56.25%;height:0;}
#video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.mapa{padding-top:50px;}
.mapa iframe{width:100%;}

/*--CONTACTO--*/
#contacto{margin-bottom:100px;}
.input-group{position:relative;margin-top:30px;}
.input{border:solid 1.5px #9e9e9e;border-radius:1rem;background:#fff;padding:1rem;font-size:1rem;color:#000;transition:border 150ms cubic-bezier(0.4,0,0.2,1);width:100%;width:100%;box-sizing:border-box;}
.user-label{position:absolute;left:15px;color:#000;pointer-events:none;transform:translateY(1rem);transition:150ms cubic-bezier(0.4,0,0.2,1);top:0;}
.input:focus, .input:valid {outline:none;border:1.5px solid #fff;}
.input:focus ~ label, .input:valid ~ label {transform:translateY(-50%) scale(0.8);background-color:#212121;padding:0 .2em;color:#fff;}
.sendBtn{display:table;background:#000;color:#fff;padding:10px 20px;margin-top:30px;border:none;}
.g-recaptcha{display:block;margin-top:20px}

/*--FOOTER--*/
footer{background:#1A1A1A;color:#9E9E9E;padding:100px 0px;}
footer .menu{display:flex;border-top:solid #9E9E9E 1px;border-bottom:solid #9E9E9E 1px;justify-content:space-between;padding:10px 20px;margin-bottom:50px;}
footer .redes a{display:inline-block;margin-right:20px;}
@media screen and (min-width:821px) {
	.tggle{display:block !important;}
}

@media screen and (max-width:820px) {
	.movil{display:block;}
	.nonemovil{display:none;}
	header .menu .logo{flex:1;}
	.search{margin-top:20px;padding:0px 20px;}
	.search input{width:100%;max-width:800px;}

	/*-- INICIO --*/
	.esp{background:none;}
	.esp .center{display:block;}
	.esp .center div{display:none;}
	.esp .center section{max-width:900px;margin-left:auto;padding:100px 0px;background:#fff;}
	.paralax{background-attachment:unset;}

	/*--PRODUCTOS--*/
	.menutggle{cursor:pointer;}
	.tggle{display:none;}
	.bgproductos{background:#fff;}
	.productos{display:block;}
	.productos .menu{padding:20px 20px;width:100%;background:rgba(176, 191, 210, 1);}
	.productos section{flex:1;display:flex;flex-wrap:wrap;gap:5%;}
	#productos{padding-top:100px;padding-bottom:50px;background:#fff;padding-left:0px;}
	#productos .producto{width:47.5%;margin-bottom:100px;}
	#productos .producto div{width:100%;height:260px;background-size:cover;background-repeat:no-repeat;background-position:center center;margin-bottom:20px;}
	.productos .menu div:last-child{margin-bottom:0px;}

	/*--PRODUCTO--*/
	.titulo{margin:20px 0px;}
	.prodcont{display:block;}
	.prodcont .img{width:100%;}
	.prodcont .txt{width:100%;padding-bottom:50px;}
	.prodcont .txt a{text-align:center;}

	/*--CONTACTO--*/
	#contacto .img{margin-bottom:50px;}
	#contacto{margin-bottom:50px;}

	/*--FOOTER--*/
	footer{padding:50px 0px;}
	footer .menu{display:none;}
}