@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

@import url("bootstrap.min.css");
@import url("bootstrap-icons.css");
@import url("font-awesome.css");
@import url("jquery.fancybox.min.css");

html {
	scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

@font-face {
    font-family: 'mfg_labs_iconsetregular';
    src: url('fonts/mfglabsiconset-webfont.eot');
    src: url('fonts/mfglabsiconset-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mfglabsiconset-webfont.ttf') format('truetype'),        
         url('fonts/mfglabsiconset-webfont.svg#mfg_labs_iconsetregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=4.5.0');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),
         url('fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),
         url('fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),
         url('fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),
         url('fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

i, .icon {
  font-family: 'mfg_labs_iconsetregular';
  font-style: normal;
  font-weight: normal;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
}

.fa-search { font-size: 26px; padding-top: 15px; }
.fa-search.sup  { font-size: 20px; padding-top: 0px; margin: 0; }

body, html {  height: 100%;  margin: 0; }
body { font-family: 'Open Sans', Trebuchet MS, Helvetica, Arial, sans-serif; color: #677788;  font-size: 16px;  overflow-y:scroll; overflow-x:hidden;  margin: 0; background-color: #ffffff; }

a { color: #4b762e; } 
a:hover { color: #4e9c3f; text-decoration: none;} 
.verif { display: none; }
.w100 { width: 100%; }

.bg_green {  background-color: #4b762e; }
#home .bg_green {  background-color:rgba( 74, 118, 56, 0.9); color: #FFFFFF; }
.bg_green a { color: #FFFFFF; }
.bg_green .col-search { padding: 1rem 0.5rem; }
.bg_green .col-search .input-group { padding: 0.5rem 0; }
.rounded-lg { border-radius: 1.0rem !important; }
.bg_red { background-color: #e54d0e; color: #FFFFFF;}
.bg_gris { background-color: #f3f3f3;}

.bg_newsletter  { height:200px; background: url('../images/f_newsletter.jpg') center top no-repeat;  background-color:#537b35; color: #FFFFFF; margin-top: 20px;}
.bg_newsletter a { color: #FFFFFF; text-decoration: underline; }

.bg_newsletter .tx1 { font-size: 30px; }
.bg_newsletter .tx2 { font-size: 18px; }

.carousel,  .carousel-inner,  .carousel-item {	width: 100%;	height: 100%;  }
.cover { position: absolute; z-index:2; }

.carousel-fade .carousel-item {	display: block;	position: absolute;	opacity: 0;	transition: opacity .75s ease-in-out; z-index:1; }
.carousel-fade .carousel-item.active {	opacity: 1;  }
.carousel {	position: absolute;	top: 0;	left: 0;  }
  
.lock {  background-image: url('../images/ico-lock.png'); background-repeat: no-repeat;  background-position: 0px 5px;  padding-left: 40px; font-size:18px; color: #000000;}
.lock a { color: #61bd4f;  }
.lock a:hover { color: #61bd4f; text-decoration: underline; }

.tel {  background-image: url('../images/ico-tel.png'); background-repeat: no-repeat;  background-position: 0px 2px;  padding-left: 40px; font-size:18px; color: #000000;}
.mail {  background-image: url('../images/ico-mail.png'); background-repeat: no-repeat;  background-position: 0px 5px;  padding-left: 40px; font-size:18px; color: #000000;}
.mail a { color: #61bd4f;  }
.mail a:hover { color: #61bd4f; text-decoration: underline; }

/*
.carousel-item:nth-child(1) { background-image: url('../images/home/bg1.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: bottom;  -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;  }
.carousel-item:nth-child(2) { background-image: url('../images/home/bg2.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-position: bottom;  -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;  }
*/
.carousel-item { background-repeat: no-repeat; background-attachment: scroll; background-position: bottom;  -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;  }
.carousel-item video {    object-fit: cover;    width: 100vw;    height: 100vh;    position: fixed;    top: 0;    left: 0;  }
.carousel-item iframe {    -webkit-box-sizing: border-box;    box-sizing: border-box;    height: 56.25vw;    left: 50%;    min-height: 100%;    min-width: 100%;    -webkit-transform: translate(-50%,-50%);    -o-transform: translate(-50%,-50%);    transform: translate(-50%,-50%);    position: absolute;    top: 50%;    width: 177.77777778vh; }

#home header { position: fixed; top:0; z-index:5; width: 100%; background-color:#FFFFFF; }
/* Margen superior para que el título no quede tapado por el header fijo. Sin miga en inicio. */
#home .col.miga { display: none; margin-top: 0; }
#home .col.miga + hr { display: none; }
#home .container { padding-top: 100px; }
header .sup { margin: 5px 0; }
header .sup ul {	list-style-type: none;	margin: 0;	padding:0; font-size: 14px; }
header .sup ul li {	display:inline-block; margin: 8px 0px; }
header .sup ul li a { color: #3c3c3c; text-align: center; text-decoration: none; display:inline-block;  padding: 0px 10px 0px 10px; }
header .sup ul li a:hover { color:#575757; text-decoration: none;} 
header .sup ul li .btn { color:#FFFFFF; font-size: 14px; margin-top: -3px;} 

footer { background-color:#f3f3f3; }
#home footer { position: relative; background-color:#FFFFFF; }
footer ul {	list-style-type: none;	margin: 0;	padding: 0; font-size: 14px; }
footer ul li {	float: left;  margin: 0px; }
footer ul li a { color: #3c3c3c; text-align: center; text-decoration: none;  display:inline-block;  padding: 12px 10px 8px 10px; }
footer ul li a:hover { color: #575757; text-decoration: none;}  


#home h1 {    font-size: 1.5rem; margin: 1.0rem 0 2.5rem 0; font-weight: 300; }
/* Fila buscador en home: mismo estilo que otras páginas (nuestras-tiendas, etc.) */
body#home header .bg_green { background-color: #4b762e; }
body#home header #input_search { height: auto; padding: .375rem .75rem; }
body#home header .btn .bi-search { font-size: inherit; padding-top: 0; display: inline-block; }
#input_search {    border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.bi-instagram, .bi-telephone, .bi-whatsapp { font-size: 20px; }
.destacados { margin-bottom: 5px; }
.destacados img { margin: 0px 0 10px 0;}

.bi-chevron-right{ font-size: 12px; color :#9c9c9c;  }


.menu { background-color: #3a5e24; }
.menu .navbar { padding: 0px;}
.menu .menu_n1 .navbar-nav { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; margin: 0; padding: 0; list-style: none; }
.menu .menu_n1 { width: 100%; }
.menu .navbar ul li { padding: 5px 10px; }
/*.menu .navbar ul li:first-child { padding-left: 0px ;}*/
.menu ul li a { font-size: 15px; color: #ffffff; text-transform: lowercase; font-weight: 600;}
.menu ul li a::first-letter { text-transform: uppercase; }
.menu ul li a:hover { color: #4ba748; opacity: 0.9; }
.menu ul li a.active { color: #4ba748; font-weight: 600; }
/* En escritorio ocultar subniveles del menú (solo visibles en móvil) */
.menu .nav-sub { display: none !important; }

.miga { margin: 10px 0;  font-size: 12px; color: #3c3c3c;}
.miga a { color: #3c3c3c; padding-right: .3rem;    padding-left: .3rem; }

.miga a:last-child { color: #4b762e; font-weight: 600;}
.miga a:hover { color: #4b762e;}

/* Tarjetas de producto en listados: fondo blanco */
.producto-card { background-color: #fff; border: 1px solid #eee; border-radius: 4px; overflow: hidden; padding-left: 0.75rem; padding-right: 0.75rem; }
.producto-card { position: relative; display: flex; flex-direction: column; height: 100%; align-self: stretch; }
.producto-card .marco_prod { border: none; background-color: #fff; position: static; }
.producto-card .marco_prod a:first-child { margin-top: 20px; display: block; }
.producto-card .descuento_porcent { left: -0.75rem; top: 0; }
.producto-card .borde { border: none; background-color: #fff; }
.producto-card .borde .descuento { margin-top: 0.75rem; }
.producto-card .nombre_prod .comprar:hover { color: #000 !important; text-decoration: none !important; background: none !important; display: inline !important; }
/* Título sin altura fija: evita que el precio se monte con nombres largos (3+ líneas) */
.producto-card .nombre_prod,
.row-ofertas-inicio .col-oferta-inicio .nombre_prod {
	height: auto;
	min-height: 0;
	margin-bottom: 0.35rem;
	padding-bottom: 0.2rem;
	line-height: 1.35;
}
.producto-card > .row:first-child { margin-left: 0; margin-right: 0; flex: 1 1 auto; min-height: 0; }
.producto-card > .row:first-child > [class*="col-"] { padding-left: 0; padding-right: 0; }
/* Botón pegado al borde inferior de la tarjeta (filas alineadas en el grid) */
.producto-card .row.mt-1 { margin-left: -0.75rem; margin-right: -0.75rem; margin-bottom: 0; margin-top: auto !important; padding-top: 0.5rem; flex-shrink: 0; }
.producto-card .row.mt-1 [class*="col-"] { padding-left: 0; padding-right: 0; }
.producto-card .c_precio_btn { width: 100% !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box; display: block; }

/* Misma altura de tarjetas en la fila → el botón puede ir al fondo */
#productos-categoria-row {
	align-items: stretch;
}

/* Tablet y escritorio: alto fijo + primera fila sin crecer (el hueco queda solo encima del botón, no bajo la imagen) */
@media (min-width: 768px) {
	.producto-card > .row:first-child,
	.row-ofertas-inicio .col-oferta-inicio > .row:first-child {
		flex: 0 1 auto;
	}
	.producto-card {
		height: 390px;
		min-height: 390px;
	}
	.producto-card .nombre_prod {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		word-break: break-word;
	}
	.row-ofertas-inicio .col-oferta-inicio {
		height: 390px;
		min-height: 390px;
	}
	.row-ofertas-inicio .col-oferta-inicio .nombre_prod {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		word-break: break-word;
	}
}

/* Listado: PVP tachado (izq.) + precio oferta (dcha.), sin selector de unidades */
.listado-precio-linea {
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	align-items: center !important;
}
.listado-precio-linea .precio-listado-anterior {
	margin: 0;
	font-size: 14px;
	color: #9c9c9c;
	text-decoration: line-through;
}
.producto-card .listado-precio-linea .c_precio {
	margin: 0;
	padding: 0;
	text-align: right;
}
.row-ofertas-inicio .col-oferta-inicio .listado-precio-linea {
	margin-top: 1rem;
	margin-bottom: 0.5rem;
	align-items: center !important;
}
.row-ofertas-inicio .col-oferta-inicio .listado-precio-linea .c_precio {
	margin: 0;
	padding: 0;
	text-align: right;
}

/* Móvil: tarjetas de producto en formato horizontal, 1 por fila */
@media (max-width: 767.98px) {
	#productos-categoria-row {
		margin-left: 0;
		margin-right: 0;
		padding: 0 0.5rem;
	}
	#productos-categoria-row {
		align-items: stretch;
	}
	#productos-categoria-row > .producto-card {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 1rem;
	}
	.producto-card > .row:first-child {
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
	}
	.producto-card > .row:first-child > .col-6:first-child {
		flex: 0 0 40%;
		max-width: 40%;
		padding-right: 0.5rem;
	}
	.producto-card > .row:first-child > .col-6:last-child {
		flex: 0 0 60%;
		max-width: 60%;
		padding-left: 0.5rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.producto-card .marco_prod {
		max-height: 140px;
		height: 140px;
	}
	.producto-card .marco_prod a:first-child {
		margin-top: 10px;
		height: 120px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.producto-card .marco_prod a img {
		max-height: 110px;
		width: auto;
		object-fit: contain;
	}
	.producto-card .nombre_prod {
		height: auto;
		min-height: unset;
		padding: 5px 0 0 0;
		margin-bottom: 0;
		text-align: left !important;
		font-size: 15px;
		line-height: 1.3;
	}
	.producto-card .borde .descuento {
		margin-top: 0.25rem;
		margin-bottom: 0;
		padding-left: 0;
	}
	.producto-card .listado-precio-linea {
		margin-top: 0.65rem;
		margin-bottom: 0.25rem;
	}
	.producto-card .c_precio {
		margin: 0.25rem 0;
		padding-left: 0;
	}
	.producto-card .div_unidades {
		display: none;
	}
	.producto-card .row.mt-1 {
		margin-left: 0;
		margin-right: 0;
		margin-top: auto !important;
		padding-top: 0.5rem;
	}
	.producto-card .row.mt-1 .col-md-12 {
		padding: 0 0.75rem 0.75rem 0.75rem;
	}
	.producto-card .c_precio_btn {
		padding: 0.5rem 1rem !important;
		font-size: 15px;
	}
}

/* Escritorio: separación entre tarjetas con gap (listados categorías y productos) */
@media (min-width: 992px) {
	#productos-categoria-row {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: stretch !important;
		gap: 0.5rem !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#productos-categoria-row > .producto-card,
	#productos-categoria-row > [class*="col-"] {
		flex: 0 0 calc(25% - 0.375rem) !important;
		max-width: calc(25% - 0.375rem) !important;
		padding-left: 0.75rem !important;
		padding-right: 0.75rem !important;
	}
}

.marco_prod { border:1px solid #f5f3f6; position:relative; overflow: hidden; max-height: 220px; display: flex; align-items: center; justify-content: center; background: #fff; }
.marco_prod a { display: block; width: 100%; max-height: 220px; }
.marco_prod a img { max-height: 220px; width: auto; max-width: 100%; object-fit: contain; display: block; margin: 0 auto; }
.descuento_porcent { background-color: #e54d0e; color: #FFFFFF; position: absolute; top: 0; left: 0; padding: 5px 10px; font-size: 14px; }

.borde { border: 1px solid  #f5f3f6; background-color: #ffffff; }
.border-t-blanco { border-top:1px solid #FFFFFF;}
.border-b-blanco { border-bottom:1px solid #FFFFFF;}

.titular { color: #4b762e; font-size:36px; margin-bottom: 25px; font-weight: 500;}
/* Ficha producto: 10px menos de aire bajo el título (respecto al .titular general) */
.ficha-producto-titulo-row .titular { margin-bottom: 15px; }
h2, .entradilla {  font-size:20px; margin-bottom: 25px; line-height: 1.5;}
.tit_menu { background-color: #4b762e; color:#FFFFFF; padding: 5px 15px; font-size: 17px; }

/* Layout con menú en columna izquierda */
.page-with-sidebar { padding-top: 1rem; }
.sidebar-col { padding-right: 1.5rem; }
.sidebar-menu-wrap { background-color: #e1e9dc; padding: 0; border-radius: 0.25rem; overflow: hidden; margin-bottom: 20px; }
.sidebar-menu-title { background-color: #3a5e24; color: #ffffff; padding: 0.6rem 1rem; font-size: 15px; font-weight: 600; text-transform: lowercase; }
.sidebar-menu-title::first-letter { text-transform: uppercase; }
.sidebar-menu--ap .sidebar-menu-title { text-transform: none; }
.sidebar-menu--ap .sidebar-menu-title::first-letter { text-transform: none; }
.sidebar-menu .sidebar-menu-list { padding: 1rem; }
.sidebar-menu-list { list-style: none; margin: 0; padding: 0; }
.sidebar-menu-list li { margin: 0; padding: 0; border-bottom: 1px solid #ffffff; }
.sidebar-menu-list li:last-child { border-bottom: none; }
.sidebar-menu-list a { display: block; padding: 0.5rem 0.75rem; font-size: 15px; color: #3c3c3c; text-transform: lowercase; font-weight: 600; text-decoration: none; }
.sidebar-menu-list a::first-letter { text-transform: uppercase; }
.sidebar-menu-list a:hover { color: #4b762e; }
.sidebar-menu-list a.active {
	color: #4b762e;
	font-weight: 600;
	position: relative;
	padding-right: 1.65rem;
}
.sidebar-menu-list a.active::after {
	font-family: "bootstrap-icons";
	content: "\f285";
	font-size: 1rem;
	font-weight: normal !important;
	line-height: 1;
	position: absolute;
	right: 0.5rem;
	top: 50%;
	transform: translateY(-50%);
	color: #4b762e;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.sidebar-back .bi-arrow-left { margin-right: 0.5rem; }
.sidebar-menu-list a.sidebar-back { text-transform: none; }
.sidebar-menu-list a.sidebar-back::first-letter { text-transform: uppercase; }

.menu_n2 { list-style-type: none; margin:0 0 15px 0; padding:0; } 
.menu_n2 li { background-color:  #f3f3f3; padding: 4px 15px; }
.menu_n2 li:first-child { padding-top: 15px;} 
.menu_n2 li:last-child { padding-bottom: 15px;} 
.menu_n2 li a {  color: #3c3c3c; }
.menu_n2 li a:hover { color: #4b762e;}
.menu_n2 li a.active { color: #4b762e; font-weight: 600;}

h2.tit { font-size: 20px; font-weight: 600; }
h3.tit { font-size:18px; font-weight: 600;}

.categoria-n2-block { position: relative; }
.imagen_n2  { position:relative; margin-bottom: 0; }
.titulo_n2  { position:absolute; font-size:18px; font-weight: 600; bottom: 25px; color:#FFFFFF; background-color: #4b762e; padding: .375rem .75rem; border-radius: .25rem; }
.btn-n2-wrap { position: absolute; bottom: 1rem; left: 0; right: 0; text-align: center; }
.btn-n2-acceso { color: #ffffff !important; background-color: #3a5e24; border-color: #3a5e24; font-weight: 600; padding: 0.5rem 1rem; }
.btn-n2-acceso:hover { color: #ffffff !important; background-color: #2d4a1b; border-color: #2d4a1b; }

.btn-primary { color: #FFFFFF; background-color: #4ba748; border-color: #4ba748; padding: 2px 20px 2px 20px!important;}
.btn-primary:hover {color:#FFFFFF!important; background-color:#4ba748; border-color:#4ba748;}
.btn-primary.focus, .btn-primary:focus { color:#FFFFFF; background-color:#4ba748; border-color:#4ba748; box-shadow: unset; }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {  color: #FFFFFF;  background-color: #4ba748; border-color: #4ba748; }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {  box-shadow: unset; }

.btn-secondary { color: #336329; background-color: #FFFFFF; border-color: #336329; padding: 2px 20px 2px 20px!important;}
.btn-secondary:hover {color:#FFFFFF!important; background-color:#4ba748; border-color:#4ba748;}
.btn-secondary.focus, .btn-primary:focus { color:#FFFFFF; background-color:#4ba748; border-color:#4ba748; box-shadow: unset; }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {  color: #61bd4f;  background-color: #FFFFFF; border-color: #4e9c3f; }
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {  box-shadow: unset; }

.btn-n3 { color: #757575; background-color: #FFFFFF; border-color: #61bd4f; margin-bottom: 10px; margin-right: 10px;}
.btn-n3:hover {color:#FFFFFF; background-color:#4ba748; border-color:#4ba748;}
.btn-n3.focus,.btn-n3:focus { color:#FFFFFF; background-color:#4ba748; border-color:#4ba748; box-shadow:0 0 0 0 rgba(38,143,255,.5)}

.btn-default { border-color: #ced4da; color: #333;}
input[type="text"].caja_unidades { width: 38px; text-align: right; padding-left: 0; padding-right: 4px; margin-left: 4px; margin-right: 4px; height: 30px; margin-bottom: 0!important; font-size: 14px; }
.updateCartButton { font-weight: bolder; font-size: 14px; width: 26px; padding: .2rem .35rem; min-width: 26px; }

.cp-close {  color: #000000!important; }

a.comprar:hover { display:block; }
/*
a.comprar:hover { background-color: #f5f3f6; }
.comprar:hover  { background-color: #f5f3f6; }
*/



.cp-hidden { display: none; }
.cp-notice * {    box-sizing: border-box; }
.cp-notice { position: fixed; bottom: 0; left: 0;    right: 0;    z-index: 99999; }
.cp-bg {    background-color: black;    opacity: .90; padding: 20px; color:#FFFFFF; }

.vertical-align {  display: flex;  align-items: center;  justify-content: center;  flex-direction: row; }

.config-bg { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
.config-box { background: #FFFFFF; width: 80%; margin:0 auto; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.config-box .tit {font-size: 20px; font-weight: 700; }

.config-box .row {    margin-right: -15px;    margin-left: -15px; }
.config-box .btn-cookie1, .config-box .btn-cookie2 {   padding: 8px 25px; }
.config-box .panel {    background-color: #fff;    border:1px solid transparent;    border-radius: 0px;    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05);    box-shadow: 0 0px 0px rgba(0, 0, 0, .05); }
.config-box .panel-default > .panel-heading {    color: #333;    background-color: #FFFFFF;    border-color: #FFFFFF; border-bottom:1px solid #ddd;  position:relative; padding: 10px 0;}
.config-box .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top: 0px solid #ddd; padding: 10px 0;}
.config-box .panel-title a { text-decoration:none; font-size: 15px; }
.config-box .panel-title i { margin-right:10px; }
.config-box .form-group { position:absolute; right: 0px; top:0px; }
.config-box .s_activo { position:absolute; right: 0px; top:12px; font-weight: 600; font-size: 15px; }

/* --------------------------------------------------
Project : CSS Checkbox Switch
---------------------------------------------------- */
.checkbox.checbox-switch {    padding-left: 0;  }
.checkbox.checbox-switch label, .checkbox-inline.checbox-switch { display: inline-block;    position: relative;    padding-left: 0; }
.checkbox.checbox-switch label input, .checkbox-inline.checbox-switch input { display: none; }
.checkbox.checbox-switch label span, .checkbox-inline.checbox-switch span {    width: 35px;
    border-radius: 20px;
    height: 22px;
    border: 1px solid #dbdbdb;
    background-color: rgb(180, 182, 183);
    border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255,255,255);
    content: " ";
    top: 0;
    position: relative;
    left: 0;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0,0,0,0.4);
    cursor:pointer;
}
.checkbox.checbox-switch label > input:checked + span:before, .checkbox-inline.checbox-switch > input:checked + span:before {    left: 17px; }

/* Switch Danger */
.checkbox.checbox-switch.switch-danger label > input:checked + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked + span {
    background-color: rgb(248, 179, 51);
    border-color: rgb(248, 179, 51);
    box-shadow: rgb(248, 179, 51) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
    background-color: rgb(216, 119, 129);
    border-color: rgb(216, 119, 129);
    box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
 
.add-cesta { margin-top:5px;  margin-bottom:5px;  font-size: 16px; transition: background-color 0.2s ease, border-color 0.2s ease; }
.add-cesta:hover { color: #fff !important; background-color: #3a5e24 !important; border-color: #3a5e24 !important; }
/* Rollover del botón al pasar por la imagen / tarjeta del producto */
.producto-card:hover .add-cesta,
.col-oferta-inicio:hover .add-cesta,
.row-ficha-producto:hover .add-cesta { color: #fff !important; background-color: #3a5e24 !important; border-color: #3a5e24 !important; } 

.nombre_prod { padding: 10px 10px 0px 10px; margin-bottom:5px;  height: 60px;  font-weight: 600; color:#000000; font-size: 16px;}
.nombre_prod .comprar { font-weight: 600; color:#000000; font-size: 16px; padding-left: 15px;}

.descuento { font-size: 14px; padding: 0px 0px 0px 15px; margin-bottom:5px; color: #9c9c9c;}
.descuento span { text-decoration:line-through; }

.c_precio { /*padding: 2px 8px 1px 8px;*/   margin: 0px 1px 10px 15px; color: #3a5e24;}
.precio { font-size: 18px; font-weight: 600; color: #3a5e24; }

.c_precio_btn { margin: 0px 15px 0px 0px; padding: 4px 15px 4px 15px !important; font-size: 16px;}
.div_unidades { display: inline-block; margin-right: 0; font-size: 14px; }
.div_unidades .btn { font-size: 14px; }
.div_unidades .aUp { margin-right: 8px; } 

.descuento_ficha    { font-size: 16px; margin-bottom:5px;  }
.descuento_ficha span   { text-decoration:line-through; }
.precio_ficha   { font-size: 20px; margin:0; }
.precio_ficha .precio {  font-size: 28px; }

.text-bold { font-weight: 600;  }
.precio_total {color: #4b762e;     font-size: 20px;   font-weight: 600; }
.precio_total span { font-size: 28px; }

.btn-lg {  padding: 4px 30px 4px 30px !important; font-size: 18px;    line-height: 1.5; }


.tx_ficha { font-size: 16px;  }
.tx_ficha ul,
.tx_ficha ol,
.ficha-descripcion-corta ul,
.ficha-descripcion-corta ol { margin: 0.75rem 0; padding-left: 1.35rem; }
.tx_ficha ul,
.ficha-descripcion-corta ul { list-style: disc; }
.tx_ficha ol,
.ficha-descripcion-corta ol { list-style: decimal; }
.tx_ficha li,
.ficha-descripcion-corta li { margin: 0.35rem 0; }
.tx_ficha p,
.ficha-descripcion-corta p { margin-bottom: 0.75rem; }
.tx_ficha p:last-child,
.ficha-descripcion-corta p:last-child { margin-bottom: 0; }
.ficha-descripcion-corta { margin-bottom: 0.5rem; }
.tit_tx_ficha { color: #4b762e; font-size: 16px; font-weight: 600; }
.tx_green {  color: #4b762e; }
.tx_red {  color: #e54d0e; }

.opinion { margin-bottom: 5px; }
.usu { margin-bottom: 0; font-weight: 600;}

.sec { font-size: 14px; font-weight: 600; }
.precio_ficha.bg_red span { padding-left: 10px; }

.dropdown-menu {    padding: 15px;     background-color: #f3f3f3;        border: 0px solid rgba(0,0,0,.15);    border-top: 1px solid #FFFFFF;        border-radius: 0;    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.24);    box-shadow: 0 2px 5px 0 rgba(0,0,0,.24);  }
.dropdown-header { color: #4b762e!important; text-transform: none!important;  font-weight: 600;  font-size: 15px; padding: .4rem 1.5rem;}
.dropdown-item { color: #3c3c3c; text-transform: none!important;  font-weight: 400!important;  font-size: 14px!important; padding: .10rem 1.5rem .10rem 2.4rem; }
.dropdown-item.item1 { padding: 0px 1.5rem .10rem 2.4rem;  }
.dropdown-item.active, .dropdown-item:active {    color: #4b762e;    text-decoration: none;    background-color: #f8f9fa;  }

.columns {    
    -webkit-columns: 3;
    -khtml-columns: 3;
    -moz-columns: 3;
    -ms-columns: 3;
    -o-columns: 3;
    columns: 3;

    -webkit-column-fill: auto;
    -khtml-column-fill: auto;
    -moz-column-fill: auto;
    -ms-column-fill: auto;
    -o-column-fill: auto;
    column-fill: auto;

    -webkit-column-gap: 15px;
    -khtml-column-gap: 15px;
    -moz-column-gap: 15px;
    -ms-column-gap: 15px;
    -o-column-gap: 15px;
    column-gap: 15px;
    overflow: hidden;

    column-fill: balance !important;
    
    
}
.category {    break-inside: avoid;    page-break-inside: avoid;  }


#averageCustomerReviews {    display: inline-block; }

.a-icon.a-icon-star {    background-image: url('../images/estrellas.png');    -webkit-background-size: 400px 17px;    background-size: 400px 17px;    background-repeat: no-repeat;}
.a-icon-star {    height: 18px;    width: 92px;    position: relative; vertical-align: text-top;display: inline-block; }
.star-text { font-size: 14px; margin-left:10px;}

.a-icon.a-star-5 { background-position:-6px 0px;  }
.a-icon.a-star-4 { background-position:-25px 0px; }
.a-icon.a-star-3 { background-position:-44px 0px; }
.a-icon.a-star-2 { background-position:-63px 0px; }
.a-icon.a-star-1 { background-position:-82px 0px; }
.a-icon.a-star-0 { background-position:-101px 0px;}

.a-icon.a-star-4-5 {background-position:-206px 0px}
.a-icon.a-star-3-5 {background-position:-225px 0px}
.a-icon.a-star-2-5 {background-position:-244px 0px}
.a-icon.a-star-1-5 {background-position:-263px 0px}
.a-icon.a-star-0-5 {background-position:-282px 0px}

label {    margin-bottom: .2rem; }

.font-12  { font-size: 12px; }
.font-14  { font-size: 14px; }
.font-18  { font-size: 18px; }
.font-20  { font-size: 20px; }
.w600 { font-weight: 600;}

.tit_caja_ficha {padding: 8px 30px; font-size: 20px; font-weight: 600; color:#909090;  background: #f2f2f2; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;  border: 1px solid #cccccc; } 
.caja_ficha { border-left: 1px solid #cccccc;  border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;  padding: 20px 20px 0px 20px;  margin-bottom:20px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.caja_ficha p { margin:10px 0 15px 0; }

#confirmar_recuperar_clave { display:none; }
.recuperar_clave { cursor:pointer; color:#4b762e;  margin-bottom:15px;}

.red { color:red; }
#confirmar-compra label { font-size: 14px; margin-bottom:2px; }
#confirmar-compra .form-control { margin-bottom:15px; /*font-size: 14px;*/ }
#confirmar-compra .titulo1 { font-size: 22px; font-weight: 600; margin-bottom: 5px;}
#confirmar-compra .t2 { font-weight: 600; }
#confirmar-compra .updateCartButton { width: 25px; height: 32px; padding:0;}
#confirmar-compra .caja_unidades { width: 60px; height: 32px; margin-left: 3px;    margin-right: 3px; }
.precio_unitario { font-size: 18px; line-height: 32px;}
.precio_subtotal  { font-size: 18px; font-weight: 600; line-height: 32px; color: #4b762e; }
.remove-cesta-prod { line-height: 32px; }


.cab-carrito { font-size: 26px; line-height: 1.2; display: inline-block; text-decoration: none; padding-bottom: 7px; border-bottom: 1px solid transparent; transition: border-color .2s ease; }
.cab-carrito:hover { border-bottom-color: #fff; }
.tx_carrito { font-size: 16px; padding:0 10px 0 5px; }
.badge-light {    color: #677788;    background-color: #f8f9fa; font-weight: 400; font-size: 14px; display: inline-block; }


/*    Styles for animated modal    =========================    */
.animated-modal {   border-radius: 4px; overflow: hidden; transform: translateY(-80px); transition: all .5s; }
.animated-modal h2, .animated-modal p { transform: translateY(-40px); opacity: 0; transition-property: transform, opacity; transition-duration: .3s; }
/* Final state */
.fancybox-slide--current .animated-modal,    .fancybox-slide--current .animated-modal h2,    .fancybox-slide--current .animated-modal p {        transform: translateY(0);        opacity: 1;        transition-duration: .3s;    }
/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h2 { transition-delay: .1s;    }
.fancybox-slide--current .animated-modal p { transition-delay: .4s;    }
.fancybox-slide--current .animated-modal p:first-of-type { transition-delay: .2s; }


input[type="radio"], input[type="checkbox"] { margin: 2px 0px 0px;}
/* -------------------------------------
    CSS for Radio Button Type-1 
---------------------------------------- */
input[type="radio"] { display:none; }
input[type="radio"] + label{ margin-right: 10px; padding-left:31px; display:inline-block;  line-height:25px; background-repeat:no-repeat; cursor:pointer; }
input[type="radio"]:checked + label { background-position: 0 -125px; color: #4b762e; font-weight:600; }

.radio_group label{ background-image:url('../images/radio.png'); }
.tiendas .radio_group label{ background-image:url('../images/radio2.png'); }




.list_baja { list-style-type: none; margin:15px 0 15px 0;  padding: 0;   }
.list_baja li { padding: 0px 0px 5px 0px; }
.list_baja input[type="radio"] { display:none; }
.list_baja input[type="radio"] + label { margin-right:10px;  padding-left:0px;}
.list_baja input[type="radio"] + label span {     display:inline-block;    width:22px;    height:22px;    vertical-align:middle;    background:url(../images/radio.png) 0px top no-repeat;    cursor:pointer; }
.list_baja input[type="radio"]:checked + label span {  background-position: 0px -125px; }

/* -------------------------------------
    CSS for Checkbox Type-2
---------------------------------------- */
.checkbox_group input[type="checkbox"] {display:none;}
.checkbox_group input[type="checkbox"] + label { padding-left:35px; display:inline-block; /*line-height:26px;*/ background-repeat:no-repeat; cursor:pointer; }
.checkbox_group input[type="checkbox"]:checked + label { background-position: 0 -27px; }
.checkbox_group label{ background-image: url('../images/check2.png') ; /*padding-right:15px;*/ font-size: 14px; font-weight: normal; height:26px;}

.total_peido_tx { font-size: 22px; font-weight: 600; color: #4b762e;}
.precio_total_pedido {  font-size: 24px; font-weight: 700; }
.tiendas { display:none; margin-left: 30px; margin-top: 5px; }

#iframe_tpv {  width: 100%;  height:900px; }
.div_iframe_tpv {width: 100%; margin:0 auto; }


#recogida_en_tienda { display: none;}


#form_modificar_cliente label { font-size: 14px; margin-bottom:2px; }
#form_modificar_cliente .form-control { margin-bottom:15px; /*font-size: 14px;*/ }
#form_modificar_cliente .titulo1 { font-size: 22px; font-weight: 600; margin-bottom: 5px;}

.b-left { border-left: 1px solid rgba(0,0,0,.1); }

.info { cursor:pointer; }
#nota-informativa {
    font-size: 14px;
	padding:15px; /*Espaciado interno*/
	width:300px; /*Ancho del contenedor*/
	text-align:left; /*Alineación del texto*/
	background-color:#FFEE88; /*Color de fondo*/
	position:absolute; /*Permite que se mantenga estático*/
	z-index:999;
	left:100px; /*Separación del borde izquierdo*/
	margin-top: -20px;
	box-shadow:0 0 5px #555; /*Sombras CSS3*/
	display:none;

	-moz-transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
}

.div_new_clave {display:none; }
.canviar_clave {cursor:pointer; color: #000000; margin-bottom:20px; text-decoration:underline; }
.info { color: #61bd4f; }
.nb_cli { font-size: 20px; font-style: italic;}

.star_button { margin-right: 2px; border: none; background: 0 0; padding: 0; }
.star_button img { width: 20px;}


.accordion .card-header:after {    font-family: 'mfg_labs_iconsetregular';      content: "\f005";    float: right; color: #677788; }
.accordion .card-header.collapsed:after {    content: "\f004"; color: #677788;  }


.card { -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,.16),0 0px 0px 0 rgba(0,0,0,.12); box-shadow: 0 0px 0px 0 rgba(0,0,0,.16),0 0px 0px 0 rgba(0,0,0,.12);  border: 0; /*margin-bottom:10px;*/ } 
.card-header.collapsed { background-color: transparent; border-bottom: 2px solid rgba(0,0,0,.125);}
.card-header { padding: .75rem 1.25rem;    margin-bottom: 0; border-bottom: 1px solid rgba(0,0,0,.125);  cursor:pointer;  }
.card-title { color:#677788 !important; font-size: 20px}
.card-body { background-color: rgba(0,0,0,.03);}


#formSusripcionModal, #formSusripcionModal_optim2 { max-width: 700px;}
#formSusripcionModal label {   color:#000000; font-size: 14px;}
#formSusripcionModal .politica_privacidad { color:#677788!important; }



.table > thead > tr > th {    vertical-align: bottom; border-bottom: 0px solid #61b6dc;    background-color: #61b6dc;    color: #FFFFFF;    font-size: 14px;    font-weight: normal; }
.table > thead > tr > th {    padding: 5px 8px 5px 8px; line-height: 1.42857143; }
.table td {  padding: 5px 8px 5px 8px; color: #677788; font-size: 14px; }
.table.table td {    padding-top: 5px;    padding-bottom: 5px;  }


.n1_volver, .n1_nombre, .nav-button  { display:none; } 
.logo img { padding-bottom: 0.4rem !important; padding-top: 0.4rem !important; max-height: 65px;}
.caja-home { padding: 3rem !important; margin: 1rem !important; }

#home .navbar { display:none; } 

.container-fluid {   padding-right: 15px;  padding-left: 15px; }
.form-control { margin-bottom:15px; }

.tit-post { color: #677788; margin-bottom: 5px; font-size: 22px; font-weight: 600; }
.tit-post a { color: #677788; }
.entradilla-post { color: #000000;  }

.share .bi { font-size: 24px; color: #FFFFFF; background-color: #61bd4f; width: 45px; height: 45px; display: inline-block; padding-top:3px;}
.share a {  margin: 0 8px; }
.precio_carrito { font-size: 14px; font-weight: 600; margin-left:5px; }

.img-prod { cursor: zoom-in; display: inline-block;}

.recuerdame {  margin-top:5px!important; }

.footer-mov { display:none; }


.whatsapp-fix  { position: fixed; z-index: 1021; bottom: 20px; right: 30px;  background: #25d366;  border-radius: 50%; height: 60px; width: 60px; padding-left: 14px; padding-top: 6px; }
.whatsapp-fix .bi-whatsapp { font-size: 32px!important; color:#FFFFFF; }

.hidden-xs { display: block; }
.visible-xs { display: none; }
.recomendado { padding: 6px 0px; color: #4b762e; font-weight: 600; }

.marquee-container { position:relative; padding:3px;  width:100%;  overflow:hidden;  margin-bottom: 25px; }
.marquee p { margin-right: 50px; display: inline; }
.marquee .titular {    font-size: 22px; margin-bottom: 15px; }
.col_valoraciones { width: 550px; }
.italic { font-style: italic; }
.bold { font-weight:  700;}


/* .foto_prod {position: sticky;     top:80px;     border:10px solid #1B75CE;     display:inline-block; } */

@media (min-width:1200px) {
   /*  .container,    .container-lg,    .container-md,    .container-sm,    .container-xl {    max-width: 1400px;    } */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* Styles */
}

@media all and (min-width: 992px) { /*@media all and (min-width: 768px) {*/
	#mobile_menu_overlay { display: none !important; }
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up  { top:180%;  }
	.navbar .nav-item:hover .dropdown-menu { transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }

	.navbar .has-megamenu { position:static!important;}
	.navbar .megamenu { left:0; right:0; width:100%; }

	/* Fijar la fila del menú de categorías al hacer scroll; en carga está debajo del logo */
	.menu-sticky-wrap { position: relative; z-index: 1020; width: 100%; }
	.menu-sticky-wrap .menu { width: 100%; }
	/* Al hacer scroll, JS añade .menu-is-stuck: menú fijo arriba y espacio para no tapar contenido */
	body.menu-is-stuck .menu-sticky-wrap { position: fixed; top: 0; left: 0; right: 0; z-index: 1020; }
	body.menu-is-stuck .page-with-sidebar { padding-top: var(--menu-stuck-height, 50px); }

    .marco_prod { position: -webkit-sticky;         position: sticky;        top: 0;        z-index: 1020;  top:20px; z-index: 999;}

	/* Ficha producto: imagen 400x400 en escritorio */
	.row-ficha-producto .marco_prod { width: 400px; height: 400px; max-height: none; }
	.row-ficha-producto .marco_prod a { width: 400px; height: 400px; max-height: none; }
	.row-ficha-producto .marco_prod a img { width: 100%; height: 100%; max-height: none; object-fit: contain; }
}


@media all and (max-width: 1100px) {
    .menu .navbar ul li { padding: 5px 5px; }
    .menu ul li a { font-size: 14px; }
}
@media (max-width: 991.98px) {
    .titular { font-size: 22px; font-weight: 600; margin-bottom: 15px; }
    .ficha-producto-titulo-row .titular { margin-bottom: 5px; }
    .fancybox-content { padding: 15px; }  
    .vh-100 { height: auto !important;    }  
    .bg_newsletter { height: 250px; }
}

@media all and (max-width: 991.98px) { /*@media all and (max-width: 767.98px) {*/

    .hidden-xs { display: none; }
    .visible-xs { display: block;  }

    /* Contenedor superior (header) a ancho completo sin 100vw para evitar estiramiento/margen derecho */
    html { overflow-x: hidden; }
    header {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    header .bg_green {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
        overflow: visible;
    }
    header .bg_green > .col { width: 100%; max-width: 100%; padding-left: 12px; padding-right: 12px; box-sizing: border-box; overflow: visible; }
    .bg_green .row { flex-wrap: wrap; width: 100%; margin-left: 0; margin-right: 0; overflow: visible; }
    /* Primera fila (logo) fija: position fixed para que no la arrastre la segunda fila al hacer scroll */
    .bg_green .row .logo {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
        background-color: #4b762e;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* Reservar espacio para la fila del logo (sale del flujo con fixed) para que el buscador no quede debajo */
    .bg_green .row { padding-top: 30px; }
    /* Segunda fila (buscador) a ancho completo */
    header .bg_green .col-search { flex: 0 0 100%; max-width: 100%; width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
    header .bg_green .col-search .input-group { width: 100%; max-width: 100%; }
    header .bg_green .col-search .form-control { flex: 1; min-width: 0; }
    /* Ocultar barra .nav-button en móvil: la cabecera es solo logo (sticky) + buscador */
    .nav-button { display: none !important; }

    /* Móvil: quitar márgenes derecho e izquierdo del contenido para ocupar más espacio */
    .page-with-sidebar .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    .page-with-sidebar .container-fluid .row {
        margin-left: 0;
        margin-right: 0;
    }
    .page-with-sidebar .main-content-col {
        padding-left: 0;
        padding-right: 0;
    }
    .page-with-sidebar .container-inicio {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* Reducir margen superior de la imagen del banner a la cabecera */
    .page-with-sidebar { padding-top: 0.25rem; }
    .page-with-sidebar .container-inicio > .row:first-child {
        margin-top: 8px;
    }

    .footer-mov { display: block; position: fixed; height: 46px; width: 100%; z-index: 9998; bottom: 0; background-color: #4b762e; display: block; }
    .footer-mov a { color:#FFFFFF; position: relative; z-index: 9999; font-size: 22px; }
    .footer-mov .precio_carrito { display: none !important; }
    .col-basquet { display:none; }

    footer { background-color: #f3f3f3; padding-bottom: 50px; }

    .logo-nav img { /*height: 25px; margin-top:10px;*/  height: 47px; }

    .logo { text-align: center !important;  }
    .logo img { padding-top: 5px !important; padding-bottom: 5px !important; height: 52px; max-height: 52px; width: auto; }
    .col-search { margin-top: 10px; padding-top: 16px; padding-bottom: 16px; }
    .cab-carrito { font-size: 20px;      }    
    .col-basquet { padding-top: 10px!important; /*padding-bottom: 10px!important;*/  }

    .menu { position: fixed; top: 0; left: -100%; z-index: 999; height: 100%; width:100%; background-color: transparent;  background-color:rgba( 0, 0, 0, 0.8);}
    #myNavbar {height: 100%; }
    #mainNav { position:relative; top:0; height: 100%; width:100%; left: 0; background-color:rgba( 0, 0, 0, 0.8); -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; transition: all 0s ease-in-out;}

    .menu_n1 { position:absolute; background-color: #f3f3f3; height: 100%; width:95%;  left: -100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;  overflow-y:scroll; }

    .navbar-collapse.collapse.show .menu_n1 { left: 0px!important; }
    .navbar { -ms-flex-align: flex-start; align-items: flex-start; -ms-flex-pack: justify; justify-content: flex-start; }
    .menu .navbar ul li {        padding: 0px 10px 0 30px;    }
    .menu .navbar ul li:first-child { padding-top:15px;}
    /* Menú móvil: textos en negro */
    .menu_n1 .nav-link,
    .menu_n1 .navbar-nav a,
    .menu_n1 .dropdown-item { color: #000 !important; }
    .menu_n1 .nav-link:hover,
    .menu_n1 .navbar-nav a:hover,
    .menu_n1 .nav-link.active { color: #4b762e !important; }
    .menu_n1 ul li a { font-size: 18px; }
    /* Menú móvil estándar: lista anidada con indentación por niveles */
    .menu_n1 .nav-sub { display: block !important; list-style: none; margin: 0; padding: 0 0 0 1.25rem; border-left: 1px solid rgba(0,0,0,.12); margin-left: .5rem; }
    .menu_n1 .nav-sub .nav-sub { padding-left: 1.25rem; margin-left: 0; }
    .menu_n1 .nav-sub li { padding: .2rem 0 .2rem .5rem; }
    .menu_n1 .nav-sub a { font-size: 16px; display: block; }
    .menu_n1 .nav-item.has-sub > .nav-link { font-weight: 600; }

    /* Menú móvil tipo Tabacalera: overlay desde la derecha + acordeón */
    #mobile_menu_overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(4px);
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }
    #mobile_menu_overlay.mobile-menu-closed {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    #mobile_menu_overlay.mobile-menu-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    #mobile_menu_overlay .mobile-menu-container {
        position: absolute;
        top: 0;
        right: 0;
        width: 85%;
        max-width: 360px;
        height: 100%;
        background: #f3f3f3;
        box-shadow: -2px 0 12px rgba(0,0,0,0.2);
        display: flex;
        flex-direction: column;
        transform: translateX(100%);
        transition: transform 0.3s ease;
    }
    #mobile_menu_overlay.mobile-menu-open .mobile-menu-container {
        transform: translateX(0);
    }
    #mobile_menu_overlay .mobile-menu-header {
        padding: 1rem 1.25rem;
        display: flex;
        justify-content: flex-end;
        border-bottom: 1px solid rgba(0,0,0,.08);
    }
    #mobile_menu_overlay .mobile-menu-close-btn {
        background: none;
        border: none;
        cursor: pointer;
        padding: 0.5rem;
        color: #333;
        font-size: 1.5rem;
    }
    #mobile_menu_overlay .mobile-menu-close-btn:hover { color: #4b762e; }
    #mobile_menu_overlay .mobile-menu-nav {
        flex: 1;
        overflow-y: auto;
        padding: 0;
    }
    #mobile_menu_overlay .mobile-menu-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #mobile_menu_overlay .mobile-menu-item {
        border-bottom: 1px solid rgba(0,0,0,.08);
    }
    #mobile_menu_overlay .mobile-menu-item.active .mobile-menu-title,
    #mobile_menu_overlay .mobile-menu-item.active .mobile-menu-link { color: #4b762e; font-weight: 600; }
    #mobile_menu_overlay .mobile-menu-toggle {
        width: 100%;
        background: none;
        border: none;
        padding: 1rem 1.25rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        color: #333;
        font-size: 1.05rem;
        font-weight: 600;
        text-align: left;
        transition: background .2s ease, color .2s ease;
    }
    #mobile_menu_overlay .mobile-menu-toggle:hover { background: rgba(75,118,46,.08); color: #4b762e; }
    #mobile_menu_overlay .mobile-menu-toggle.toggle-active .mobile-menu-title { color: #4b762e; }
    #mobile_menu_overlay .mobile-menu-toggle.toggle-active .mobile-menu-arrow { transform: rotate(180deg); }
    #mobile_menu_overlay .mobile-menu-title { flex: 1; }
    #mobile_menu_overlay .mobile-menu-arrow {
        font-size: 0.7rem;
        transition: transform 0.3s ease;
        color: #666;
    }
    #mobile_menu_overlay .mobile-submenu-list {
        list-style: none;
        margin: 0;
        padding: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.35s ease;
        background: rgba(0,0,0,.04);
    }
    #mobile_menu_overlay .mobile-submenu-list.submenu-open { max-height: 1200px; }
    #mobile_menu_overlay .mobile-submenu-list li { padding: 0; border-bottom: 1px solid rgba(0,0,0,.06); }
    #mobile_menu_overlay .mobile-submenu-list li:last-child { border-bottom: none; }
    #mobile_menu_overlay .mobile-submenu-list a {
        display: block;
        padding: 0.75rem 1.25rem 0.75rem 2rem;
        color: #333;
        text-decoration: none;
        font-size: 0.95rem;
        transition: background .2s ease, color .2s ease;
    }
    #mobile_menu_overlay .mobile-submenu-list a:hover,
    #mobile_menu_overlay .mobile-submenu-list a:focus { background: rgba(75,118,46,.08); color: #4b762e; }
    #mobile_menu_overlay .mobile-submenu-list .mobile-submenu-list a { padding-left: 2.5rem; }
    #mobile_menu_overlay .mobile-menu-toggle--sub { padding: 0.75rem 1.25rem 0.75rem 2rem; font-size: 0.95rem; font-weight: 500; }
    #mobile_menu_overlay .mobile-menu-link {
        display: block;
        padding: 1rem 1.25rem;
        color: #333;
        text-decoration: none;
        font-size: 1.05rem;
        font-weight: 600;
        transition: background .2s ease, color .2s ease;
    }
    #mobile_menu_overlay .mobile-menu-link:hover { background: rgba(75,118,46,.08); color: #4b762e; }

    /* Sección de usuario en menú móvil */
    #mobile_menu_overlay .mobile-menu-user-section {
        background: #4b762e;
        border-bottom: none;
    }
    #mobile_menu_overlay .mobile-menu-btn-primary {
        color: #fff !important;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    #mobile_menu_overlay .mobile-menu-btn-primary:hover {
        background: rgba(255,255,255,.1) !important;
        color: #fff !important;
    }
    #mobile_menu_overlay .mobile-menu-btn-primary i {
        font-size: 1.2rem;
    }

    /* Footer del menú móvil con enlaces adicionales */
    #mobile_menu_overlay .mobile-menu-footer {
        margin-top: auto;
        padding: 1rem 0;
        border-top: 1px solid rgba(0,0,0,.1);
        background: rgba(0,0,0,.02);
    }
    #mobile_menu_overlay .mobile-menu-footer-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #mobile_menu_overlay .mobile-menu-footer-list li {
        border-bottom: 1px solid rgba(0,0,0,.06);
    }
    #mobile_menu_overlay .mobile-menu-footer-list li:last-child {
        border-bottom: none;
    }
    #mobile_menu_overlay .mobile-menu-footer-list a {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.75rem 1.25rem;
        color: #555;
        text-decoration: none;
        font-size: 0.95rem;
        transition: background .2s ease, color .2s ease;
    }
    #mobile_menu_overlay .mobile-menu-footer-list a:hover {
        background: rgba(75,118,46,.08);
        color: #4b762e;
    }
    #mobile_menu_overlay .mobile-menu-footer-list i {
        font-size: 1.1rem;
        color: #4b762e;
        width: 1.25rem;
        text-align: center;
    }

    .dropdown-toggle::after { display: inline-block; margin-top:3px; margin-left: 0.255em; vertical-align: 1px; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid;      }

    .columns { margin-left: 15px;
        -webkit-columns: unset !important; -khtml-columns: unset !important; -moz-columns: unset !important; -ms-columns: unset !important; -o-columns: unset !important; columns: unset !important;    
        -webkit-column-fill: unset !important; -khtml-column-fill: unset !important; -moz-column-fill: unset !important; -ms-column-fill: unset !important; -o-column-fill: unset !important; column-fill: unset !important;    
        -webkit-column-gap: unset !important; -khtml-column-gap: unset !important; -moz-column-gap: unset !important; -ms-column-gap: unset !important; -o-column-gap: unset !important; column-gap: unset !important; 
         column-fill: unset !important;        
    }
    .category {    break-inside: unset !important; page-break-inside:unset !important;  }

    .dropdown, .dropleft, .dropright, .dropup {position:unset; }

    .dropdown-menu { display: block; position:absolute!important; top:0; left: -100%; width: 100%; border-top: 0px solid #FFFFFF; -webkit-box-shadow: none;  box-shadow: none;
    -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
    .dropdown-menu.show { left: 0px!important; }
    .dropdown-header { font-size: 17px!important; padding: .2rem 0rem; white-space: initial; }
    .dropdown-item   { font-size: 16px !important;  white-space: initial; padding: .10rem 1.4rem .10rem 1.4rem; }
    .dropdown-item.item1 { padding: 0px 1.4rem .10rem 1.4rem; }

    .n1_volver { display:block; font-weight: 600; font-size: 15px; text-transform: uppercase; margin-bottom: 5px; }
    .n1_nombre { display:block; color: #4b762e;  font-weight: 600; font-size: 18px; text-transform: uppercase; margin-bottom: 15px; margin-left: 15px;} 

    .user img { height: 25px; }
    .user { position:absolute; display: block; top:10px; right:15px; }
    
    /* Mobile Toggle Menu icon (X ICON) */
    .wsanimated-arrow {   display:inline-block;   -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;    -o-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out;    transition: all 0.4s ease-in-out;  }
    .wsanimated-arrow {    cursor: pointer;   /* padding: 16px 35px 16px 0px;    margin: 6px 0 0 15px; */  width: 30px; height: 30px; padding-top: 16px; }
    .wsanimated-arrow span,  .wsanimated-arrow span:before,  .wsanimated-arrow span:after {    cursor: pointer;    height: 2px;    width: 17px;    background: #FFFFFF;    position: absolute;    display: block;    content: '';  }
    .wsanimated-arrow span:before { top: -7px;    width: 23px;  }
    .wsanimated-arrow span:after { bottom: -7px;    width: 17px;  }
    .wsanimated-arrow span,  .wsanimated-arrow span:before,  .wsanimated-arrow span:after {    transition: all 500ms ease-in-out;  }

    .wsactive.wsanimated-arrow {  /* margin: -1px 0 0 15px; */ padding-top: 10px;  }
    .wsactive.wsanimated-arrow span:after { width: 23px;  }
    .wsactive.wsanimated-arrow span { background-color: transparent;  }
    .wsactive.wsanimated-arrow span:before,  .wsactive .wsanimated-arrow.active span:after { top: 7px; }
    .wsactive.wsanimated-arrow span:before { transform: rotate(45deg);    -moz-transform: rotate(45deg);    -ms-transform: rotate(45deg);    -o-transform: rotate(45deg);    -webkit-transform: rotate(45deg);    bottom: 0px;  }
    .wsactive.wsanimated-arrow span:after  { transform: rotate(-45deg);    -moz-transform: rotate(-45deg);    -ms-transform: rotate(-45deg);    -o-transform: rotate(-45deg);    -webkit-transform: rotate(-45deg);  }

    .badge-light { font-size: 12px;    }

    body#home header #input_search { height: auto; }
    #home .container { padding-top: 100px; }
    #home .fa-search { font-size: 20px; padding-top: 5px; }

    #home .btn .bi-search { font-size: 20px; padding-top: 4px;     }
    #home h1 { font-size: 1.4rem; margin: 1.1rem 0; font-weight: 300; }
    #home .menu { top:0px; }

    #home #mainNav { background-color: transparent; top: 0px; height: 100%; }
    #home .menu_n1 { width: 100% }

    #home .navbar { display:block; } 
    #home .navbar-nav, #home .dropdown-menu { margin-top: 40px; }
    #home footer { position: relative; }
    #home .cover { position: relative;  }

    .caja-home { padding: 1rem !important; margin: .0rem !important;  margin-top: 100px!important; }
    .form-control-lg {     padding: .1rem 0.5rem; font-size: 14px;    }
    .destacados { font-size: 14px;   }

    footer ul li { float: none; margin: 8px 0px;    }

    .instagram span { display: none;}
    .destacados img { margin: 0px 0 0px 0; }

    h2, .entradilla { font-size: 16px; }
    .bg_newsletter { height: auto; padding-bottom: 20px; }
    .bg_newsletter .tx1 { padding-top: 20px !important;  font-size: 22px; }
    .bg_newsletter .tx2 { font-size: 16px; }
    #form_suscripcion { padding-top: 0px !important;}
    #form_suscripcion label { font-size: 13px; }
    .form-control { font-size: 14px !important;}
    input[type="text"].caja_unidades { width: 60px; } 
    #confirmar-compra .caja_unidades { width: 50px; padding: .375rem .45rem; } 
    .lock, .tel, .mail { padding-left: 35px; font-size: 16px;    }

    .comprar        { /*background-color: #f3f3f3;*/ display:block; }
    .nombre_prod    { font-size: 16px; font-weight: 400; padding: 10px 0px 10px 0px; height: auto; line-height: 1.3;}
    .c_precio       { font-size: 16px; padding:0; margin: 0px 1px 15px 15px; }
    .precio         { font-size: 18px; }
    .descuento      { font-size: 13px; padding: 0px 0px 0px 15px; margin-bottom: 5px;    }

    .bi-arrow-left          { font-size: 25px; }
    .codigo_promocional_tx  { font-size: 14px; }
    .total_peido_tx         { font-size: 18px; }
}


@media all and (max-width: 767.98px) {
    /* Cabecera a ancho completo (100% para evitar estiramiento y margen derecho) */
    header { width: 100%; max-width: 100%; margin: 0; padding: 0; box-sizing: border-box; }
    header .bg_green { width: 100%; max-width: 100%; margin: 0; padding-left: 0; padding-right: 0; box-sizing: border-box; }
    header .bg_green > .col { width: 100%; max-width: 100%; padding-left: 12px; padding-right: 12px; box-sizing: border-box; }
    header .bg_green .col-search { width: 100%; max-width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; margin-top: 5px; margin-bottom: 5px;}
    header .bg_green .col-search .input-group { width: 100%; max-width: 100%; }
    header .bg_green .col-search .form-control { flex: 1; min-width: 0; }

    .col-search { /* border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;*/ margin-top:10px; padding-top:16px; margin-bottom:10px; padding-bottom:20px; }    
    .col-basquet { padding-top: 0px!important;  padding-bottom: 10px!important;  }

    .pl-xs-0, .pl-xs-0 { padding-left: 0 !important; }
    .pr-xs-0, .px-xs-0 { padding-right: 0 !important; }
    .w100-xs { width: 100%;}

    .col_valoraciones { width: 400px; }

    .nombre_prod    { text-align: left!important; }
    .c_precio       { font-size: 16px; padding:0; margin: 0px 1px 15px 0px; }

    .borde { border: 0px solid #f5f3f6; }
    .descuento { padding: 0px; margin-bottom: 0px;    }
    .div_unidades { display: block; margin-left: 15px;  }
}

/*
@media (min-width: 992px){
	.dropdown-menu .dropdown-toggle:after{
		border-top: .3em solid transparent;
	    border-right: 0;
	    border-bottom: .3em solid transparent;
	    border-left: .3em solid;
	}
	.dropdown-menu .dropdown-menu{
		margin-left:0; margin-right: 0;
	}
	.dropdown-menu li{
		position: relative;
	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}
*/

/* Inicio: contenedor más ancho para imagen y ofertas */
.container-inicio {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

/* Inicio: margen superior entre menú y imagen de cabecera */
.container-inicio > .row:first-child {
	margin-top: 20px;
}

/* Inicio: imagen de cabecera fija 350px de alto, ancho del contenedor, esquinas redondeadas */
.home-banner-img {
	position: relative;
	height: 350px;
	width: 100%;
	border-radius: 0.5rem;
	overflow: hidden;
	background-color: #eee;
}
.home-banner-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.home-banner-text {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 80px;
	font-weight: 800;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,0.5);
	pointer-events: none;
}
.home-banner-suscribir {
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	transform: translate(-50%, 2rem);
	z-index: 2;
	padding: 0.5rem 1.5rem !important;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none !important;
	color: #fff !important;
	background-color: #3a5e24 !important;
	border-color: #3a5e24 !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.home-banner-suscribir:hover,
.home-banner-suscribir:focus {
	color: #fff !important;
	background-color: #4ba748 !important;
	border-color: #4ba748 !important;
}
.home-banner-suscribir:active {
	background-color: #2a4518 !important;
	border-color: #2a4518 !important;
}
/* Ancla del pie: deja aire sobre la barra fija móvil al hacer scroll */
#newsletter-oferta-semanal {
	scroll-margin-bottom: 3.5rem;
}
@media (min-width: 992px) {
	#newsletter-oferta-semanal {
		scroll-margin-bottom: 0;
	}
}

/* Móvil: banner más bajo y texto más pequeño para que entre centrado */
@media (max-width: 991.98px) {
	.home-banner-img {
		height: 200px;
	}
	.home-banner-text {
		font-size: 2rem;
		font-weight: 800;
		text-align: center;
		padding: 0 0.5rem;
	}
	.home-banner-suscribir {
		transform: translate(-50%, 1.65rem);
		padding: 0.45rem 1.15rem !important;
		font-size: 0.95rem;
	}
}

/* Inicio: ofertas en grid */
.row-ofertas-inicio {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin-right: -0.75rem;
	margin-left: -0.75rem;
}
.row-ofertas-inicio .col-oferta-inicio {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 0.75rem;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
	align-self: stretch;
}
.row-ofertas-inicio .col-oferta-inicio { position: relative; }
.row-ofertas-inicio .col-oferta-inicio > .row:first-child {
	flex: 1 1 auto;
	min-height: 0;
}
.row-ofertas-inicio .col-oferta-inicio .marco_prod { border: none; background-color: #fff; position: static; }
.row-ofertas-inicio .col-oferta-inicio .marco_prod a:first-child { margin-top: 20px; display: block; }
.row-ofertas-inicio .col-oferta-inicio .descuento_porcent { left: 0; top: 0; }
.row-ofertas-inicio .col-oferta-inicio .borde { border: none; background-color: #fff; }
.row-ofertas-inicio .col-oferta-inicio .borde .descuento { margin-top: 0.75rem; }
.row-ofertas-inicio .col-oferta-inicio .nombre_prod .comprar:hover { color: #000 !important; text-decoration: none !important; background: none !important; display: inline !important; }
.row-ofertas-inicio .col-oferta-inicio .row.mt-1 { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: auto !important; padding-top: 0.5rem; flex-shrink: 0; }
.row-ofertas-inicio .col-oferta-inicio .row.mt-1 [class*="col-"] { padding-left: 0; padding-right: 0; }
.row-ofertas-inicio .col-oferta-inicio .c_precio_btn { margin: 0 !important; width: 100% !important; display: block; box-sizing: border-box; }

/* Móvil: tarjetas de oferta en formato horizontal, 1 por fila */
@media (max-width: 767.98px) {
	.row-ofertas-inicio {
		margin-left: 0;
		margin-right: 0;
		padding: 0 0.5rem;
	}
	.row-ofertas-inicio .col-oferta-inicio {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0;
		margin-bottom: 1rem;
	}
	.row-ofertas-inicio .col-oferta-inicio > .row:first-child {
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
	}
	.row-ofertas-inicio .col-oferta-inicio > .row:first-child > .col-6:first-child {
		flex: 0 0 40%;
		max-width: 40%;
		padding-right: 0.5rem;
	}
	.row-ofertas-inicio .col-oferta-inicio > .row:first-child > .col-6:last-child {
		flex: 0 0 60%;
		max-width: 60%;
		padding-left: 0.5rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.row-ofertas-inicio .col-oferta-inicio .marco_prod {
		max-height: 140px;
		height: 140px;
	}
	.row-ofertas-inicio .col-oferta-inicio .marco_prod a:first-child {
		margin-top: 10px;
		height: 120px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.row-ofertas-inicio .col-oferta-inicio .marco_prod a img {
		max-height: 110px;
		width: auto;
		object-fit: contain;
	}
	.row-ofertas-inicio .col-oferta-inicio .nombre_prod {
		height: auto;
		min-height: unset;
		padding: 5px 0 0 0;
		margin-bottom: 0;
		text-align: left !important;
		font-size: 15px;
		line-height: 1.3;
	}
	.row-ofertas-inicio .col-oferta-inicio .borde .descuento {
		margin-top: 0.25rem;
		margin-bottom: 0;
		padding-left: 0;
	}
	.row-ofertas-inicio .col-oferta-inicio .listado-precio-linea {
		margin-top: 0.65rem;
		margin-bottom: 0.25rem;
	}
	.row-ofertas-inicio .col-oferta-inicio .c_precio {
		margin: 0.25rem 0;
		padding-left: 0;
	}
	.row-ofertas-inicio .col-oferta-inicio .div_unidades {
		display: none;
	}
	.row-ofertas-inicio .col-oferta-inicio .row.mt-1 {
		margin-left: 0;
		margin-right: 0;
		margin-top: auto !important;
		padding-top: 0.5rem;
	}
	.row-ofertas-inicio .col-oferta-inicio .row.mt-1 .col-md-12 {
		padding: 0 0.75rem 0.75rem 0.75rem;
	}
	.row-ofertas-inicio .col-oferta-inicio .c_precio_btn {
		padding: 0.5rem 1rem !important;
		font-size: 15px;
	}
}
@media (min-width: 768px) {
	.row-ofertas-inicio .col-oferta-inicio {
		flex: 0 0 33.333%;
		max-width: 33.333%;
	}
}
@media (min-width: 992px) {
	.row-ofertas-inicio {
		display: flex !important;
		flex-wrap: wrap !important;
		align-items: stretch !important;
		gap: 0.5rem !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.row-ofertas-inicio .col-oferta-inicio {
		flex: 0 0 calc(20% - 0.4rem) !important;
		max-width: calc(20% - 0.4rem) !important;
		padding: 0 0.75rem !important;
	}
}