/* /public/assets/css/home.css */

:root{
  --home-bg:#f7f3ec;
  --home-panel:#fffdf8;
  --home-panel-2:#fff7ec;
  --home-soft:#f5ead0;
  --home-soft-2:#f1e1cb;
  --home-text:#5a3528;
  --home-text-2:#7a5648;
  --home-accent:#ef5335;
  --home-accent-dark:#d94327;
  --home-green:#7aa61a;
  --home-green-dark:#678d14;
  --home-border:rgba(90,53,40,.10);
  --home-shadow:0 14px 34px rgba(90,53,40,.10);
  --home-shadow-soft:0 8px 22px rgba(90,53,40,.08);
  --home-radius-xl:28px;
  --home-radius-lg:22px;
  --home-radius-md:16px;
  --home-radius-sm:12px;
}

html,
body{
  background:var(--home-bg);
}

body.home-page{
  position:relative;
  color:var(--home-text);
  font-family:'Plus Jakarta Sans',sans-serif;
}

body.home-page::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:520px;
  background:
    radial-gradient(circle at top left, rgba(239,83,53,.10), transparent 34%),
    radial-gradient(circle at top right, rgba(122,166,26,.10), transparent 28%),
    linear-gradient(180deg, #fbf5ec 0%, rgba(251,245,236,0) 100%);
  pointer-events:none;
  z-index:0;
}


body.home-page #header{
  position:relative;
  z-index:2;
}

body.home-page .header{
  background:rgba(255,255,255,.18);
  border-bottom:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 10px 28px rgba(90,53,40,.08);
}

body.home-page .header-inner{
  width:min(100% - 24px, 1120px);
  margin:0 auto;
  min-height:74px;
}

body.home-page .logo-wrap{
  display:inline-flex;
  align-items:center;
}

body.home-page .logo{
  color:var(--home-text);
}

body.home-page .logo-img{
  height:86px;
  filter:drop-shadow(0 4px 14px rgba(90,53,40,.10));
}

body.home-page .nav a{
  color:var(--home-text);
  opacity:1;
}

body.home-page .nav a:hover{
  color:var(--home-accent);
}

@media (min-width: 960px){
  body.home-page .header-inner{
    width:min(100% - 40px, 1120px);
    min-height:78px;
  }

  body.home-page .logo-img{
    height:100px;
  }

  body.home-page .nav{
    gap:20px;
  }
}

.home-main{
  position:relative;
  z-index:1;
  width:100%;
  padding:8px 0 36px;
}

.home-page .section{
  padding:18px 0;
}

.home-page .container{
  width:min(100% - 28px, 1120px);
  margin:0 auto;
}

.home-section-head{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:16px;
}

.home-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:7px 12px;
  border-radius:999px;
  background:var(--home-soft);
  color:var(--home-accent-dark);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-page .section-title{
  margin:0;
  color:var(--home-text);
  font-size:28px;
  line-height:1.05;
  font-weight:800;
}

.home-page p{
  color:var(--home-text-2);
}

/* HERO */

.home-hero{
  position:relative;
  width:min(100% - 18px, 1120px);
  margin:10px auto 14px;
  display:block;
  align-items:stretch;
}

.home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0));
  z-index:0;
  pointer-events:none;
}

.home-topbar{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:84px;
  padding:10px 18px 8px;
  border-radius:24px 24px 0 0;
  background:rgba(247,243,236,.92);
  border:1px solid rgba(90,53,40,.08);
  border-bottom:none;
}

.home-topbar__brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}

.home-topbar__logo{
  display:block;
  height:68px;
  width:auto;
  object-fit:contain;
}

.home-topbar__menu{
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  width:42px;
  height:42px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}

.home-topbar__menu span{
  display:block;
  width:32px;
  height:4px;
  margin-left:auto;
  border-radius:999px;
  background:#9e1f1f;
}

.home-hero__media{
  position:relative;
  z-index:1;
  overflow:hidden;
  min-height:420px;
  height:420px;
  border-radius:0 0 28px 28px;
  box-shadow:var(--home-shadow);
  background:#ead8c6;
}

.home-hero__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to top, rgba(15,8,5,.82) 0%, rgba(15,8,5,.52) 34%, rgba(15,8,5,.16) 68%),
    linear-gradient(to right, rgba(0,0,0,.10), rgba(0,0,0,0) 45%, rgba(0,0,0,.08));
  pointer-events:none;
}

.home-hero__overlay{
  position:absolute;
  inset:auto 0 0 0;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:22px 18px 20px;
}

.home-hero__copy{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.home-hero__copy h1{
  margin:0;
  color:#f4d06f;
  font-size:29px;
  line-height:.98;
  font-weight:800;
  text-transform:uppercase;
}

.home-hero__copy h2{
  margin:0;
  color:#fff;
  font-size:24px;
  line-height:1;
  font-weight:800;
  text-transform:uppercase;
}

.home-hero__copy p{
  margin:4px 0 0;
  color:rgba(255,255,255,.95);
  font-size:15px;
  line-height:1.35;
  font-weight:600;
}

.home-hero__image{
  display:block;
  width:100%;
  height:100%;
  min-height:270px;
  object-fit:cover;
  object-position:center 38%;
}

.home-hero__content{
  display:none;
}

.home-hero__eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:8px 12px;
  border-radius:999px;
  background:#fff0dc;
  color:var(--home-accent-dark);
  font-size:12px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}






.home-hero__content h1{
  margin:0;
}

.home-hero__content p{
  margin:0;
}

.home-hero__actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:0;
}

.home-hero__actions--poster{
  grid-template-columns:1fr;
}

.home-page .btn-primary--poster{
  background:#c91d1d;
  color:#fff;
}

.home-page .btn-primary--poster:hover{
  background:#a81717;
}

.home-page .btn-whatsapp{
  background:#2f6f2f;
  color:#fff;
  border:none;
}

.home-page .btn-whatsapp:hover{
  background:#255b25;
}

.home-page .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 18px;
  border-radius:16px;
  text-decoration:none;
  font-size:14px;
  font-weight:800;
  letter-spacing:.02em;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
  box-shadow:none;
}

.home-page .btn:hover{
  transform:translateY(-1px);
}

.home-page .btn-primary{
  background:var(--home-accent);
  color:#fff;
}

.home-page .btn-primary:hover{
  background:var(--home-accent-dark);
}

.home-page .btn-secondary{
  background:#fff;
  color:var(--home-text);
  border:1px solid rgba(90,53,40,.12);
}

.home-page .btn-secondary:hover{
  background:#fff8f0;
}

/* QUICK ACCESS */

.quick-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.quick-card{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:16px 14px;
  min-height:112px;
  border-radius:20px;
  text-decoration:none;
  background:linear-gradient(180deg, #fffdf8 0%, #fff6ea 100%);
  border:1px solid var(--home-border);
  box-shadow:var(--home-shadow-soft);
}

.quick-card__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:999px;
  background:#fff0dc;
  color:var(--home-accent-dark);
  font-size:14px;
  font-weight:800;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(90,53,40,.05);
}

.quick-card__title{
  color:var(--home-text);
  font-size:15px;
  line-height:1.1;
  font-weight:800;
}

.quick-card__text{
  color:var(--home-text-2);
  font-size:13px;
  line-height:1.35;
}

/* CATEGORY CARDS */

.category-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

.home-card{
  display:block;
  padding:18px 16px;
  border-radius:22px;
  text-decoration:none;
  background:linear-gradient(180deg, #fffdf9 0%, #fff8f1 100%);
  border:1px solid var(--home-border);
  box-shadow:var(--home-shadow-soft);
}

.home-card__top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.home-card__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:999px;
  background:#fff0dc;
  color:var(--home-accent-dark);
  font-size:15px;
  font-weight:800;
  line-height:1;
  flex:0 0 40px;
  box-shadow:inset 0 0 0 1px rgba(90,53,40,.05);
}

.home-card__label{
  margin-bottom:8px;
  color:var(--home-text);
  font-size:17px;
  font-weight:800;
  line-height:1.1;
}

.home-card p{
  margin:0;
  font-size:14px;
  line-height:1.5;
}

/* FEATURED */

.featured-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

.featured-card{
  overflow:hidden;
  border-radius:24px;
  background:var(--home-panel);
  border:1px solid var(--home-border);
  box-shadow:var(--home-shadow-soft);
}

.featured-card img{
  display:block;
  width:100%;
  height:210px;
  object-fit:cover;
  background:#ead8c6;
}

.featured-card__body{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:16px 16px 18px;
}

.featured-card{
  position:relative;
}

.featured-card::after{
  content:"MAS PEDIDO";
  position:absolute;
  top:14px;
  left:14px;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(90,53,40,.78);
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}

.featured-card__body h3{
  margin:0;
  color:var(--home-text);
  font-size:18px;
  line-height:1.15;
  font-weight:800;
}

.featured-card__body p{
  margin:0;
  font-size:14px;
  line-height:1.5;
}

.featured-card__price{
  display:inline-flex;
  width:max-content;
  margin-top:2px;
  padding:8px 12px;
  border-radius:999px;
  background:#fff0dc;
  color:var(--home-accent-dark);
  font-size:14px;
  font-weight:800;
}

/* PROMO */

.promo-banner{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:22px 18px;
  border-radius:28px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.22), transparent 34%),
    linear-gradient(135deg, #ef5335 0%, #f0713c 100%);
  color:#fff;
  box-shadow:0 16px 34px rgba(239,83,53,.24);
}

.promo-banner .home-kicker{
  background:rgba(255,255,255,.18);
  color:#fff;
}

.promo-banner h2{
  margin:0;
  font-size:28px;
  line-height:1.02;
  font-weight:800;
  color:#fff;
}

.promo-banner p{
  margin:0;
  color:rgba(255,255,255,.92);
  font-size:14px;
  line-height:1.55;
}

.promo-banner__bottom{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
}

.promo-banner__bottom strong{
  font-size:28px;
  line-height:1;
  font-weight:800;
}

.promo-banner .btn-primary{
  background:#fff;
  color:var(--home-accent-dark);
}

.promo-banner .btn-primary:hover{
  background:#fff4ec;
}

/* LOCATION */

.location-card{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  padding:16px;
  border-radius:28px;
  background:linear-gradient(180deg, #fffdf8 0%, #fff7ec 100%);
  border:1px solid var(--home-border);
  box-shadow:var(--home-shadow-soft);
}

.location-card__info{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.location-card__info h3{
  margin:0;
  color:var(--home-text);
  font-size:22px;
  line-height:1.06;
  font-weight:800;
}

.location-card__info p{
  margin:0;
  font-size:14px;
  line-height:1.55;
}

.location-card__actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:6px;
}

.location-card__map{
  overflow:hidden;
  min-height:260px;
  border-radius:22px;
  background:#e9ddd1;
}

.location-card__map iframe{
  display:block;
  width:100%;
  height:100%;
  min-height:260px;
  border:0;
}

/* MICRO INTERACTION */

.quick-card:hover,
.home-card:hover,
.featured-card:hover{
  transform:translateY(-2px);
  transition:transform .18s ease, box-shadow .18s ease;
  box-shadow:0 14px 30px rgba(90,53,40,.12);
}

/* TABLET */

@media (min-width: 680px){
  .home-main{
    padding-bottom:42px;
  }

  .home-page .section{
    padding:22px 0;
  }

  .home-hero{
    margin-top:12px;
  }

  .home-topbar{
    min-height:90px;
  }

  .home-topbar__logo{
    height:74px;
  }

  .home-hero__media{
    min-height:500px;
    height:500px;
  }

  .home-hero__image{
    object-position:center 34%;
  }

  .home-hero__copy h1{
    font-size:40px;
  }

  .home-hero__copy h2{
    font-size:31px;
  }

  .home-hero__actions{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .quick-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .category-grid,
  .featured-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .promo-banner{
    padding:26px 24px;
  }

  .promo-banner__bottom{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }
}

/* DESKTOP */

@media (min-width: 960px){
  body.home-page::before{
    height:500px;
  }

  .home-page .container{
    width:min(100% - 40px, 1120px);
  }

  .home-page .section{
    padding:28px 0;
  }

  .home-section-head{
    margin-bottom:18px;
  }

  .home-page .section-title{
    font-size:34px;
  }

  .home-hero{
    width:min(100% - 24px, 1180px);
    margin-top:14px;
  }

  .home-topbar{
    min-height:96px;
    padding:12px 24px 10px;
  }

  .home-topbar__logo{
    height:78px;
  }

  .home-topbar__menu{
    right:24px;
  }

  .home-hero__media,
  .home-hero__image{
    min-height:600px;
  }

  .home-hero__media{
    height:600px;
  }

  .home-hero__image{
    object-position:center 32%;
  }

  .home-hero__overlay{
    padding:28px 26px 26px;
  }

  .home-hero__copy h1{
    font-size:54px;
  }

  .home-hero__copy h2{
    font-size:42px;
  }

  .home-hero__copy p{
    font-size:20px;
  }

  .home-card{
    min-height:154px;
  }

  .featured-card img{
    height:240px;
  }

  .location-card{
    grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr);
    align-items:stretch;
    padding:18px;
  }

  .location-card__map,
  .location-card__map iframe{
    min-height:100%;
  }
}


/* HOME FOOTER REFINEMENT */

body.home-page .footer{
  position:relative;
  z-index:1;
  margin-top:18px;
  padding:28px 0 34px;
  background:transparent;
  border-top:none;
}

body.home-page .footer .container{
  width:min(100% - 24px, 1120px);
  margin:0 auto;
  padding:22px 18px;
  border-radius:24px 24px 0 0;
  background:linear-gradient(180deg, #5f382b 0%, #4c2c22 100%);
  box-shadow:0 14px 32px rgba(90,53,40,.16);
}

body.home-page .footer p{
  margin:0;
  text-align:center;
  color:rgba(255,244,236,.92);
  font-size:14px;
  line-height:1.6;
}

body.home-page .footer p + p{
  margin-top:4px;
}

body.home-page .promo-banner{
  position:relative;
  overflow:hidden;
}

body.home-page .promo-banner::after{
  content:"";
  position:absolute;
  right:-36px;
  bottom:-36px;
  width:120px;
  height:120px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  pointer-events:none;
}

body.home-page .location-card{
  overflow:hidden;
}

body.home-page .location-card__map{
  box-shadow:inset 0 0 0 1px rgba(90,53,40,.06);
}

@media (min-width: 960px){
  body.home-page .footer .container{
    width:min(100% - 40px, 1120px);
    padding:26px 24px;
    border-radius:28px 28px 0 0;
  }

  body.home-page .footer p{
    font-size:15px;
  }
}

/* HERO LOGO GRANDE SOBRE LA IMAGEN */

.home-hero__brand{
  position:absolute;
  top:20px;
  left:50%;
  transform:translateX(-50%);
  z-index:5;
  text-align:center;
}

.home-hero__logo{
  height:110px;
  width:auto;
  display:block;
  margin:auto;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));
}

/* tablet */

@media (min-width:700px){
  .home-hero__logo{
    height:140px;
  }
}

/* desktop */

@media (min-width:1100px){
  .home-hero__logo{
    height:170px;
  }
}


/* HERO FLOATING LOGO FIX */

.home-topbar__brand{
  opacity:0;
  pointer-events:none;
}

.home-hero__media{
  position:relative;
}

.home-hero__floating-logo{
  position:absolute;
  top:16px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  display:block;
  width:auto;
  height:160px;
  object-fit:contain;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.30));
}

@media (min-width: 680px){
  .home-hero__floating-logo{
    top:18px;
    height:200px;
  }
}

@media (min-width: 960px){
  .home-hero__floating-logo{
    top:20px;
    height:240px;
  }
}


/* FEATURED REAL STRIP */

.featured-strip{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:84%;
  gap:14px;
  overflow-x:auto;
  padding:4px 2px 10px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}

.featured-strip::-webkit-scrollbar{
  height:8px;
}

.featured-strip::-webkit-scrollbar-thumb{
  background:rgba(90,53,40,.18);
  border-radius:999px;
}

.featured-card--scroll{
  min-width:0;
  scroll-snap-align:start;
}

.featured-card--scroll img{
  height:200px;
  object-fit:cover;
  object-position:center;
}

.featured-card__stars{
  color:#e0a62f;
  font-size:15px;
  line-height:1;
  letter-spacing:.08em;
  font-weight:800;
}

.featured-card--scroll .featured-card__body{
  gap:10px;
}

.featured-card--scroll .featured-card__price{
  margin-top:2px;
}

@media (min-width: 680px){
  .featured-strip{
    grid-auto-columns:48%;
  }

  .featured-card--scroll img{
    height:220px;
  }
}

@media (min-width: 960px){
  .featured-strip{
    grid-auto-columns:32%;
  }

  .featured-card--scroll img{
    height:230px;
  }
}

/* FEATURED CARDS COMPACT (MAS PEDIDOS) */

.featured-strip{
  grid-auto-columns:78%;
  gap:12px;
}

.featured-card--scroll img{
  height:170px;
}

.featured-card--scroll .featured-card__body{
  padding:10px 12px 12px;
  gap:6px;
}

.featured-card--scroll h3{
  font-size:15px;
  line-height:1.2;
}

.featured-card--scroll p{
  font-size:13px;
  opacity:.85;
  line-height:1.25;
}

.featured-card__price{
  font-size:16px;
  font-weight:800;
  color:#ef5335;
}

@media (min-width:680px){
  .featured-strip{
    grid-auto-columns:44%;
  }
}

@media (min-width:960px){
  .featured-strip{
    grid-auto-columns:30%;
  }
}


/* BOTON VER CARTA */

.featured-card__btn{
display:inline-block;
margin-top:6px;
padding:7px 12px;
font-size:13px;
font-weight:700;
text-decoration:none;
border-radius:10px;
background:#ef5335;
color:#fff;
transition:all .2s ease;
}

.featured-card__btn:hover{
background:#df4329;
}


/* AREPAS CARD BACKGROUND IMAGE FIX */

.home-card--arepas{
  position:relative;
  overflow:hidden;
}

.home-card--arepas::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("/assets/images/composision_arepas.home.png");
  background-size:cover;
  background-position:center;
  opacity:.10;
  pointer-events:none;
  z-index:0;
}

.home-card--arepas > *{
  position:relative;
  z-index:2;
}

/* PATACONES CARD BACKGROUND */

.home-card--patacones{
position:relative;
overflow:hidden;
}

.home-card--patacones::before{
content:"";
position:absolute;
inset:0;

background-image:url("/assets/images/patacon_fondo.png");
background-size:cover;
background-position:center;

opacity:.10;

pointer-events:none;
z-index:0;
}

.home-card--patacones > *{
position:relative;
z-index:2;
}


/* PLATOS CARD BACKGROUND */

.home-card--platos{
position:relative;
overflow:hidden;
}

.home-card--platos::before{
content:"";
position:absolute;
inset:0;

background-image:url("/assets/images/bandeja_09.png");
background-size:cover;
background-position:center;

opacity:.10;

pointer-events:none;
z-index:0;
}

.home-card--platos > *{
position:relative;
z-index:2;
}


/* BEBIDAS CARD BACKGROUND */

.home-card--bebidas{
position:relative;
overflow:hidden;
}

.home-card--bebidas::before{
content:"";
position:absolute;
inset:0;

background-image:url("/assets/images/bebidas.png");
background-size:cover;
background-position:center;

opacity:.10;

pointer-events:none;
z-index:0;
}

.home-card--bebidas > *{
position:relative;
z-index:2;
}


/* MENU DEL DIA BLOCK */

.home-menu-day{
  padding-top:6px;
}

.menu-day-banner{
  align-items:stretch;

  display:grid;
  grid-template-columns:1fr;
  gap:0;
  overflow:hidden;
  border-radius:28px;
  background:linear-gradient(180deg, #fff8f0 0%, #fffdf9 100%);
  border:1px solid rgba(90,53,40,.10);
  box-shadow:0 16px 34px rgba(90,53,40,.10);
}

.menu-day-banner__media{
  position:relative;
  height:160px;
  background:#ead8c6;
}

.menu-day-banner__image{
  display:block;
  width:100%;
  height:160px;
  object-fit:cover;
  object-position:center;
}

.menu-day-banner__content{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:16px 18px 18px;
}

.menu-day-banner .home-kicker{
  background:#fff0dc;
  color:var(--home-accent-dark);
}

.menu-day-banner h2{
  margin:0;
  font-size:28px;
  line-height:1.02;
  font-weight:800;
  color:var(--home-text);
}

.menu-day-banner p{
  margin:0;
  color:var(--home-text-2);
  font-size:14px;
  line-height:1.55;
}

.menu-day-banner__bottom{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
}

.menu-day-banner__bottom strong{
  min-height:1em;
  font-size:28px;
  line-height:1;
  font-weight:800;
  color:var(--home-accent-dark);
}

.menu-day-banner .btn-primary{
  background:var(--home-accent);
  color:#fff;
}

.menu-day-banner .btn-primary:hover{
  background:var(--home-accent-dark);
}

@media (min-width: 680px){
  .menu-day-banner{
  align-items:stretch;

    grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
    align-items:stretch;
  }

  .menu-day-banner__media,
  .menu-day-banner__image{
  display:block;
  width:100%;
  height:160px;
  object-fit:cover;
  object-position:center;
}

  .menu-day-banner__content{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:16px 18px 18px;
}

  .menu-day-banner__bottom{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
  }
}

/* MENU DEL DIA SAFE CROP FIX */

.menu-day-banner{
  align-items:stretch;
}

.menu-day-banner__media{
  position:relative;
  height:160px;
  background:#ead8c6;
}

.menu-day-banner__image{
  display:block;
  width:100%;
  height:160px;
  object-fit:cover;
  object-position:center;
}

@media (min-width: 680px){
  .menu-day-banner__media{
  position:relative;
  height:160px;
  background:#ead8c6;
}

  .menu-day-banner__image{
  display:block;
  width:100%;
  height:160px;
  object-fit:cover;
  object-position:center;
}
}





/* MENU DEL DIA IMAGE FIX */
.menu-day-banner__media{
  height:200px;
  overflow:hidden;
}

.menu-day-banner__image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}


/* HOME PRIVACY BUTTON */
.home-legal-strip{
  padding:8px 0 2px;
}

.home-legal-strip .container{
  display:flex;
  justify-content:center;
}

.home-privacy-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border:1px solid rgba(90,53,40,.14);
  border-radius:999px;
  background:rgba(255,253,248,.92);
  color:var(--home-text);
  font-family:inherit;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:var(--home-shadow-soft);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.home-privacy-trigger:hover{
  transform:translateY(-1px);
  border-color:rgba(239,83,53,.32);
  box-shadow:0 12px 28px rgba(90,53,40,.10);
}

@media (min-width:960px){
  .home-legal-strip{
    padding:10px 0 4px;
  }
}

/* PRIVACY BUTTON REFINED */

.home-legal-strip{
  padding:16px 0 6px;
}

.home-legal-strip .container{
  display:flex;
  justify-content:center;
}

.home-privacy-trigger{
  display:inline-flex;
  align-items:center;
  gap:8px;

  padding:10px 18px;

  border-radius:999px;
  border:1px solid rgba(90,53,40,.12);

  background:linear-gradient(180deg,#fffdf8,#fff4e6);

  color:var(--home-text);

  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.05em;

  cursor:pointer;

  box-shadow:
    0 6px 18px rgba(90,53,40,.08),
    inset 0 1px 0 rgba(255,255,255,.7);

  transition:all .18s ease;
}

.home-privacy-trigger::before{
  content:"🛡";
  font-size:14px;
}

.home-privacy-trigger:hover{
  transform:translateY(-2px);

  border-color:rgba(239,83,53,.30);

  box-shadow:
    0 14px 30px rgba(90,53,40,.14),
    inset 0 1px 0 rgba(255,255,255,.7);
}

.home-privacy-trigger:active{
  transform:translateY(0);
}

@media (min-width:960px){

  .home-privacy-trigger{
    font-size:14px;
    padding:11px 20px;
  }

}

/* PRIVACY BUTTON FINAL STYLE */

.home-legal-strip{
  margin-top:20px;
  padding-top:14px;
  border-top:1px solid rgba(90,53,40,.08);
}

.home-privacy-trigger{
  background:none;
  border:none;

  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:12px;
  font-weight:600;

  letter-spacing:.08em;
  text-transform:uppercase;

  color:var(--home-text-2);

  cursor:pointer;

  transition:all .18s ease;
}

.home-privacy-trigger:hover{
  color:var(--home-accent);
  letter-spacing:.10em;
}

@media (min-width:960px){

  .home-legal-strip{
    margin-top:28px;
  }

  .home-privacy-trigger{
    font-size:13px;
  }

}

/* HOME PRIVACY BUTTON FORCE VISIBLE */

.home-legal-strip{
  display:block !important;
  padding:18px 0 10px !important;
  margin-top:18px !important;
  border-top:1px solid rgba(90,53,40,.10) !important;
}

.home-legal-strip .container{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

.home-privacy-trigger{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 18px !important;
  background:transparent !important;
  border:1px solid rgba(90,53,40,.14) !important;
  border-radius:999px !important;
  color:var(--home-text) !important;
  font-family:'Plus Jakarta Sans',sans-serif !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  box-shadow:0 8px 20px rgba(90,53,40,.08) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.home-privacy-trigger:hover{
  color:var(--home-accent) !important;
  border-color:rgba(239,83,53,.28) !important;
  box-shadow:0 12px 28px rgba(90,53,40,.12) !important;
}

@media (min-width:960px){
  .home-privacy-trigger{
    font-size:13px !important;
    min-height:44px !important;
    padding:0 20px !important;
  }
}

/* HOME FIRST ENTRY PRIVACY POPUP */

.home-privacy-popup{
  position:fixed;
  inset:0;
  z-index:1400;
  display:none;
}

.home-privacy-popup.is-open{
  display:block;
}

.home-privacy-popup__backdrop{
  position:absolute;
  inset:0;
  background:rgba(25,12,8,.56);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.home-privacy-popup__dialog{
  position:relative;
  width:min(calc(100% - 28px), 540px);
  margin:clamp(30px, 7vh, 72px) auto 0;
  padding:22px 18px 18px;
  border-radius:28px;
  background:linear-gradient(180deg,#fffdf8 0%,#fff7ed 100%);
  border:1px solid rgba(90,53,40,.10);
  box-shadow:0 28px 70px rgba(20,10,8,.26);
}

.home-privacy-popup__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:var(--home-soft);
  color:var(--home-accent-dark);
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-privacy-popup__title{
  margin:14px 0 12px;
  color:var(--home-text);
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:29px;
  line-height:1.02;
  font-weight:800;
}

.home-privacy-popup__text{
  margin:0;
  color:var(--home-text-2);
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:14px;
  line-height:1.6;
  font-weight:500;
}

.home-privacy-popup__actions{
  display:flex;
  margin-top:18px;
}

.home-privacy-popup__accept{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:50px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  background:linear-gradient(180deg,var(--home-accent) 0%, var(--home-accent-dark) 100%);
  color:#fff;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 16px 34px rgba(239,83,53,.26);
  transition:transform .18s ease, box-shadow .18s ease;
}

.home-privacy-popup__accept:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 38px rgba(239,83,53,.30);
}

body.home-page.is-privacy-open{
  overflow:hidden;
}

@media (min-width:960px){
  .home-privacy-popup__dialog{
    padding:28px 24px 24px;
    border-radius:30px;
  }

  .home-privacy-popup__title{
    font-size:35px;
    max-width:460px;
  }

  .home-privacy-popup__text{
    font-size:15px;
  }

  .home-privacy-popup__accept{
    width:auto;
    min-width:260px;
  }
}

/* PRIVACY POPUP LEGAL TEXT */

.home-privacy-popup__legal{
  display:block;
  margin-top:8px;
  font-size:13px;
  color:var(--home-text-2);
  line-height:1.5;
}

/* BOTON VER MAS */

.home-privacy-popup__actions{
  display:flex;
  gap:12px;
  align-items:center;
}

.home-privacy-popup__more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(90,53,40,.16);
  background:#fff;
  text-decoration:none;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  color:var(--home-text);
  transition:all .18s ease;
}

.home-privacy-popup__more:hover{
  border-color:var(--home-accent);
  color:var(--home-accent);
}

/* FOOTER CREDIT LOMBANA IDEAS */

.footer-credit{
  margin-top:12px;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.75;
}

.footer-credit a{
  text-decoration:none;
  font-weight:800;
  color:var(--home-accent);
}

.footer-credit a:hover{
  opacity:.85;
}


/* FOOTER CREDIT REFINED FINAL */

.footer-credit{
  margin-top:8px !important;
  font-size:10px !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  opacity:.58 !important;
}

.footer-credit a{
  text-decoration:none !important;
  font-weight:700 !important;
  color:var(--home-accent) !important;
}

.footer-credit a:hover{
  opacity:.82 !important;
}

body.home-page .footer::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("/assets/images/footer_palacio.png");
  background-size:cover;
  background-position:center;
  opacity:.7;
  pointer-events:none;
}

body.home-page .footer .container{
  position:relative;
  z-index:2;
}





/* HOME CATEGORY ICONS */
.home-cat-icon{
  width:18px;
  height:18px;
  object-fit:contain;
}


/* HOME CATEGORY ICON SCALE */
.home-card__icon{
  width:42px !important;
  height:42px !important;
}

.home-card__icon img,
.home-cat-icon{
  width:26px !important;
  height:26px !important;
}


/* HOME CATEGORY ICON SCALE V2 */
.home-card__icon{
  width:56px !important;
  height:56px !important;
}

.home-card__icon img,
.home-cat-icon{
  width:36px !important;
  height:36px !important;
}


/* WHATSAPP ICON BUTTON */
.wa-icon{
  width:18px;
  height:18px;
  margin-right:6px;
  vertical-align:middle;
}


/* REMOVE CARD ARROW SYMBOL */
.home-card::before,
.home-card::after{
  display:none !important;
}


/* HOME MOBILE MENU */
.home-mobile-menu{
  position:fixed;
  inset:0;
  z-index:1600;
  display:none;
}

.home-mobile-menu.is-open{
  display:block;
}

.home-mobile-menu__backdrop{
  position:absolute;
  inset:0;
  background:rgba(20,10,8,.46);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.home-mobile-menu__panel{
  position:absolute;
  top:18px;
  right:14px;
  left:14px;
  padding:18px 16px 16px;
  border-radius:24px;
  background:linear-gradient(180deg,#fffdf8 0%,#fff7ed 100%);
  border:1px solid rgba(90,53,40,.10);
  box-shadow:0 24px 60px rgba(20,10,8,.22);
}

.home-mobile-menu__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.home-mobile-menu__head strong{
  color:var(--home-text);
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-mobile-menu__close{
  width:40px;
  height:40px;
  border:0;
  border-radius:999px;
  background:var(--home-soft);
  color:var(--home-text);
  font-size:28px;
  line-height:1;
  cursor:pointer;
}

.home-mobile-menu__nav{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.home-mobile-menu__nav a{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:0 14px;
  border-radius:16px;
  text-decoration:none;
  background:#fff;
  border:1px solid rgba(90,53,40,.08);
  color:var(--home-text);
  font-size:15px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(90,53,40,.06);
}

.home-mobile-menu__nav a:hover{
  color:var(--home-accent);
}

@media (min-width:900px){
  .home-mobile-menu{
    display:none !important;
  }
}

/* MOBILE MENU SCROLL LOCK */
body.home-page.is-mobile-menu-open{
  overflow:hidden;
}
