@charset "utf-8";
/* GENERAL */
*						      			        { margin: 0; border: 0; padding: 0; outline: none; text-decoration: none; word-break: break-strict; }
img 											{ max-width: 100%; }
body 											{ font-weight: 400; font-size: 14px; line-height: 1em; position: relative; }
a:hover, a:focus 								{ text-decoration: none; outline: none; }
a 												{ outline: none !important; }
button, button:focus 							{ outline: none !important; }
p												{ margin: 0; border: 0; padding: 0; }

.ff0 											{ font-family: sans-serif; font-weight: 300; }
.ff1 											{ font-family: sans-serif; font-weight: 400; }
.ff2 											{ font-family: sans-serif; font-weight: 600; }
.ff3 											{ font-family: sans-serif; font-weight: 700; }
.ff4 											{ font-family: sans-serif; font-weight: 900; }
.rrss 											{ font-family: "rrss", sans-serif; font-weight: 400; }

/* ESTRUCTURA */
.ionix 											{ width: 100%; max-width: 2560px; min-width: 320px; height: auto; position: relative; margin: 0 auto; }
.generalMin2 									{ width: 90%; max-width: 1200px; min-width: 320px; height: auto; position: relative; margin: 0 auto; }
.generalMin 									{ width: 90%; max-width: 1000px; min-width: 320px; height: auto; position: relative; margin: 0 auto; }
.general 										{ width: 90%; max-width: 1400px; min-width: 320px; height: auto; position: relative; margin: 0 auto; }
.generalMax 									{ width: 96%; max-width: 2560px; min-width: 320px; height: auto; position: relative; margin: 0 auto; }
.allion 										{ height: auto; position: relative; }

/* CUSTOM */
.let 											{ letter-spacing: 0.1em; }
.wh15										 	{ width: 15px; height: 15px; }
.vMM 										 	{ display: flex; align-items: center; justify-content: center; }
.triangulo-equilatero-bottom-left 				{ width: 0; height: 0; border-left:5px solid transparent; border-top: 5px solid transparent; border-right: 5px solid #333; border-bottom: 5px solid #333; }
.p202010 										{ padding:20px 20px 10px 20px;}
.mT-50											{ margin-top:-40px; }

.method.sele 									{ border-color: #333 !important; }
.method.sele i 									{ color: #333 !important; }
.method.sele .t16								{ color: #333 !important; font-weight: 700; }
.method.sele:hover 								{ background-color: #fff !important; }
.step 										 	{ color: #333; border-color: #333; }
.stepOK 										{ background-color: #333; color: #fff; border-color: #333; }

.bio 											{ top: 0; width: 100%; height:100%; position:fixed; z-index:-1; left:0; }
.bion 											{ top: 0; width: 30%; height:100%; min-width: 320px; max-width: 450px; position: absolute; z-index: 1; right: -450px; }
.opa 											{ opacity: 0; }

.guia_20                                        { position:absolute; width:20%; left:0; top:0; z-index:99999 }
.guia_80                                        { position:absolute; width:80%; right:0; top:0; z-index:99998 }

/* COLOR */
.colorVerde 									{ color: #12c133; }
.colorNaranja 									{ color: #f37021; }
.colorRojo 										{ color: #ff3f39; }
.colorPink 										{ color: #ee2265; }
.colorAzul 										{ color: #0073aa; }

.bVerde 										{ background-color: #12c133; }
.bNaranja 										{ background-color: #f37021; }
.bRojo 											{ background-color: #ff3f39; }
.bPink 											{ background-color: #ee2265; }
.bAzul 											{ background-color: #0073aa; }

.bCeee 											{ border-color: #eee; }
.bC666 											{ border-color: #666; }
.bCfff 											{ border-color: #fff; }
.bCPink 										{ border-color: #ee2265; }

/* EFECTS */
.bShadow 										{ -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3); }
.tShadow 										{ text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); }
.b000T 											{ background: rgba(0, 0, 0, 0.5); }

.bfffT											{ background-color: rgba(255,255,255,0.40); }

/* TRANSFORM */

.bHoverS1:hover 								{ -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15); }
.bHover0:hover 									{ background-color: #ccc; color: #333; border-color: #ccc; }
.bHover:hover 									{ background-color: #333; color: #fff; border-color: #333; }
.aHover:hover 									{ color: #333; border-color: #333; }

.bHoverS1, .bHover, .bHover0, .bHover1, .bHover2, .bHover11, .bHover22, .aHover, .aS, .producto, .producto *, .tomha, .tomha *,
.btn-tipo-1, .btn-tipo-11, .btn-tipo-2, .btn-tipo-22, .btn-tipo-3, .btn-tipo-33,
#wowslider-container99 .ws_bullets a, #wowslider-container99 a.ws_next, #wowslider-container99 a.ws_prev, #wowslider-container99 .ws-title div xx
{ -webkit-transition: all 350ms ease-in; -moz-transition: all 350ms ease-in; -ms-transition: all 350ms ease-in; -o-transition: all 350ms ease-in; transition: all 350ms ease-in; }

input.bCeee::-webkit-input-placeholder 			{ color: #aaa; }
input:-moz-placeholder 							{ color: #aaa; opacity: 1; }
input.bCeee::-moz-placeholder 					{ color: #aaa; opacity: 1; }
input:-ms-input-placeholder 					{ color: #aaa; }
input.bCeee::-ms-input-placeholder 				{ color: #aaa; }
input.bCeee::placeholder 						{ color: #aaa; }

.quantity 										{ position: relative; width: 70px; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] 							{ -moz-appearance: textfield; }



/* float whatsapp */

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:20px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
  	z-index:999999;
}

.my-float{
	margin-top:16px;
}

/* float social */

.wrapper{
	position: fixed;
	bottom:20%;
	z-index:999999;
}

.share{
	width: 58px;
	height: 58px;
	position: relative;
	cursor: pointer;
	transition: all 0.2s linear;
}

.share .fab{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 25px;
}

.share.facebook{
	background: #3b5998;
}

.share.twitter{
	background: #55acee;
}

.share.instagram{
	background: #E1306C;
}

.share.youtube{
	background: #dd4b39;
}

.share.linkedin{
	background: #0e76a8;
}
.share.tiktok{
	background: #000;
}

.share:hover{
	width: 70px;
}