@charset "utf-8";

/* GENERAL */
*									{ margin:0; border:0; padding:0; outline:none; text-decoration:none; word-break:break-strict; }
img									{ max-width:100%; }

a:hover, a:focus					{ text-decoration:none; outline:none; }
a									{ outline:none !important; }

.ff1								{ font-family: 'Maven Pro', sans-serif; font-weight:400; }
.ff2								{ font-family: 'Maven Pro', sans-serif; font-weight:500; }
.ff3								{ font-family: 'Maven Pro', sans-serif; font-weight:700; }
.ff4								{ font-family: 'Maven Pro', sans-serif; font-weight:900; }
.ffX								{ font-family: 'Josefin Sans', sans-serif; font-weight:700; }
.ffY								{ font-family: 'Josefin Sans', sans-serif; font-weight:400; }
.ffZ								{ font-family: 'Kaushan Script', sans-serif; font-weight:400; }

.rrss								{ font-family: 'rrss', sans-serif; font-weight:400; }

.box {
    display: flex;
    align-items: center;
    justify-content: center;
}


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

/* ZONAS */

.bio                                { top:0; width:100%; position:fixed; z-index:-1; }
.bion                               { top:0; width:30%; min-width:320px; max-width:450px; position:absolute; z-index:1; right:-450px; }
.iconFlot                           { left:0; top:30%; max-width:35%; }
.opa                                { opacity:0; }
.let                                { letter-spacing:0.15em; }
.dN { display: none !important;  }
.b000T                              { background:rgba(0,0,0,0.5); }


.letSp 								{ letter-spacing:0.075em; }
.posEsp1							{ right:40px; top:33px; }

.p152010 							{ padding:15px 20px 10px;}
.catSelected 						{ border-bottom:1px solid #f54f55; }
.citySelected 						{ background-color:#eee; color:#f54f55; }

.gift:hover                         { margin-top:-10px; -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.3); box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.3); }



.colorRojo 							{ color:#f54f55; }
.colorRojo2 						{ color:#fcb1a4; }
.colorRojo3 						{ color:#ffe4e0; }
.colorDorado 						{ color:#e09508; }
.colorCrema 						{ color:#f3e7e7; }

.bRojo 								{ background-color:#f54f55; }
.bRojo2 							{ background-color:#fcb1a4; }
.bRojo3 							{ background-color:#ffe4e0; }
.bDorado 							{ background-color:#e09508; }
.bCrema 							{ background-color:#f3e7e7; }
.bWhatsApp 							{ background-color:#0cd366; }
.bFacebook 							{ background-color:#3b5998; }
.bGoogle 							{ background-color:#1778f2; }

.bC000 								{ border-color:#000; }
.bC666 								{ border-color:#666; }
.bCeee 								{ border-color:#eee; }
.bCfff 								{ border-color:#fff; }
.bCRojo 							{ border-color:#f54f55; }


.b000T3 							{ background-color:rgba(255,255,255,0.2); }


.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); }
.bShadow2 							{ -webkit-box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.1); box-shadow: 3px 3px 5px 1px rgba(0,0,0,0.1); }
.tShadow 							{ text-shadow: 0 0 5px rgba(0,0,0,0.8); }


/* TRANSFORM */
.aHover:hover						{ color:#f54f55; }
.aHover2:hover						{ color:#ccc; }
.bHover:hover						{ background-color:#c84043; color:#fff; border-color:#c84043; }
.bHover2:hover						{ background-color:#eee; color:#333; border-color:#eee; }


.bHover, .bHover2, .aHover, .aHover1, .aS, .gift  {
	-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.placeh::-webkit-input-placeholder 	{ color:#ccc; }
input.placeh:-moz-placeholder 				{ color:#ccc; }
input.placeh:-ms-placeholder 				{ color:#ccc; }
input.placeh::placeholder 					{ color:#ccc; }

select.placeh								{ color:#ccc; }
select.placeh option:not(:disabled)			{ color:#666; }
select.placeh option:disabled				{ color:#ccc; }

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: rgba(255,0,0,0.3);
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255,0,0,0.15);
}

::-webkit-scrollbar{
    width: 8px;
}
::-webkit-scrollbar-track{
    background-color: #ccc;
}
::-webkit-scrollbar-thumb{
    background-color: #999;
}


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

/* Para Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.error-message {
    color: #fff;
    background-color: #f44336; /* Rojo */
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    margin-top: 5px;
    display: none; /* Inicialmente, ocultamos el mensaje */
    font-size: 12px;
    z-index: 100;
}

.size {
    position: relative;
    margin-bottom: 20px;
}