/* 
#################################################################
##
##
##				BÁSICO
##
##
#################################################################
*/
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.removeOverflow {
	overflow-x: unset !important;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}

.owl-blog .owl-item img.corazonvita {
    width: auto !important;
	display:inline-block;
}

.color-invertido {
	filter:brightness(0%) invert(100%);
}

.fleex {
	flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

body {
	--color-fucsia: #f04d98;
    --color-morado: #cf9ae3;
    --color-azul: #6aade4;
	--color-negro: #292c39;
	--color-gris: #f7f8ff;
	--color-grisaceo: #eee;
	--color-vv: #313a48;
	--color-sub: #707070;
	--color-amarillo: #ffb71b;
	--color-verde: #45c2b1;
	--color-blanco: #fff;
    --base-font: 'Montserrat';
	--base-size: 14px;
	--normal: 400;
	--bold: 900;
	--fino: 400;
	--semibold: 600;
	
	color: var(--color-vv);
	font-family: var(--base-font),Arial,sans-serif;
	font-size: 15px;
	line-height: 1.4;
	font-weight: var(--normal);
	overflow-x:hidden;
	text-align: left;
	background-color: var(--color-blanco);
	margin: 0;
	position: relative;
	width:100%;
}

#wrapper {
	width:100%;
	position: relative;
}
smoll {
	font-size: 9px;
}

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
b, strong {
    font-weight: var(--bold);
}
::selection {
    background-color: #e36886;
    color: var(--color-blanco);
}
::-moz-selection {
	background-color: #e36886;
    color: var(--color-blanco);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, ul, ol, pre, table, blockquote, input, button, select, textarea {
    margin-bottom: 24px;
    margin-top: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height:1.2;
    margin-bottom: 0.5rem;
    font-weight: var(--normal);
}

h1,.h1 {font-size:22px !important; font-weight: var(--bold); }
h2,.h2 {font-size:20px !important; }
h3,.h3 {font-size:18px !important; }
h4,.h4 {font-size:17px !important; }
h5,.h5 {font-size:16px !important; }

hr {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 0;
    border-top: 1px solid #d3d3d3;
}

blockquote {
    overflow: hidden;
    font-size: 16px;
    line-height: 32px;
    background: #f5f5f5;
    padding: 32px;
    color: #777;
    font-weight: var(--normal);
	border-left: 5px solid #eee;
}
li{
	list-style: none;
}
/* =================================================
				HELPER  
==================================================*/

.mayus {
	text-transform:uppercase;
}

.mL0{  margin-left: 0 !important; }
.mL5{  margin-left: 5px !important; } 
.mL10{ margin-left: 10px !important; }
.mL15{ margin-left: 15px !important; }
.mL20{ margin-left: 20px !important; }
.mL25{ margin-left: 25px !important; }
.mL30{ margin-left: 30px !important; }
.mL35{ margin-left: 35px !important; }
.mL40{ margin-left: 40px !important; }
.mL45{ margin-left: 45px !important; }
.mL50{ margin-left: 50px !important; }

.mT5,.mT10,.mT15,.mT20,.mT25,.mT30,.mT35,.mT40,.mT45,.mT50,.mT60,.mT80{
	min-height:1px;
}
.mT0{  margin-top: 0 !important; }
.mT5{  margin-top: 5px !important; } 
.mT10{ margin-top: 10px !important; }
.mT15{ margin-top: 15px !important; }
.mT20{ margin-top: 20px !important; }
.mT25{ margin-top: 25px !important; }
.mT30{ margin-top: 30px !important; }
.mT35{ margin-top: 35px !important; }
.mT40{ margin-top: 40px !important; }
.mT45{ margin-top: 45px !important; }
.mT50{ margin-top: 50px !important; }
.mT60{ margin-top: 60px !important; }
.mT70{ margin-top: 70px !important; }
.mT80{ margin-top: 80px !important; }

.mR0{  margin-right: 0 !important; }
.mR5{  margin-right: 5px !important; } 
.mR10{ margin-right: 10px !important; }
.mR15{ margin-right: 15px !important; }
.mR20{ margin-right: 20px !important; }
.mR20{ margin-right: 20px !important; }
.mR25{ margin-right: 25px !important; }
.mR30{ margin-right: 30px !important; }
.mR35{ margin-right: 35px !important; }
.mR40{ margin-right: 40px !important; }
.mR45{ margin-right: 45px !important; }
.mR50{ margin-right: 50px !important; }

.mB5,.mB10,.mB15,.mB20,.mB25,.mB30,.mB35,.mB40,.mB45,.mB50,.mB60,.mB80{
	min-height:1px;
}
.mB0{  margin-bottom: 0 !important; }
.mB5{  margin-bottom: 5px !important; } 
.mB10{ margin-bottom: 10px !important; }
.mB15{ margin-bottom: 15px !important; }
.mB20{ margin-bottom: 20px !important; }
.mB20{ margin-bottom: 20px !important; }
.mB25{ margin-bottom: 25px !important; }
.mB30{ margin-bottom: 30px !important; }
.mB35{ margin-bottom: 35px !important; }
.mB40{ margin-bottom: 40px !important; }
.mB45{ margin-bottom: 45px !important; }
.mB50{ margin-bottom: 50px !important; }
.mB60{ margin-bottom: 60px !important; }
.mB70{ margin-bottom: 70px !important; }
.mB80{ margin-bottom: 80px !important; }


.pL0{  padding-left: 0 !important; }
.pL4{  padding-left: 4px !important; }
.pL5{  padding-left: 5px !important; } 
.pL6{  padding-left: 6px !important; } 
.pL10{ padding-left: 10px !important; }
.pL15{ padding-left: 15px !important; }
.pL20{ padding-left: 20px !important; }
.pL20{ padding-left: 20px !important; }
.pL25{ padding-left: 25px !important; }
.pL30{ padding-left: 30px !important; }
.pL35{ padding-left: 35px !important; }
.pL40{ padding-left: 40px !important; }
.pL45{ padding-left: 45px !important; }
.pL50{ padding-left: 50px !important; }
.pT4{
padding-top:4px;
}
.pT5,.pT10,.pT15,.pT20,.pT25,.pT30,.pT35,.pT40,.pT45,.pT50,.pT60{
	min-height:1px;
}
.pT0{  padding-top: 0 !important; }
.pT5{  padding-top: 5px !important; } 
.pT10{ padding-top: 10px !important; }
.pT15{ padding-top: 15px !important; }
.pT20{ padding-top: 20px !important; }
.pT25{ padding-top: 25px !important; }
.pT30{ padding-top: 30px !important; }
.pT35{ padding-top: 35px !important; }
.pT40{ padding-top: 40px !important; }
.pT45{ padding-top: 45px !important; }
.pT50{ padding-top: 50px !important; }
.pT60{ padding-top: 60px !important; }
.pT80{ padding-top: 80px !important; }

.pR0{  padding-right: 0 !important; }
.pR4{  padding-right: 4px !important; }
.pR5{  padding-right: 5px !important; } 
.pR6{  padding-right: 6px !important; } 
.pR10{ padding-right: 10px !important; }
.pR15{ padding-right: 15px !important; }
.pR20{ padding-right: 20px !important; }
.pR25{ padding-right: 25px !important; }
.pR30{ padding-right: 30px !important; }
.pR35{ padding-right: 35px !important; }
.pR40{ padding-right: 40px !important; }
.pR45{ padding-right: 45px !important; }
.pR50{ padding-right: 50px !important; }

.pB5,.pB10,.pB15,.pB20,.pB25,.pB30,.pB35,.pB40,.pB45,.pB50,.pB60{
	min-height:1px;
}
.pB0{  padding-bottom: 0 !important; }
.pB5{  padding-bottom: 5px !important; } 
.pB10{ padding-bottom: 10px !important; }
.pB15{ padding-bottom: 15px !important; }
.pB20{ padding-bottom: 20px !important; }
.pB25{ padding-bottom: 25px !important; }
.pB30{ padding-bottom: 30px !important; }
.pB35{ padding-bottom: 35px !important; }
.pB40{ padding-bottom: 40px !important; }
.pB45{ padding-bottom: 45px !important; }
.pB50{ padding-bottom: 50px !important; }
.pB60{ padding-bottom: 60px !important; }
.pB80{ padding-bottom: 80px !important; }

.size12{ font-size:12px !important; }
.size14{ font-size:14px !important; }
.size16{ font-size:16px !important; }
.size18{ font-size:18px !important; }
.size20{ font-size:20px !important; }
.size22{ font-size:22px !important; }
.size24{ font-size:24px !important; }
.size26{ font-size:26px !important; }
.size28{ font-size:28px !important; }
.size30{ font-size:30px !important; }
.size36{ font-size:36px !important; }

.w100{width:100% !important;}

a, .iE, .cE {
    -webkit-transition: color .24s ease-in-out;
    -moz-transition: color .24s ease-in-out;
    -o-transition: color .24s ease-in-out;
    -ms-transition: color .24s ease-in-out;
    transition: color .24s ease-in-out;
    color: var(--color-fucsia);
    cursor: pointer;
    text-decoration: none;
    background-color: transparent;
}
ul {
    list-style-type: none;
}
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

/* check */

input {
    font-size: 14px;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: var(--color-blanco);
    border-radius: 5px;
    border: 2px solid var(--color-fucsia);
}

.noMovil {
    display: none; /* Oculto por defecto */
}
.soloMovil{
	display: inline-block; 
}

/* =================================================
				BOTONES 
==================================================*/
.btn-uno, .btn-dos {
    position: relative;
    overflow: hidden;
    height: 3.57143rem;
    line-height: 3.57143rem;
    transition: all .15s ease;
    letter-spacing: .07143rem;
    font-size: .85714rem;
    text-transform: uppercase;
    padding: 0 1rem;
    border: 0;
    white-space: nowrap;
    z-index: 1;
    color: var(--color-blanco) !important;
    border-radius: 0px;
}
.gris-btn::before {
    background: #999 !important;
}
.btn-uno:before {
    background: var(--color-fucsia);
}
.btn-uno:before, .btn-dos:before {
    content: '';
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.btn-uno:after {
    background: rgba(254,254,254,0.2);
}
.btn-uno:after, .btn-dos:after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 20px;
    height: 100%;
    top: 0;
    left: 50%;
    cursor: pointer;
    -webkit-transform: translate(-50%) skew(20deg) scaleX(1);
    transform: translate(-50%) skew(20deg) scaleX(1);
    transition: width .36s cubic-bezier(.175,.885,.32,1.275);
}
/* =================================================
				COOKIES 
==================================================*/
#cookie-rgpd {
    position: fixed;
    bottom: 0;
    box-shadow: 0px 0px 60px var(--color-negro);
    margin: 0 auto;
    text-align: center;
    display: none;
    width: 100%;
    z-index: 400;
    background-color: var(--color-blanco);
    padding: 30px 0px;
}
#cookie-rgpd-paso2 {
    display: none;
}
#cookie-rgpd-paso2 .izq {
    text-align: right;
}
#cookie-rgpd-paso2 .der {
    text-align: left;
}
#cookie-rgpd .verde {
    color: darkgreen;
}
#miboton-2 {
    position: fixed;
    bottom: -20px;
    right: 0px;
    z-index: 5;
    border: 0;
    background: none;
    display: none;
}
.animated-parpadeo {
    animation-name: flash;
    animation-duration: 15s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
#miboton-2 img {
    height: 98px;
    vertical-align: top;
    margin-right: 5px;
}
.chatra--visible:not(.chatra--expanded){  
	z-index: 0 !important;
}
/* =================================================
				FILTROS
==================================================*/
.openfil {
    background-color: var(--color-amarillo);
    color: var(--color-blanco);
    position: fixed;
    right: 0px;
    z-index: 9;
    font-size: 14px;
    padding: 9px 6px 9px 10px;
    transform: translateY(-101%);
	transition: transform 0.3s ease-in-out;
    text-align: center;
    width: 100%;
	cursor: pointer;
}
.openfil:active{
	/*background-color: #0056b3; */
    transform: scale(0.95);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
}
.multi a:active, .multi button:active, button.tipo1:active, button.tipo2:active, button.tipo3:active, a.tipo1:active, a.tipo2:active, a.tipo3:active {
transform: scale(0.95);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2)
}
.btn-uno:active{
	transform: scale(0.95);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
}
.noUi-rotulo{
	padding-top: 15px;
}
.cip{
	position: relative;
    display: inline-block;	
}
.cip span{
	position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #b5b5b5;
}
/* =================================================
				SUBCATEGORIAS
==================================================*/
.ul-sub {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: block;
    text-align: center;
    margin: 0px;
    padding: 0px;
    padding-top: 15px;
    padding-left: 3px;
    position: relative;
}
.ul-sub li {
    display: inline-block;
    margin-right: 5px;
    font-size: 0.75rem;
    vertical-align: top;
	margin-bottom: 5px;
}
.ul-sub li a {
    color: var(--color-negro);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2px 10px 8px 10px;
    max-width: 110px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0 auto;
    height: 130px;
    overflow-y: hidden;
    overflow: hidden;
}
.ul-sub li span {
    white-space: normal;
	line-height: 13px;
}
.ul-sub .span-br {
    padding-right: 5px;
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: normal;
    text-align: left;
    line-height: 0.9rem;
    min-height: 35px;
}
.span-br {
    display: block;
}
.ul-sub li:nth-child(1), .ul-sub li:nth-child(11){
    background-color: #f3edf0;
}
.ul-sub li:nth-child(2), .ul-sub li:nth-child(12){
    background-color: #f7f0f9;
}
.ul-sub li:nth-child(3), .ul-sub li:nth-child(13){
    background-color: #e8f1f9;
}
.ul-sub li:nth-child(4), .ul-sub li:nth-child(14){
    background-color: #efece6;
}
.ul-sub li:nth-child(5), .ul-sub li:nth-child(15){
    background-color: #e7f1f0;
}
.ul-sub li:nth-child(6), .ul-sub li:nth-child(16){
    background-color: #edf3ec;
}
.ul-sub li:nth-child(7), .ul-sub li:nth-child(17){
    background-color: #f1edf3;
}
.ul-sub li:nth-child(8), .ul-sub li:nth-child(18){
    background-color: #f1f1e9;
}
.ul-sub li:nth-child(9), .ul-sub li:nth-child(19){
    background-color: #f3e9e9;
}
.ul-sub li:nth-child(10), .ul-sub li:nth-child(20){
    background-color: #e8e9f1;
}


/* =================================================
				MENU PRINCIPAL  
==================================================*/
.hC {
	box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px;
	height: 82px;
}
.gradientgay {
	background-image: linear-gradient(90deg, var(--g-red) 3%, var(--g-red) 4.6666%, var(--g-orange) 8.6666%,var(--g-orange) 10.333%, var(--g-yellow) 22.333%, var(--g-yellow) 25%, var(--g-green) 55%, var(--g-green) 6.6666%, var(--g-blue) 70.6666%, var(--g-blue) 62.3333%, var(--g-indigo) 89.3333%, var(--g-indigo) 100%) !important;
}
.navbar{
    background: #fafafa;
    padding: 0 1rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100vh;
    display: flex;
    flex-direction: row;
	background: rgba(203,44,129,1);
	background: -webkit-linear-gradient(-10deg, var(--color-fucsia) 0%, var(--color-morado) 70%, var(--color-azul) 100%);
	background: -moz-linear-gradient(-10deg, var(--color-fucsia) 0%, var(--color-morado) 70%, var(--color-azul) 100%);
	background: linear-gradient(130deg, var(--color-fucsia) 0%, var(--color-morado) 70%, var(--color-azul) 100%);
	z-index:10;
}
.brand-and-icon{
    display: flex;
}
.logo{
	max-width: 80px;
}
.right-container{
	font-size: 22px;
}
.navbar-toggler {
    display: block;
    border: none;
    background: transparent;
    font-size: 1.8rem;
    cursor: pointer;
    transition: all 0.4s ease;
    color: #fff;
	padding: 0;
    margin: 0;
}
.navbar-toggler:hover{
    opacity: 0.7;
}
.navbar-collapse{
    overflow-y: scroll;
    display: none;
}

/* MENU EN MOVILES */
@media only screen and (max-width: 989px) {
	.navbar-collapse {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: white;
		overflow: hidden;
	}

	.navbar-collapse.open {
		display: block;
	}

	.nav-extra {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		background: var(--color-morado);
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 20px;
		z-index: 10;
		border-bottom: 1px solid #ccc;
		color: #fff;
	}

	.menu-title {
		margin: 0;
		font-size: 18px;
		font-weight: bold;
	}

	.nav-extra button {
		background: none;
		border: none;
		font-size: 50px;
		cursor: pointer;
		padding: 0;
		margin: 0;
		color: #fff;
	}
	.nav-extra .back-navbar {
		font-size: 34px;
		margin-left: -20px;
	}

	.navbar-nav {
		padding-top: 20px; /* To leave space for .nav-extra */
	}	
	.sub-menu-link {
		display: block;
		position: relative;
		cursor: pointer;
		padding: 15px 20px;
		border-top: 1px solid #ddd;
		color: inherit;
        font-size: 13px;
		font-weight: 600;
	}
	.sub-menu-link:last-child {
		border-bottom: 1px solid #ddd;
	}
	.sub-sub-menu {
		display: none;
	}
	.sub-sub-menu.open {
		display: block;
		padding-top: 0px;
        padding-bottom: 30px;
	}
	.sub-menu {
		position: absolute;
		top: 60px;
		left: 100%; /* Inicialmente fuera del viewport hacia la derecha */
		width: 100%;
		height: 100%;
		background: #fff;
		opacity: 0; /* Oculto por defecto */
		transform: translateX(100%); /* Desplazado completamente hacia la derecha */
		transition: transform 0.3s ease, opacity 0.3s ease; /* Animación suave */
		z-index: 1; /* Asegurar que aparece sobre otros elementos */
	}

	.sub-menu.open {
		left: 0; /* Alinear al padre */
		transform: translateX(0); /* Desplazarse al lugar */
		opacity: 1; /* Totalmente visible */
		z-index: 2; /* Asegurar que se muestra sobre el resto */
		overflow: auto;
	}
	.sub-menu.closing {
		transform: translateX(100%);
		opacity: 0;
		z-index: 1; /* Reducir prioridad para que otros menús aparezcan encima */
	}
	.menu-title a {
		font-size: 14px;
		text-decoration: underline;
		font-weight: 600;
		display: block;
		color: #fff;
	}
	.navbar-toggler {
		font-size: 24px;
		cursor: pointer;
	}
	.navbar-nav > li {
		text-transform: uppercase;
		text-align: left !important;
		background: var(--color-gris);
		border-radius: 5px;
		margin: 0px 10px 10px !important;
		font-size: 14px;
		padding: 12px 15px;
		color: var(--color-negro);		
	}
	.navbar-nav > li > a{
		color: inherit;
		position: relative;
		width:100%;
		display: block;
	}
	.navbar-nav > li > a > .img-cat {
		height: 50px;
		width: 50px;
	}
	.navbar-nav > li > a > .img-cat::before {
		content: '';
		position: absolute;
		right: 0px;
        top: 11px;
		transform: translateY(-50%);
		width: 50px;
		height: 50px;
		background-image: url(../images/tile_categorias.png);
		background-repeat: no-repeat;
	}
	.navbar-nav .sub-menu-link::before {
		content: '\e831';
        font-family: "vivefont";
        right: 15px;
        position: absolute;
	}
	
	.sub-sub-menu>li {
		margin-left: 57px;
		margin-right: 15px;
		display: flex;
		min-height: 50px;
		align-items: center;
		/* color: var(--color-negro); */
		position: relative;
	}
	.sub-sub-menu>li>a {
		color:var(--color-negro);
	}
	.sub-sub-menu>li::before {
		content: '';
		position: absolute;
		left: -50px;
        top: 0px;
		width: 50px;
		height: 50px;
		background-image: url(../images/tile_categorias.png);
		background-repeat: no-repeat;
	}
	li.ver-todo {
		margin-left: 20px;		
	}
	li.ver-todo a{
		color: var(--color-fucsia);
		text-decoration: underline;
	}
	li.ver-todo::before {
		content: "";
		background: none;
	}
	.zonaM {
		display: flex;
		/* padding-top: 70px; */
		justify-content: space-around;
		padding: 70px 10px 0px 10px;
		gap: 8px;
	}
	.zonaM > a  {
		border-radius: 5px;
		font-weight: var(--normal);
		color: var(--color-blanco);
		height: auto;
		background: red;
		width: 100%;
		font-size: 13px;
		overflow: hidden;
		padding: 2px;
		text-align: center;
	}
	.zonaM > a:nth-child(3) {
		background-color: var(--color-azul);
	}
	.zonaM > a:nth-child(1) {
        background-color: var(--color-fucsia);
    }
	.zonaM > a:nth-child(2) {
		background-color: var(--color-morado);
	}
	.zonaM img {
		width: 28px;
		display: block;
		margin: 5px auto;
		filter: invert(100%);
	}
}

.drop-icon{
    transform: translateY(-50%);
}
.navbar-nav > li > a:hover{
    opacity: 0.7;
}



.sub-menu-solu{
    background: #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
/*
.sub-menu-item:nth-child(3) h2{
    text-transform: capitalize;
    margin: 1.5rem 0;
}
.sub-menu-item:nth-child(3) .btn{
    border: 1px solid #000;
    text-transform: uppercase;
    font-size: 0.9rem;
    padding: 0.6rem 1rem;
    cursor: pointer;
    background: #000;
    color: #fff;
    transition: all 0.5s ease;
}

.sub-menu-item:nth-child(3) .btn:hover{
    background: transparent;
    color: #000;
}

.sub-menu-item:nth-child(4){
    width: 50%;
    margin: 0 auto;
    padding: 2rem 0;
}
*/
/* header */
.header{
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(https://source.unsplash.com/g-kNBpqMIs4/1920x1400) center/cover no-repeat;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.header h2{
    margin: 1rem;
    font-size: 3rem;
    font-weight: 900;
    color: #fff;
    letter-spacing: 2px;
}
.header p{
    margin: 1rem auto;
    color: #fff;
    width: 60%;
    opacity: 0.8;
    font-weight: 300;
    font-size: 1.2rem;
    text-align: center;
}
.header button{
    margin: 1rem;
    font-size: 1rem;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    border: none;
    padding: 0.8rem 1.5rem;
    transition: all 0.5s ease;
    cursor: pointer;
}
.header button:hover{
    background: #fff;
    color: #000;
}
.ico-area>a{
	float: right;
	color: #fff;
	margin-top: 2px;
	margin-left: 4px;
}
.cartCount {
    border-radius: 50%;
    left: 21px;
    top: 0px;
    line-height: 15px;
    height: 15px;
    min-width: 15px;
    position: absolute;
    color: var(--color-blanco);
    background-color: var(--color-fucsia);
    font-size: 10px;
	text-align: center;
}
.icono-resumen-cesta{
	position:relative;
}
.search-container{
	display: inline;
}
.search-container form{
	display: inline;
}
.search-button{
	background: none;
    border: none;
    color: #fff;
	padding: 0;
    margin: 0;
	padding-top: 2px;
}
.search-input{
	position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    font-size: 14px;
    padding: 15px 10px;
    border: solid 6px #e3e3e3;
	display:none;
}
#busca-cerrar {
    position: absolute;
    top: 127%;
    right: 13px;
	display:none;
}
/* =================================================
				BUSCADOR  
==================================================*/
#contenedor_b_ajax {
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
	padding-top: 15px;
	overflow: scroll;
	height: 500px;
}
#contenedor_b_ajax h3 {
    font-size: 12px !important;
}
#listado-bc li {
    display: inline-block;
    background-color: #ebebeb;
    border-radius: 5px;
    padding: 3px 8px;
    font-size: 12px;
    margin-right: 8px;
	margin-bottom: 3px;
    /* color: #000; */
}
#listado-bc li:hover {
    background-color: var(--color-fucsia);
	color:#fff;
}
#listado-bc li a, #listado-bb li a{
	color: var(--colo-negro);
}
#listado-bb li:first-child {
	border-top: solid 1px #cfcfcf;
	margin-top: 15px;
}
#listado-bb li {
    font-size: 14px;
    border-bottom: solid 1px #cfcfcf;
    padding-bottom: 6px;
    padding-top: 6px;
}
#contenedor_b_ajax .mini-item {
    background: var(--color-blanco);
    margin: 0;
    width: 100%;
    border: 2px solid var(--color-blanco);
    transition: 0.3s;
	display:flex;
	padding-bottom: 5px;
}
.item-meta-container a{
    font-size: 14px;
    color: var(--color-negro);
}
.item-meta-container {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
}




/* desplegable busquedas moviles */
ul.typeahead.dropdown-menu {
    border-radius: 0px;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.typeahead li {
    border-bottom: dashed 1px #bbb;
    padding-top: 10px;
    padding-bottom: 10px;
}
#contenedor_b_ajax .old-price {
	text-decoration: line-through;
	color: #999;
}

#listado-pc span{
	color: var(--color-azul);
}
#contenedor_b_ajax figure {
    text-align: center;
	margin:0;
	padding-right: 8px;
}
#contenedor_b_ajax .item-price {
    float: left;
    font-size: 13px;
    padding-bottom: 3px;
    padding-top: 4px;
    text-align: left;
    width: 100%;
}
#contenedor_b_ajax .mini-item h3 {
    font-size: 15px !important;
    text-align: center;
}


/* MENU LG */
@media screen and (min-width: 992px){
	.search-container {
		display: flex;
		max-width: 500px;
		border-radius: 25px;
		overflow: hidden;
		background-color: #fff;
		height: 35px;
		float: right;
		margin: 0px;
		padding: 0px;
		line-height: 1;
		margin-right: 20px;
	}
	.search-container form{
		display:flex;
	}

	/* BUSCADOR */
	.search-input {
		border: none !important;
		padding: 2px 15px;
		margin: 0px;
		height: 35px !important;
		width: 260px !important;
		position: relative;
		top: auto;
		left: auto;
		display: block;
	}
	.search-input:focus, .search-input:focus-visible{
		border: none;
		outline: none; /* Elimina el borde predeterminado */
	}

	.search-input::placeholder {
		color: #aaa; /* Color del placeholder */
		font-size: 14px; /* Tamaño del placeholder */
	}

	.search-button {
		width: 45px;
		height: 37px;
		background-color: #f9f9f9;
		border: none;
		cursor: pointer;
		color: #bbb;
		padding: 0;
		margin: 0;
	}

	.search-button:hover {
		background-color: var(--color-fucsia);
		color:#fff;
	}
	.sub-menu-item ul li {
		position: relative;
		margin-bottom: 10px;
		height: 42px;
		max-width: 80%;
	}
	.right-container {
		flex: 1;
		display: flex;
		flex-direction: column;
	}
	.logo{
		max-width: 100%;
		min-width: 150px;
	}
	.sub-menu-item li::before {
		content: '';
		position: absolute;
		left: -48px;
		top: 50%;
		transform: translateY(-50%);
		width: 50px;
		height: 42px;
		background-image: url(../images/tile_categorias.png);
		background-repeat: no-repeat;
	}
    .navbar {
		display: flex;
		width: 100%;
		flex-direction: row;
		position: fixed;
		top: 0;
		padding: 0;
	}

    .navbar-toggler{
        display: none;
    }
	.ico-area{
		color: #fff;
        padding-right: 15px;
        flex: 1;
		padding-top: 10px;
	}
	.ico-area a {
		padding-right: 2px;
		font-size: 20px;
	}
	
    .navbar-collapse {
		padding-top: 10px;
		overflow-y: hidden;
		flex: 1;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		background: none;
		position: static;
	}
    .navbar-nav{
        display: flex;        
        justify-content: space-between;
		 align-items: flex-end;     /* Alinea los <li> al fondo del <ul> */
		padding: 0;               /* Elimina el padding predeterminado del <ul> */
		margin: 0;                /* Elimina el margen predeterminado del <ul> */
		list-style: none; 
		flex-direction: initial;
		width:100%;
    }
    .navbar-nav > li > a{
		color: #fff;
        border-bottom: none;
        padding: 0;
        font-size: 0.8rem;
    }
    .sub-menu{
		padding-top: 15px;
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        background: #fff;
		box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
    }
    .navbar-nav > li:hover .sub-menu{
        display: grid!important;
        grid-template-columns: repeat(5, 1fr);
        padding: 0 1rem 2rem;
    }
	.navbar-nav > li:hover .sb4{
        grid-template-columns: repeat(4, 1fr) !important;
    }
    .navbar-nav > li{
        border-bottom: 2px solid transparent;
        transition: border-bottom 0.4s ease;
		flex: 1;
        text-align: center;
    }
    .navbar-nav > li:hover{
        border-bottom-color: #fff;
    }
    .sub-menu-item{
        padding-left: 0;
    }
	#contenedor_b_ajax {
		background-color: #f7f8ff;
		border: solid 1px #f2f2f2;
		z-index: 11;
		-webkit-box-shadow: -2px 12px 17px -13px rgba(0,0,0,0.47);
		-moz-box-shadow: -2px 12px 17px -13px rgba(0,0,0,0.47);
		box-shadow: -2px 0px 19px 1px rgba(0, 0, 0, 0.47);
		min-height: 300px;
		width: 100%;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 12px;
		position: absolute;
		color: var(--color-vv);
	}
	#contenedor_b_ajax .col-lg-15{
		padding-left: 5px;
		padding-right: 5px;
	}
	#contenedor_b_ajax .mini-item {
		background: var(--color-blanco);
		margin: 0;
		min-height: 230px;
		max-height: 230px;
		padding: 0 0 20px;
		position: relative;
		margin-bottom: 20px;
		padding: 13px;
		border: 2px solid var(--color-blanco);
		transition: 0.3s;
		flex-direction: column;
		justify-content: flex-start;
	}
	#contenedor_b_ajax .mini-item:hover {
		box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2); /* Sombra suave */
	}
	#contenedor_b_ajax figure {
		padding-right: 0;
		padding-bottom: 10px;
	}
	#contenedor_b_ajax .item-price {
		text-align: center;
	}
	#contenedor_b_ajax h2 {
		color: var(--color-blanco);
		font-size: 18px !important;
		font-weight: var(--normal);
		padding: 20px;
		background-color: var(--color-fucsia);
	}
	#contenedor_b_ajax .col-categorias2 {
		max-height: 480px;
		overflow-y: scroll;
		padding-bottom: 40px;
		padding-right: 0px;
		padding-left: 20px;
		padding-top: 20px;
		margin-top: 10px;
		background: var(--color-blanco);
	}
	#contenedor_b_ajax h3 {
		color: #E36886;
		font-size: 16px !important;
		text-transform: uppercase;
	}
	#contenedor_b_ajax li {
		padding: 4px;
		padding-top: 8px;
		padding-botom: 8px;
		border-bottom: solid 1px #cdcaca;
	}
	#contenedor_b_ajax a {
		color: #646464;
		font-size: 13px;
	}
	#listado-bc li {
		background-color: #ffffff;
	}
	#listado-bc li {
		background-color: var(--color-fucsia);
        color: #fff;
		padding: 6px 8px 6px 8px;
	}
	#listado-bp {
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		overflow: hidden;
		width: 99%;
		background: #f7f8ff;
	}
	#contenedor_b_ajax .striker {
		overflow-y: scroll;
		max-height: 550px;
		padding-top: 15px;
	}

	/*
    .sub-menu-item:nth-child(3){
        padding-left: 2rem;
        padding-right: 2rem;
    }
	*/

    /* header */
    .header{
        height: calc(100vh - 75px);
    }
    .header h2{
        font-size: 6rem;
    }
    .header p{
        width: 40%;
    }
}
@media (min-width: 1200px) {
	.navbar{
		padding: 0 5rem;
	}
	.navbar-nav > li:hover .sub-menu{
        padding: 0 5rem 2rem;
    }
}
/* =================================================
				BOTONES ORDEN  
==================================================*/
.btn-orden-filtro {
    background-color: var(--color-morado) !important;
    color: var(--color-blanco) !important;
    text-transform: uppercase;
    font-size: 11px;
    min-height: 32px;
    border-radius: 4px;
    margin-bottom: 7px;
    margin-top: 5px;
    font-weight: 600;
	margin-left: 0px;
}

.ordenar{
	display: flex;
    justify-content: space-between;
	padding: 10px;
	align-content: center;
    align-items: center;
	padding-left: 0px;
    padding-right: 0px;
}
.ordenar .dropdown {
    font-weight: 600;
    color: #6b6b6b;
}
.dropdown-toggle::after{
display:none;
}
.dropdown-menu span{
	display: block !important;
	cursor:pointer;
	padding: 6px 20px 6px 15px;
	color: var(--color-negro);
}
.dropdown-menu span:hover{
	background-color:#ddd;
}

/* =================================================
				MARQUESINA  
==================================================*/

.simple-marquee {
    width: 100%;
    overflow: hidden;
	white-space: nowrap;
    position: relative;
    top: 55px;
}

.simple-marquee span.bull {
	display:inline-block;
	margin:0px 20px;
	color:var(--color-fucsia);
}

.simple-marquee span {
	color:var(--color-vv);
	font-size:13px;
}
/* =================================================
				CAMINO HORMIGAS  
==================================================*/
#category-breadcrumb {
    overflow: hidden;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 9px;
    margin-top: 15px;
}
#category-breadcrumb li {
    display: inline !important;
	color: #8d8d8d;
}
#category-breadcrumb li a,#category-breadcrumb li .cE {
    color: #8d8d8d;
}
#category-breadcrumb li+li:before {
    padding: 0 6px;
    content: "\003E";
    color: inherit;
}
/* =================================================
				RESUMEN CATEGORIA  
==================================================*/
#elresumen{
	font-size: 12px;
	line-height: 1.4;
}
.text-desc-truncate {
    display: block;
    display: -webkit-box;    
    height: 2.8em;    
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
#js-linkMore {
    font-size: 10px;
    text-decoration: underline;
    font-weight: 700;
    display: block;
    line-height: 21px;
}
/* =================================================
				LISTADO PRODUCTOS  
==================================================*/
.listado-productos{
	background-color: var(--color-gris);
	margin-top: 15px;
	margin-bottom: 60px;
}
.mostrados{
	display:none;
}
.mostrados span{
	font-weight:700;	
}
.banner_listado {
    padding: 4px;
    border-radius: 5px;
}
.banner_listado .flexible {
    display: flex;
    flex-direction: column;
    padding: 15px;
    text-align: center;
    justify-content: center;
    height: 100%;
    border-radius: 5px;
}
.banner_listado > div {
    background-color: var(--color-blanco);
    display: flex;
    align-items: center;
}
.ccons{
	padding-top: 0px !important;
    position: relative;
	background-color: var(--color-fucsia) !important;
}
.brconsejos {
    position: absolute;
    top: 10%;
    background: var(--color-morado);
    padding: 10px;
    text-align: left;
    color: var(--color-blanco);
    padding-left: 22px;
    padding-right: 22px;
	font-size: 14px;
	width: 80%;
}
.brconsejos span {
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-size: 21px;
    color: var(--color-blanco);
    font-weight: var(--bold);
	display: block;
}
.miconsejo b {
    display: inline;
    font-weight: bold;
}
.carousel-inner {
    max-width: 450px;
    margin: auto;
}
.carousel-indicators {
    position: relative;
    bottom: auto;
    padding-top: 20px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.carousel-indicators-new {
    display: flex !important;
    background: var(--color-fucsia);
    padding-bottom: 20px !important;
    padding-top: 15px !important;
    margin-right: 0;
    margin-left: 0;
}
.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    margin-right: 7px;
    border-radius: 50%;
    margin-left: 0px;
    border: 0;
    opacity: .6;
}
.carousel-indicators .active {
    background-color: var(--color-azul) !important;
}
.miconsejo {
    background-color: var(--color-fucsia);
    color: var(--color-blanco);
    padding: 10px 14px 10px 14px;
    font-size: 15px;
    min-height: 200px;
    padding-top: 20px;
    line-height: 21px;
}

/* =================================================
				LOS MAS  
==================================================*/
.losMasC {
    padding-top: 30px;
    padding-bottom: 27px;
}
.los-mas:nth-child(1) .col-8{
	background-color: var(--color-verde);
	padding-left: 12px;
}
.los-mas:nth-child(2) .col-8{
	background-color: var(--color-fucsia);
	padding-left: 12px;
}
.los-mas:nth-child(3) .col-8{
	background-color: var(--color-amarillo);
	padding-left: 12px;
}
.los-mas:hover .col-8{
	background-color: var(--color-morado);
}
.los-mas .masrow{
	padding-right: 4px;
    padding-left: 4px;
    margin-bottom: 6px;
}
.los-mas .lfoto {
    background-color: var(--color-blanco);
    display: flex;
    align-items: center;
	justify-content: center;
}
.los-mas .lfoto img{
    padding: 4px;
}
.los-mas .mas-recuadro{
	color: var(--color-blanco) !important;
    font-size: 14px;
    padding-top: 15px;
    display: block;
    line-height: 18px;
}
.los-mas .mas-recuadro > span{
	display: block;
    font-weight: bold;
    font-size: 21px;
    color: var(--color-blanco);
	letter-spacing: -1px;
}
.los-mas .mas-precio{
    color: var(--color-blanco) !important;
    text-align: left;
    font-weight: var(--normal);
    margin: 10px auto;
    font-size: 18px;
    display: block;
}
/* =================================================
				LOADER  
==================================================*/
.miloader {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 2s linear 0s normal none infinite running spin;
    border-color: #999 #f7f8ff #f7f8ff;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 8px;
    /* float: left; */
    height: 80px;
    /* margin-left: 40%; */
    /* margin-top: 64px; */
    width: 80px;
    position: absolute;
    z-index: 2;
    top: 40%;
    left: 40%;
}
/* =================================================
				MODAL  
==================================================*/

	
.modal-body {
    padding: 0.5rem;
}
.modal-open .modal {
    background-color: rgba(0,0,0,0.2);
}
.modal-content img {
    max-height: 160px;
    width: auto;
	padding-bottom: 20px;
}
.modal-content small {
    font-size: 70%;
    line-height: 70%;
}
.lineheight15 {
    line-height: 15px;
}
.modal-body form {
    padding-right: 10px;
    padding-left: 10px;
}
.modal-header {
    border: none !important;
    padding-bottom: 0 !important;
    padding-top: 0px !important;
    display: inline-flex !important;
    align-items: center !important;
}
.modal-header button {
    font-size: 20px;
    margin-top: 0px !important;
    color: #999;
}
.modal-absolute {
    position: absolute;
    right: 15px;
    top: 15px;
    border: 0px;
    font-size: 60px !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 200;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    background: #fff;
}
.info-newsletter5, .info-newsletter4, .info-newsletter3, .info-newsletter2, .info-newsletter1, .info-newsletter {
    display: none;
}
.modal-backdrop {
    position: inherit;
}
.contenedor_legal {
    font-size: 12px !important;
    line-height: 20px !important;
    padding-bottom: 24px;
    font-weight: var(--fino);
    text-align: justify;
}
.modal-content .container-check label{
	padding-left: 10px;
}

/* =================================================
				MANITA SUBCATEGORIAS  
==================================================*/

#manita {
    font-size: 30px;
    position: absolute;
    right: 20px;
    top: 45px;
	opacity:0;
	z-index: 3;
    background: rgba(255,255,255,0.7);
	border-radius: 50%;
    padding: 5px;

}
.ul-sub {
    scrollbar-width: thin; /* Firefox: hace el scroll más fino */
    scrollbar-color: #cbcbcb transparent; /* Firefox: color del scroll y fondo */
}

.ul-sub::-webkit-scrollbar {
    height: 6px; /* Altura del scroll horizontal */
}

.ul-sub::-webkit-scrollbar-track {
    background: transparent; /* Fondo del track (puede ser transparente) */
}

.ul-sub::-webkit-scrollbar-thumb {
    background: #cbcbcb; /* Color del "pulgar" (scroll) */
    border-radius: 4px; /* Bordes redondeados para el scroll */
}

.ul-sub::-webkit-scrollbar-thumb:hover {
    background: #555; /* Color del "pulgar" al pasar el ratón */
}

/* =================================================
				PRODUCTOS LISTADO  
==================================================*/
.ratings-container{
	font-family: "vivefont";
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #d5caca;
    overflow: hidden;
	padding-left: 1px;
}
.ratings-container:before {
    content: "\e80f\e80f\e80f\e80f\e80f";
	letter-spacing: 3px;
    font-size: 14px;
}
.rS {
    font-family: "vivefont";
    color: var(--color-fucsia) !important;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
	padding-left: 1px;
}
.rS:before {
    content: "\e80f\e80f\e80f\e80f\e80f";
	letter-spacing: 3px;
    font-size: 14px;
}
.cP>span {
    color: var(--color-azul);
    letter-spacing: 2px;
}
.ci3 {
    border: 2px solid #fff;
    padding: 0px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-block;
	cursor:pointer;
	margin-top: 10px;
}
.ci2 {
    border: 2px solid white;
    padding: 0px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
}
.ci1 {
    border: 2px solid gray;
    padding: 0px;
    border-radius: 50%;
    overflow: hidden;
    width: 20px;
    height: 20px;
}
.cis {
    border: 2px solid #cf9ae3;
}
/* =================================================
				FILTROS  
==================================================*/
.link-aside {
    padding-left: 0px;
    padding-right: 0px;
}
/* General */
.filters-wrapper {
    position: fixed; /* Fija la capa respecto a la ventana del navegador */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 100%);
    z-index: 1000;
    display: flex;
	flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
	overflow: scroll;
	display: none;
	padding-top: 40px;
}
#filtrado_avanzado{
	width: 100%;
}
.rot-fil {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px 20px;
    border-bottom: solid 1px #adadad;
    font-size: 15px;
	position: fixed;
    top: 0;
	z-index: 3;
    background: #fff;
}

.filters-container {
	padding-top: 15px;
	width: 100%;
	padding-bottom: 80px;
}

.open-filters {
    display: block;
    margin: 10px 0;
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.filters-container .filter-block {
    position: relative;
    margin-bottom: 15px;
    padding: 3px 15px 4px 15px;
    border-bottom: solid 1px #dfdfdf;
}

.contenedor-filtro-range {
    height: 50px !important;
    width: 80%;
    margin: auto !important;
    padding-top: 19px !important;
    height: 111px;
}
#range_min_precio,#range_max_precio {    
    width: 100px;
    margin-top: 15px;
    text-align: center;
    border: solid 1px #c3c3c3;
    padding: 10px 20px;
    color: #7f7f7f;
}

.filters-container .accordion-item {
    border: none;
    border-bottom: solid 1px #d3d3d399;
}
.filters-container .accordion-header {
    position: relative;
    cursor: pointer;
    padding-right: 20px;
    /* background-color: #f8f9fa; */
    font-weight: 400;
    display: flex;
    align-items: center;
    /* border: none; */
    color: var(--color-negro);
    padding: 12px 15px;
    font-size: 12px !important;
    
}

.filters-container .accordion-header::after {
    content: "+";
	transform: rotate(135deg);
    position: absolute;
    right: 15px;
    font-size: 18px;
    transition: transform 0.3s ease;    
}

.filters-container .accordion-header.collapsed::after {
    transform: rotate(0deg);
}
.filters-container .accordion-header.collapsed {
	background-color: #f1f1f1;
}
.filters-container .accordion-header:hover {
    background-color: #e2e6ea;
}
.filters-container .accordion-collapse {
    padding: 5px 15px 15px 15px;
	margin: 0;
	text-align: center;
    /* background-color: #f8f9fa; */
    /* border-top: 1px solid #dee2e6; */
}
.aplica-filtro{
	display:none;
}
.filters-container input[type="checkbox"],#register-newsletter2 input[type="checkbox"],#mod_fidel input[type="checkbox"]{
    background-clip: padding-box;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(106 173 228);
    border-radius: 2px;
    width: 21px;
    height: 21px;
    cursor: pointer;
    transition: border 0.3s, background-color 0.3s, color 0.3s, box-shadow 0.3s;
    appearance: none;
    filter: none;
    margin: 0;
    flex-shrink: 0;
}
.filters-container input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zLjMgMTkuNm03LTJsLTUtNSAxLjQtMS40IDMuNiAzLjYgNy42LTcuNiAxLjQgMS40LTkgOXoiLz48L3N2Zz4=");
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgb(203, 26, 157);
    border-color: rgb(203, 26, 157);
}
.filters-container li{
    display: flex;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
	cursor: pointer;
}

.filters-container li label{
    padding-left: 5px;
	color: var(--color-azul);
	text-align: left;
}
#register-newsletter2 label{
	padding-left: 5px;
	color: #fff;
	text-align: left;
}
#register-newsletter2 label a{
	color: #fff;
	text-decoration:underline;
}
i.icon-filtro {
    margin-right: 5px;
}
.filters-container li label span{
    color:#b1c9dd;
}
.noUi-connect {
    background: #d8d4db !important;
}
#searchMarcas,#searchEsp,#searchT1,#searchT2,#searchT3,#searchT4 {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 13px;
}
.input-search{
	position: relative; display: inline-block;
	width: 100%;
}

.input-search i {
    position: absolute;
    right: 18px;
    font-size: 18px;
    top: 53%;
    transform: translateY(-50%);
    pointer-events: none;
	background-color: #fff;
}
#verMasMarcas,#verMasEsp,#verMasT1,#verMasT2,#verMasT3,#verMasT4 {
    background-color: #fff;
    color: var(--color-negro);
    border: solid 1px #a3a3a3;
    padding: 7px 14px;
	margin-left: 15px;
	margin-bottom: 15px;
	font-size: 14px;
}

.filters-container .accordion-collapse.collapse {
    display: none;
}

.filters-container .accordion-collapse.collapse.show {
    display: block;
}
.cpf {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.apf {
    position: fixed;
    bottom: 0;
    padding: 12px 15px;
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding-top: 12px;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px, rgba(0, 0, 0, 0.12) 0px 3px 14px;
}

.apf .btn {
    background-color: var(--color-fucsia);
    color: #fff;
    width: 100%;
    margin: 0;
	border-radius: 5px;
}
.mas_categorias {
    text-align: center;
	padding-top: 30px;
	padding-bottom: 80px;
}
.mas_categorias > b{
	font-size:14px;
}
.mas_categorias ul{
    display: grid;
    gap: 8px; /* Espacio entre los elementos */
    list-style: none;
    padding: 0;
    margin: 0;
    grid-template-columns: repeat(2, 1fr); /* Móviles: 2 columnas */
	padding-top: 20px;
}

.mas_categorias ul li {
    background-color: var(--color-verde);
	color:#fff;
    padding: 7px 10px;
    text-align: left;
    font-size: 12px;
    border-radius: 4px;
	white-space: nowrap;       /* Evita que el texto salte a otra línea */
    overflow: hidden;          /* Oculta el texto que no cabe */
    text-overflow: ellipsis;
}
.mas_categorias ul li:hover {
	background-color: var(--color-amarillo);
}
.mas_categorias a {
    color: var(--color-blanco);
}
.alert {
    margin: 0 auto;
    padding: 20px;
	font-size: 14px;
    border-left-width: 7px;
    border-radius: 3px;
    margin-bottom: 24px;
}
.alert.hide {
    display: none;
}
.row-no-encuentro {
    display: flex;
    gap: 15px;
    color: var(--color-blanco);
	text-align: center;
	padding-bottom: 60px;
}
.no_encuentro{
	padding: 15px;
}
.no_encuentro img{
	display: block;
    margin: auto;
    margin-bottom: 20px;
}
.no_encuentro b {
    font-size: 1rem;
}
.no_encuentro:nth-child(1) {
    background: var(--color-fucsia);
	color: inherit;
}
.no_encuentro:nth-child(2) {
    background: var(--color-morado);
}
.no_encuentro:nth-child(3){
    background: var(--color-azul);
	color: inherit;   
}
.no_encuentro .divimg {
    min-height: 110px;
    display: flex;
    align-items: center;
}
.no_encuentro span {
    font-size: 13px;
}
.no_encuentro .horario {
    font-size: 10px;
    letter-spacing: -0.2px;
}
.info-cat{
	padding-top: 60px;
    word-break: break-word;
    line-height: 20px;
    font-size: 13px;
}
.info-cat .accordion-item {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0px;
}
.info-cat .accordion-button {
    background-color: #fff;
    margin: 0;
    border-left: none;
    border-right: none;
    color: #292c39;
    font-weight: 600;
    box-shadow: none;
	padding-left: 0px;
    padding-right: 0px;
}
.info-cat .accordion-body{
	padding: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.info-cat strong,.info-cat b{
	font-weight:600 !important;
}
.info-cat table {
    width: 100%;
}
.info-cat table th {
    padding: 12px 0px 12px 15px;
	min-width: 130px;
}
.info-cat table td {
    padding: 12px;
}
.info-cat h2 {
    font-weight: 600;
    font-size: 20px;
}
.info-cat h3 {
    font-weight: 600;
    font-size: 18px !important;
}
.info-cat ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
}

.info-cat li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    line-height: 1.6em;
    font-size: 16px;
    color: #333;
}

.info-cat li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #ff4081;
    font-size: 22px;
    line-height: 1;
}

.info-cat p + h3 {
    margin-top: 0; /* si el h3 viene justo después de un p, no le pongas margen extra */
}

.info-cat h3 {
    margin-top: 24px; /* margen por defecto para los demás casos */
}

@media (min-width: 768px) {	
	.filters-wrapper {
		display: inline-block;
		position: static;
		overflow: auto !important;
		padding-top: 0;
		background-color: #f7f8ff;
	}
	#range_min_precio, #range_max_precio {
		width: 75px;
		padding: 10px 2px;
	}
	#cfil{
		display:none;
	}
	.rot-fil {
		display: block;
		position: static;
		text-align: center;
		border-bottom: none;
		padding: 0 !important;
	}
	#efil {
		text-align: center;
		width: 100%;
		border: solid 1px #a5a5a5;
		border-radius: 5px;
		padding: 10px 20px;
		display: block;
		cursor:pointer;
	}
	#efil:hover {
		background-color:var(--color-amarillo);
		color:#fff;
	}
	.filters-container .accordion-item {
		margin-bottom: 8px;
		border-bottom: none;
	}
	.filters-container .accordion-header {
		background-color: var(--color-azul);
		color: #fff;
	}
	.filters-container .accordion-header.collapsed {
		background-color: var(--color-morado);
	}
	.etiqueta-elegido{
		font-size: 12px;
	}
	.cP .nombre>span {
		font-size: 14px;
	}
	.oferta-flash {
		margin-left: 0%;
	}
	.mas_categorias ul{
        grid-template-columns: repeat(3, 1fr);
    }
	.no_encuentro {
		padding-top: 30px;
		padding-bottom: 15px;
		width: 31%;
		transition: 0.3s;
	}
	.no_encuentro span {
		font-size: 15px;
	}
	.no_encuentro .horario {
		font-size: 12px;
	}
	.info-cat h2:first-child {
		border-top: solid 1px #dbdbdb;
		padding-top: 15px;
	}
	#acordeonCategoria .accordion-button {
		border: none;
		background-color: #fff;
		margin: 0px;
		color: #000;
		font-weight: 600;
		font-size: 22px;
		box-shadow: none;
	}
	#acordeonCategoria h3 {
		font-weight: 600;
		font-size: 19px !important;
	}
	#acordeonCategoria .collapse {
		display: block !important;
		visibility: visible !important;
		height: auto !important;
	}
}
@media (min-width: 992px) {
	.link-aside{
		padding-right: 15px;
	}
	.cP .old-price {
		font-size: 15px !important;
	}
	.cP .item-price {
		font-size: 18px;
		margin-left: 6px;
		margin-right: 4px;
	}
	.mas_categorias ul{
        grid-template-columns: repeat(4, 1fr);
    }
}



/* =================================================
			TABLA MODERNA 
==================================================*/

.styled-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    text-align: left;
    background: #f8f9fa;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
}

/* Header styles */
.styled-table thead tr {
    background: linear-gradient(90deg, #bcccdc, #d1b8e1, #a3c4f3, #9dd4f1);
    color: white;
    font-weight: bold;
}

.styled-table th {
    padding: 12px 15px;
    text-align: center;
    font-size: 14px;
}

/* Row styles */
.styled-table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f2f2f2;
}

.styled-table td {
    padding: 12px 15px;
    font-size: 14px;
}

/* Alignments for specific columns */
.styled-table tbody td:nth-child(3),
.styled-table tbody td:nth-child(4),
.styled-table tbody td:nth-child(5) {
    text-align: right;
}

/* Highlight percentages in red or green */
.styled-table tbody td:nth-child(5) {
    font-weight: bold;
    color: #ff4d4f; /* Default to red */
}

.styled-table tbody td:nth-child(5):after {
    content: '%';
}

/* If percentage is positive */
.styled-table tbody td:nth-child(5):not(:contains('-')) {
    color: #28a745; /* Green for positive numbers */
}

/* Add hover effect */
.styled-table tbody tr:hover {
    background-color: rgba(173, 216, 230, 0.3);
    cursor: pointer;
}


/* =================================================
			MINI PRODUCTO EN LISTADO  
==================================================*/
.ccP {
	padding:5px;
	text-align:center;
}
.cP {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
	height: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
.cP:hover{
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
.cP figure{
	position: relative;
    display: inline-block;
}
.cP figure img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.1s ease-in-out;
}

.cP figure .hover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.2s ease-in-out;
}
.cEtiq {
    position: absolute;
    top: 10px;
    left: 0;
    display: flex;
    gap: 3px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-content: flex-start;
    flex-direction: column;
	width: 100%;
	z-index:2;
}
.cEtiqr {
    position: absolute;
    top: 10px;
    left: 0;
    display: flex;
    gap: 3px;
    align-items: flex-end;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-content: flex-end;
    flex-direction: column;
	width: 100%;
	z-index:2;
}
.etiq {
    white-space: nowrap;
    overflow: hidden;
    line-height: 12px;
    padding: 4px 3px;
    text-overflow: ellipsis;
    width: 60px;
    background-color: var(--color-morado);
    color: #fff;
    font-size: 9px;
}
.etiq-top {
    font-size: 10px;
    background-color: var(--color-amarillo);
    color: #fff;
    width: 95px;
    padding-right: 3px;
}
.etiq-g{
	background-color: var(--color-verde);
}
.tooltip-box {
    position: absolute;
    background: white;
    padding: 15px 20px;
    border-radius: 10px;
    z-index: 2;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
    font-size: 14px;
    line-height: 1.4;
    max-height: 350px;
    overflow-y: auto;
    max-width: 90vw;
}

.tooltip-box .close-btn {
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 18px;
    cursor: pointer;
    color: #888;
}
.ex-el {
		background-color: var(--color-azul);
		border-radius: 10px;
		padding: 5px;
	}
	
	.ex-elr {
		color: #fff;
		display: flex;
		flex-direction: row;
		align-items: center;
		font-weight: 600;
	}
	.ex-elr img{
		border-radius: 50%;
		margin-right: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		width: 40px;
	}
	.ex-elr > div > a{
		display:block;
		color:#fff;
		text-decoration:underline;
		font-weight: 100;
		font-size: 80%;
	}
	.ex-elc {
		background-color: #fff;
		padding: 15px;
		font-size: 14px;		
		position: relative;
	}
	.contenido-colapsable {
		max-height: 170px;
		overflow: hidden;
		transition: max-height 0.3s ease;
	}
	.contenido-colapsable.expandido {
		max-height: 9999px;
		overflow: visible;
	}
	.ex-elc h4{
		padding-top: 0px !important;
		padding-bottom: 10px;
		font-size:15px;
	}
	.ver-mas-btn {
		background: none;
		border: none;
		color: var(--color-fucsia, #d8226b);
		font-weight: 600;
		cursor: pointer;
		text-decoration: underline;
		font-size: 13px;
		margin-top: 10px;
		display: none;
		margin-bottom: 0px;
	}
@media (min-width: 768px) {
    .tooltip-box {
        width: 400px;
    }
}
.etiqueta-elegido {
    height: 30px;
    font-weight: 100;
    text-align: center;
    margin-bottom: 10px;
    background-color: var(--color-morado);
    color: #fff;
    width: 100%;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding-left: 0px;
    font-size: 10px;
    overflow: hidden;
	cursor:pointer;
}
.etiqueta-elegido .ele-d {
    text-align: center;
    width: 100%;
}
.etiq-am {
    color: var(--color-blanco);
    font-size: 14px;
    text-align: center;
    width: 30px;
    height: 30px;
    z-index: 3;
    border-radius: 50%;
    padding: 5px;
    background-color: var(--color-amarillo);
    margin-right: 15px;
	margin-bottom: 5px;
}
.etiqueta-elegido span.c2 {
    font-size: 10px;
padding-top: 8px;
width: 100%;
padding-bottom: 8px;
}
.cP .nombre {
    font-size: 19px;
    color: rgb(76, 76, 76);
    font-weight: 700;
    line-height: 1.2;
    min-height: 20px;
    margin: 0px 2px 0px 2px;
    padding-left: 5px;
    padding-right: 5px;
	padding-bottom: 15px;
}
.cP .nombre>span {
    font-weight: 300;
    font-size: 14px;
    color: #999;
    display: block;
    padding-top: 5px;
}
.nombre a, .nombre .camuflaEnlace {
    color: var(--color-black);
    font-weight: var(--semibold);
}

.e-r-a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-blanco);
    font-size: 14px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: var(--color-azul);
    letter-spacing: -4px;
	margin-right: 10px;
}
.e-r-f {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--color-blanco);
    font-size: 14px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: var(--color-fucsia);
    letter-spacing: -4px;
	margin-right: 10px;
}
.cP figure {
    min-height: 150px;
    margin-bottom: 0px;
	width: 100%;
}
.cP figure > img{
    padding-left: 15px;
    padding-right: 15px;
}
.cP .old-price,.ror-pe .old-price {
    color: var(--black);
    display: inline-block;
    position: relative;
    font-size: 14px;
    text-decoration-thickness: 1px;
    text-decoration-color: #555;
    background-image: repeating-linear-gradient(168deg, transparent 0%, transparent 48%, #555 50%, transparent 54%, transparent 100%);
    text-decoration: none;
    color: #999;
}
.cP .item-price,.ror-pe .item-price {
    font-weight: var(--semibold);
    color: var(--color-fucsia);
    font-size: 18px;
    margin-left: 3px;
}
.precio_small_listado {
    font-size: 13px;
}
.cP .dto-price {
    background-color: var(--color-verde);
    background-color: #000;
    display: inline-flex;
    margin-left: 3px;
    color: #fff;
    font-size: 12px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    padding: 2px 4px;
    border-radius: 2px;
}
.item-price-container{
	padding-top: 10px;
}
.cP .envio-gratis {
    color: var(--color-verde);
    font-size: 12px;
    display: block;
    font-weight: 600;
}

/* =================================================
				CENSURA
==================================================*/
span.btn-desenfoque {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	cursor: pointer;
	z-index:5;
}
span.btn-desenfoque span {
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 10px;
    width: 60px;
    height: 60px;
    position: absolute;
    background-color: #f04d98;
    border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    cursor: pointer;
}
span.btn-desenfoque:hover span{
    background-color: #c48bda;
}

span.btn-desenfoque span::after{
    font-family: "vivefont";
    font-size: 24px;
    line-height: 24px;
    color: #ffffff;
    content: "\f2a8";
    margin-left: -13px;
    margin-top: 17px;
    position: absolute;
    transform: scaleX(-1);
}

.verfotos{
	padding: 0px 25px;
	height: auto;
    line-height: 3;
    margin-bottom: 30px;
}
/* =================================================
				OFERTAS FLASH  
==================================================*/
.oferta-flash {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    display: flex;
    justify-content: space-around;
}
.oferta-flash-rotulo {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 11px;
    text-align: center;
    color: var(--color-azul);
}
.oferta-flash span {
    font-size: 18px;
    color: var(--color-blanco);
    width: 25%;
    font-weight: 700;
    background-color: var(--color-azul);
    padding: 8px 0px 5px 0px;
    margin: 2px;
}
.oferta-flash span small {
    font-size: 9px;
    color: #dcebff;
    font-weight: 400;
    display: block;
}
.oflash .item-price-container {
	font-size:20px;
}

.contenedor_flash {
    margin: 5px auto;
	padding-bottom:0px;
	overflow: hidden;
}
oferta_flash img {
    width: 90%;
}
@media (min-width: 768px) {
	.oferta-flash span:first-child {
		margin-left:15px;
	}
	.oferta-flash span:last-child {
		margin-right:15px;
	}
	.oferta-flash span{
		font-size:22px;
	}
	.oferta-flash span small {
		font-size: 11px;
	}
	
	.contenedor_flash {
		border-bottom: 1px solid #ddd;
		margin: 20px auto;
	}
}



/* =================================================
				FOOTER  
==================================================*/
.footer-top {
    background-color: var(--color-amarillo);
    color: var(--color-blanco);
    padding: 20px 0 0 0;
	margin-top: 60px;
}
.fC{
	display: flex;
   flex-wrap: wrap;
   flex-direction: column;
    align-content: space-around;
	align-items: center;
}

.ban-newsletter {
    background-color: var(--color-morado);
    color: var(--color-blanco);
    text-align: center;
    padding: 20px;
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(100% - 30px);
}
.ban-newsletter p:first-child{
	margin-bottom: 0px;
}
.ban-newsletter p.h3 {
    font-size: 28px;
    font-weight: bold;
    margin: 5px 0;
}

.form-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0px;
    padding: 15px;
}

.form-group {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    flex-direction: column;
	padding-bottom:15px;
}

.form-select, .form-control {
    border-radius: 5px;
    padding: 12px;
    font-size: 14px;
    flex-grow: 1;
	margin: 0;
}

.btn-primary {
    background-color: var(--color-fucsia);
    border: none;
    color: var(--color-blanco);
    font-size: 16px;
    padding: 12px 20px;
    border-radius: 5px;
}
.container-check {
    display: flex;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}

.footer-top .logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 20px;
    border-top: solid 2px #fff;
    padding-top: 17px;
}

.footer-top .logos img {
    flex: 0 0 calc(25% - 10px); /* 4 logos por fila */
    max-width: calc(25% - 20px); /* Ancho máximo del 25% con espacio */
    height: auto; /* Mantén la proporción */
    object-fit: contain; /* Asegura que las imágenes no se desfiguren */
    margin: 0 auto; /* Centra cada logo */
}

/* =================================================
				MODAL  
==================================================*/
input[type="text"], input[type="password"], input[type="email"], input[type="date"], select {
    background: var(--color-blanco);
    border: none;
    width: 100%;
    height: 45px;
    padding-left: 20px;
    font-weight: var(--normal);
    margin-bottom: 0px;
    border: solid 1px #dcdde5;
    color: var(--color-negro);
}
textarea {
    background: var(--color-blanco);
    border: none;
    width: 100%;
    padding-left: 20px;
	padding-top: 15px;
    font-weight: var(--normal);
    margin-bottom: 0px;
    border: solid 1px #dcdde5;
    color: var(--color-negro);
}
select#newsletter-sexo{
	border: solid 2px var(--color-fucsia) !important;
}
/* =================================================
				FOOTER  
==================================================*/

footer {
    background: -webkit-linear-gradient(-15deg, var(--color-fucsia) 0%, var(--color-morado) 40%, var(--color-azul) 100%);
    background: -moz-linear-gradient(-15deg, var(--color-fucsia) 0%, var(--color-morado) 40%, var(--color-azul) 100%);
    background: linear-gradient(135deg, var(--color-fucsia) 0%, var(--color-morado) 40%, var(--color-azul) 100%);
    padding-top: 60px;
    color: var(--color-blanco);
	font-size: 14px;
}
footer a,footer .cE{
	color:#fff;
}
footer .h5 {
    font-weight: 600;
    border-bottom: solid 1px #fff;
    padding-bottom: 15px;
    margin-bottom: 2px;
}
footer .h5:last-child {
	border:none;
}
footer li{
    padding-top: 15px;
}
#trustedshops {
    position: fixed;
    bottom: 0px;
    left: 10px;
    z-index: 2000;
}
#googlereviews {
    position: fixed;
    bottom: 0px;
    left: 100px;
    z-index: 2000;
}
.cFooter{
display: flex;
  flex-wrap: wrap;
  gap: 10px; 
  padding-bottom: 30px;
}

.cFooter > div {
	flex: 1 1 100%; /* Cada elemento ocupa el 100% del ancho */
}
.cFooter .accordion-header::after {
    content: "+";
    position: absolute;
    right: 15px;
    font-size: 18px;
    transition: transform 0.3s ease;
}
.social-links{
	padding-top: 10px;
}
.cFooter .accordion-header.collapsed::after {
    transform: rotate(135deg);
}
.banderasC{
	padding-top: 13px;
	border: none !important;
}
.cFooter .social-links li, .cFooter .banderas li {
    font-size: 24px;
    margin-bottom: 10px;
	display: inline;
	padding-right: 20px;
}

@media (min-width: 768px) {
	.cFooter .accordion-header::after {
		content: "";
		position: absolute;
		right: 15px;
		font-size: 18px;
		transition: transform 0.3s ease;
	}
	.cFooter > div > ul{
		display:block !important;
	}
	.cFooter > div {
		flex: 1 1 calc(20% - 10px); /* 20% del ancho menos el espacio del gap */
	}
	footer .h5  {
		border: none;
		padding-bottom: 0px;
	}
	.cFooter .social-links li, .cFooter .banderas li {
		padding-right: 14px;
	}
	.fC{
		flex-direction: row;
		align-content: flex-start;
		align-items: flex-start;
	}
	.ban-newsletter{
		width: 50%;
		align-items: flex-start;
	}
	.form-group {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin: 0;
		padding: 0;
		flex-direction: row;
		padding-bottom: 15px;
	}
	.form-footer{
		padding-top: 0px;
		width: 50%;
	}
	#register-newsletter2{
		width: 100%;
	}
	.ffs{
		width: 20%;
	}
	.ffn{
		width: 70% !important;
		border: none !important;
	}
	#inputnewsletter{
		border: none;
		width: 70%;
	}
	.container-check{
		padding-top:0px;
	}
}

/* =================================================
				PAGINADOR  
==================================================*/
.pagination-container {
    text-align: center;
	padding-top: 60px;
}
.pagination {
    display: inline-block;
    margin: 0 0 40px;
    border-radius: 0;
}
.pagination > li {
    display: inline;
}
.pagination > li > a, .pagination > li > span {
    display: inline-block;
    float: none;
    padding: 6px;
    height: 42px;
    min-width: 42px;
    margin-left: 3px;
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
    text-decoration: none;
    background-color: var(--color-amarillo);
    color: #ffffff;
    text-align: center;
    padding-left: 13px;
    padding-right: 13px;
}
.pagination > li > a:hover{
	background-color:var(--color-verde);
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: var(--color-blanco);
    background-color: #e36886;
    border-color: #e36886;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


/* =================================================
				FICHA AMPLIADA DE PRODUCTO  
==================================================*/
/*  FOTOS */
.iao{
	opacity: 0.4;
}
.agotado {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 10px;
    background-color: rgb(0 0 0 / 40%);
    color: #ffffff;
    height: 100%;
    width: 100%;
    padding-top: 38%;
    text-align: center;
}
.accordion_item{
	margin-bottom: 0;
	border-bottom: 1px solid #bcbcbc;
}
.accordion-title[aria-expanded="true"]{
	background-color: var(--color-verde);
	color: var(--color-blanco);
}
.accordion-title {
	display: flex;
	padding: 20px 10px 20px 15px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}
.sticky-image {
    overflow: hidden;
    display: inline-flex;
    position: inherit;
    top: 0px;
}

.fotos-producto {
    display: none;
}
.fotos-producto .thumbnails ul {
    float: left;
    width: 100%;
}
.fotos-producto .thumbnails ul li {
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    border: solid 2px #fff;
    justify-content: center;
    align-items: center;
}
.pulsable {
    cursor: pointer;
}
.flota-izquierda-v2 {
    flex: none;
    float: left;
    min-width: 0px !important;
    position: relative;
}
.foto-producto {
    padding-top: 40px;
    padding-bottom: 24px;
    text-align: center;
}
#myCarouselFixa {
    padding-bottom: 15px;
}
#slider-thumbs ul li.active {
    border: solid 2px var(--color-amarillo);
}
.carousel-inner {
    max-width: 550px;
    margin: auto;
}
.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out;
}
span.fancybox {
    cursor: pointer;
}
.carousel-indicators {
    position: relative;
    bottom: auto;
    padding-top: 20px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.etiqueta-share {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 48px;
    z-index: 2;
    cursor: pointer;
}
.etiqueta-producto {
    color: var(--color-blanco);
    background-color: var(--color-verde);
    font-size: 12px;
    left: 0;
    top: 15px;
    line-height: 15px;
    padding: 10px 0;
    position: absolute;
    width: 140px;
    z-index: 1;
}
.etiqueta-producto.destacada {
    font-size: 14px;
    font-weight: 700;
}


/*  COL DERECHA  */
.ficha_producto{
	font-size: 15px;
}
.ficha_producto h1 {
    text-transform: uppercase;
    margin-bottom: 0px;
    letter-spacing: -2px;
}
.ficha_producto .nombre-producto p {
    margin-bottom: 10px;
    color: #666;
    text-align: left;
}
.ratings-container span {
    color: var(--color-azul);
    display: inline-block;
    margin-left: 4px;
    font-size: 14px;
    letter-spacing: 1px;
}
.ancla-opiniones {
    color: inherit;
    cursor: pointer;
    transition: 0.3s;
}
.ratings-container i {
    color: #fbe1e7;
}
.ratings-container span {
    color: var(--color-azul);
    display: inline-block;
    margin-left: 4px;
    font-size: 14px;
    letter-spacing: 1px;
}
.ratings-container .icon-comment {
    color: var(--color-azul);
    padding-left: 5px;
}
.ratings-container i.active {
    color: var(--color-fucsia);
}
.product-list{
	padding-top: 25px;
}
.contenedor_precio_web {
    width: 70%;
    float: left;
    padding-right: 15px;
}
.precio_web_new_style {
    font-size: 25px;
    color: var(--color-fucsia);
    font-weight: 600;
}
.precio_web_big {
    font-size: 40px;
}
.custom-quantity-input {
    width: 30%;
    float: right;
    position: relative;
}
.contenedor-info-producto #cantidad {
    height: 50px;
    margin-top: 4px;
	border: solid 2px var(--color-fucsia);
}
.custom-quantity-input .quantity-btn.quantity-input-up {
    top: 6px;
    border-radius: 0px;
    cursor: pointer;
    right: 2px;
}
.custom-quantity-input .quantity-btn.quantity-input-down {
    bottom: 2px;
    border-radius: 0;
    cursor: pointer;
    right: 2px;
}
.custom-quantity-input .quantity-btn {
    background: #f7f8ff;
    display: block;
    width: 25px;
    height: 23px;
    position: absolute;
    right: 0px;
    line-height: 25px;
    text-align: center;
    border: 1px solid rgba(254,254,254,1);
    color: rgba(0,0,0,0.3);
    font-size: 17px;
}
.promos-aplicadas {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}
.oferta-flash {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}
.add-to-cesta {
    display: flex;
}
#btn-add-cesta {
    flex-grow: 1;
    margin-right: 8px;
    font-size: 18px;
    padding: 12px 25px;
}
.multi a.tipo3, .multi button.tipo3, button.tipo3, a.tipo3 {
    background: var(--color-morado);
}
.multi a:hover, .multi button:hover, button.tipo1:hover, button.tipo2:hover, button.tipo3:hover, a.tipo1:hover, a.tipo2:hover, a.tipo3:hover {
    background: var(--color-amarillo);
    color: var(--color-negro);
}
.multi a, .multi button, button.tipo1, button.tipo2, button.tipo3, a.tipo1, a.tipo2, a.tipo3 {
    border: 0;
    padding: 15px 35px;
    color: var(--color-blanco);
    font-weight: var(--normal);
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
}
.multi a.tipo2, .multi button.tipo2, button.tipo2, a.tipo2 {
    background: var(--color-fucsia);
}
.favorito {
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    color: gray;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    min-width: 48px;
    max-width: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.favorito:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.contenedor-info-producto .favorito i {
    font-size: 18px;
    line-height: 46px;
    vertical-align: middle;
}
.contenedor-info-producto .info_portes {
	font-size: 12.5px !important;
}
.info_portes span > span {
    font-weight: 600;
}
.masbarato {
    color: #fff;
    background-color: #6aade4;
    padding: 5px 30px;
    width: 100%;
    display: block;
    margin-bottom: 20px;
    text-align: center;
}
.info_portes li {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    line-height: 1;
    flex-direction: row;
    gap: 10px;
}
.info_portes li i {
    font-size: 18px;
}
.info_portes li div {
    flex-grow: 1;
}
.nosdan {
    background-color: var(--color-fucsia);
    padding: 5px;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
}
.nosdan:hover{
	background-color: var(--color-amarillo);
}
.nosdan i{
    font-size: 12px !important;
}
.contenedor-info-producto .con_stock {
    color: var(--color-verde);
}
.span-condiciones {
    color: var(--color-fucsia);
    cursor: pointer;
}
.ico-a {
    vertical-align: top;
}
.ico-c5{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px;		
}
.ico-c2{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px;		
}
.ico-a2 {
    margin-top: 0px !important;
}
.durezas {
    text-align: left;
    position: relative;
}
.relative {
    position: relative;
}
.circulito {
    position: absolute;
    left: 16px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: 12px;
    flex-wrap: nowrap;
}
.colorAB {
    background-color: var(--color-verde);
}
.colorCB {
    background-color: var(--color-morado);
}
.colorDB {
    background-color: var(--color-fucsia);
}
.colorEB {
    background-color: var(--color-amarillo);
}
.colorA {
    color: #00aff6;
}
.colorC {
    color: #ba4eeb;
}
.colorD {
    color: #ed28b9;
}
.durezasfondo {
    background-color: #ddd;
    height: 15px;
    margin-left: 75px;
}
.infof{
	padding-bottom: 20px;
}
.infof > div {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    border-radius: 7px;
    padding-left: 15px;
	background-color: var(--color-gris);
}
.infof-c span{
font-weight: 600;
}
.infof-c i{
    background-color: var(--color-morado);
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    padding: 2px;
    margin-right: 10px;
    margin: 4p;
}
.maybold {
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 4px;
}
.left7 {
    margin-left: 75px;
}
.e16 {
    font-size: 16px;
}
.e12 {
    font-size: 12px;
    margin-bottom: 3px;
    font-weight: var(--bold);
}
.durezasfondo {
    background-color: #ddd;
    height: 15px;
    margin-left: 75px;
}
.oC{
	cursor:pointer;
}
#form-add select{
	border: solid 2px var(--color-fucsia) !important;
}
select.form-control {
    appearance: auto !important;
    -webkit-appearance: auto !important;
}
.precio-tachado {
    display: inherit;
    text-align: right;
    text-decoration: line-through;
    opacity: 0.8;
}
.blackfriday {
    background-color: var(--color-amarillo) !important;
}
.precio-mi-oferta {
    border-radius: 2px;
    display: inline-block;
    font-weight: 700!important;
    margin-left: 5px;
    padding: 2px 8px 2px;
    position: relative;
    background-color: var(--color-fucsia);
    color: var(--color-blanco);
}
.blackfriday::before {
    border-right-color: var(--color-amarillo) !important;
}
.precio-mi-oferta::before {
    border: 5px solid transparent;
    content: "";
    left: -10px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    border-right-color: var(--color-fucsia);
}
.contenedor_precio_web > div {
    float: right;
}
.carousel-indicators li {
    background-color: #e0dada !important;
}
.nombre-producto{
	padding-top:20px;
}
.ico-a li {
    padding: 15px 6px 15px 6px!important;
    margin: 0.7%;
    text-align: center;
    vertical-align: top;
    line-height: 1.2;
    font-size: 13px;
    min-height: 120px;
    background-color: #f7f8ff;
    color: #909090;
    border-radius: 4px;
	font-weight: 600;
}
.ico-a li i {
    font-size: 50px;
    display: block;
}
.propiedades_radio_color {
    background-color: #fcfcfc;
    border: 3px solid #e4e2e2;
    border-radius: 0;
    cursor: pointer;
    float: left;
    padding: 5px;
    margin-bottom: 5px;
    width: calc(25% - 5px);
    margin-right: 5px;
    min-width: 50px;
    min-height: 50px;
    position: relative;
	text-align: center;
}
.propiedades_radio_color.activo {
    border: 3px solid rgb(255,183,27);
}
.medidas {
    min-height: 70px;
    position: relative;
    text-align: center;
    margin: 0px;
    display: block;
	margin-top: 20px !important;
	margin-bottom: 20px;
}
.acota-imagen {
    display: inline-block;
    position: relative;
    width: 230px;
    margin-top: 60px;
}
.acota-imagen .lateral-izq {
    position: absolute;
    top: 20px;
    left: -10px;
}
.acota-imagen .lateral-izq span {
    display: inline-block;
    text-align: right;
}
.rosa b {
    color: #238ac4;
}
.acota-imagen .lateral-izq span {
    display: inline-block;
    text-align: right;
}
.rosa .informa {
    color: #bdbdbd;
	font-size: 12px;
    display: block !important;
}
.acota-imagen .lateral-izq img {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
.acota-imagen .superior {
    position: absolute;
    top: -50px;
    right: 0;
    width: 100%;
}
.acota-imagen .superior img {
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
.acota-imagen .lateral-der {
    position: absolute;
    top: 20px;
    right: -17px;
}
.acota-imagen .lateral-der img {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
.acota-imagen .lateral-der span {
    display: inline-block;
    text-align: left;
    color: #bdbdbd;
}
.productos-inferior {
    background-color: #f7f8ff;
	margin-top:60px;
	margin-bottom:0px;
	padding-top:60px;
	padding-bottom:60px;	   
}
h3.secc-dest, h4.secc-dest {
    color: #333;
    font-weight: bold;
    font-size: 26px!important;
    margin: 0;
    padding-bottom: 2px;
    text-transform: uppercase;
}
.ficha_producto h4 {
    font-size: 22px;
    margin-bottom: 0px;
    padding-top: 24px;
}
.nombre-producto .nivel1{
	background-color: var(--color-verde);
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 11px;
    display: inline-block;
	margin-right: 5px;
}
.nombre-producto .nivel2{
	background-color: var(--color-amarillo);
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 11px;
    display: inline-block;
	margin-right: 5px;
}
.nombre-producto .nivel3{
	background-color: var(--color-fucsia);
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 11px;
    display: inline-block;
	margin-right: 5px;
}
.nombre-producto .nivel4{
	background-color: var(--color-azul);
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 11px;
    display: inline-block;
	margin-right: 5px;
}
.nombre-producto .nivel5{
	background-color: var(--color-morado);
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    margin-bottom: 11px;
    display: inline-block;
	margin-right: 5px;
}
.relacionado {
    padding: 0px 0px 10px;
}
.reldiv {
    border: 4px solid var(--color-verde);
    border-radius: 5px;
    padding: 15px 5px 15px 15px;
    background-color: var(--color-blanco);
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap;
    text-align: left;
    min-height: 170px;
    justify-content: flex-start;
    align-items: center;
}
.reldiv small{
	color: var(--color-azul);
	display: block;
}
.reldiv a,.reldiv > img{
	text-align:center;
	max-width: 30%;
}
.reldiv .input-group{
	width: auto;
}

.rel_unit {
    text-align: left;
    margin: 20px 0px;
}
.rel_precio {
    text-align: right;
    font-size: 14px;
    line-height: 1;
    margin: 20px 0px;
}
.rel_precio > div {
	padding-bottom:15px;
}
.rel_precio > div > span{
font-weight:700;	
}
.rel_precio .rel_unit_precio {
    font-size: 32px;
    color: var(--color-fucsia);
    display: block;
    font-weight: 600;
    margin-top: 0px !important;
}
.rel_precio button{
	margin: 0px !important;	
	min-width: 220px;
}
#acordeonVive .accordion-title[aria-expanded="true"]::after {
    margin-left: auto;
    content: "";
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
    transform: var(--bs-accordion-btn-icon-transform);
}
#acordeonVive .accordion-title::after {
    margin-left: auto;
    content: "";
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236aade4' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}
.trusted_menu {
    background: var(--color-blanco);
    margin-bottom: 50px;
	margin-top: 50px;
}
.trusted_menu h2 {
    text-transform: none;
    letter-spacing: 1px;
    color: var(--color-azul);
    padding: 0;
    margin: 0;
    font-size: 28px;
}
.trusted_menu img {
    /* width: 80%; */
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 8px 20px;
}
.div-relacionados {
    padding: 50px 0px 20px;
    margin-bottom: 0px;
    background-color: #f7f8ff;
}
h3.secc-dest2 {
    font-weight: bold;
    font-size: 26px!important;
    margin: 0;
    padding-bottom: 2px;
    text-transform: uppercase;
	color: #333;
}
p.secc-dest2 {
	color: #333 !important;
    font-weight: 500;
    font-size: 16px!important;
    margin: 0;
}
.relacionados-prod {
    background: var(--color-gris);
	padding-top: 0px;
}

/*  ACTION BAR */
#action-bar-movil {
    background: var(--color-blanco) none repeat scroll 0 0;
    background: linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(245,245,245,1) 90%);
    bottom: -125px;
    box-shadow: 0 -5px 15px -3px rgb(0 0 0 / 23%);
    height: 69px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 3;
    display: none;
    align-items: center;
    -webkit-backface-visibility: hidden;
}
.precio-mi-oferta {
    border-radius: 2px;
    display: inline-block;
    font-weight: 700!important;
    margin-left: 5px;
    padding: 2px 8px 2px;
    position: relative;
    background-color: var(--color-fucsia);
    color: var(--color-blanco);
}
#action-bar-movil .absoluto {
    position: absolute;
    top: -17px;
    left: -6px;
    border-radius: 9px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
.btn-flag{
	margin-bottom: 0px !important;
}
#action-bar-movil span.recibelo {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: darkgreen;
    line-height: 25px;
	line-height: 0px;
	margin-top: 2px;
}
#action-bar-movil span.precio {
    font-size: 26px;
    display: block;
    font-weight: 700;
    margin-top: 4px;
    letter-spacing: -1.9px;
    line-height: 28px;
    color: var(--color-negro);
}
#action-bar-movil span.iva {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: darkred;
    letter-spacing: -.6px;
    text-align: right;
    margin-top: 0;
    line-height: 12px;
}
#action-bar-movil .precio-tachado {
    font-size: 14px;
    display: block;
}
#action-bar-movil .action-right {
    margin-top: 3px;
}
#action-bar-movil i.icon-bolsa-de-la-compra {
    font-size: 27px;
    display: block;
    padding-bottom: 5px;
    line-height: 10px;
}
#action-bar-movil .btn-flag {
    padding: 8px;
    margin: 0px;
    height: 69px;
    width: 100%;
    white-space: initial;
    line-height: 20px;
    font-weight: bold;
}
/* boton chatra */
.animated-parpadeo {
    animation-name: flash;
    animation-duration: 15s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@keyframes flash {
	90% {transform: scale(1);}
	95% {transform: scale(1.1); filter: drop-shadow(0px 0px 0px rgba(138,83,234,1));}
   100% {transform: scale(1); filter: drop-shadow(0px 0px 60px rgba(138,83,234,0));}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}

@media (min-width: 768px) {
	.sticky-image {
		position: sticky;
		top: 120px;
	}
	.nombre-producto{
		padding-top:0px;
	}
    .productos-superior {
        display: inline-block;
    }
	.fotos-producto {
		display: block;
		padding-left: 0px;
	}
	#slider-thumbs ul {
		padding-right: 4px;
	}
	.fotos-producto .thumbnails ul li {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.foto-producto {
		padding-top: 0px;
		min-height: 190px;
	}
	#myCarouselFixa .carousel-item {
		transition: none !important;
	}
	.carousel-indicators {
		display: none;
	}
	.flota-derecha {
		flex: none;
		float: right;
	}
	.ficha_producto .nombre-producto {
		text-align: left;
		padding-top: 0px;
	}
	.ficha_producto h1 {
		font-weight: 700;
	}
	.oferta-flash {
		margin-left: 0%;
	}
	.multi a.tipo2, .multi button.tipo2, button.tipo2, a.tipo2 {
		transition: 0.3s;
		background: var(--color-fucsia);		
	}	
	.ico-a {
		list-style: none; /* Eliminar viñetas */
		padding: 0;
		margin: 0;
	}
	.propiedades_radio_color {
		width: initial;
	}
}

@media (min-width: 992px) {
    .productos-superior {
        position: relative;
    }
	.fotos-producto .thumbnails ul li:nth-child(odd) {
		margin-right: 15px;
	}
	.contenedor_precio_web {
		width: 65%;
	}
	.custom-quantity-input {
		width: 35%;
	}
}
/* =================================================
				POP CESTA  
==================================================*/
.truckgreen .text-info {
	color: var(--color-azul) !important;
}

.text-info { 
	color: var(--color-azul);
    font-size: 13px;
    font-weight: 600;
}

.text-info2 {
    font-size: 13px;
    font-weight: 600;
    background-color: #e7e7e7;
    color: #737272;
    padding: 4px 12px;
    display: inline-block;
    margin: 0;
    border-radius: 5px;
}

.text-info3 {
    font-size: 13px;
    font-weight: 600;
    background-color: var(--color-verde);
    color: #fff !important;
    padding: 4px 8px;
    border-radius: 4px;
    margin-top: 4px;
    display: block;
    margin-bottom: 4px;
}
.rojo_cruzado {
    color: var(--color-fucsia);
    font-size: 14px;
}
button.add_cruzado{
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    line-height: 1;
}
.cruzado {
    padding-top: 15px;
    border-top: dashed 1px #ccc;
    margin-top: 10px;
}
.truckgreen {
	padding:0px 10px;
}

.divtruck {
	width:100%;
	text-align:right;
}

.truckgreen i {
   color: var(--color-azul);
   font-size: 28px;
   line-height: 1px;
}

.truckgreen .barragreen {
	width:100%;
	height:5px;
	border-radius:5px;
	background-color:var(--color-azul);
}

.truckgreen p {
	text-align:center;
	display:block;
}
/* =================================================
				404  
==================================================*/
.p404{
	padding-bottom:40px;
}
.p404 li {
    border-bottom: solid 1px #d7d7d7;
    padding-top: 8px;
    padding-bottom: 8px;
}
.p404 li:hover{
	background-color:var(--color-amarillo);
}
.p404 li:last-child {
    border-bottom: none;
}
.p404 a{
	color:var(--color-negro);
}
.p404 h5 {
    font-weight: 700;
    text-transform: uppercase;
}
/* =================================================
				VARIOS  
==================================================*/

.links-rel{
	list-style: none;
}
.links-rel li {
    display: inline-block;
    background-color: #e1e4eb;
    border-radius: 4px;
    padding: 4px 8px;
    margin-right: 8px;
    margin-bottom: 8px;
}
.links-rel li:hover{
	background-color: var(--color-amarillo);
}
.video-container-categorias {
    position: relative;
    width: 100%; /* Ocupa todo el ancho del contenedor padre */
    padding-top: 56.25%; /* Relación de aspecto 16:9 (9/16 = 0.5625 * 100) */
    overflow: hidden;
    background: #000; /* Color de fondo opcional */
}

.video-container-categorias iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; /* Quita bordes del iframe */
}
.links-rel li a{
	color:var(--color-negro);
}
/* COMPRADOS JUNTOS */
.firstTD {
    vertical-align: top;
    width: 6% !important;
    padding-right: 0px !important;
    margin: 0;
}
.secondTD {
    width: 20%;
}
.thirdTD {
    vertical-align: top;
    padding-left: 15px;
}
.arbol_comentarios hr{
	margin-top:10px;
}
.thirdTD_nombre {
    height: 55px;
    overflow: hidden;
    font-size: 14px;
}
.thirdTD_precio {
    font-size: 20px;
    padding-top: 10px;
}
.relacionado-xl {
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
}
.mas {
    font-size: 40px;
    font-weight: bold;
    display: block;
    margin: 0 auto;
    text-align: center;
}
.thirdTD_nombre small {
    display: block;
    color: var(--color-azul);
}
/* CONTENEDOR DESCRIPCION */
.ulbonito ul, .contenedor-descripcion ul, ul.bonito, ol.bonito {
    margin: 0;
    padding-top: 15px;
}
.contenedor-descripcion ul li ,ul.bonito li, ol.bonito li{
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 24px;
}
.ulbonito ul li:before, .contenedor-descripcion ul li:before,ul.bonito li:before, ol.bonito li:before{
    content: ' ';
    display: inline-block;
    margin-right: 10px;
    font-size: 80%;
    background-color: rgb(204, 44, 126);
    color: white;
    font-weight: bold;
    padding: 6px 6px;
    border-radius: 3px;
}
.contenedor-descripcion{
	font-size: 15px;
	overflow-x: hidden;
}
.expertas h5 {
    font-weight: bold;
    font-size: 22px;
}
h3.secc {
    color: #333;
    font-weight: bold;
    font-size: 26px!important;
    margin: 0;
    padding-bottom: 15px;
}
.comparativa {
    position: relative;
    margin: 100px auto 0px auto;
    text-align: center;
}
.comparativa #dildoresponsive {
    position: absolute;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin-left: -2.5vw;
}
.comparativa #dildoresponsive img {
    display: none;
}
.expertas i {
    font-size: 32px;
}
.descP{
	padding-top:30px;
	font-size:15px;
}
.quien_lo_compra .col-4 {
    padding-bottom: 20px;
    text-align: center;
}
.quien_lo_compra span {
    display: block;
}
.quien_lo_compra .col-8 {
    padding-top: 10px;
}
.quien_lo_compra .progress-bar {
    background-color: var(--color-azul) !important;
}
.quien-sexo .progress-bar {
    background-color: var(--color-amarillo) !important;
}
.contenedor-especificaciones .rotuloEP {
    padding-top: 30px !important;
    color: #666;
    border-bottom: solid 1px #ffb71b;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #ffb71b;
}
.contenedor-especificaciones li {
    padding-bottom: 10px;
}
.ficha_estrellas_v2 i {
    color: var(--color-fucsia);
    font-size: 18px;
    opacity: 0.4;
    margin: 0px -4px;
}
.sabermas {
    margin-bottom: 25px;
}
.sabermas img {
    width: 100%;
}
.sabermas .sabermas_texto {
    padding: 18px;
    background-color: #f7f8ff;
    font-size: 11px;
    color: #898989;
}
.sabermas .sabermas_texto h3 {
    font-size: 15px !important;
    height: 75px;
}
.sabermas .sabermas_texto h3 a, .sabermas .sabermas_texto h3 span {
    color: #333 !important;
}
/* TABLA COMPARATIVA */
.table-comparative {
    font-size: 13px;
    padding-top: 0px;
}
.table-comparative td{
	text-align:center;
}	
table#mitablita {
    border-collapse: separate;
    border-spacing: 0px !important;
}
.table-comparative th {
    position: sticky;
    left: -3px;
    z-index: 2;
    max-width: 140px;
	    font-weight: 300;
}
.table-comparative thead th {
    border: none;
    min-width: 100px;
    vertical-align: top;
    text-align: center;
    padding-bottom: 12px !important;
	font-weight: 300;
    font-size: 12px;
}
table#mitablita thead th:nth-child(2) {
    position: sticky;
    left: 100px;
    background: var(--color-blanco);
    border-right: 1px solid var(--color-blanco);
    z-index: 3;
}
.table-responsive .icon-star::before {
    margin: 0;
    letter-spacing: -2px;
    width: auto;
}
.table-comparative img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    max-width: 50%;
}
.foto-comparativa a {
    color: var(--color-azul);
}
.table-comparative tbody th {
    background-color: #f6f6f6;
    vertical-align: middle;
	font-size: 12px;
}
table#mitablita tbody td:nth-child(2) {
    position: sticky;
    left: 100px;
    background: #fcfcfc;
    border-right: 1px solid #f2f2f2;
    z-index: 3;
}
.table-comparative .icon-ok {
    color: var(--color-azul);
}
.table-responsive .trv td {
    font-size: 11px;
}
.table-responsive .trv td span {
    display: block;
	font-size:10px;
}
.table-responsive .icon-star {
    color: #e5b9d9;
}

.tcg{
	font-size: 13px !important;
}
.compa-precio {
    color: #bd3598;
    font-weight: 700;
    text-align: center;
}
.table-responsive .icon-star.active {
    color: #bd3598;
}
.ficha_estrellas_v2 i.active {
    color: var(--color-fucsia);
    opacity: 1;
}
/* PREGUNTAS */
.contenedor-preguntas-v2 h5 {
    margin-bottom: 30px;
    text-align: center;
}
.contenedor-preguntas-v2 dl {
    margin-bottom: 10px;
}
.contenedor-preguntas dt {
    font-weight: var(--normal);
}
.autor-comentario {
    color: var(--color-azul);
    font-weight: 400;
}
.emem {
    padding-left: 0px!important;
    color: #999;
    font-style: normal;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}
.video-envio {
    padding-bottom: 60px;
}
/* OPINIONES */
#acordeonVive .cant {
    background-color: var(--color-amarillo);
    color: var(--color-blanco);
    padding: 3px 10px;
    font-size: 13px;
    border-radius: 5px;
    margin-left: 5px;
}
.spinner_vive {
    position: fixed;
    top: 40%;
    left: 0%;
    z-index: 100;
    width: 100%;
    display: none;
    margin: 0 auto;
    text-align: center;
}
.contenedor-opiniones {
    background-color: var(--color-blanco);
    position: relative;
    margin-bottom: 80px;
    margin-top: 50px;
}
.opifondo2 {
    background: #eee;
    height: 35px;
    width: 100%;
}
.opifondo2_back {
    background: var(--color-fucsia);
    height: 35px;
    color: var(--color-blanco);
    font-weight: 600;
    padding: 7px 10px;
}
span.basado {
    font-size: 14px;
    color: #666;
}
.brand_opiniones {
    font-size: 14px;
}
.brand_opiniones td {
    padding-bottom: 5px;
}
.span-condiciones {
    color: var(--color-fucsia);
    cursor: pointer;
}
.brand_opiniones td {
    padding-bottom: 5px;
}
.opifondo {
    background: #eee;
    height: 22px;
    width: 100%;
}
.opifondo_back {
    background: var(--color-azul);
    height: 22px;
}
.brand_opiniones .percent {
    color: #999;
}
.autor-comentario-v2{
	padding-right: 10px;
}
/* POP UP PREGUNTA */
#addPregunta {
    padding-right: 0px !important;
}
#addPregunta .modal-header,#idiomaModal .modal-header{
    background: var(--color-fucsia);
    height: 45px;
	border: none !important;
    padding-bottom: 0 !important;
    padding-top: 0px !important;
    display: inline-flex !important;
    align-items: center !important;
}
#addPregunta .modal-header h3, #idiomaModal .modal-header h3 {
    text-align: center;
    font-weight: bold;
    position: absolute;
    font-size: 22px;
    width: 95%;
    color: var(--color-blanco);
	padding-top: 10px;
	text-transform: uppercase;
}
#addPregunta .modal-header .close,#idiomaModal .modal-header .close {
    padding: 1rem 1rem;
    margin: -1.5rem -1rem -1rem auto;
    color: #555;
	font-size: 40px;
    margin-top: -18px !important;
}
.modal-body input, .modal-body textarea, .modal-body select{
	border: solid 2px var(--color-fucsia);
}
button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.div-destacados {
    background: var(--color-gris);
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 20px;
}
.relacionado .container-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.relacionado .container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.relacionado .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: var(--color-blanco);
    border-radius: 5px;
    border: 2px solid var(--color-fucsia);
}
.relacionado .container-check input:checked ~ .checkmark {
    background-color: var(--color-fucsia);
}
.relacionado .container-check input:checked ~ .checkmark:after {
    display: block;
}
.relacionado .container-check .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.relacionado .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.populares {
	text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 14px;
	white-space: normal;
    word-break: break-word;
}















/* ###########################################
##					INICIO				## 
############################################ */
#portadaVV {
	position:relative;
	margin-bottom:40px;
}
#portadaVV .flotanteVV {
	position: absolute;
    width: 100%;
    top: 19%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.flotanteVV .flot h1{
	line-height: 1.5rem;
	font-size: 14px !important;
	color:#fff;
	font-weight: 500;
}
.flotanteVV .flot{	
	margin-left: 30%;
}
.flotanteVV .flot span{
	display:block;
}
.flot .pa1{
	font-size:90%;
}
.flot .pa2{
	font-size:180%;
}
.flot .pa3{
	font-size:240%;line-height: 100%;font-weight:bold;
	padding-left: 10px;
    padding-right: 10px;
    background-color: #e3c120;
}
}
.flot .pa4{
	font-size:150%;
}
.flot .pa5{
	font-size:90%;
}
.porsexo .col-4{
	text-align:center;
}
.shombre div{
	background: var(--color-azul);	
	margin-bottom: 10px;
	padding: 30px 0px;
}
.shombre a:hover div{
	background-color: #45c2b1;
}
.shombre a{
	color: var(--color-azul);
}
.smujer div{
	background: var(--color-fucsia);
	padding: 30px 0px;
	margin-bottom: 10px;
}
.smujer a:hover div{
	background-color: #45c2b1;
}
.smujer a{
	color: var(--color-fucsia);
}
.spareja div{
	background: var(--color-morado);
	padding: 30px 0px;
	margin-bottom: 10px;
}
.spareja a:hover div{
	background-color: #45c2b1;
}
.spareja a{
	color: var(--color-morado);
}

.contenedor-zona{
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;    
    height: 150px;
	color: white;
	text-align: center;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
.contenedor-zona:hover{
	background-color: var(--color-fucsia) !important;
}
.contenedor-zona a{
	color:#fff;
	margin-top: 60px;
	padding:6px 0px;
	width: 87%;
	font-size: 110%;
}
.contenedor-zona span{
	font-size: 12px;
	margin-top: 3px;
}
.container-regalos img{
	float: left;
    margin-right: 10px;
	max-width: 50px;
}

.contenedor-zona.zo1{
	background-color: var(--color-morado);
	background-image: url('https://www.vivelavita.com/images/juguetes-para-pene.png');
}
.contenedor-zona.zo1 a{
	background-color:var(--color-azul);	
}
.contenedor-zona.zo2{
	background-color: var(--color-verde);
	background-image: url('https://www.vivelavita.com/images/juguetes-para-clitoris.png');
}
.contenedor-zona.zo2 a{
	background-color: var(--color-fucsia);	
}
.contenedor-zona.zo3{
	background-color: #f7c2e0;
	background-image: url('https://www.vivelavita.com/images/juguetes-para-vagina.png');
}
.contenedor-zona.zo3 a{
	background-color:var(--color-morado);	
}
.contenedor-zona.zo4{
	background-color: var(--color-azul);
	background-image: url('https://www.vivelavita.com/images/juguetes-para-ano.png');
}
.contenedor-zona.zo4 a{
	background-color:var(--color-amarillo);	
}
.contenedor-zona.zo5{
	background-color: var(--color-fucsia);
	background-image: url('https://www.vivelavita.com/images/juguetes-para-prostata.png');
}
.contenedor-zona.zo5 a{
	background-color:var(--color-verde);	
}
.contenedor-zona.zo6{
	background-color: var(--color-amarillo);
	background-image: url('https://www.vivelavita.com/images/juguetes-para-pezon.png');
}
.contenedor-zona.zo6 a{
	background-color: #f7c2e0;	
}
.paddingi{
	padding-right:3px;
}
.paddingd{
	padding-left:3px;
}
.paddingc{
	padding-left:7px;  
	padding-right:7px;
}
.container-regalos h3 span {
    font-size: 70%;
    display: block;
}
.container-regalos a {
    BORDER-RADIUS: 2px;
    PADDING: 15px 5px;
    COLOR: #FFF !important;
    font-size: 20px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    
}
.container-regalos .rmuj{
	BACKGROUND-COLOR: #f04d98;
}
.container-regalos .rmuj:hover{
	BACKGROUND-COLOR: #ffb71b;
}
.container-regalos .rhom{
	BACKGROUND-COLOR: #6aade4;
}
.container-regalos .rhom:hover{
	BACKGROUND-COLOR: #ffb71b;
}
.paddingContainers{
	padding-top:60px;
}
.unmotivo b{
	margin-bottom: 5px;
    display: block;
}
.populares img {
	width: 100% !important;
    max-height: 105px;
	text-align:center;
	width:auto !important;
	margin:0 auto;
	padding: 15px;
}
.populares .contenedor {
	background: var(--color-gris);
    margin-bottom: 3px;
    border: 5px solid #fff;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.populares .contenedor:hover {
	background-color: #f7c2e0;
}
.populares a{
	color:#212529;
}
.motivos img{
	padding:0px 10px;
}
.unmotivo{
	padding-bottom:10px;
}
#periodicos__ {
    display: flex;
    gap: 10px;
    margin-top: 30px;
}
#periodicos__ .item {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    flex: 1; /* Asegura que los elementos sean flexibles en escritorio */
}
.encasa{
	padding-bottom:50px;
	padding-top:60px;
	margin-bottom:40px;
}

.valora-trusted>div{
margin-bottom: 10px;
}	
.valora-trusted i{
	font-size: 22px;
}
.valora-trusted.vt1 i{
    color: var(--color-amarillo) !important;
}
.valora-trusted.vt2 i,.valora-trusted.vt2 p:nth-child(3){
    color: var(--color-fucsia) !important;
}
.valora-trusted.vt3 i,.valora-trusted.vt3 p:nth-child(3){    
    color: var(--color-azul) !important;
}
.valora-trusted.vt4 i,.valora-trusted.vt4 p:nth-child(3){
    color: var(--color-morado) !important;
}
.valora-trusted.vt5 i,.valora-trusted.vt5 p:nth-child(3){
    color: var(--color-verde) !important;
}
#periodicos .owl-item img {
    height: 45px;
}

@media (max-width: 768px) {
    .listado {
        display: block; /* En móviles, el control pasará a Owl Carousel */
    }
}
.sexshopper {
	background-color:var(--color-fucsia);
	padding:30px 0px;
	color:var(--color-blanco);
}

.sexshopper li {
	list-style-type:disc;
	margin-left:20px;
	font-weight:bold;
}

.sexshopper a {
	width: 250px;
	border-radius:5px;
}
.sexshopper .c-image {
	text-align:center;
	margin:0 auto;
	margin-bottom:30px;
}
.sexshopper, .sexshopper h3 {
	text-align:center;
}
.sexshopper ul {
	margin:0 auto 40px;
}
.sexshopper li {
	list-style-type:none;
	margin-left:0px;
	font-weight:bold;
}
	
.trusted-flex {
	display: flex;
    justify-content: space-between;
	gap:15px;
}
.star-active1 { font-size:22px; color:var(--color-fucsia) !important; }
.star-active2 { font-size:22px; color:var(--color-azul) !important; }
.star-active3 { font-size:22px; color:var(--color-morado) !important; }
.star-active4 { font-size:22px; color:var(--color-amarillo) !important; }

.p-active1 { padding:0; margin:0; color:var(--color-fucsia) !important; }
.p-active2 { padding:0; margin:0; color:var(--color-azul) !important; }
.p-active3 { padding:0; margin:0; color:var(--color-morado) !important; }
.p-active4 { padding:0; margin:0; color:var(--color-amarillo) !important; }

.trusted-center {
	text-align:center;
	margin:0 auto;
}
.trusted-center p.h3 {
	font-size:22px !important;
	color: var(--color-azul);
	font-weight: var(--bold);
}
.trusted-center p {
	margin:0;
	padding:0;
}
.valora-trusted {
	background:var(--color-grisaceo);
	padding:20px;	
	border: solid 2px #fff;
	min-height: 270px;
}

.btn-violeta {
    background-color: #c48bda;
    padding: 11px 25px;
    color: #fff;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 6px;
}
.universidad .bloguero  {
	transition:0.3s;
}
.universidad .bloguero p {
	text-transform:uppercase;
	margin: 10px auto;
	font-size:18px;
}	
.universidad .bloguero .barrita {
	height:10px;
	width:50%;
	transform-origin: 0% 50%;
}
.universidad .p3 { color: var(--color-azul); }
.universidad .p1 { color: var(--color-fucsia); }
.universidad .p2 { color: var(--color-morado); }
.universidad .b3 { background-color: var(--color-azul); }
.universidad .b1 { background-color: var(--color-fucsia); }
.universidad .b2 { background-color: var(--color-morado); }

.marginContainers{
	margin-top:60px;
}
.multi a.tipo1, .multi button.tipo1, button.tipo1, a.tipo1 {
    background: var(--color-azul);
}
.bodyVV .owl-prev {
    width: 20px;
    font-size: 100px;
    position: absolute;
    top: 35% !important;
    left: 0px;
    display: block !important;
    background: rgba(180,180,180,0.1);
}
.bodyVV .owl-next {
    width: 20px;
    font-size: 100px;
    position: absolute;
    top: 35% !important;
    right: 20px;
    display: block !important;
    background: rgba(180,180,180,0.1);
}
.bodyVV .owl-next i {
    padding-right: 8px;
    padding-left: 8px;
}
.owl-item .cP .nombre{
	height: 50px;
    overflow: hidden;
}
.bodyVV .owl-prev i {
    padding-left: 8px;
    padding-right: 8px;
}
.bodyVV .owl-prev i, .bodyVV .owl-next i {
    line-height: 20px;
    font-size: 40px;
    font-weight: var(--bold);
    color: var(--color-negro);
    background: rgba(180,180,180,0.2);
}
.para-producto {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
.para-icon-fucsia {
    filter: invert(42%) sepia(68%) saturate(1829%) hue-rotate(305deg) brightness(97%) contrast(93%);
}
.para-icon-morado {
    filter: invert(71%) sepia(41%) saturate(1428%) hue-rotate(212deg) brightness(91%) contrast(86%);
}
.para-icon-azul {
    filter: invert(83%) sepia(34%) saturate(5121%) hue-rotate(178deg) brightness(95%) contrast(88%);
}
.para-icon-amarillo {
    filter: invert(85%) sepia(54%) saturate(3080%) hue-rotate(356deg) brightness(106%) contrast(95%);
}
.para-texto div.fucsia {
    color: var(--color-fucsia);
}
.para-texto div.morado {
    color: var(--color-morado);
}
.para-texto div.azul {
    color: var(--color-azul);
}
.para-texto div.amarillo {
    color: var(--color-amarillo);
}

.para-icon {
    border-radius: 100%;
    padding: 7px;
    width: 22%;
    float: right;
    border: 3px solid var(--color-negro);
}
.para-texto {
    text-align: left;
    margin-left: 15px;
}

.para-texto p {
    font-size: 15px;
    line-height: 15px;
}
.para-texto p.h3 {
    font-size: 18px !important;
    line-height: 24px;
    padding: 0;
    margin: 0;
}


@media (min-width: 576px) { 
    /* SM Estilos para dispositivos small */
	#portadaVV .flotanteVV {
		top: 24% !important;
	}
	.flotanteVV .flot h1{
		line-height: 1.8rem;
		font-size: 20px !important;
	}
	.contenedor-zona {
		height: 150px;
		margin-bottom: 15px;
	}
	.paddingi{
		padding-right:15px;
	}
	.paddingd{
		padding-left:15px;
	}
	.paddingc{
		padding-left:15px;
		padding-right:15px;
	}
}

@media (min-width: 768px) { 
    /* MD Estilos para dispositivos medium */

	#portadaVV .flotanteVV {
		top: 18% !important;
		
	}
	.flotanteVV .flot{	
		margin-left: 24%;
	}
	.flotanteVV .flot h1{
		line-height: 2.8rem;
		font-size: 28px !important;
	}
	.contenedor-zona {
		height: 200px;
		margin-bottom: 30px;
	}
	.contenedor-zona span{
		font-size: 13px;
	}
	.contenedor-zona a {
		margin-top: 105px;
		font-size: 120%;
		font-weight: 600;
	}
	.contenedor-zona.zo1 a{
		margin-top: 14%;
	}
	.populares .contenedor {
		height: 200px;
	}
	.text-left-md{
		text-align:left !important;
	}
	.motivos img{
		padding:0px 15px;
	}	
	.sexshopper, .sexshopper h3 {
		text-align:left;
	}
	.sexshopper .c-image img {
		width: 240px;
		height: 220px;
	}	
	.sexshopper h3 {
		font-size:22px;
		margin-bottom:20px;
	}	
	.container-regalos img{
		max-width: 60px;
	}
	.paddingContainers{
		padding-top:70px;
	}
}

@media (min-width: 992px) { 
    /* LG Estilos para dispositivos large */
	#portadaVV .flotanteVV {
		top: 18% !important;
	}
	.flotanteVV .flot h1{
		line-height: 3rem;
		font-size: 36px !important;
	}
	.shombre a, .smujer a, .spareja a {
		font-size: 140%;		
	}
	.shombre div, .smujer div, .spareja div {
		padding:15px;
	}	
	.motivos img{
		padding:0px 15px;
	}
	.unmotivo{
		padding-bottom:30px;
	}
	.paddingContainers{
		padding-top:85px;
	}
	.marginContainers{
		margin-top:85px;
	}
}
@media (min-width: 1200px) { 
    /* XL Estilos para dispositivos extra large */
	#portadaVV .flotanteVV {
		top: 18% !important;
	}
	.flotanteVV .flot h1{
		line-height: 4rem;
		font-size: 42px !important;
	}
	.flot .pa5{
		font-size:70%;
	}
	.contenedor-zona span{
		font-size: 14px;
	}
	.motivos img{
		padding:0px 20px;
	}
	.unmotivo{
		padding-bottom:40px;
	}
	.paddingContainers{
		padding-top:100px;
	}
	.marginContainers{
		margin-top:100px;
	}
}

:root {
--g-red: #D04B36;
--g-orange: #E36511;
--g-yellow: #FFBA00;
--g-green: #00B180;
--g-blue: #147AAB;
--g-indigo: #675997;
}

.top_ranking {
	background-color: var(--color-fucsia);				
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: var(--color-blanco);
	display: block;
	font-size: 20px;
	left: 5px;
	top: 5px !important;
	line-height: 38px;
	position: absolute;
	text-align: center;
	z-index: 3;
	font-weight: 700;
}
.ul-precios{
	display: flex;
    justify-content: space-around;
	padding-bottom: 30px;
}
.ul-precios li{
	padding: 10px 30px;
    border-radius: 4px;
    font-size: 20px;
}
.ul-precios li:hover{
	background-color: var(--color-morado) !important;
}
.ul-precios li a{
	color:#fff;
}
.ul-precios li.active{
	border: solid 4px #33373b;
}
.ul-precios li:nth-child(1){
	background-color: var(--color-amarillo);
}
.ul-precios li:nth-child(2){
	background-color: var(--color-verde);
}
.ul-precios li:nth-child(3){
	background-color: var(--color-fucsia);
}
.pRegalos .cP{
	position:relative;
}

/* ###########################################
##				SECCIONES				## 
############################################ */

#bg_quienes_somos {
    position: relative;
}
#bg_quienes_somos img, .bg_quienes_somos img {
    width: 100%;
    height: auto;
}
.botVV {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}
#bg_quienes_somos .glass {
    margin: 0 auto;
    font-weight: var(--bold);
    width: 100%;
    position: absolute;
    bottom: 10%;
}
#bg_quienes_somos .glass h1 {
    color: var(--color-blanco);
    text-align: center;
    margin: 0 auto;
    font-weight: var(--bold);
}
.botVV a {
    font-size: 70%;
    padding: 10px 10px;
}
.cabecero-somos {
    text-align: center;
    margin-bottom: 30px;
}
.w-100-xs {
    width: 100%;
}
.filters-container li {
    display: flex;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.input-group {
    display: flex;
	flex-wrap: nowrap;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.input-group input[type="checkbox"]{
    background-clip: padding-box;
    background-color: rgb(255, 255, 255);
    border: 2px solid var(--color-fucsia);
    border-radius: 4px !important;;
    width: 21px;
    height: 21px;
    cursor: pointer;
    transition: border 0.3s, background-color 0.3s, color 0.3s, box-shadow 0.3s;
    appearance: none;
	margin-right: 10px !important;
    filter: none;
    margin: 0;
    flex-shrink: 0;
}
.input-group input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zLjMgMTkuNm03LTJsLTUtNSAxLjQtMS40IDMuNiAzLjYgNy42LTcuNiAxLjQgMS40LTkgOXoiLz48L3N2Zz4=");
    background-size: 24px 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgb(203, 26, 157);
    border-color: rgb(203, 26, 157);
}
.capa-afiliados .asector {
    display: flex;
    gap: 20px;
    color: var(--color-blanco);
}
.capa-afiliados div.tipo1 {
    background: var(--color-azul);
    width: 100%;
    padding: 30px;
}
.capa-afiliados div.tipo2 {
    background: var(--color-fucsia);
    width: 100%;
    padding: 30px;
}
.capa-afiliados div.tipo3 {
    background: var(--color-morado);
    width: 100%;
    padding: 30px;
}
.foto-icono {
    max-width: 70%;
    padding-bottom: 30px;
    align-content: center;
    text-align: center;
}
.h4-afil {
    font-size: 70px;
    margin: 0;
    padding: 0;
    line-height: 70px;
    margin-bottom: 10px;
}
.capa-afiliados .nafil2 {
    display: inline-block;
    width: 90%;
    text-align: center;
}
.relpad {
    padding-left: 0px;
    padding-right: 0px;
}
.capa-afiliados .cabez {
    background: var(--color-fucsia);
    color: var(--color-blanco);
    padding: 15px;
    text-align: center;
    font-weight: var(--bold);
}
.capa-afiliados .ress {
    text-align: center;
    font-weight: var(--semibold);
    border-right: 1px solid var(--color-fucsia);
}
.capa-afiliados .ress p {
    border-bottom: 1px solid var(--color-fucsia);
    margin: 0;
    padding: 20px 0px;
}
.el-profesional {
    background-color: var(--color-fucsia);
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    padding: 30px;
    border-right: 3px solid var(--color-blanco);
    border-left: 3px solid var(--color-blanco);
    color: var(--color-blanco);
}
.el-profesional .divimg {
    border: 3px solid var(--color-blanco);
    border-radius: 50%;
    min-width: 150px;
    min-height: 150px;
    width: 150px;
    height: 150px;
    background-position: center center;
    background-size: cover;
}
.el-profesional .ultimo-name {
    font-size: 20px;
    font-weight: var(--semibold);
    display: block;
}
.el-profesional span.dinero {
    font-size: 24px;
    font-weight: var(--bold);
}
.capa-afiliados .noborder {
    border-right: 0px !important;
}
.banner-afil {
    background-color: var(--color-morado);
}
.banner-afil .megarow {
    padding-left: 30px;
    padding-right: 30px;
}
.lacol1 {
    padding: 25px;
    color: var(--color-blanco);
    text-align: left;
    display: flex;
    align-items: center;
}
.owl-profesionales .owl-next {
    width: 30px;
    height: 50px;
    font-size: 100px;
    position: absolute;
    top: 35% !important;
    right: -12px;
    display: block !important;
    background: rgba(180,180,180,0.2) !important;
}
.owl-profesionales .owl-prev {
    width: 20px;
    font-size: 100px;
    position: absolute;
    top: 35% !important;
    height: 50px;
    left: -10px;
    display: block !important;
    background: rgba(180,180,180,0.2) !important;
}
.conborde textarea,.conborde input[type="text"],.conborde input[type="password"],.conborde input[type="email"],.conborde input[type="date"],.conborde select {
    border: solid 2px var(--color-fucsia);
}
.row_contactar .atencion {
    width: 100%;
    color: #fff;
    border-radius: 5px;
    padding: 12px 5px 12px 15px;
    display: flex;
    align-items: center;
    align-content: center;
    margin-bottom: 15px;
}
.row_contactar .atencion a{
	color:#fff;
}
.row_contactar .atencion i{
	font-size:16px;
}
.row_contactar .atencion.atw {
    background-color: var(--color-verde);   
}
.row_contactar .atencion.atp {
    background-color: var(--color-morado);
}

/* QUIENES SOMOS */
.flexible-somos {
    display: block;
    gap: 10px;
    padding: 0px 15px;
}
.flexible-somos .tipo1, .flexible-somos .tipo2, .flexible-somos .tipo3 {
    color: var(--color-blanco);
    padding: 25px;
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	margin-bottom: 15px;
}
.flexible-somos .tipo1 {
    background-color: var(--color-azul);
}
.flexible-somos .tipo2 {
    background-color: var(--color-morado);
}
.flexible-somos .tipo3 {
    background-color: var(--color-fucsia);
}
.drosita {
    background-color: var(--color-fucsia);
    color: var(--color-blanco);
}
.date-cell2 {
    text-align: center;
    padding: 30px 0px;
}
.dmorado {
    background-color: var(--color-morado);
    color: var(--color-blanco);
}
.dazul {
    background-color: var(--color-azul);
    color: var(--color-blanco);
}
.somos-conectamos {
    padding: 0;
}
.quienes-somos .verdoso {
    background: url('../images/fondocyan.jpg');
    background-size: cover;
    background-position: bottom center;
    align-items: center;
    color: var(--color-blanco);
    position: relative;
}
.date-cell2 i {
    font-size: 70px;
}
.date-cell2 p {
    font-size: 50px;
    font-weight: var(--bold);
    margin: 0;
    padding: 0;
}
.verdoso .right {
	padding: 25px 25px 0px;
    text-align: justify;
}
.quienes-somos .rosita {
    background: url('../images/fondorosa.jpg');
    background-size: cover;
    background-position: bottom center;
    align-items: center;
    color: var(--color-blanco);
    position: relative;
}
.rosita .left, .morado .left {
    padding: 25px 25px 0px;
    text-align: justify;
}
.amarillento .right {
	padding: 25px 25px 0px;
    text-align: justify;
}
.quienes-somos .amarillento {
    background: url('../images/fondoama.jpg');
    background-size: cover;
    background-position: bottom center;
    align-items: center;
    color: var(--color-blanco);
    position: relative;
}
.los_mas {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 27px;
    line-height: 1.2;
}
.los_mas .mas-recuadro {
    padding: 40px 20px;
    color: var(--color-blanco) !important;
    font-size: 14px;
    font-weight: var(--normal);
    margin-top: 10px;
    text-align: left;
}
.los_mas .mas-vendido .mas-recuadro {
    background-color: var(--color-verde);
}
.los_mas .masgrande {
    display: block;
    font-weight: bold;
    font-size: 21px;
    color: var(--color-blanco);
}
.los_mas span {
    display: block;
    color: #9a9a9a;
}
.los_mas .mas-valorado .mas-recuadro {
    background-color: var(--color-azul);
}
.los_mas .mas-economico .mas-recuadro {
    background-color: var(--color-amarillo);
}
.ficha {
    margin: 8px 0px;
}
.social-media table {
    box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
    border-collapse: collapse;
}
.social-media table td {
    padding: 0px;
}
.td-media {
    width: 50px;
}
.media {
    background: var(--color-fucsia);
    color: #fff;
    padding: 10px;
}
.media a {
    color: #fff;
}
.td-character {
    vertical-align: middle;
    padding-left: 20px !important;
}
.name-quien {
    display: block;
    font-size: 16px;
    font-weight: bold;
}
.pos-quien {
    display: block;
    font-size: 16px;
}
.media i {
    display: block;
    padding: 5px 0px;
    text-align: center;
}
.cabecero-somos p.h4 br {
    content: ' ';
}
.nobr p br {
    display: inline;
    content: '';
    clear: none;
}
/* MEDALLAS */
.gana .card-header {
    padding: 0px;
    margin-bottom: 10px;
    border: 0px !important;
}
.gana .card {
    border: 0px !important;
}
.hbonito > span {
    display: inline-block;
    font-size: 14px;
    border-top: solid 3px;
    color: #333;
    padding-top: 10px;
    max-width: 250px;
    font-weight: var(--fino);
    letter-spacing: 0;
    padding-bottom: 20px;
}
.scorecom {
    background-color: var(--color-verde);
    width: 100%;
    color: #fff;
    font-size: 27px;
    font-weight: 700;
    text-align: center;
    padding-top: 20px;
	line-height: 25px;
	padding-bottom: 20px;
}
.contenedor-descripcion li > p {
    display: inline;
}
.scorecom .mini_nota {
    float: none;
	display: block;
    padding-top: 10px;
}
.blog_producto h3 a span{
	font-weight:600;
}
/* SALA DE PRENSA */
.colabora {
    color: var(--color-blanco);
    gap: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.prensa-noticias .wrapping {
    flex-wrap: wrap;
}
.prensa-noticias .amit {
    flex-basis: 49.2%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.3s;
}
.colabora .marginXS {
    margin-top: 0px !important;
}
.prensa-noticias .amit .pp1, .prensa-noticias .amit .pp2 {
    transition: 0.3s;
}
.prensa-noticias .amit .pp1, .prensa-noticias .amit .pp2 {
    transition: 0.3s;
}
.colabora .pp1 img {
    filter: contrast(200%) invert(100%);
    height: 60px;
}
.colabora .ros {
    background-color: var(--color-fucsia);
}
.colabora .cg2 {
    width: 100%;
    flex-wrap: nowrap;
    display: flex;
    padding: 30px 20px;
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
}
.prensa-redes .cflex .k1 {
    background-color: var(--color-fucsia);
}
.prensa-redes .cflex .k2 {
    background-color: var(--color-azul);
}
.prensa-redes .cflex .k3 {
    background-color: var(--color-morado);
}
.prensa-redes .cflex .k4 {
    background-color: var(--color-amarillo);
}
.prensa-redes .cflex .kk {
    padding: 15px;
    height: 22%;
    font-size: 25px;
    color: var(--color-blanco) !important;
}
.prensa-redes .cflex .kk a {
    color: var(--color-blanco) !important;
}
.prensa-redes .contimag {
    display: inline-block;
    height: 100%;
}
.prensa-redes .contimag img {
    height: 40px;
}
.hide {
    display: none;
}
.btn-tres {
    color: #333;
    background-color: var(--color-blanco);
    border-color: #ccc;
}
.float-right {
    float: right !important;
}
.otros-tamanos {
    background-color: #f7f8ff;
    padding: 15px 10px 24px 10px;
    margin-top: 24px;
}
.otros-tamanos .btn {
    line-height: 1.5;
    margin-right: 5px;
    height: auto;
    margin-bottom: 4px;
	padding: 5px;
}
.otros-tamanos .btn smoll {
    display: block;
}
.ficha_desc{
	padding-top:40px;
}
.pl0{
	padding-left:0px;
	padding-right:0px;
}
.logo_marca{
    margin: auto;
    display: block;	
}
.linea2 {
    width: 100%;
    height: auto;
    position: relative;
    margin: 15px 0px 15px;
    min-height: 22px;
    padding-left: 15px;
}
.linea2::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 10px;
    left: 0;
    background: #CCCCCC;
}
.linea2 span {
    display: inline-block;
    margin: 0 auto;
    background: #FFFFFF;
    padding: 0 1rem;
    position: relative;
    font-size: 13px;
    line-height: 1.25rem;
    font-weight: 600;
    -webkit-letter-spacing: normal;
    -moz-letter-spacing: normal;
    -ms-letter-spacing: normal;
    letter-spacing: normal;
}
.refp{
	margin-left: 10px;
    font-weight: 600;
}
.icop {
    padding: 5px 12px 5px 7px;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-right: 5px;
    justify-content: flex-start;
    margin-bottom: 5px;
    font-size: 12px;
    /* width: 48%; */
    min-height: 45px;
    gap: 4px;
	line-height: 12px;
}
	.icop.iv {
		background-color: var(--color-verde);
	}
	.icop.ia {
		background-color: var(--color-amarillo);
	}
	.icop.im {
		background-color: var(--color-morado);
	}
	.icop.iaz {
		background-color: var(--color-azul);
	}
	.icop.ig {
		background-color: #aaa;
	}
	.icop i{
		font-size: 21px;
	}
.flexi {
    border-radius: 4px;
    color: var(--color-negro);
    display: flex;
    align-content: flex-start;
    align-items: center;
    font-size: 13px;
    gap: 15px;
    margin-bottom: 10px;
}
.grafp .flexi:nth-child(1) {
    padding-top: 25px;
}
.hello {
    opacity: 0.08;
    position: absolute;
    left: 50%;
    transform: translateX(-60%) translateY(-47%) rotate(-90deg);
    z-index: 1;
    top: 50%;
}

.flexi img {
   padding-left: 5px;
   border-radius: 50%;
   padding: 8px;
}
.flexi.co1 img, .flexi.co1 .durezasfondo > div{
	background-color: var(--color-verde);
}
.flexi.co2 img, .flexi.co2 .durezasfondo > div{
	background-color: var(--color-amarillo);
}
.flexi.co3 img, .flexi.co3 .durezasfondo > div{
	background-color: var(--color-azul);
}
.flexi.co4 img, .flexi.co4 .durezasfondo > div{
	background-color: var(--color-morado);
}
.flexi.co5 img, .flexi.co5 .durezasfondo > div{
	background-color: var(--color-fucsia);
}

.flexi.co1 b{
	color: var(--color-verde);
}
.flexi.co2 b{
	color: var(--color-amarillo);
}
.flexi.co3 b{
	color: var(--color-azul);
}
.flexi.co4 b{
	color: var(--color-morado);
}
.flexi.co5 b{
	color: var(--color-fucsia);
}

.flexi > div {
    width: 100%;
}

.flexi b {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}
.flexi .durezasfondo {
    background-color: #dddddd;
    height: 12px;
    margin-left: 0;
    margin-top: 2px;
}
.flexi .durezasfondo > div {
	height: 12px;
}
a.whatsapp {
    position: fixed;
    bottom: 15px;
    right: 10px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50%;
    font-size: 37px;
    padding: 5px;
	z-index: 2;
}
.hidden{
	display:none;
}
.msg_rojo{
	background-color: #df6161;
    color: #fff;
    border-radius: 4px;
    padding: 5px 15px;
	font-size: 13px;
	margin: 0px;
}
span.verdegratis {
    color: var(--color-verde);
}



#wizard-container {
    margin: auto;
    color: #fff;
    padding: 20px 10px 20px 10px;
    background: var(--color-amarillo);
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
	position: relative;
	min-height: 270px;
}

#wizard-content {
    text-align: left;
}
.wizard-atras {
    border: solid 2px #f04d98;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: none;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
    cursor: pointer;
    /* text-align: right; */
    margin-top: 20px;
    /* float: right; */
}
.wizard-atras .arrow-left {
    border: solid #3b3b3b;
    border-width: 0 1.4px 1.4px 0;
    display: inline-block;
    padding: 0 7.2px 7.2px 0;
    margin-left: 3px;
    transform: rotate(135deg);
}

.wizard-question {
    background: #e8ebe6;
    color: #000;
    align-self: flex-end;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    width: auto;
    display: inline-block;
    text-align: left;
    position: relative;
    font-weight: 600;
    font-size: 16px;
    max-width: 92%;
    padding: 10px 10px 10px 10px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
	min-height: 87px;
}
.wizard-question::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 30px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #e8ebe6 transparent transparent transparent;
}

.wizard-answers {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
	padding-top: 25px;
}

.wizard-answer {
    display: inline-flex;
	align-items: flex-start;
	gap: 6px;
	
    flex-direction: row;
    align-items: center;
    background: var(--color-fucsia);
    color: #fff;
    font-weight: 400;
    padding: 8px 18px;
    border-radius: 11px;
    cursor: pointer;
    transition: all 0.3s;
    min-height: 49px;
    text-align: left;
    line-height: 18px;
    position: relative;
    font-size: 13px;
}
.wizard-answer .icono {
  font-size: 18px;
}
.wizard-answer .texto {
  display: inline;
}
.wizard-question img {
    height: 44px;
    width: 44px;
    background-color: #ffffff;
    border-radius: 50%;
    padding: 3px;
    margin-right: 6px;
}

.wizard-answer:hover {
    background: var(--color-verde);
}
.wizard-answer img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 10px;
}
#wizard-container > img {
    max-width: 70px;
    padding-bottom: 20px;
    text-align: center;
}
.logo_amira {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: solid 4px #ffffff;
    margin-bottom: 15px;
    margin-top: -30px;
}
.cont-consejo {
    background-color: var(--color-verde);
    color: #fff;
    padding: 15px;
    border-radius: 8px;
    margin-top: 30px;
	position: relative;
}
.cont-consejo-s{
	display: flex;
    align-content: space-around;
    align-items: center;
    gap: 15px;
}
.consejo-vot {
    position: absolute;
    right: 11px;
    bottom: 10px;
}
.consejo-vot i {
    font-size: 16px;
    margin-left: 5px;
    border: solid 1px #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 3px;
	cursor:pointer;
}
.cont-consejo h1 {
    font-size: 18px !important;
}
.cont-consejo p{
	font-size: 14px;
	margin-bottom: 5px;
}
.cont-consejo p a{
	color:#fff;
	font-weight:600;
	text-decoration: underline;
	padding-top: 12px;
    display: block;
}
.wizard-close {
    position: absolute;
    right: 9px;
    top: -4px;
    font-size: 30px;
    transform: rotate(135deg);
	cursor:pointer;
}
klarna-placement {
    min-height: 70px;
    display: inline-block;
}
.video-responsive {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-top: 50px;
}
.video-responsive iframe, .video-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ror-c{
	display: flex;
	padding-bottom: 5px;
	background-color: #fff;
}
.ror-i{
	width: 40%;
	display: flex;
	background-color: #fff;
}
.ror-d{
	width: 60%;
	padding-left: 15px;
}
.ror-d-a{
	width: 74%;
	padding: 0;
	margin: 0;					
	object-fit: contain;
}
.ror-d-b{
	width: 26%;						
}
.ror-mi {
	background-color: var(--color-amarillo);
	color: #fff;
	margin-left: -18px;
	margin-top: 10px;
	padding: 6px 15px 6px 20px;
	width: auto;
	margin-bottom: 4px;
}
.ror-no{
	font-weight: 600;
	font-size: 18px;
}
.ror-no a{
	color:var(--color-negro);
}					
.ror-de {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.4s ease;
  pointer-events: none;
}

.ror-de.visible {
  opacity: 1;
  max-height: 500px; /* ajusta según el contenido máximo esperado */
  pointer-events: auto;
  margin: 0 0 15px 0;
  padding: 15px;
  background-color: #fff;
}

.toggle-desc{
	color: var(--color-azul);
	text-decoration: underline;
	display: block;
	padding-top: 10px;
	font-size: 14px;
	cursor:pointer;
}
.ror-ra{
	display:none;
}

ul.redes-sociales li {
	display:inline-block;
	text-align:center;
	margin:auto 0px auto 5px;
}

ul.redes-sociales {
	text-align:center;
	margin:22px auto;
}

ul.redes-sociales li .bxl-facebook {
	font-size: 25px;
    background: #3b5998;
    color: var(--color-blanco);
    padding: 4px;
    border-radius: 10px;
}

ul.redes-sociales li .bxl-twitter {
	font-size: 25px;
    background: #00acee;
    color: var(--color-blanco);
    padding: 4px;
    border-radius: 10px;
}

ul.redes-sociales li .bxl-linkedin {
	font-size: 25px;
    background: #0077b5;
    color: var(--color-blanco);
    padding: 4px;
    border-radius: 10px;
}

ul.redes-sociales li .bxl-instagram {
	font-size: 25px;
    color: var(--color-blanco);
    padding: 4px;
    border-radius: 10px;
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
}

ul.autor-datos li {
	font-size:16px;
	color:#666;
}

.contenedor-circular {
	background-size:cover;
	background-position:center center;
	width:240px;
	height:240px;
	border-radius:50%;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:30px;
	border: 1px solid #ccc;
}

ul.autor-datos {
    padding: 16px;
    background: #eee;
	margin-bottom: 15px;
}

.autor-ficha h2 {
	text-align:center;
}

.websites {
	text-align:center;
}

.autor-ficha p {
	text-align:justify;
}

.botonera-inicio a {
	color:var(--color-blanco);
	cursor:pointer;
}

.lista-autor {
	text-align:center;
}

.resumen-autor {
	background: rgba(120,170,236,1);
    color: var(--color-blanco);
    padding: 16px;
}
.autor-ficha li {
    padding-bottom: 15px;
}
#wizard-loader {
	display: none;
	text-align: center;
	padding: 40px;
}
#wizard-loader .spinner {
	width: 40px;
	height: 40px;
	border: 4px solid #ffffff;
	border-top: 4px solid #cf9ae3;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin: auto;
}
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* Faqs */ 

.faqs-ul li {
	background-color:#eee;
	padding:10px;
	font-weight:var(--bold);
	margin-bottom:5px;
}

.panel-faq {
	color:#e50f74;
	cursor:default;
}

.faqs-ul li a {
    width: 100%;
    display: block;
    color: #333;
    font-weight: var(--normal);
}

.faqs-ul li span.res {
	font-weight:var(--normal) !important;
	color:var(--color-negro) !important;
}

.faqs-ul li span.question {
	display:inline-block;
	background-color:#e50f74;
	padding:3px 5px;
	text-align:center;
	color:var(--color-blanco);
	font-weight:var(--bold);
}

.faqs-ul li span.answer {
	display:inline-block;
	background-color:#00c4aa;
	padding:3px 5px;
	margin-right:10px;
	color:var(--color-blanco);
	font-weight:var(--bold);
}
.separador-productos {
    display: flex;
    align-items: center;
    text-align: center;
    color: #888;
    font-size: 14px;
    margin: 30px 0;
}

.separador-productos::before,
.separador-productos::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #ccc;
}

.separador-productos:not(:empty)::before {
    margin-right: .5em;
}

.separador-productos:not(:empty)::after {
    margin-left: .5em;
}

/* Opcional: Estilo para el texto */
.separador-productos span {
    background: #fff;
    padding: 0 10px;
}


































/* 
#########################################################################################
##
##
##										MEDIA QUERYS
##
##
#########################################################################################
*/

/* ###########################################
##					SM > 576				## 
############################################ */

@media (min-width: 576px) {
    h1,.h1 {font-size:30px !important;}
	h2,.h2 {font-size:26px !important;}
	h3,.h3 {font-size:24px !important;}
	h4,.h4 {font-size:22px !important;}
	h5,.h5 {font-size:18px !important;}
	#hamb a{
        padding-top: 5px;        
        margin-left:10px;
        display:inline-block;
        text-align: left;
    } 
	.cartCount {top: 0px;
        left: 18px;
        text-align: center;}
	.ico-c2{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 5px;		
	}
	.ico-c5{
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 5px;		
	}
}

/* ###########################################
##					MD > 768				## 
############################################ */
@media (min-width: 768px) {
	.logo_amira {
    margin-top: 0px;
    width: 130px;
    height: 130px;
	margin-bottom: 0px;
}
.cont-consejo-s {
    align-items: flex-start;
}
.cont-consejo{
    min-height: 160px;
}
.cont-consejo p{
    padding-left: 145px;
    margin-top: -90px;
	margin-bottom: 15px;
}
.cont-consejo h1 {
    padding-top: 10px;
}
	.logo_marca{
		float: left;
		max-height: 125px;
		padding-right: 20px;
		max-width: 250px;
	}
	.wizard-question {
		padding: 10px 20px 10px 15px;
	}
	.reldiv {
		min-height: 250px;
		flex-direction: column;
		align-items: left;
	}
	.reldiv a,.reldiv > img{
		max-width: 100%;
		margin: auto;
	}
	.mas {
		margin-top: 90px;
	}
	.reldiv .input-group{
		padding-bottom: 0px;
	}
	.w-100-xs {
		width: auto;
	}
	.flexible-somos {
		display: flex;
		gap: 10px;
		padding: 0;
	}
	.verdoso .right {
		padding: 60px;
	}
	.amarillento .right {
		padding: 60px;
	}
	.rosita .left, .morado .left {
		padding: 60px;
	}
	.flexible-somos .tipo1, .flexible-somos .tipo2, .flexible-somos .tipo3 {
		padding: 30px;
		width: 33.33%;
	}
	#wizard-container {
		padding: 25px 25px 30px 25px;
		margin-top: 15px;
		border-radius: 8px;
	}
	.wizard-answer {
		font-size: 16px;
	}
	.wizard-answers {
		gap: 15px;
	}
	h1,.h1 {font-size:30px !important;}
	h2,.h2 {font-size:26px !important;}
	h3,.h3 {font-size:24px !important;}
	h4,.h4 {font-size:20px !important;}
	h5,.h5 {font-size:18px !important;}
	.noMovil {
        display: inline-block; 
    }
	.soloMovil{
		display: none; 
	}
	/* FILTROS */
	.filtros-productos {
        z-index: 1;
        background-color: initial;
	}
	.filter-search .filtro-listado {
		width: 100% !important;
		margin-right: 5% !important;
		display: block;
	}
	.filtro-listado .dropdown-menu {
		width: 100% !important;
		margin-right: 5% !important;
	}
	
	.contenedor-filtros {
		padding: 0px !important;
		z-index: 0 !important;
		overflow: initial !important;
		height: auto !important;
	}
	.v2v2 {
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 24px;
		padding: 0;
		margin-top: 3px;
	}
	.filter-search {
		width: 100% !important;
		display: block;
	}
	.cP figure > img{
		padding-left: 40px;
		padding-right: 40px;
	}
	.banner_listado {
		position: relative;
		transition: 0.3s;
	}
	.banner_listado > div {
		min-height: auto;
		height: 100%;
	}
	
	.footer-top .logos {
        flex-wrap: nowrap; /* Una sola fila */
    }
    .footer-top .logos img {
        flex: 0 0 auto; /* Elimina restricciones de tamaño */
        max-width: none; /* Ancho natural de las imágenes */
        height: auto; /* Mantén la proporción */
    }
	.modal-body {
		padding: 2rem;
	}
	.modal-content img {
		max-height: unset !important;
		width: auto;
		padding-top:20px;
	}
	.modal-content h4 {
		padding-top: 22px;
        padding-bottom: 10px;
	}
	.modal-content .form-group {
		gap:15px;
	}
	.thirdTD {
		vertical-align: top;
		padding-left: 0px !important;
	}
	.thirdTD_nombre {
		height: 40px;
	}
	.thirdTD_precio {
		font-size: 16px !important;
		padding-top: 0px !important;
	}
	.relacionado {
		padding: 5px !important;
	}
	.rel_precio {
		display: flex;
		flex-direction: row;
		gap: 20px;
		justify-content: flex-end;
		align-content: center;
		padding-top: 20px;
	}
	.rel_add {
		margin: 22px auto 0px !important;
		width: 95% !important;
		text-align: center;
		display: block;
	}
	#acordeonVive .accordion-body {
		padding: 0px;
		padding-top: 25px;
		padding-bottom: 80px;
	}	
	.quien_lo_compra .col-4 {
		text-align: left !important;
	}
	.quien_lo_compra img {
		padding-right: 10px;
		width: 80px;
	}
	.quien_lo_compra span {
		display: inline;
	}
	.quien_lo_compra .col-8 {
		padding-top: 15px;
	}
	.table-comparative thead th {
		min-width: 125px;
	}
	.div-relacionados {
		background-color: var(--color-fucsia);
		padding: 40px 15px 50px;
	}
	h3.secc-dest2,p.secc-dest2 {
		color:#fff !important;
	}
	.div-destacados {
		background-color: var(--color-verde);
		padding: 40px 0px 40px;
		color: var(--color-blanco);
	}
	.col-md-15 {
		float: left;
		width: 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.botVV {
		width: 70%;
	}
	.botVV h1 {
		font-size: 200% !important;
	}
	.botVV a {
		font-size: 120%;
		padding: 10px 20px;
	}
	.prensa-noticias .amit {
		flex-basis: 32.70%;
		position: relative;
		background-size: cover;
		background-repeat: no-repeat;
		transition: 0.3s;
	}
	.ico-c3{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 5px;		
	}
	.ror-c {
		background-color: none;
	}
	.ror-i {
		width: 35%;
	}
	.ror-d {
		width: 65%;
		padding-left: 30px;
		position: relative;
	}
	.ror-mi {
		padding: 10px 15px 10px 20px;
		margin-top: 30px;
		margin-left: -40px;
	}
	.ror-no {
		font-size: 30px;
		padding-top: 20px;
	}
	.ror-de.visible {			
		margin: 0 0 15px 0;							
		font-size: 16px;
	}	
	.ror-ra{
		display:block;
	}
}

/* ###########################################
##					LG > 992				## 
############################################ */
@media (min-width: 992px) {
	.infof{
		padding-top:20px;
	}
	.simple-marquee {
		top:112px;
	}
	.hC {
		height: 138px;
	}
	#category-breadcrumb {
		font-size: 10px;
	}
	.col-lg-15 {
		float: left;
		width: 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.mostrados{
		display:block;
		font-size:14px;
	}
	.btn-orden-filtro {
		margin-left: 10px;
	}
	.cP figure > img {
		padding-left: 50px;
		padding-right: 50px;
	}
	.owl-item .cP figure > img, .pRegalos .cP figure > img, .col-lg-2 > .cP figure > img {
		padding-left: 10px;
		padding-right: 10px;
	}
	.sub-menu{
		display: none;
	}
	.menu-link {
		display: inline-flex; /* Asegura que el contenido y el icono estén alineados */
		align-items: center;
		position: relative;
		text-decoration: none;
	}
	.nav-extra{
		display:none;
	}
	.menu-link::after {
		content: '\f107';
		font-family: 'Vivefont'; /* Cambia según la fuente que uses para el ícono */
		font-weight: 900; /* Si tu fuente requiere un peso específico */
		margin-left: 0px;
	}
	.navbar-nav > li > a{
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 600;
		display: block;
		padding: 0.6rem 0;
		margin: 0.2rem 0 7px 0;
		position: relative;
		text-decoration: none;
		transition: all 0.4s ease;
	}
	.sub-menu-item{
		padding-left: 1.2rem;
	}
	.sub-menu .destacada{
		text-transform: uppercase;
		font-size: 0.9rem;
		padding: 1rem 0px 5px 0px;
		font-weight: var(--bold) !important;
			text-align: left;
		display: block;
		color: var(--color-negro);
	}
	.sub-menu ul li {
		text-transform: uppercase;
		font-size: 13px;
		text-align: left;
		list-style: none;
		display: flex;
		align-items: center;
		font-weight: var(--normal);
	}
	.sub-menu ul li a{
		opacity: 0.8;
		transition: all 0.5s ease;
		text-decoration: none;
		color: var(--color-negro);
	}
	.sub-menu ul li a:hover{
		padding-left: 14px;
		opacity: 0.9;
	}
	.zonaM{
		display:none;
	}
	.col-md-32 {
		float: left;
		width: 32%;
		flex: 0 0 32% !important;
	}
	.col-md-04 {
		float: left;
		width: 4%;
		flex: 0 0 4% !important;
		display: flex;
		align-content: center;
		flex-wrap: wrap;
	}
	.col-lg-15 {
		float: left;
		width: 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.populares {
		font-size:16px;
	}
	.ico-c5{
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 5px;		
	}
	.ico-c2{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 5px;		
	}
}

/* ###########################################
##					XL > 1200				## 
############################################ */
@media (min-width: 1200px) {
	
}