/* FONTS */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Poppins1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.Poppins{font-family: 'Poppins';}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/Open-Sans.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.opensan{font-family: 'Open Sans';}
.l{text-align:left}.r{text-align:right}.c{text-align:center}
.b{font-weight: bold;}
.fl{float: left}
.t4{font-size:4px;}.t6{font-size:6px;}.t8{font-size:8px;}.t10{font-size:10px;}
.t16 {font-size:16px;}
.t18 {font-size:18px;}
.t20 {font-size:20px;}
.t24 {font-size:24px;}
.t26{font-size:27px;}
.t28{font-size:28px;}
.t30{font-size:30px;}
.t40{font-size:40px;}
.t50{font-size:50px;}
.t60{font-size:60px;}
.t70{font-size:70px;}

input[type=text],input[type=email],input[type=number],input[type=date],input[type=tel],select{height: 40px;padding: 10px; border: 1px solid #ccc;border-radius: 4px;width: 100%;background: #fff}
.conte{width:100%;max-width:1300px; margin:auto;margin-top:10px; justify-content: center;margin-bottom:40px;font-family:Open Sans;}
.w48{margin-right: 1%;width: 48%;margin-bottom: 10px}
.w43{margin-right: 1%;width: 43%;margin-bottom: 10px}
.w38{margin-right: 1%;width: 38%;margin-bottom: 10px}
.w33{margin-right: 1%;width: 33%;margin-bottom: 10px}
.w28{margin-right: 1%;width: 28%;margin-bottom: 10px}
.w23{margin-right: 1%;width: 23%;margin-bottom: 10px}
.w18{margin-right: 1%;width: 18%;margin-bottom: 10px}
.w13{margin-right: 1%;width: 13%;margin-bottom: 10px}
.w8{margin-right: 1%;width: 8%;margin-bottom: 10px}
.w100{margin-right: 1%;width: 100%;margin-bottom: 10px}
.raya {width: 12%;margin-left: auto;margin-right: auto;text-align: center;border-top: 4px solid #f2cf13; }

.anchogeneral{width:100%;height:auto;}
.ajustecentro{width:100%;max-width:1300;margin:auto;}
.titleseccion{display:inline-block;display:flex;justify-content:center;justify-items:center;}
.titleseccion h2{font-weight:400;color:var(--negro);font-family: Open Sans, sans-serif ;font-size:35px;text-align: center;width:100%;padding-top:40px;padding-bottom:20px;}
.rayita{width:70px;height:4px;background-color:var(--naranja);position:absolute;margin-top:100px;}
.flexbox{width:100%;max-width:1300px;display:flex;margin:auto;margin-top:10px;flex-wrap:wrap;justify-content: center;margin-bottom:40px;}
.producto{width:295px;height_:400px;background-color:#f5f5f5;border-radius:10px;margin:15px;padding:20px;overflow:hidden;font-family:Poppins , sans-serif;transition:0.2s;}
.producto:hover{cursor:pointer;height_:460;border-radius:5px;box-shadow:0px 1px 15px rgb(236, 236, 236);background-color:#ffffff;transform: scale(1.01);z-index:2;}
.producto img{width:100%;height:auto;}
/*Tamaño del texto en productos título*/
.nombreproducto{font-size:16px;text-align:center;padding:14px 0px;line-height_:22px;color:var(--grisazulado);font-family:Open Sans;}



.precioproducto{font-size:18px;text-align:center;color:var(--verde);margin-top_:-5px;font-family:Poppins;}
.flexbotones{display:flex;justify-content:center;flex-wrap:wrap;margin:15px 0px;}
.vermas{width:50px;height:50px;border-radius:50%;background-color:var(--naranja);
    padding-left:13px;padding-top:13px;font-size:23px;color:var(--blanco);margin-left:-50px;display:none;
    animation-name:mostrando;animation-duration:0.5s;
}
.agregaralcarrito{width:50px;height:50px;border-radius:50%;background-color:var(--verde);padding-left:13px;
    padding-top:13px;font-size:23px;color:var(--blanco);margin-left:10px;display:none;
    animation-name:mostrando;animation-duration:0.5s;
}
.txtagregaralcarrito{font-size:17px;margin-left:45px;margin-top:-24px;color:var(--grisazulado);display:none;
    animation-name:mostrandotextocomprar;animation-duration:0.5s;font-family:Open Sans;
}

.button{color: white;border: none;padding: 15px;padding-left: 20px;padding-right: 20px;border-radius: 4px;cursor: pointer;font-size: 14px;font-weight: bold;}
.button:hover{background-color: #0085ca;}
.ocu{display: none;}
.w50{width: 50%}

@keyframes mostrando {
    from {width:0px;height:0px;font-size:0px;padding-left:5px;opacity:0;}
    to {width:50px;height:50px;font-size:23px;padding-left:13px;opacity:1;}
  }

@keyframes mostrandotextocomprar {
    from {font-size:0px;}
    to {font-size:17px;}
  }
.vermas:hover{transform:rotate(360deg);transition:all ease .3s;background-color:var(--verde);}
.agregaralcarrito:hover{transition:all ease .3s;background-color:var(--naranja);}
/*.producto:hover .vermas{display:block;transition:all ease .3s;}*/

.agregaralcarrito img{width:25px;margin-left:-1px;}
.vermas img{width:25px;}
/*.producto:hover .agregaralcarrito{display:block;transition:all ease .3s;}
 .producto:hover .txtagregaralcarrito{display:block;transition:all ease .3s;}*/


footer{background-color:var(--gris);width:100%;height:auto;padding:40px 10px;font-family:Poppins, sans-serif;color:var(--blanco);}
.flexparafooter{display:flex;justify-content:space-between;width:100%;max-width:1300px;margin:auto;}
.copyright{opacity:0.7;font-size:14px;font-family:Poppins,}
.rds i{opacity:0.9;margin-left:10px;cursor:pointer;}
.rds i:hover{opacity:1;color:var(--verde);transition: all ease .3s;}


/*DETALLE DE PRODUCTO*/

.galleria {
  width:600px;overflow:hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.gallery-hightlight {
  width: 580px;
  height: 100%;
}

.vistaprevia {
  display: flex;flex-wrap:wrap;
  width: 580px;height:auto;
}
.vistaprevia img {
  flex-grow: 1;margin-top:20px;
  width:150px;height:auto;margin-right:25px; padding:10px;
  cursor: pointer;box-shadow:0px 1px 15px rgb(236, 236, 236);
}

img.selected-active {
    border: solid 1px rgb(184, 184, 184);
}

/*FIN DE DETALLES DEL PRODUCTO*/


/* RESEÑAS CARACTERÍSTICAS*/



.tabs {
  display: flex;
  flex-wrap: wrap;margin-top:30px;
  font-family: Open Sans, sans-serif ;
}

.tabs label {
  order: 1;
  display: block;
  padding: 1rem 2rem;
  margin-right: 0.2rem;
  max-width:1100px;
  cursor: pointer;
  background: transparent;color:var(--negro);
  font-weight: bold;
  transition: background  ease 0.2s;
  border-bottom:1px solid var(--verde);
}

.tabs .tab {
  order: 99;
  flex-grow: 1;
  width: 100%;max-width: 1200px;
  display: none;
  padding: 1rem;font-family: Open Sans, sans-serif ;color:var(--grisazulado);
}

.tabs input[type=radio] {
  display: none;
}

.tabs input[type=radio]:checked + label {
  background: var(--blanco);color:var(--verde);
}

.tabs input[type=radio]:checked + label + .tab {
  display: block;
}

@media (max-width: 45em) {
  .tabs .tab,
.tabs label {
    order: initial;
  }

  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}


/* FIN DE RESEÑAS CARACTERÍSTICAS*/





/*estrellas*/


.estrellas{color:rgb(255, 208, 0);}


/*Fin de las estrellas*/


/*Reseñas*/
.flexpararesenas{width:100%;max-width:1300px;display:flex;margin:auto;margin-top:10px;
  flex-wrap:wrap;margin-bottom:40px;}
.controldeimgresena img{width:100px;height:100px;}
.resenadeproducto{width:90%;margin-left:10px;}

.nombredelapersonaresena{padding-bottom:10px;}

.comilla{font-size:90px;font-weight:700;color:var(--verde);opacity:0.5;font-family:Georgia, 'Times New Roman', Times, serif;}



/*Reseñas*/



.txtdetalleproducto{width:600px;height:auto;padding:20px;font-family:Poppins , sans-serif;}
.nombreproductodetalle{font-size:38px;color:var(--negro);line-height:50px;font-family:Open Sans;}
.precioproductodetalle{font-size:24px;color:var(--verde);padding-top:15px;letter-spacing:1px;font-family:Poppins;}
.subtxtdetalleproducto{font-size:12px;letter-spacing:1px;color:var(--negro);margin:15px 0px;font-size:13px;font-weight:500;font-family: Open Sans, sans-serif ;}
.rydetalle{background-color:var(--grisclaro);color:var(--grisclaro);margin-top:30px;margin-bottom:30px;}

.flexparamandaracarrito{display:flex;flex-wrap:wrap;}
.flexparacantidad{display:flex;flex-wrap:wrap;}
.flexparasumayresta{display:flex;flex-direction:column;}
.inputparaingresodecantidad{background-color:var(--grisclaro);color:var(--negro);width:60px;height:60px;border-radius:10px;outline:none;border:none;text-align:center;font-weight:700;font-size:22px;}
.syr{background-color:var(--grisclaro);color:var(--negro);width:27px;height:27px;border-radius:5px;margin-bottom:5px;margin-left:5px;padding-left:1px;padding-top:0px;outline:none;border:none;}
.botoncomprar{margin-left:20px;height:60px;outline:none;border:none;border-radius:5px;background-color:var(--verde);color:var(--blanco);padding:18px 50px;font-weight:700;}
.botoncomprar:hover{background-color:var(--verdeoscuro);cursor:pointer;}
.fontrds{margin-right:10px;font-size:17px;color:var(--negro);}
.fontrds:hover{color:var(--verde);transition: all ease .3s;}

.botong{ outline:none;border:none;border-radius:5px;background-color:var(--amarillo);color:var(--negro);padding:13px 38px;font-weight:700;}
.botong:hover{background-color:var(--negro);cursor:pointer;color:var(--blanco)}

.cargarimg{display: inline-block; padding: 10px 20px;border:1px  solid #007bff;border-radius: 5px;cursor: pointer;text-align: center;font-family: sans-serif;font-size: 16px;transition: background-color 0.3s ease;}
.cargarimg:hover{background-color:var(--negro);cursor:pointer;color:var(--blanco)}

/*formulario*/
.formulario{width:61%;height:auto;display:flex;flex-wrap: wrap;justify-content:left;font-family:Open Sans, sans-serif; }

.flexformf{width:100%;height:auto;display:flex;flex-wrap: wrap;justify-content:center;text-align:justify;}
.nombresemail{width:50%;height:auto;padding:10px;}
.labelform{font-family: Open Sans, sans-serif ;}
.nombresemail input{width:100%;padding:10px;border-radius:5px;outline:none;border:none;margin-top:8px;border: solid 1px var(--grisclaro);}
.apellidotel{width:50%;height:auto;padding:10px;}
.apellidotel input{width:100%;padding:10px;border-radius:5px;outline:none;border:none;margin-top:8px;border: solid 1px var(--grisclaro);}
.mensajee{width:100%;height:auto;padding:10px;}
.mensajee textarea{min-height:110px;margin-top:8px;border: solid 1px var(--grisclaro);}
.flexformf textarea{width:100%;padding:10px;border-radius:5px;outline:none;border:none;margin-bottom:20px;border: solid 1px var(--grisclaro);}
.enviarmensaje{padding:15px 30px;cursor:pointer; font-weight:700;border-radius:5px;outline:none;border:none;color:#000;background-color:#f2cf13;}
.enviarmensaje:hover{color:#fff;background-color:#000;}
/*FIn de formulario*/
.inp{width:100%;padding:10px;border-radius:5px;outline:none;border:none;border: solid 1px var(--grisclaro);}

.titleformulario{font-size:40px;font-weight:700;font-family: Open Sans, sans-serif ;text-align:left;margin-left:10px;margin-bottom:15px;}
.corte{width:50px;float:left;position:absolute;margin-left:10px;margin-top:60px;}
.sele{width:100%;padding:10px;border-radius:5px;outline:none;border:none;margin-top:8px;border: solid 1px var(--grisclaro);}

/*contacto*/
.contacto{width:30%;height:auto;padding:10px 20px;font-family: Open Sans, sans-serif ;}
.sociales{font-size:17px;padding-bottom:10px;}
.hrcontacto{background-color:var(--grisclaro);}
.circulords{width:35px;height:35px;background-color:var(--grisclaro);color:var(--negro);margin-right:10px;border-radius:50%;padding-left:10px;padding-top:10px;}
.circulordsf{width:35px;height:35px;background-color:var(--verde);color:var(--negro);margin-right:10px;border-radius:50%;padding-left:8px;padding-top:8px;float:left;}

.circulords:hover{background-color:var(--verde);transition:all ease .3s;color:var(--blanco)}
.circulordsf:hover{background-color:var(--naranja);transition:all ease .3s;color:var(--blanco)}
.sociales2{margin-top:30px;padding-bottom:10px;}
/*FIn de contacto*/


.pre1{float:left;width:35%;}
.pre2{float:left;width:65% }


@media (max-width:1215px){
  .formulario{width:100%;padding:20px;}
  .contacto{width:100%;padding:30px;}
}

@media (max-width:1145px) {
.resenadeproducto{width:85%;}
}

@media (max-width:775px) {
  .resenadeproducto{width:80%;}
  }


  @media (max-width:660px) {
    .producto{width:250px;height:350px;}
    .producto_:hover{height:400px;}
      }
    
    









@media (max-width:630px) {
.titleseccion h2{font-size:25px;width:95%;padding-top:40px;padding-bottom:20px;}
.flexparafooter{display:flex;flex-direction: column;}
.copyright{font-size:11px;}
.rds{margin-top:5px;margin-bottom:5px;}







.txtdetalleproducto{width:100%;}
.galleria {width:100%;}
.gallery-hightlight {width:100%;}
.vistaprevia {
  display: flex;justify-content:center;flex-wrap:nowrap;
  width: 100px;height:auto;
}

.vistaprevia img {
  flex-grow: 1;
  width:70px;
}
}





@media (max-width:590px) {
.resenadeproducto{width:70%;}
.nombresemail{width:100%;}
.apellidotel{width:100%;}

}








@media (max-width:585px) {
  .producto{width:220px;height_:320px;}
  .nombreproducto{font-size:14px;  padding:5px 0px;}
  .precioproducto{font-size:16px;}
 
  .vermas{width:45px;height:45px;    padding-left:9.5px;padding-top:9px;;margin-left:-50px;}
 .agregaralcarrito{width:45px;height:45px;padding-left:9.5px;
    padding-top:9.5px;margin-left:5px;display:none;
    animation-name:mostrando;animation-duration:0.5s;
 }
 .txtagregaralcarrito{font-size:14px;}

  .pre1{float:none;width:100%;height:40px }
  .pre2{float:none;width:100%;padding_:15px 0px;}

}






@media (max-width:515px) {
  .producto{width:200px;height:300px;}
  .producto_:hover{height:350px;}

.vermas{width:40px;height:40px;
    padding-left:9.5px;padding-top:9px;margin-left:0px;
}

.vermas > img{width:20px;}

.agregaralcarrito{width:40px;height:40px;padding-left:9.5px;
    padding-top:9.5px;margin-left:10px;
}
.agregaralcarrito > img{width:20px;}

.producto_:hover .txtagregaralcarrito{display:none;}
}


@media (max-width:495px) {
  .producto{width:180px;height:270px;padding:5px;margin:2px;}
  .nombreproducto{font-size:13px;line-height:17px;}
  .precioproducto{font-size:14px;}
  .producto_:hover{height:300px;}

.vermas{width:30px;height:30px;
    padding-left:8px;padding-top:8px;margin-left:0px;
}

.vermas > img{width:15px;}

.agregaralcarrito{width:30px;height:30px;padding-left:8px;
    padding-top:8px;
}
.agregaralcarrito > img{width:15px;}


@keyframes mostrando {
  from {width:0px;height:0px;font-size:0px;padding-left:5px;opacity:0;}
  to {width:30px;height:30px;font-size:23px;padding-left:13px;opacity:1;}
}

.rayita{margin-top:90px;}

}




@media (max-width:405px) {
  .producto{margin:7px;}
    .botonpedir{ width:100%;  }

}












@media (max-width:400px) {
  .resenadeproducto{width:100%;margin-left:0px;margin-top:20px;}

}


 




@media (max-width:390px) {
  .producto{margin:5px;width:150px;height:260px;padding:7px;}
  .precioproducto{font-size:12px;}
}



@media (max-width:326px) {
  .producto{width:100%;height:430px;padding:15px;}
  .nombreproducto{font-size:16px;line-height:25px;}
  .precioproducto{font-size:18px;}
  .producto_:hover{height:470px;}

  
.vermas{width:50px;height:50px;
  padding-left:13px;padding-top:13px;
}

.vermas > img{width:auto;}

.agregaralcarrito{width:50px;height:50px;padding-left:13px;
  padding-top:13px;
}
.agregaralcarrito > img{width:auto;}
 


@keyframes mostrando {
from {width:0px;height:0px;font-size:0px;padding-left:5px;opacity:0;}
to {width:50px;height:50px;font-size:23px;padding-left:13px;opacity:1;}
}

}

.llenar{width:70%;}
@media screen and (max-width: 550px) {
	.w48{ width: 100%}
	.w43{ width: 100%}
	.w38{ width: 100%}
	.w33{width: 100%}
	.w28{width: 100%}
	.w23{width: 100%}
	.w18{width: 100%}
	.w13{width: 100%}
	.w8{width: 100%}
	.w2{ width: 48% }
	.w3{ width: 31% }
	.w4{ width: 23% }
	.w100{ width: 100%}
	.llenar{width:96%;}
}