/*
Theme Name: Milongas
Theme URI: https://www.restaurantemilongas.es/
Description: Tema hijo de GeneratePress para Milongas — asador argentino en Sevilla. Sistema de diseño propio.
Author: Milongas
Template: generatepress
Version: 1.0.0
Text Domain: milongas
*/

/* ============================================================
   MILONGAS · SISTEMA DE DISEÑO
   Asador argentino · estética oscura + rojo brasa
   ============================================================ */
:root{
  --mil-black:#0d0d0d;
  --mil-ink:#141414;
  --mil-red:#9b000e;
  --mil-red-dark:#7a000b;
  --mil-cream:#f5f2ee;
  --mil-cream-2:#efe9e1;
  --mil-white:#ffffff;
  --mil-grey:#cfcfcf;
  --mil-muted:rgba(255,255,255,.62);
  --mil-line:rgba(255,255,255,.16);
  --f-display:"Vast Shadow", serif;
  --f-serif:"Playfair Display", Georgia, serif;
  --f-body:"Cairo", "Segoe UI", sans-serif;
  --f-round:"Varela Round", sans-serif;
  --mil-wrap:1180px;
}

/* ---------- BASE ---------- */
body{ font-family:var(--f-body); color:var(--mil-ink); background:var(--mil-cream); line-height:1.7; }
.site-content{ background:var(--mil-cream); }
h1,h2,h3,h4,h5,h6{ font-family:var(--f-serif); line-height:1.25; }
a{ color:var(--mil-red); }
img{ max-width:100%; height:auto; }

/* Quitar márgenes raros del contenedor GP en páginas full-design */
.mil-page .entry-content{ margin:0; }
.mil-page .inside-article{ padding:0; }
.mil-page .entry-header{ display:none; }

/* Contenedor centrado reutilizable */
.mil-wrap{ max-width:var(--mil-wrap); margin:0 auto; padding:0 24px; }

/* ---------- ETIQUETA / EYEBROW ---------- */
.mil-eyebrow{
  display:inline-block; font-family:var(--f-body); font-weight:900;
  letter-spacing:.28em; text-transform:uppercase; font-size:.72rem;
  color:var(--mil-red);
}
.mil-eyebrow--light{ color:#e7b9bd; }

/* ---------- BOTONES ---------- */
.mil-btn{
  display:inline-block; font-family:var(--f-body); font-weight:700;
  letter-spacing:.12em; text-transform:uppercase; font-size:.82rem;
  padding:15px 34px; background:var(--mil-black); color:#fff !important;
  border:none; text-decoration:none; cursor:pointer; transition:.2s ease;
}
.mil-btn:hover{ background:var(--mil-red); color:#fff !important; }
.mil-btn--red{ background:var(--mil-red); }
.mil-btn--red:hover{ background:var(--mil-black); }
.mil-btn--ghost{ background:transparent; border:1px solid #fff; }
.mil-btn--ghost:hover{ background:#fff; color:var(--mil-black) !important; }
.mil-btn-row{ display:flex; flex-wrap:wrap; gap:14px; }
.mil-btn-row.is-center{ justify-content:center; }

/* ---------- SECCIONES ---------- */
.mil-section{ padding:84px 0; }
.mil-section--dark{ background:var(--mil-black); color:#fff; }
.mil-section--ink{ background:var(--mil-ink); color:#fff; }
.mil-section--cream{ background:var(--mil-cream); }
.mil-section--tight{ padding:56px 0; }
.mil-section--dark h1,.mil-section--dark h2,.mil-section--dark h3,
.mil-section--ink h1,.mil-section--ink h2,.mil-section--ink h3{ color:#fff; }

.mil-head{ text-align:center; max-width:760px; margin:0 auto 48px; }
.mil-head h2{ font-size:clamp(2rem,4vw,3.2rem); margin:.3em 0 .2em; }
.mil-head p{ color:inherit; opacity:.85; }
.mil-section--cream .mil-head p{ color:#5a5450; opacity:1; }

/* ---------- HERO ---------- */
.mil-hero{
  position:relative; min-height:78vh; display:flex; align-items:center;
  justify-content:center; text-align:center; color:#fff;
  background:#000 center/cover no-repeat;
}
.mil-hero::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(ellipse at bottom right, rgba(0,0,0,.5) 30%, #000 100%);
  opacity:.92;
}
.mil-hero__inner{ position:relative; z-index:2; padding:90px 24px; max-width:880px; }
.mil-hero__eyebrow{
  font-family:var(--f-body); font-weight:900; letter-spacing:.5em;
  text-transform:uppercase; font-size:.95rem; display:block; margin-bottom:18px;
  text-shadow:0 2px 14px rgba(0,0,0,.8);
}
.mil-hero__title{
  font-family:var(--f-serif); font-weight:900;
  font-size:clamp(2.2rem,5.2vw,4rem); line-height:1.12; margin:0 0 .25em;
  text-shadow:0 6px 26px rgba(0,0,0,.85);
}
.mil-hero__title--display{
  font-family:var(--f-display); font-weight:400;
  font-size:clamp(2.6rem,7vw,5.2rem); letter-spacing:.02em;
}
.mil-hero__sub{
  font-family:var(--f-body); font-weight:700; letter-spacing:.34em;
  text-transform:uppercase; font-size:.9rem; opacity:.92; margin-bottom:32px;
}

/* ---------- TIRA DE CARACTERÍSTICAS (parrilla / vinos / punto) ---------- */
.mil-features{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--mil-line); }
.mil-features .feat{ background:var(--mil-black); padding:30px 18px; text-align:center; }
.mil-features .feat h5{ font-family:var(--f-body); font-weight:900; letter-spacing:.06em; color:#fff; font-size:1rem; margin:0 0 4px; }
.mil-features .feat span{ color:var(--mil-red); font-weight:700; font-size:.85rem; letter-spacing:.04em; }

/* ---------- TARJETAS DE RESTAURANTE ---------- */
.mil-cards{ display:grid; grid-template-columns:repeat(2,1fr); gap:28px; }
.mil-card{ background:#fff; overflow:hidden; box-shadow:0 18px 40px rgba(0,0,0,.10); }
.mil-card__img{ aspect-ratio:16/10; background:#222 center/cover no-repeat; }
.mil-card__body{ padding:28px; text-align:center; }
.mil-card__body h3{ font-size:1.7rem; margin:.1em 0 .3em; }
.mil-card__meta{ color:#6a6460; font-size:.92rem; margin-bottom:18px; }

/* ---------- BLOQUES DE CONTACTO / BLURB ---------- */
.mil-blurbs{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; text-align:center; }
.mil-blurb{ padding:14px; }
.mil-blurb .ic{ font-size:1.8rem; color:var(--mil-red); margin-bottom:8px; }
.mil-blurb h4{ font-family:var(--f-round); font-size:1.15rem; margin:0 0 4px; color:inherit; }
.mil-blurb a{ color:inherit; text-decoration:none; }

/* ---------- INSIGNIA VALORACIÓN GOOGLE ---------- */
.mil-gbadge{ display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;
  background:#fff; border:1px solid #e6ddd3; box-shadow:0 8px 24px rgba(0,0,0,.07);
  max-width:520px; margin:0 auto; padding:14px 22px; border-radius:40px; font-family:var(--f-body); }
.mil-gstars{ color:#f4b400; letter-spacing:2px; font-size:1.1rem; }
.mil-grate{ font-family:var(--f-serif); font-weight:700; font-size:1.3rem; color:var(--mil-ink); }
.mil-gtxt{ color:#6a6460; font-size:.92rem; }

/* ---------- HORARIOS ---------- */
.mil-hours{ max-width:480px; margin:0 auto; width:100%; }
.mil-hours li{ display:flex; justify-content:space-between; gap:16px; padding:9px 4px; border-bottom:1px solid var(--mil-line); list-style:none; }
.mil-hours li span:first-child{ font-weight:700; }
.mil-hours li.closed span:last-child{ color:var(--mil-red); font-weight:700; }
.mil-hours ul{ margin:0; padding:0; }
.mil-hours--big li{ padding:16px 4px; font-size:1.25rem; }
.mil-hours--big li span:first-child{ font-weight:700; }
.mil-hours--big li span:last-child{ font-family:var(--f-serif); }

/* ---------- GALERÍA ---------- */
.mil-gallery{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.mil-gallery .g{ aspect-ratio:1/1; background:#222 center/cover no-repeat; }
.mil-gallery img{ width:100%; aspect-ratio:1/1; object-fit:cover; display:block; border-radius:2px; }

/* ---------- BADGES (tripadvisor) ---------- */
.mil-badges{ display:flex; flex-wrap:wrap; gap:22px; justify-content:center; align-items:center; }
.mil-badges img{ height:96px; width:auto; }

/* ---------- FAQ ---------- */
.mil-faq{ max-width:820px; }
.mil-faq__item{ background:#fff; border:1px solid #e6ddd3; border-radius:6px; margin-bottom:12px; padding:0 22px; }
.mil-faq__item summary{ cursor:pointer; font-weight:700; font-family:var(--f-serif); font-size:1.12rem; padding:18px 28px 18px 0; list-style:none; position:relative; }
.mil-faq__item summary::-webkit-details-marker{ display:none; }
.mil-faq__item summary::after{ content:'+'; position:absolute; right:0; top:16px; color:var(--mil-red); font-size:1.5rem; line-height:1; }
.mil-faq__item[open] summary::after{ content:'\2013'; }
.mil-faq__a{ padding:0 0 18px; color:#5a5450; line-height:1.7; }

/* ---------- CTA ---------- */
.mil-cta{ background:var(--mil-red); color:#fff; text-align:center; padding:70px 24px; }
.mil-cta h2{ color:#fff; font-size:clamp(1.8rem,3.5vw,2.8rem); margin:0 0 .4em; }
.mil-cta .mil-btn{ background:#fff; color:var(--mil-red) !important; }
.mil-cta .mil-btn:hover{ background:var(--mil-black); color:#fff !important; }

/* ---------- RESERVAS (CoverManager) ---------- */
.mil-reserve{ max-width:880px; margin:0 auto; }
.mil-reserve iframe{ width:100%; min-height:620px; border:0; background:#fff; }

/* ---------- CARTA / MENÚ ---------- */
.mil-menu-cat{ margin:0 auto 46px; max-width:760px; }
.mil-menu-cat > h3{ text-align:center; font-size:1.9rem; color:var(--mil-red); margin-bottom:6px; }
.mil-menu-cat__rule{ width:60px; height:3px; background:var(--mil-red); margin:0 auto 26px; }
.mil-dish{ display:flex; justify-content:space-between; gap:16px; align-items:baseline; padding:12px 0; border-bottom:1px dashed rgba(0,0,0,.14); }
.mil-dish__name{ font-weight:700; }
.mil-dish__desc{ display:block; font-weight:400; font-size:.9rem; color:#6a6460; }
.mil-dish__price{ font-family:var(--f-serif); font-weight:700; color:var(--mil-red); white-space:nowrap; }

/* ---------- PÁGINAS LEGALES / TEXTO ---------- */
.mil-prose{ max-width:820px; margin:0 auto; }
.mil-prose h2{ font-size:1.6rem; margin:1.4em 0 .4em; }
.mil-prose h3{ font-size:1.25rem; margin:1.2em 0 .3em; }
.mil-prose ul{ padding-left:1.2em; }

/* ---------- FORMULARIO ---------- */
.mil-form-wrap{ max-width:760px; margin:0 auto; }
.mil-form .hp{ position:absolute; left:-9999px; }
.mil-form-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.mil-form label{ display:block; font-weight:700; font-size:.85rem; letter-spacing:.04em; }
.mil-form input,.mil-form select,.mil-form textarea{
  width:100%; margin-top:6px; padding:11px 12px; border:1px solid #cfc7bf;
  background:#fff; font-family:var(--f-body); font-weight:400; font-size:1rem;
}
.mil-form-radio{ border:1px solid #cfc7bf; padding:12px 16px; margin:16px 0; }
.mil-form-radio legend{ font-weight:700; padding:0 6px; }
.mil-form-radio label{ display:inline-block; margin-right:22px; font-weight:400; }
.mil-form-radio input{ width:auto; margin:0 6px 0 0; display:inline; }
.mil-form-full{ display:block; margin:6px 0 18px; }
.mil-form button{ margin-top:6px; }
.mil-form-ok{ background:#e7f4e8; border:1px solid #28a745; color:#1c6b2c; padding:16px 18px; margin-bottom:22px; font-weight:600; }
@media (max-width:560px){ .mil-form-grid{ grid-template-columns:1fr; } }

/* ============================================================
   BLOG
   ============================================================ */
.blog .site-content, .archive .site-content, .single-post .site-content{ background:var(--mil-cream); }
.single-post .entry-content{ max-width:760px; margin-left:auto; margin-right:auto; font-size:1.05rem; }
.single-post .entry-content p{ margin:0 0 1.2em; }
.single-post .entry-content h2{ font-size:1.7rem; margin:1.5em 0 .4em; }
.single-post .entry-content h3{ font-size:1.3rem; margin:1.3em 0 .3em; }
.single-post .entry-content img{ border-radius:4px; height:auto; }
.single-post .entry-title, .blog .entry-title, .archive .entry-title{ font-family:var(--f-serif); }
.single-post .featured-image, .single-post .post-image{ max-width:900px; margin:0 auto 24px; }
.single-post .featured-image img, .single-post .post-image img{ border-radius:6px; width:100%; object-fit:cover; }
/* archivo: tarjetas */
.blog article.post, .archive article.post{ background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.07); margin-bottom:34px; overflow:hidden; border-radius:4px; }
.blog article.post .inside-article, .archive article.post .inside-article{ padding:26px; }
.blog .post-image, .archive .post-image{ margin:0; }
.blog .post-image img, .archive .post-image img{ width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.blog .entry-title, .archive .entry-title{ font-size:1.5rem; margin:.2em 0; }
.page-header-image-single{ display:none; }

/* ============================================================
   CABECERA + NAVEGACIÓN (GeneratePress)
   ============================================================ */
.site-header{ background:var(--mil-black); }
.site-header .inside-header{ padding-top:10px; padding-bottom:10px; }
.site-logo img,.custom-logo,.header-image{ max-height:60px; width:auto; transition:max-height .2s; }
@media (min-width:769px){
  .site-header .inside-header{ padding-top:5px; padding-bottom:5px; }
  .site-logo img,.custom-logo,.header-image{ max-height:48px; }
}
/* Con logo, ocultamos el texto del título y la descripción */
.site-branding .main-title,.site-description{ display:none; }
.main-navigation{ background:var(--mil-black); }
.main-navigation .main-nav ul li a{
  font-family:var(--f-body); font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; font-size:.8rem; color:#fff;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item a{ color:var(--mil-red); }
.main-navigation .main-nav ul li.menu-item-has-children > a{ }
.main-navigation ul ul{ background:var(--mil-ink); }
.main-navigation .main-nav ul ul li a{ font-size:.78rem; }
.site-logo img,.header-image{ max-height:64px; width:auto; }
.site-branding .site-title{ font-family:var(--f-display); }
.site-branding a{ color:#fff; }
/* conmutador de idiomas — pastilla flotante arriba a la derecha */
.mil-lang{
  position:fixed; top:16px; right:18px; z-index:9999;
  display:flex; align-items:center; gap:9px; list-style:none; margin:0; padding:7px 12px;
  background:rgba(13,13,13,.72); border:1px solid rgba(255,255,255,.18); border-radius:30px;
  backdrop-filter:blur(4px);
}
.mil-lang li{ margin:0; }
.mil-lang a{ display:block; opacity:.6; transition:.2s; }
.mil-lang a:hover,.mil-lang .current-lang a{ opacity:1; }
.mil-lang .current-lang a{ outline:2px solid var(--mil-red); outline-offset:1px; border-radius:2px; }
.mil-lang img{ width:24px; height:auto; display:block; border-radius:2px; }
.mil-lang-wrap{ display:contents; }

/* botón reservar en menú */
.main-navigation .main-nav ul li.mil-nav-cta a{ background:var(--mil-red); color:#fff; margin:6px 0; }
.main-navigation .main-nav ul li.mil-nav-cta a:hover{ background:#fff; color:var(--mil-red); }

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer,.footer-widgets{ background:var(--mil-black); color:var(--mil-muted); }
.site-footer .footer-widget-area .widget-title,
.footer-widgets .widget-title{ color:#fff; font-family:var(--f-serif); font-size:1.15rem; }
.site-info{ background:var(--mil-ink); color:var(--mil-muted); padding:0; }
.site-info .inside-site-info{ padding:0; max-width:none; }
.footer-widgets a,.site-info a{ color:var(--mil-grey); text-decoration:none; }
.footer-widgets a:hover{ color:var(--mil-red); }

/* Footer personalizado */
.mil-footer{ background:var(--mil-black); color:var(--mil-muted); }
.mil-footer__grid{ display:grid; grid-template-columns:1.4fr 1fr 1.3fr; gap:40px; padding:60px 24px 40px; text-align:left; }
.mil-footer__brand{ font-family:var(--f-display); font-size:1.9rem; color:#fff; margin-bottom:12px; }
.mil-footer h4{ color:#fff; font-family:var(--f-serif); font-size:1.15rem; margin:0 0 14px; }
.mil-footer ul{ list-style:none; margin:0; padding:0; }
.mil-footer li{ margin:0 0 8px; }
.mil-footer p{ margin:0 0 14px; font-size:.92rem; line-height:1.7; }
.mil-footer__social{ display:flex; gap:18px; margin-top:14px; }
.mil-footer__social a{ font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:.78rem; color:#fff; }
.mil-footer__social a:hover{ color:var(--mil-red); }
.mil-footer__bar{ border-top:1px solid var(--mil-line); padding:20px 24px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:.82rem; max-width:1180px; margin:0 auto; }
.mil-footer__legal{ display:flex; gap:16px; flex-wrap:wrap; }
@media (max-width:900px){ .mil-footer__grid{ grid-template-columns:1fr; gap:28px; } .mil-footer__bar{ flex-direction:column; } }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:900px){
  .mil-cards,.mil-blurbs{ grid-template-columns:1fr; }
  .mil-features{ grid-template-columns:repeat(2,1fr); }
  .mil-gallery{ grid-template-columns:repeat(2,1fr); }
  .mil-section{ padding:60px 0; }
}
@media (max-width:560px){
  .mil-features{ grid-template-columns:1fr; }
  .mil-badges img{ height:70px; }
}
/* HAVEN-LAYER-START */
/* Archivo italic 400 latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-italic-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo italic 400 latin */
@font-face {
  font-family: 'Archivo';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-italic-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Archivo italic 500 latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-italic-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo italic 500 latin */
@font-face {
  font-family: 'Archivo';
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-italic-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Archivo italic 600 latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: italic;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-italic-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo italic 600 latin */
@font-face {
  font-family: 'Archivo';
  font-style: italic;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-italic-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Archivo italic 700 latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-italic-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo italic 700 latin */
@font-face {
  font-family: 'Archivo';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-italic-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Archivo normal 400 latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo normal 400 latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Archivo normal 500 latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-normal-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo normal 500 latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-normal-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Archivo normal 600 latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-normal-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo normal 600 latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-normal-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Archivo normal 700 latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-normal-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo normal 700 latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-normal-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Archivo normal 800 latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-normal-800-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo normal 800 latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-normal-800-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Archivo Black normal 400 latin-ext */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-black-normal-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Archivo Black normal 400 latin */
@font-face {
  font-family: 'Archivo Black';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/archivo-black-normal-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Caveat normal 600 latin-ext */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/caveat-normal-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Caveat normal 600 latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/caveat-normal-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Caveat normal 700 latin-ext */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/caveat-normal-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Caveat normal 700 latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/wp-content/themes/milongas/fonts/caveat-normal-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ============================================================
   MILONGAS · CAPA EDITORIAL "HAVEN" (sobre el sistema dark+rojo de marca)
   Tipografia Archivo/Caveat, hero wordmark, titulares en italica, pastillas.
   Se carga DESPUES de style.css -> sobrescribe. Colores de marca intactos.
   ============================================================ */
:root{
  --f-display:"Caveat", cursive;          /* acentos manuscritos */
  --f-serif:"Archivo", system-ui, sans-serif; /* titulares (en italica) */
  --f-body:"Archivo", system-ui, sans-serif;  /* cuerpo */
  --f-round:"Archivo", system-ui, sans-serif;
  --f-black:"Archivo Black", system-ui, sans-serif;
}
body{ font-family:var(--f-body); letter-spacing:-.005em; }
h1,h2,h3,h4,h5,h6{ font-family:var(--f-serif); font-weight:800; letter-spacing:-.015em; }
/* titulares grandes en italica (firma editorial) */
.mil-head h2,.mil-hero__title,.mil-cta h2,.mil-card__body h3,.single-post .entry-title,
.mil-prose h2,.mil-menu-cat>h3{ font-style:italic; }
.mil-head h2{ font-size:clamp(2.2rem,4.6vw,3.8rem); line-height:1.05; }

/* eyebrow: mas espaciado */
.mil-eyebrow{ font-family:var(--f-body); font-weight:800; letter-spacing:.3em; }
/* acento manuscrito reutilizable */
.mil-script{ font-family:var(--f-display); font-weight:700; line-height:.9;
  font-size:clamp(2.6rem,6.5vw,5rem); color:var(--mil-red); display:block;
  transform:rotate(-3deg); margin:.1em 0; font-style:normal; letter-spacing:0; }
.mil-section--dark .mil-script,.mil-section--ink .mil-script{ color:#fff; }
.mil-cta .mil-script{ color:#fff; }

/* botones -> PASTILLA */
.mil-btn{ border-radius:50px; padding:15px 32px; }

/* secciones: separacion ajustada (menos hueco vertical) */
.mil-section{ padding:44px 0; }
.mil-section--tight{ padding:26px 0; }
.mil-head{ margin-bottom:22px; }

/* ---------- HERO WORDMARK (home) ---------- */
.mil-wordmark{
  position:relative; background:var(--mil-cream); color:var(--mil-ink);
  min-height:72vh; display:flex; flex-direction:column; align-items:center;
  justify-content:center; text-align:center; padding:40px 30px 52px; overflow:hidden;
}
.mil-wordmark::before{ content:""; position:absolute; left:50%; top:46%; width:120vw; height:62vh;
  transform:translate(-50%,-50%); background:radial-gradient(ellipse, rgba(155,0,14,.06), transparent 62%); pointer-events:none; }
.mil-wordmark__eye{ position:relative; font-family:var(--f-body); font-weight:800; letter-spacing:.34em;
  text-transform:uppercase; font-size:.82rem; color:var(--mil-red); margin-bottom:12px; }
.mil-word{ position:relative; display:flex; justify-content:center; align-items:center; gap:0; margin:0;
  font-family:var(--f-black); font-weight:400; font-size:clamp(3rem,13.4vw,12.5rem);
  line-height:.78; letter-spacing:-.045em; max-width:100%; }
.mil-word span{ -webkit-background-clip:text; background-clip:text; color:transparent;
  background-size:cover; background-position:center; background-repeat:no-repeat;
  opacity:0; transform:translateY(38px); animation:milrise .8s cubic-bezier(.2,.8,.2,1) forwards; }
/* IMAGEN UNICA generada (degradado cruda IZQ -> hecha DER) repartida por las 8 letras */
.mil-word span{ background-image:url('/wp-content/uploads/2026/06/carne-vacuno-de-cruda-a-la-brasa-milongas-sevilla.webp') !important; }
.mil-word span:nth-child(1){ background-position:0% 50%;   animation-delay:.2s; }
.mil-word span:nth-child(2){ background-position:14% 50%;  animation-delay:.27s; }
.mil-word span:nth-child(3){ background-position:28% 50%;  animation-delay:.34s; }
.mil-word span:nth-child(4){ background-position:43% 50%;  animation-delay:.41s; }
.mil-word span:nth-child(5){ background-position:57% 50%;  animation-delay:.48s; }
.mil-word span:nth-child(6){ background-position:71% 50%;  animation-delay:.55s; }
.mil-word span:nth-child(7){ background-position:85% 50%;  animation-delay:.62s; }
.mil-word span:nth-child(8){ background-position:100% 50%; animation-delay:.69s; }
.mil-wordmark__tag{ position:relative; font-family:var(--f-display); font-weight:700;
  font-size:clamp(2rem,6vw,4.2rem); color:var(--mil-red); margin-top:-.05em; transform:rotate(-3deg);
  opacity:0; animation:milfade 1s 1s forwards; }
.mil-wordmark__sub{ position:relative; margin-top:22px; font-weight:600; letter-spacing:.06em;
  color:rgba(20,20,20,.6); opacity:0; animation:milfade 1s 1.15s forwards; }
.mil-wordmark .mil-btn-row{ position:relative; margin-top:30px; opacity:0; animation:milfade 1s 1.3s forwards; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px; width:100%; }
/* "Ver la carta" visible sobre el crema (borde+texto oscuros, no blanco) */
.mil-wordmark .mil-btn--ghost{ background:transparent; border:1.5px solid var(--mil-ink) !important; color:var(--mil-ink) !important; }
.mil-wordmark .mil-btn--ghost:hover{ background:var(--mil-ink) !important; color:#fff !important; }
@keyframes milrise{ to{ opacity:1; transform:translateY(0); } }
@keyframes milfade{ to{ opacity:1; } }

/* ---------- HERO interiores (no-home) ---------- */
.mil-hero__eyebrow{ letter-spacing:.34em; font-weight:800; }
.mil-hero__title{ font-style:italic; }

/* ---------- TARJETAS ---------- */
.mil-card{ border-radius:10px; box-shadow:0 22px 48px rgba(0,0,0,.12); overflow:hidden; }
.mil-card__img{ aspect-ratio:16/11; display:block; }
/* imagen de la tarjeta como enlace al local (clicable + zoom sutil al pasar) */
a.mil-card__img{ cursor:pointer; transition:transform .5s ease; }
a.mil-card__img:hover{ transform:scale(1.045); }

/* ---------- CABECERA (GP) sticky + COMPACTA (~mitad de altura) ---------- */
.site-header{ position:sticky; top:0; z-index:200; background:var(--mil-black); }
.site-header .inside-header{ padding-top:5px !important; padding-bottom:5px !important; }
.site-logo img,.custom-logo,.header-image{ max-height:60px !important; width:auto !important; }
/* fila de navegacion mas baja (era ~86px) */
.main-navigation .main-nav ul li a{ line-height:1.25 !important; padding-top:11px !important; padding-bottom:11px !important; font-size:.78rem !important; letter-spacing:.1em; }
.main-navigation .main-nav ul ul li a{ padding-top:9px !important; padding-bottom:9px !important; font-size:.76rem !important; }
/* pastilla Reservar (CTA primaria, se mantiene destacada) */
.main-navigation .main-nav ul li.mil-nav-cta a{ border-radius:50px; padding:8px 24px !important; margin:3px 0; background:var(--mil-red); }
.main-navigation .main-nav ul li.mil-nav-cta a:hover{ background:#fff; color:var(--mil-red); }

/* ---------- FOOTER oscuro ---------- */
.site-footer,.site-footer .inside-site-info,.site-info{ background:var(--mil-black); color:var(--mil-muted); }
.site-footer a{ color:#fff; }
/* redes sociales como iconos circulares */
.mil-footer__social{ display:flex; gap:12px; align-items:center; margin-top:10px; }
.mil-footer__social a{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,.08); color:#fff !important; transition:background .25s, color .25s, transform .25s; }
.mil-footer__social a:hover{ background:var(--mil-red); transform:translateY(-2px); }
.mil-footer__social svg{ display:block; }
/* mini tarjeta regalo en la columna de redes */
.mil-footer__giftcard{ display:inline-flex; align-items:center; gap:14px; margin-top:22px; text-decoration:none; }
.mil-footer__giftcard img{ width:120px; height:auto; border-radius:8px; box-shadow:0 10px 24px rgba(0,0,0,.4); transition:transform .3s; }
.mil-footer__giftcard:hover img{ transform:scale(1.05); }
.mil-footer__giftcard span{ font-family:var(--f-display); font-weight:700; font-size:1.6rem; line-height:1.05; color:#fff; max-width:160px; }
/* sellos Tripadvisor pequeños en el pie (cerca de las columnas) */
.mil-footer__grid{ padding-bottom:10px !important; }
.mil-footer__awards{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; padding:0 24px 2px; }
.mil-footer__awards span{ font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--mil-muted); }
.mil-footer__awards img{ width:44px; height:auto; border-radius:3px; }

/* ---------- FONDO CLARO CREMA: convertir secciones oscuras a crema ---------- */
.mil-section--dark, .mil-section--ink{ background:var(--mil-cream); color:var(--mil-ink); }
.mil-section--dark h1,.mil-section--dark h2,.mil-section--dark h3,
.mil-section--ink h1,.mil-section--ink h2,.mil-section--ink h3{ color:var(--mil-ink); }
.mil-section--dark .mil-script,.mil-section--ink .mil-script{ color:var(--mil-red); }
.mil-section--dark .mil-head p,.mil-section--ink .mil-head p,
.mil-section--dark .lead,.mil-section--ink .lead{ color:#5a5450; opacity:1; }
.mil-eyebrow--light{ color:var(--mil-red); }
/* tira de features -> tarjetas claras sobre crema */
.mil-features{ background:var(--mil-cream-2); }
.mil-features .feat{ background:#fff; }
.mil-features .feat h5{ color:var(--mil-ink); }
.mil-features .feat span{ color:var(--mil-red); }
/* la sección de reserva CTA se queda en ROJO de marca (acento) */

/* ---------- CARTA: bandas de foto (estetica asador premium) ---------- */
.mil-menu-figure{ position:relative; margin:6px 0 32px; border-radius:14px; overflow:hidden;
  box-shadow:0 16px 38px rgba(43,26,18,.18); height:clamp(150px,20vw,220px); background:#efdacc; }
.mil-menu-figure img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.mil-menu-figure::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(to top, rgba(20,12,8,.62), rgba(20,12,8,.04) 58%, transparent 78%); }
.mil-menu-figure figcaption{ position:absolute; left:26px; bottom:16px; z-index:2; color:#fff;
  font-family:var(--f-display); font-weight:700; line-height:.95; transform:rotate(-2.5deg);
  font-size:clamp(1.8rem,4.4vw,3rem); text-shadow:0 3px 18px rgba(0,0,0,.55); }

/* ---------- HERO de carta: sin foto, degradado crema corporativo ---------- */
body.mil-carta .mil-hero,body.mil-ficha .mil-hero{ background:linear-gradient(165deg, var(--mil-cream) 0%, var(--mil-cream-2,#efdacc) 100%) !important; min-height:auto !important; }
body.mil-carta .mil-hero::before,body.mil-ficha .mil-hero::before{ display:none !important; }
body.mil-carta .mil-hero__inner,body.mil-ficha .mil-hero__inner{ padding:58px 24px 46px !important; }
body.mil-carta .mil-hero__eyebrow,body.mil-ficha .mil-hero__eyebrow{ color:var(--mil-red) !important; }
body.mil-carta .mil-hero__title,body.mil-ficha .mil-hero__title{ color:var(--mil-ink) !important; }
body.mil-carta .mil-hero__sub,body.mil-ficha .mil-hero__sub{ color:#5a5450 !important; }

/* ---------- BLOQUE VIDEO SCROLL-SCRUB (avanza/retrocede con el scroll) ---------- */
.mil-scrollvid{ background:#fafaf8; }
.mil-scrollvid__track{ position:relative; height:130vh; }
.mil-scrollvid__sticky{ position:sticky; top:0; height:100vh; height:100svh; overflow:hidden; background:transparent; display:flex; align-items:center; justify-content:center; }
.mil-scrollvid__video{ width:60%; height:auto; max-height:88vh; display:block; border-radius:0; box-shadow:none; }

/* ---------- responsive ---------- */
@media (max-width:768px){
  .mil-section{ padding:34px 0; }
  .mil-wordmark{ min-height:auto; padding:24px 10px 30px; }
  /* letras MILONGAS lo mas grandes posibles (~90% del ancho) en movil */
  .mil-word{ font-size:16vw; }
  .mil-menu-figure{ height:clamp(115px,30vw,150px); margin:4px 0 24px; border-radius:11px; }
  .mil-menu-figure figcaption{ left:16px; bottom:10px; font-size:clamp(1.4rem,5.4vw,1.9rem); }

  /* ocultar en movil la seccion de los 4 cuadros (features) bajo el hero */
  .mil-section:has(.mil-features){ display:none !important; }

  /* apilar en movil los .mil-wrap con grid 2-col inline (Horario de cada local, Tarjeta Regalo, etc.): imagen arriba, contenido debajo */
  .mil-wrap[style*="grid-template-columns"]{ grid-template-columns:1fr !important; gap:24px !important; }

  /* video scroll-scrub: algo menos de recorrido en movil + mas ancho */
  .mil-scrollvid__track{ height:110vh; }
  .mil-scrollvid__video{ width:92%; }

  /* ===== HEADER MOVIL: banderas CENTRADAS arriba, logo debajo-izq, hamburguesa der ===== */
  .site-header .inside-header{ display:flex !important; flex-direction:column; align-items:flex-start; justify-content:center; gap:6px; padding:8px 14px !important; min-height:96px; }
  .site-header .site-logo, .site-header .site-branding{ order:1; align-self:flex-start; margin:0; }
  /* banderas: quitar el modo "pildora flotante" y CENTRARLAS encima del logo */
  .site-header .mil-lang{ position:static !important; top:auto !important; right:auto !important; left:auto !important; transform:none !important; z-index:auto !important; order:-1; align-self:center; display:flex !important; gap:8px; margin:0; padding:0 !important; background:transparent !important; border:0 !important; backdrop-filter:none !important; }
  .site-header .mil-lang a{ opacity:.9; }
  .site-header .mil-lang a:hover, .site-header .mil-lang .current-lang a{ opacity:1; }
  .site-header .mil-lang img{ width:22px; height:auto; }
  /* en movil las banderas NO van en el menu (estan en el header) */
  .mil-lang-wrap{ display:none !important; }
  /* hamburguesa fija a la derecha (sin "Menu", icono grande) */
  #site-navigation.main-navigation{ position:fixed !important; top:0; right:0; left:auto; width:auto !important; background:transparent !important; box-shadow:none !important; border:0 !important; z-index:400; }
  #site-navigation .inside-navigation{ padding:0 !important; background:transparent !important; }
  #site-navigation .menu-toggle{ display:flex !important; align-items:center; height:96px; padding:0 16px !important; margin:0 !important; color:#fff; }
  #site-navigation .menu-toggle .mobile-menu{ display:none !important; }
  #site-navigation .menu-toggle .gp-icon{ font-size:2rem !important; line-height:1; }
  #site-navigation .menu-toggle .gp-icon svg{ width:1em !important; height:1em !important; }
  /* menu desplegado: panel solido bajo la barra */
  #site-navigation .main-nav > ul{ position:fixed; top:96px; left:0; right:0; max-height:calc(100vh - 96px); overflow-y:auto; background:var(--mil-black); padding:6px 0; box-shadow:0 18px 40px rgba(0,0,0,.5); }
}
/* escritorio: banderas en el header, NO duplicar dentro del menu */
@media (min-width:769px){ .mil-lang-wrap{ display:none !important; } }
/* HAVEN-LAYER-END */


/* ---------- Vídeo a ras: 0px de separación arriba y abajo (2026-06-05) ---------- */
.mil-wordmark{ padding-bottom:0; }                 /* sin hueco encima del vídeo */
.mil-scrollvid{ margin:0; }
.mil-scrollvid + .mil-section{ padding-top:0; }     /* sección justo debajo (escritorio: barra de features) */
@media (max-width:768px){
  /* en móvil la barra de features está oculta -> la siguiente sección visible es la de después */
  .mil-scrollvid + .mil-section + .mil-section{ padding-top:0; }
}

/* ---------- Scroll del vídeo 30% más largo (2026-06-05) ---------- */
/* recorrido de scrub = altura del track - viewport (JS: total = offsetHeight - innerHeight) */
.mil-scrollvid__track{ height:139vh; }            /* escritorio: 30vh -> 39vh (+30%) */
@media (max-width:768px){
  .mil-scrollvid__track{ height:113vh; }           /* móvil: 10vh -> 13vh (+30%) */
}

/* ---------- Vídeo a sangre completa: 0 franjas arriba/abajo (2026-06-06) ---------- */
/* el bloque ocupa toda la altura del sticky y el vídeo lo rellena (sin huecos #fafaf8) */
.mil-scrollvid__sticky{ height:100vh; height:100svh; }
.mil-scrollvid__video{ width:100%; height:100%; max-height:none; object-fit:cover; border-radius:0; box-shadow:none; }
@media (max-width:768px){
  .mil-scrollvid__video{ width:100%; height:100%; }
}

/* ---------- 20px de separación SOLO debajo del vídeo (vídeo sin tocar) (2026-06-06) ---------- */
.mil-scrollvid + .mil-section{ padding-top:20px; }                 /* escritorio: barra features */
@media (max-width:768px){
  .mil-scrollvid + .mil-section + .mil-section{ padding-top:20px; } /* móvil: features oculto -> sección siguiente */
}

/* ---- Badge de valoracion Google (fichas) ---- */
.mil-rating-wrap{ display:flex; justify-content:center; margin:18px 0 4px; }
.mil-rating{ display:inline-flex; align-items:center; gap:10px; padding:9px 18px; border-radius:999px; background:#fff; box-shadow:0 8px 24px rgba(43,26,18,.12); border:1px solid #efdacc; text-decoration:none; color:var(--mil-ink); }
.mil-rating__num{ font-size:1.15rem; font-weight:800; }
.mil-rating__stars{ position:relative; display:inline-block; font-size:1.05rem; line-height:1; color:#d8c9bf; white-space:nowrap; }
.mil-rating__stars>span{ position:absolute; left:0; top:0; width:var(--p,90%); overflow:hidden; color:#e8a33d; white-space:nowrap; }
.mil-rating__count{ font-size:.92rem; color:#6a625c; font-weight:600; }
.mil-rating__g{ flex:0 0 auto; display:inline-block; vertical-align:middle; }

body.mil-carta .mil-hero .mil-btn--ghost,body.mil-ficha .mil-hero .mil-btn--ghost{ background:transparent !important; border:1.5px solid var(--mil-ink) !important; color:var(--mil-ink) !important; }
body.mil-carta .mil-hero .mil-btn--ghost:hover,body.mil-ficha .mil-hero .mil-btn--ghost:hover{ background:var(--mil-ink) !important; color:#fff !important; }