/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 

 /* ===== Tipografía global: Frank Ruhl Libre ===== */
:root{
  --font-primary: "Frank Ruhl Libre", Georgia, "Times New Roman", Times, serif;
}

/* Base del documento */
html, body{
  font-family: var(--font-primary);
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Fuerza la fuente en componentes comunes del theme */
body,
p, small, strong, em,
h5, h6,
ul, ol, li, dl, dt, dd,
label, legend,
button, input, select, textarea,
.form-control, .custom-select, .btn,
.nav, .navbar, .dropdown-menu, .breadcrumb, .pagination,
.card, .modal, .alert, .badge, .table, .tooltip, .popover {
  font-family: 'Poppins'!important;
}

span.menu-title {
    font-family: 'Poppins' !important;
    font-size: 16px;
}

a, h1, h2, h3, h4, span{
  font-family: var(--font-primary) !important;
}
.price span {
    font-family: 'Poppins' !important;
}
/* Mantener monoespaciadas donde toca */
code, kbd, samp, pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

/* (Opcional) pesos por defecto para headings */
h1, .h1 { font-weight: 500; }
h2, .h2 { font-weight: 500; }
h3, .h3 { font-weight: 500; }


 

body {
	overflow-x: hidden;
}

#home-header-crsl img {
	width: 100% !important;
	object-fit: cover;
	height: 75vh;
}

#category .category-cover {
	display: none !important;
}

.leo-megamenu .navbar-nav>li>a:before {
	background-color: #fff !important;
}

.leo-megamenu .dropdown:hover>a {
	color: black;
}

#category #subcategories .subcategory-image img {
	width: 100% !important;
	object-fit: cover;
	aspect-ratio: 1;
}

#category #subcategories .subcategory-meta {
	margin-top: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: calc(1em * 4);
	line-height: 1em;
}

#manufacturer #content-wrapper {
    padding-top: 40px;
}

#category .subcategory-block.subcategories-list {
	margin-top: 20px;
}

.leo-top-menu.collapse.navbar-toggleable-md.megamenu-off-canvas.megamenu-off-canvas-4346646625192378,
.megamenu-off-canvas-4346646625192378 .leo-megamenu .navbar-nav {
	display: flex;
	justify-content: center;
}

#home-header-crsl figcaption.caption {
	position: absolute;
	z-index: 99999;
	top: 45%;
	left: 6%;
	padding: 10px 32px;
	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(10px);
	color: white !important;
}

#home-header-crsl figcaption.caption h2 {
	text-transform: none !important;
}

#manufacturer li.brand,
#manufacturer li.brand .brand-infos {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#product #wrapper .breadcrumb ol {
	margin: unset !important;
}

#product #wrapper .breadcrumb:before {
	display: none !important;
}

#product #wrapper .breadcrumb {
	height: auto !important;
}

#lx-menu-header .leo-megamenu .navbar-nav {
	display: flex !important;
	justify-content: center !important;
  padding:0px;
}

@media only screen and (min-width: 1024px) {
	#manufacturer ul.list-brands {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}

#manufacturer .brand-img {
	margin-inline: auto;
}

#manufacturer .brand-infos,
#manufacturer .brand-products {
	width: 100% !important;
}

#manufacturer li.brand {
	margin: 10px;
	padding: 20px;
	border: 1px solid #f0eee9;
}

#manufacturer .product_list>.row {
	display: flex;
	flex-wrap: wrap;
}

#category .product-price-and-shipping,
#category h4.h3.product-title {
	text-align: left;
}

.footer-container {
	padding-top: 0px !important;
}

#cms header.page-header {
	display: none !important;
}

@media only screen and (max-width: 768px) {
	#home-header-crsl figcaption>h2 {
		font-size: 72px !important;
	}
}

@media only screen and (max-width: 768px) {
	.leo-top-menu.collapse.navbar-toggleable-md.megamenu-off-canvas.megamenu-off-canvas-4346646625192378 {
		display: none !important;
	}
}

@media only screen and (max-width: 768px) {
	.rm-body-with-header {
		padding-top: 0px !important;
	}
}


.carousel-control .icon-prev, .carousel-control .icon-next {
    display: none!Important;
}

a.nav-link.has-category {

    font-size: 18px!Important;
}


a.nav-link.has-category {

    font-size: 18px!Important;}



.leo-megamenu .navbar-nav > li > a.dropdown-toggle:after { display:none!important;
}
#category .product-price-and-shipping, #category h4.h3.product-title {
    text-align: left;
    margin: 0 auto;
    text-align: center;
}


.off-canvas-nav-megamenu .dropdown-menu ul li > a {
    font-weight: 400;
    color: #333!important;
    font-size: 18px!important;
    border-bottom: 1px solid #ddd!important; 
}

.leo-megamenu .navbar-nav > li.aligned-fullwidth > .dropdown-menu {
    margin-top: -15px!important;
}

nav.breadcrumb.hidden-sm-down {
    float: left!important;
}


.breadcrumb span {
    font-size: 12px !important;
    font-weight: 400 !important;
}


/* FILTROS */
#content-searchers-mobile .searcher-header, .fpp_searchers .searcher-header {
    background: #fff!important;
    border-bottom: 0px solid #fff!important;
    padding: 5px 10px; margin-top:50px;
    font-weight: bold;
    margin-top: 20px;
    font-weight: bold;
    text-transform: none;
    font-weight: 600;
    font-size: 15px;
}

.header-content {
    text-align: center!important;
}

.fpp_searchers .searcher-content {
    border: 0px solid #CCC!important;
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, .0)!important;
}
	
	


/*CODE ARNAU*/

#index #footer-grupo {
    display: none;
}

#index #footer-normal {
    display: none;
}

#index #footer-home {
    display: block;
}

#footer-contact {
    display: none;
}

#module-formmaker-form #footer-normal{display: none;}
#module-formmaker-form #footer-contact{display: block!important;}

/* #carrousel-home img {
    width: 100%;
    max-height: 78.2vh;
    object-fit: cover;
} */

#index .carousel-indicators {
    display: none;
}
#index .elementor-html .elementor-widget-wrap {
    align-content: flex-end;}

#code-home {
    display: none;
}

/*home fijo proporcional css*/

/* ===== SOLO HOME ===== */
body#index{
  /* Ajusta estos valores a tus alturas reales */
  --topbar-h:   36px;  /* #top-bar-il  (pon 0 si no hay barra) */
  --header-h:   84px;  /* #header-il   */
  --footer-h:  75px;  /* #footer-home */
}

/* Opcional: tamaños algo menores en móvil */
@media (max-width: 768px){
  body#index{
    --topbar-h:  32px;
    --header-h:  100px;
    --footer-h: 75px;
  }
}

/* Header / Topbar con altura mínima fija */
body#index #top-bar-il{
  min-height: var(--topbar-h);
}
body#index #header-il{
  min-height: var(--header-h);
}

/* El slider ocupa exactamente el espacio restante de la ventana */
body#index #contenedor-home{
  position: relative;
  overflow: hidden;
  /* dvh = viewport real (mejor en móvil que vh) */
  min-height: calc(100dvh - var(--topbar-h) - var(--header-h) - var(--footer-h));
  height:     calc(100dvh - var(--topbar-h) - var(--header-h) - var(--footer-h));
}

/* Si dentro hay carrusel/figuras, que hereden el 100% de alto */
body#index #contenedor-home .carousel-inner,
body#index #contenedor-home .carousel-item,
body#index #contenedor-home figure{
  height: 100%;
}

/* Las imágenes/pictures cubren sin deformarse */
body#index #contenedor-home img, body#index #contenedor-home picture img, body#index #contenedor-home figure > img {
    width: 100%;
    object-fit: cover;
    height: calc(100dvh - var(--topbar-h) - var(--header-h) - var(--footer-h));
    display: block;
    min-height: calc(100dvh - var(--topbar-h) - var(--header-h) - var(--footer-h));
}
/* Footer con altura fija mínima */
body#index #footer-home{
  min-height: var(--footer-h);
  /* Si quieres respetar el safe-area en iOS: */
  padding-bottom: env(safe-area-inset-bottom, 0);
}



/************************************/

/* En móvil (<768px) los hotspots siempre abiertos */
@media (max-width: 768px) {
  .hp-spot .hp-tip {
    opacity: 1 !important;
    transform: translate(-50%,0) !important;
    pointer-events: auto !important;
  }
}

#index .leo-fly-cart-icon-wrapper {
    display: none;
}


/*HOME FLOTANTE CODE*/
/* La capa que flota por encima del carrusel */
#hp-layer{
  position:absolute; inset:0;
  z-index:10050; /* > figcaption/imagen */
  pointer-events:none; /* NO intercepta clicks salvo en los hotspots */
  background: transparent;
  border: 0;
}

/* El contenedor del carrusel debe ser relativo */
#carousel{ position:relative; }

/* Hotspot */
.hp-spot{
  position:absolute;
  width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer; pointer-events:auto; /* SÍ capta clicks */
  border:0px;
}
.hp-spot .hp-dot{
  position:absolute; inset:0; border-radius:50%;
  background:rgb(241 238 255 / 95%);
  box-shadow:0 0 0 0 rgb(241 238 233 / 50%);
  animation:hp-pulse 2s infinite;
}
/* .hp-spot .hp-dot::after{
  content:""; width:14px;height:14px;background:#fff;border-radius:50%;display:block;
} */
.hp-spot:hover .hp-dot{ transform:scale(1.06); background:rgb(241, 238, 233); }

@keyframes hp-pulse{
  0%{ box-shadow:0 0 0 0 rgb(241, 238, 233); }
  70%{ box-shadow:0 0 0 10px rgba(99,102,241,0); }
  100%{ box-shadow:0 0 0 0 rgba(99,102,241,0); }
}

/* Tooltip */
.hp-tip{
  position:absolute; left:50%; top:100%;
  transform:translate(-50%,10px); opacity:0; pointer-events:none;
  width:250px;     background: rgb(241, 238, 233); color:#2d3748; border-radius:8px;
  padding:14px; box-shadow:0 10px 25px rgba(0,0,0,.12);
  transition:opacity .25s, transform .25s;
}
.hp-tip h3{margin:0 0 6px; font-size:16px; font-weight:700;}
.hp-tip p{margin:0; font-size:14px; line-height:1.45; color:#4a5568;}
.hp-spot:hover .hp-tip,
.hp-spot.is-open .hp-tip,
.hp-spot:focus-visible .hp-tip{
  opacity:1; transform:translate(-50%,0); pointer-events:auto;
}
@media (max-width:600px){ .hp-tip{ width:200px; } }

/* Oculta la capa hasta que posicionemos para evitar salto */


.hp-spot{
  opacity: 0;
  transform: scale(.95);
  transition: opacity .35s ease, transform .35s ease;
}

.hp-spot.hp-visible{
  opacity: 1;
  transform: scale(1);
}

/*==================*/





/* El slide debe ser relativo para posicionar el hotspot */
#carousel .carousel-item figure{ position:relative; }

/* Hotspot por encima de todo */
.ilx-hotspot{
  position:absolute;
  left:var(--hotspot-x,50%); top:var(--hotspot-y,50%);
  transform:translate(-50%,-50%);
  width:48px; height:48px; z-index:10001; /* más que figcaption */
  pointer-events:auto; /* por si el figcaption bloquea eventos */
}

/* Botón circular con pulso */
.ilx-hotspot__dot{
  position:absolute; inset:0; border-radius:999px;
  background-color: rgb(var(--hotspot-color,255 255 255) / .95);
  box-shadow:0 6px 20px rgba(0,0,0,.25);
}
.ilx-hotspot__dot:before, .ilx-hotspot__dot:after{
  content:""; position:absolute; inset:-10px; border-radius:999px;
  border:2px solid rgb(var(--hotspot-color,255 255 255) / .8);
  animation: ilx-pulse 2s ease-out infinite;
}
.ilx-hotspot__dot:after{ animation-delay:.9s; }
@keyframes ilx-pulse{
  0%{ transform:scale(.9); opacity:.9; }
  70%,100%{ transform:scale(1.25); opacity:0; }
}

/* Tooltip */
.ilx-hotspot__content{
  position:absolute; left:50%; top:100%;
  transform:translate(-50%,12px) scale(.92);
  background:#fff; color:#111; border-radius:14px;
  box-shadow:0 14px 40px rgba(0,0,0,.22);
  padding:10px 12px; min-width:240px; max-width:min(86vw,520px);
  opacity:0; transition:opacity .25s, transform .25s; pointer-events:none;
}
.ilx-hotspot:hover .ilx-hotspot__content,
.ilx-hotspot:focus-visible .ilx-hotspot__content,
.ilx-hotspot.is-open .ilx-hotspot__content{
  opacity:1; transform:translate(-50%,8px) scale(1); pointer-events:auto;
}
.ilx-hotspot__caret{
  position:absolute; bottom:100%; left:50%; transform:translateX(-50%);
  width:22px; height:11px; fill:#fff;
}
.ilx-hotspot__title{ margin:0; font-weight:600; line-height:1.15; }
.ilx-hotspot__subtitle{ margin:.15rem 0 .5rem; opacity:.7; }
.ilx-hotspot__pill{
  display:inline-block; font-weight:600; font-size:.9rem; line-height:1;
  padding:.5rem .75rem; border:1px solid #eee; background:#f6f7f9; border-radius:999px;
}

/* Responsive */
@media (max-width:768px){
  .ilx-hotspot{ width:42px; height:42px; }
}



/*================== SLIDE FLECHAS ==================*/

.ce-arrows {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    display: flex
;
    justify-content: space-between;
    transform: translateY(-155%);
    pointer-events: none;
    z-index: 10060;}


.ce-arrows .arrow-main {
  pointer-events: auto;
  position: relative;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  cursor: pointer;
}
.ce-arrows .arrow-main.arrow-prev { transform: scaleX(-1); }

.ce-arrows .arrow-main .arrow-span {
  display: flex;
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 9;
}
.ce-arrows .arrow-main .arrow-span::before,
.ce-arrows .arrow-main .arrow-span::after {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  margin: -1px 0 0 -5px;
  transform-origin: 9px 50%;
}
.ce-arrows .arrow-main .arrow-span::before { transform: rotate(-40deg); }
.ce-arrows .arrow-main .arrow-span::after { transform: rotate(40deg); }

.ce-arrows .arrow-main::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -2px;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  border: 2px solid #ffffff2f;
}

.ce-arrows svg.arrow-svg {
  width: inherit;
  height: inherit;
  color: #fff;
  stroke-dashoffset: 126;
  stroke-dasharray: 126 126 0;
  transform: rotate(0);
}

.ce-arrows .arrow-main.animate svg.arrow-svg {
  animation: strok 0.6s ease forwards 0.5s;
}
.ce-arrows .arrow-main.animate .arrow-span {
  animation: arrow 1.2s ease forwards;
}
.ce-arrows .arrow-main.animate .arrow-span::before {
  animation: arrowUp 1.2s ease forwards;
}
.ce-arrows .arrow-main.animate .arrow-span::after {
  animation: arrowDown 1.2s ease forwards;
}

@keyframes strok {
  50% { transform: rotate(-180deg); stroke-dashoffset: 0; }
  50.1% { transform: rotate(-360deg); stroke-dashoffset: 0; }
  100% { transform: rotate(-180deg); stroke-dashoffset: 126; }
}
@keyframes arrow {
  0%,100% { transform: translateX(0); opacity: 1; }
  23% { transform: translateX(17px); opacity: 1; }
  24%,80% { transform: translateX(-22px); opacity: 0; }
  81% { opacity: 1; transform: translateX(-22px); }
}
@keyframes arrowUp {
  0%,100% { transform: rotate(-40deg) scaleX(1); }
  20%,80% { transform: rotate(0) scaleX(0.1); }
}
@keyframes arrowDown {
  0%,100% { transform: rotate(40deg) scaleX(1); }
  20%,80% { transform: rotate(0) scaleX(0.1); }
}


/*==================*//*==================*/

.navbar-header .navbar-toggler {
    border: 0;
    font-size: 35px;
    margin-left: 10px;
    color:#333;
}


/* ===== Off-canvas megamenu (izquierda) con ancho fluido ===== */

/* El contenedor puede cubrir pantalla (backdrop, clic fuera, etc.) */
.off-canvas-nav-megamenu{
  position: fixed;             /* clave: saca del flujo */
  inset: 0;                    /* ocupa todo el viewport */
  z-index: 10000;
  pointer-events: none;        /* no bloquea clics cuando está cerrado */
}

/* El panel */
.off-canvas-nav-megamenu .offcanvas-mainnav{
  /* ANCHO FLUIDO */
  width: 100vw !important;      /* cámbialo a 80% si de verdad depende del padre; vw es más fiable */
  max-width: 420px;            /* opcional: tope máx */
  min-width: 280px;            /* opcional: tope mín */

  position: fixed;
  top: 0;
  left: 0 !important;          /* anula posibles right/left heredados */
  right: auto !important;
  height: 100dvh;

  /* ESTADO CERRADO: se “aparca” su propio ancho */
  transform: translateX(-100%);
  transition: transform .32s ease;
  will-change: transform;

  /* permite hacer clic en el panel cuando está abierto */
  pointer-events: auto;
  background: #fff;            /* por si el tema no lo pinta */
}

/* ESTADO ABIERTO: la sección ya trae .active en tu HTML */
.off-canvas-nav-megamenu.active .offcanvas-mainnav{
  transform: translateX(0);
}

/* Si lo quieres desde la DERECHA, usa esta variante en lugar de la de arriba */
/*
.off-canvas-nav-megamenu .offcanvas-mainnav{
  right: 0 !important; left: auto !important;
  transform: translateX(100%);
}
.off-canvas-nav-megamenu.active .offcanvas-mainnav{
  transform: translateX(0);
}
*/

/* Botón de cerrar dentro del panel (opcional, por si se descoloca) */
.off-canvas-nav-megamenu .off-canvas-button-megamenu{
  position: sticky; top: 0;
  display: flex; align-items: center; gap: .5rem;
  padding: .9rem 1rem;
  background: inherit; z-index: 2;
  cursor: pointer;
}

/* La lista ocupa el alto del panel y puede hacer scroll */
.off-canvas-nav-megamenu .offcanvas-mainnav .navbar-nav{
  max-height: calc(100dvh - 56px); /* ajusta 56px si tu botón/top ocupa otro alto */
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* En móviles muy pequeños, que el ancho no exceda el viewport */
@media (max-width: 360px){
  .off-canvas-nav-megamenu .offcanvas-mainnav{
    width: 90vw !important;
  }
}

.off-canvas-button-megamenu .off-canvas-nav:before {

    font-size: 23px!important;}
    

ul.nav.navbar-nav.megamenu.horizontal {
    padding: 0px 30px 20px 30px;
}

.off-canvas-nav-megamenu {
    z-index: 20000;
}


/* --- Toggle PRECIOS --- */
#filter_4 { position: relative; }

#filter_4 .price-toggle{
  display:flex; align-items:center; justify-content:space-between;
  width:100%; gap:.75rem;
  border:1px solid #ddd; border-radius:8px;
  padding:.75rem 1rem; background:#fff; cursor:pointer;
  font-weight:600; color:#333;
}
#filter_4 .price-toggle .range{
  font-weight:500; font-size:.95rem; color:#666;
}

/* Flecha */
#filter_4 .price-toggle::after{
  content:""; width:.5rem; height:.5rem; border-right:2px solid #666; border-bottom:2px solid #666;
  transform: rotate(45deg); transition:transform .2s ease;
}
#filter_4.is-open .price-toggle::after{ transform: rotate(-135deg); }

/* Contenido colapsable con animación */
#filter_4 .price-content{
  overflow:hidden; max-height:0; opacity:0;
  transition: max-height .3s ease, opacity .25s ease;
  will-change:max-height,opacity;
  margin-top:.5rem;
  border-radius:8px;
}
#filter_4.is-open .price-content{ opacity:1; }

/* Opcional: estilillos */
#filter_4 .input-group-addon{ min-width:36px; text-align:center; }
#filter_4 .slider-price-content{ padding: .25rem .25rem 1rem; }


nav.breadcrumb.hidden-sm-down {
    position: absolute;
    z-index: 2;
    width: 1700px;
    margin: auto;
    padding: 0px !important;
    left: 0;
    justify-self: anchor-center;
}

#category #content-wrapper {
    padding-top: 40px;
}
#category h1 {
    font-weight: 300;
    text-transform: none;
    
}



.breadcrumb li{
  padding-right: 8px!important;
}
.more-info-product {
    padding: 0;
    margin: 0;
}

#product .slick-arrow {
    background: transparent !important;
    color: #000 !important;
}
.tax-shipping-delivery-label {
    font-size: 11px !important;
}
.product-add-to-cart .control-label {
    display: none;
}
#product .product-detail {
    margin-top: 60px;
}
.product-variants-item .control-label {
  visibility: hidden;
}
.product-variants-item .control-label.ready {
  visibility: visible;
}

.description-short {
    font-size: 16px;
}

.product-variants-item span {
    font-weight: 400 !important;
    text-transform: capitalize !important;
    font-size: 16px !important;
}

.product-variants-item .form-control-select {
    border: 0px;
    background: transparent;
    color: #000;
    border-bottom: 1px solid;
    padding: 0;
  }

  /* Amaga la fletxa nativa */
.product-variants-item select.form-control-select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  padding-right: 2rem;           /* espai per a la fletxa */
  background-repeat: no-repeat;
  background-position: right .75rem center; /* dins del select */
  background-size: 12px 8px;     /* mida de la fletxa */
  /* Fletxa SVG (chevron) color negre #000 */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3e%3cpath d='M1 1l5 5 5-5' fill='none' stroke='%23000' stroke-width='2'/%3e%3c/svg%3e");
}

/* IE/Edge Legacy */
.product-variants-item select.form-control-select::-ms-expand{
  display: none;
}

/* Opcional: gira quan té focus */
.product-variants-item select.form-control-select:focus{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3e%3cpath d='M1 7l5-5 5 5' fill='none' stroke='%23000' stroke-width='2'/%3e%3c/svg%3e");
}

.leo-megamenu .navbar-nav > li > a {
    font-weight: 400;
}
.product-add-to-cart .product-quantity .qty {
    margin: 0;
    margin-bottom: 20px;
}
#filter_5 .input-group-addon {
    background: transparent;
    border: 0;
}

.min_price_label {
    display: none;
}

.max_price_label {
    display: none;
}

section.jolisearch-content {
    width: 100% !important;
}
.ps17.ui-menu.ui-jolisearch .jolisearch-body h4 {
    display: none;
}
aside.jolisearch-filter {
    display: none;
}
.ui-autocomplete .ui-menu-item a:hover {
    background: transparent!important;
    color: #000!important;
}

.input-container input[type="radio"]:not(:checked) + .color {
    opacity: 0.3;
    transition: 2s;
}

.input-container input[type="radio"]:hover:not(:checked) + .color {
    opacity: 1;
    transition: 2s;
}

.product-variants > .product-variants-item .input-color:checked + span:before{
  display: none;
}

#category-description {
    text-align: center;
    max-width: 1200px;
    margin: auto;
}

#module-formmaker-form .breadcrumb {
    display: none !important;
}
#module-formmaker-form h3{
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
#module-formmaker-form .form_1 {
    max-width: 800px;
    margin: auto;
}
#module-formmaker-form .rte {
    text-align: center;
    font-weight: 300;
}

#module-formmaker-form .form-footer {
    text-align: center !important;
}
#module-formmaker-form .form-footer button {
    width: 200px;
}
/* Posición del contenedor (ajusta si quieres) */
.ce-arrows.ce-arrows--minimal{
  position:absolute; top:50%; left:0; right:0;
  display:flex; justify-content:space-between; width:100%;
  transform:translateY(-253%);
  pointer-events:none; z-index:10060;
}

/* Botones base */
.ce-arrows.ce-arrows--minimal .arrow-main{
  pointer-events:auto;
  width:44px; height:44px;
  display:flex; align-items:center; justify-content:center;
  background:transparent; border:0; margin:0 10px; cursor:pointer;
}

/* Invertir la izquierda */
.ce-arrows.ce-arrows--minimal .arrow-prev{ transform:scaleX(-1); }

/* Chevron negro (solo las “patas” de la flecha) */
.ce-arrows.ce-arrows--minimal .arrow-chev{
  position:relative; width:22px; height:22px; display:block;
}
.ce-arrows.ce-arrows--minimal .arrow-chev::before,
.ce-arrows.ce-arrows--minimal .arrow-chev::after{
  content:""; position:absolute; left:50%; top:50%;
  width:12px; height:2px; background:#000; /* ← negro */
  transform-origin:10px 50%;
}
.ce-arrows.ce-arrows--minimal .arrow-chev::before{ transform:translate(-50%,-50%) rotate(-40deg); }
.ce-arrows.ce-arrows--minimal .arrow-chev::after { transform:translate(-50%,-50%) rotate(40deg); }

/* Resets por si quedan estilos anteriores */
.ce-arrows.ce-arrows--minimal .arrow-main::before,
.ce-arrows.ce-arrows--minimal .arrow-main svg{ display:none !important; }

#filter_5.is-open .price-content {
    box-shadow: 0px 0px;
    padding: 30px;
}
button#reset_button_1 {
    display: none;
}

.float-bottom-right {
    background-color: transparent !important;
    box-shadow: 0px 0px;
}
h1.h1.product-detail-name {
    font-family: "Frank Ruhl Libre", Georgia, "Times New Roman", Times, serif !important;
    text-transform: none;
}
.product-quantity #quantity_wanted {
    height: 30px;
    padding: 0px 0px 0px 0px !important;
    border: 0;
}

.product-quantity .input-group-btn-vertical .btn {
    border: 0;
    padding: 0px !important;
    height: 15px;
    width: 15px;
    min-width: 15px;
}


.product-quantity .input-group-btn-vertical {
    height: 30px !important;
}

.product-quantity .input-group-btn-vertical .btn:hover {
    background-color: transparent !important;
    color: black;
}
.product-quantity .input-group {
    width: 45%;
}
.attachment a {
    display: none;
}

.attachment h4 a {
    display: block;
}

form#form_1 {

    padding-bottom: 50px;
}
#header-il {
    z-index: 1000;
}

#index #header-il .elementor-container.elementor-column-gap-default {
    max-height: 107px;
}

.leo-widget p a {
    font-family: 'Poppins' !important;
}

.pts input, .pts button, .pts select, .pts textarea {
    font-family: 'Poppins' !important;
}

#filter_5 .price-select .label {
    font-family: 'Poppins' !important;
}

#filter_5{
  padding-top: 2px!important;
}
.whatsapp-icon-3x {
    filter: invert(1);
}
.menu-item-type-account a {
    padding: 10px !important;
}

.alert-info {
    background-color: #eeeae4;
    padding: 10px !important;
    border: 0;
    color: #000;
}

body#checkout .form-control {
    background-color: transparent !important;
}

#shipping_container .carrier-item-content .delivery_option_logo.wo_image {
    width: 800%;
}

#shipping_container .carrier-item-content .carrier_delay.wo_image {
    width: 20% !important;
}



/*POPPINS FONT CHECKOUT*/

/* ===== Checkout Typography ===== */
#checkout {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  line-height: 1.6;
  color: #333;
}

/* ===== Titles & Headings ===== */
#checkout h1,
#checkout h2,
#checkout h3,
#checkout h4,
#checkout h5,
#checkout h6,
#checkout .woocommerce-checkout-review-order-table thead th,
#checkout .woocommerce-billing-fields > h3,
#checkout .woocommerce-shipping-fields > h3,
#checkout #order_review_heading {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400;
  font-size: 18px !important;
  color: #111;
  text-transform: none;
}

/* ===== Inputs & Buttons ===== */
#checkout input,
#checkout select,
#checkout textarea {
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
}

/* ===== Order summary text ===== */
#checkout .shop_table,
#checkout .shop_table td,
#checkout .shop_table th,
#checkout .woocommerce-checkout-review-order {
  font-size: 12px !important;
  font-family: 'Poppins', sans-serif !important;
}

/* ===== Buttons ===== */
#checkout button,
#checkout .button {
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  text-transform: uppercase;
}


#checkout div {
    font-family: 'Poppins', sans-serif !important;
    letter-spacing: 0;
    font-size: 12px !important;
    font-weight: 400;
}

button#btn_save_customer {
    background-color: #f9f9f9;
    color: #000;
    text-transform: none;
    letter-spacing: 0;
    border: 1px solid #000;
}

div#onepagecheckoutps #panel_addresses_customer .card .card-header {
    background-color: transparent !important;
    border-bottom: 1px solid;
}

div#onepagecheckoutps div#onepagecheckoutps_step_review_container > h5 {
    letter-spacing: 0px;
    text-transform: none;
    font-weight: 400;
}

.alert.alert-info:before{content:none!important}
	
	div#onepagecheckoutps span, div#onepagecheckoutps em, div#onepagecheckoutps label {
    font-family: 'Poppins' !important;
    letter-spacing: 0px;
}

button#btn_place_order {
    background-color: green;
    letter-spacing: 0;
    text-transform: none;
    padding: 10px 80px;
    font-weight: 600;
    border: 0;
    width: 100%;
    margin-top: 10px;
}
#checkout nav.breadcrumb.hidden-sm-down {
    display: none;
}

#authentication section#main {
    padding-top: 150px;
    padding-bottom: 110px;
}
a.elementor-button.elementor-button--checkout.elementor-size-md {
    background-color: #aba293;
	padding: 13px;
}

a.elementor-button.elementor-button--view-cart.elementor-size-md {
    background-color: transparent;
    color: #000 !important;
    border: 1px solid;
    padding: 13px;
}

.elementor-cart__footer-buttons {
    display: flex;
    flex-direction: column;
}

.has-discount .discount {
    display: none !important;
}

.offcanvas-mainnav .menu-title {
    text-transform: none!important;
    font-weight: 500;
}

.off-canvas-button-megamenu .off-canvas-nav:before {
    content: "X" !important;
    font-family: 'Poppins';
    font-size: 30px !important;
    font-weight: 300;
}

.form_1 .rte {
    display: none;
}