.elementor-185 .elementor-element.elementor-element-f0534ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-185 .elementor-element.elementor-element-f0534ab:not(.elementor-motion-effects-element-type-background), .elementor-185 .elementor-element.elementor-element-f0534ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F4ED;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-185 .elementor-element.elementor-element-b8a4a84 .elementor-heading-title{font-family:"Steelfish", Sans-serif;font-size:76px;font-weight:600;color:#1B1919;}.elementor-185 .elementor-element.elementor-element-1e169d8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-185 .elementor-element.elementor-element-1e169d8:not(.elementor-motion-effects-element-type-background), .elementor-185 .elementor-element.elementor-element-1e169d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F4ED;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c1764aa *//* =========================
   DESPLEGABLE MARCAS
========================= */

.marca-header{
display:flex;
align-items:center;
gap:10px;
cursor:pointer;
}

.marca-toggle{
font-size:28px;
font-weight:700;
display:flex;
align-items:center;
}

.marca-content{
height:0;
overflow:hidden;
transition:height .45s cubic-bezier(.4,0,.2,1);
will-change:height;
}

.arrow-down{
width:14px;
height:14px;
border-right:3px solid #000;
border-bottom:3px solid #000;
transform:rotate(45deg);
margin-top:4px;
}


/* =========================
   LAYOUT GENERAL
========================= */

main{
padding-top:100px;
}


/* =========================
   WRAPPER CARRUSEL
========================= */

.carousel-wrapper{
position:relative;
width:100%;
overflow:hidden;
padding:10px 14px;
box-sizing:border-box;
}


/* =========================
   CARRUSEL
========================= */

.carousel{
display:flex;
gap:12px;
overflow-x:auto;
scroll-behavior:smooth;
flex-wrap:nowrap;
cursor:grab;
align-items:stretch;
}

.carousel.dragging{
cursor:grabbing;
}

.carousel::-webkit-scrollbar{
display:none;
}


/* =========================
   TARJETAS
========================= */

.card{
width:190px;
border-radius:8px;
overflow:hidden;
flex-shrink:0;
background:#4a4643;
cursor:pointer;
display:flex;
flex-direction:column;
height:auto;
}


/* =========================
   IMAGEN
========================= */

.card-img{
width:100%;
height:170px;
overflow:hidden;
}

.card-img img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}


/* =========================
   TEXTO TARJETA
========================= */

.card-text{
padding:10px;
color:#f5f4ed;
font-family:"Steelfish",sans-serif;
font-weight:700;
display:flex;
flex-direction:column;
gap:4px;
}

.card-title{
font-size:40px;
text-transform:uppercase;
line-height:0.9;
word-break:break-word;
}

.card-sub{
font-size:20px;
text-transform:uppercase;
font-family:"Helvetica",sans-serif;
font-weight:300;
line-height:1.1;
min-height:22px;
}


/* =========================
   FOOTER TARJETA
========================= */

.card-footer{
margin-top:auto;
padding:0 10px 12px 10px;
}

.card-price{
font-size:32px;
margin-top:4px;
font-family:"Steelfish",sans-serif;
color:#F5F4ED;
}


/* =========================
   ALERGENOS
========================= */

.card-alergenos{
display:flex;
flex-wrap:wrap;
gap:4px;
margin-top:auto;
min-height:36px;
}

.card-alergenos img{
width:32px;
height:32px;
object-fit:contain;
}


/* =========================
   FLECHAS CARRUSEL
========================= */

.carousel-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
z-index:5;
}

.arrow-left{
left:30px;
display:none;
}

.arrow-right{
right:30px;
}

.arrow{
width:40px;
height:40px;
border-top:3px solid white;
border-right:3px solid white;
transform:rotate(45deg);
}

.arrow-left .arrow{
transform:rotate(-135deg);
}


/* =========================
   TITULOS MARCA
========================= */

.marca-header{
margin-bottom:20px;
}

.marca-title{
font-size:42px;
text-transform:uppercase;
font-family:"Steelfish",sans-serif;
margin-bottom:10px;
}

.marca-divider{
height:2px;
background:#000;
margin-bottom:30px;
}


/* =========================
   TITULOS CATEGORIA
========================= */

.categoria-title{
width:100%;
font-size:28px;
margin-top:20px;
margin-bottom:0;
font-family:"Helvetica",sans-serif;
text-transform:uppercase;
}


/* =========================
   POPUP OVERLAY
========================= */

#popup-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,.65);
z-index:9999;
display:flex;
align-items:flex-end;
justify-content:center;
opacity:0;
pointer-events:none;
transition:opacity .3s ease;
}

#popup-overlay.active{
opacity:1;
pointer-events:auto;
}


/* =========================
   POPUP BOX
========================= */

#popup-box{
width:100%;
max-width:720px;
background:#4a4643;
color:#f5f4ed;
border-radius:36px 36px 0 0;
padding:36px 28px 24px;
position:relative;
transform:translateY(100%);
transition:transform .35s cubic-bezier(.4,0,.2,1);

/* altura máxima y scroll */
max-height:85vh;
overflow-y:auto;
}

#popup-overlay.active #popup-box{
transform:translateY(0);
}


/* =========================
   CLOSE
========================= */

#popup-close{
position:absolute;
top:22px;
right:24px;
background:none;
border:none;
font-size:34px;
color:#f5f4ed;
cursor:pointer;
}


/* =========================
   HEADER
========================= */

#popup-header{
display:flex;
flex-direction:column;
gap:6px;
}

#popup-title{
font-family:"Steelfish",sans-serif;
font-size:82px;
line-height:.85;
letter-spacing:1px;
text-transform:uppercase;
}

#popup-price{
font-family:"Steelfish",sans-serif;
font-size:36px;
}


/* =========================
   DIVIDER
========================= */

.popup-divider{
height:2px;
background:#e9e7e1;
margin:22px 0;
}


/* =========================
   BODY POPUP
========================= */

#popup-body{
display:grid;
grid-template-columns:200px 1fr;
gap:26px;
align-items:start;
}

#popup-img{
width:200px;
height:200px;
object-fit:cover;
border-radius:18px;
grid-row:1 / span 2;
}

#popup-description{
font-family:"Helvetica",sans-serif;
font-size:22px;
line-height:1.5;
}


/* =========================
   SUBTITULO
========================= */

#popup-subtitle{
font-family:"Helvetica",sans-serif;
font-size:24px;
opacity:.85;
}


/* =========================
   ALERGENOS
========================= */

#popup-alergenos-section{
margin-top:36px;
}

.popup-alergenos-title{
font-family:"Helvetica",sans-serif;
font-size:24px;
margin-bottom:14px;
}

#popup-alergenos{
display:grid;
grid-template-columns:repeat(2,auto);
gap:18px 26px;
padding-bottom:20px;
}

#popup-alergenos img{
width:40px;
height:40px;
}

.popup-alergeno{
display:flex;
align-items:center;
gap:10px;
}

.popup-alergeno span{
font-family:"Helvetica",sans-serif;
font-size:18px;
}


/* =========================
   MOBILE
========================= */

@media (max-width:600px){

#popup-box{
width:100%;
max-width:none;
border-radius:32px 32px 0 0;
}

#popup-body{
grid-template-columns:1fr;
}

#popup-img{
width:100%;
height:200px;
grid-row:auto;
}

#popup-title{
font-size:72px;
}

}


/* =========================
   DESKTOP
========================= */

@media (min-width:1024px){

#popup-overlay{
align-items:center;
justify-content:center;
}

#popup-box{
max-width:900px;
border-radius:30px;
padding:40px 40px 30px;
}

#popup-title{
font-size:110px;
line-height:.8;
}

#popup-price{
font-size:44px;
}

#popup-img{
width:230px;
height:230px;
}

#popup-description{
font-size:24px;
}

#popup-alergenos{
grid-template-columns:repeat(3,auto);
gap:18px 30px;
}

.popup-alergeno span{
font-size:20px;
}

}


/* =========================
   HEADER MARCA
========================= */

.marca-header{
display:flex;
justify-content:space-between;
align-items:center;
position:relative;
}

.marca-header-left{
display:flex;
align-items:center;
gap:20px;
}

.marca-header img{
width:175px;
}/* End custom CSS */
/* Start custom CSS */body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


img {
  -webkit-user-drag: none;
  user-drag: none;
  pointer-events: none;
}/* End custom CSS */