/* =========================================================
   INLACA · hoja de estilos para Oracle APEX (Universal Theme)
   Las páginas llevan la clase "inl-site" en Page > Appearance > CSS Classes.
   ========================================================= */
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
/* Quitar el "marco" del Universal Theme para que se vea igual que el diseño */
body.inl-site { --ut-header-height: 0px; --ut-body-sidebar-width: 0px; margin: 0; padding: 0 !important; }
body.inl-site .t-Header, body.inl-site .t-Footer, body.inl-site .t-Body-title,
body.inl-site .t-Body-nav, body.inl-site .t-Body-actions, body.inl-site .t-Body-side,
body.inl-site .t-Breadcrumb-region, body.inl-site .t-Region-header { display: none !important; }
body.inl-site .t-Body, body.inl-site .t-Body-main, body.inl-site .t-Body-content,
body.inl-site .t-Body-contentInner, body.inl-site .t-Body-mainContent { margin: 0 !important; padding: 0 !important; max-width: none !important; width: 100% !important; min-height: 0 !important; }
body.inl-site .t-Body-contentInner > .container, body.inl-site .t-Body-contentInner .row, body.inl-site .t-Body-contentInner [class*="col"] { margin: 0 !important; padding: 0 !important; width: 100% !important; max-width: none !important; float: none !important; flex: none; }
body.inl-site .t-Body-contentInner .row { display: block !important; }
body.inl-site .t-Region, body.inl-site .t-Region-body { border: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; margin: 0 !important; }
body.inl-site #t_Body_content_offset { display: none !important; }
body.inl-site .ui-dialog, body.inl-site .t-Alert { font-family: inherit; }



/* =========================================================
   INLACA · Inicio — todo vive dentro de body.inl-site (seguro para APEX)
   ========================================================= */
body.inl-site {
  --navy: #06164A; --navy-2: #0A1F63; --blue: #0C2A8C; --red: #C8102E;
  --sky: #E8F0FF; --sky-2: #CFE0FF; --ink: #0B1530; --muted: #4A5677;
  --display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --body: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-family: var(--body); color: var(--ink); background: #FFFFFF;
  line-height: 1.6; overflow-x: clip;
}
body.inl-site *, body.inl-site *::before, body.inl-site *::after { box-sizing: border-box; }
body.inl-site img { max-width: 100%; display: block; }
body.inl-site a { color: inherit; }
body.inl-site :focus-visible { outline: 3px solid #FFD21F; outline-offset: 3px; border-radius: 6px; }
body.inl-site .ih-wrap { width: min(1240px, 100% - 48px); margin-inline: auto; }
body.inl-site .ih-display { font-family: var(--display); font-weight: 800; font-style: italic; letter-spacing: -.5px; line-height: .92; }
body.inl-site .ih-eyebrow { display: inline-block; font-weight: 800; font-size: 14px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--red); margin: 0 0 12px; }
body.inl-site .ih-center { text-align: center; }
body.inl-site .ih-lead { font-size: clamp(18px, 1.7vw, 22px); }

/* Botones */
body.inl-site .ih-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding: 0 26px; border-radius: 999px; font: inherit; font-weight: 700;
  text-decoration: none; border: 2px solid transparent; cursor: pointer;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}
body.inl-site .ih-btn:hover { transform: translateY(-2px); }
body.inl-site .ih-btn--red { background: var(--red); color: #FFFFFF; }
body.inl-site .ih-btn--white { background: #FFFFFF; color: var(--navy); }
body.inl-site .ih-btn--navy { background: var(--navy); color: #FFFFFF; }
body.inl-site .ih-btn--ghost { border-color: currentColor; background: transparent; color: inherit; }
body.inl-site .ih-btn--outline-red { border-color: var(--red); color: var(--red); background: #FFFFFF; }
body.inl-site .ih-btn svg { width: 18px; height: 18px; }

/* Barra de progreso */
body.inl-site .ih-progress { position: fixed; inset: 0 0 auto 0; height: 4px; z-index: 70; background: var(--red); transform: scaleX(0); transform-origin: left; }

/* ---------- 0 · Video de inicio ---------- */
body.inl-site .ih-intro { position: relative; width: 100%; height: 100vh; height: 100svh; min-height: 420px; overflow: hidden; background: #020A26; color: #FFFFFF; }
body.inl-site .ih-intro__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
body.inl-site .ih-intro__shade { position: absolute; inset: auto 0 0 0; height: 34%; pointer-events: none; background: linear-gradient(to top, rgba(2,10,38,.75), rgba(2,10,38,0)); }
body.inl-site .ih-intro__cc { position: absolute; left: 50%; bottom: clamp(88px, 13vh, 130px); transform: translateX(-50%); width: min(900px, 100% - 32px); text-align: center; margin: 0; font-weight: 600; font-size: clamp(16px, 2vw, 24px); line-height: 1.35; text-shadow: 0 2px 12px rgba(0,0,0,.65); opacity: 0; transition: opacity .3s; }
body.inl-site .ih-intro__cc.is-on { opacity: 1; }
body.inl-site .ih-intro__ui { position: absolute; right: clamp(16px, 3vw, 36px); bottom: clamp(16px, 3vw, 32px); display: flex; gap: 10px; }
body.inl-site .ih-intro__btn { font: inherit; font-weight: 700; font-size: 15px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 18px; border-radius: 999px; border: 2px solid rgba(255,255,255,.7); color: #FFFFFF; background: rgba(6,22,74,.45); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: background .2s, transform .2s; }
body.inl-site .ih-intro__btn:hover { background: rgba(200,16,46,.85); transform: translateY(-2px); }
body.inl-site .ih-intro__btn svg { width: 20px; height: 20px; flex: none; }
body.inl-site .ih-intro__btn[hidden] { display: none; }
body.inl-site .ih-intro__down { position: absolute; left: 50%; bottom: clamp(16px, 3vw, 30px); transform: translateX(-50%); display: grid; place-items: center; gap: 4px; color: #FFFFFF; text-decoration: none; font-weight: 700; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; }
body.inl-site .ih-intro__down svg { width: 26px; height: 26px; animation: ih-bob 1.8s ease-in-out infinite; }

/* ---------- 1 · Menú con submenús ---------- */
body.inl-site .ih-nav { position: sticky; top: 0; z-index: 60; background: #FFFFFF; color: var(--navy); box-shadow: 0 1px 0 rgba(6,22,74,.08); transition: box-shadow .3s; }
body.inl-site .ih-nav.is-scrolled { box-shadow: 0 8px 28px rgba(6,22,74,.12); }
body.inl-site .ih-nav__in { display: flex; align-items: center; gap: 18px; min-height: 78px; }
body.inl-site .ih-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; margin-right: auto; }
body.inl-site .ih-brand img { width: 46px; height: 46px; object-fit: contain; }
body.inl-site .ih-brand__name { font-family: var(--display); font-weight: 800; font-style: italic; font-size: 30px; letter-spacing: .5px; line-height: 1; }
body.inl-site .ih-menu { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }
body.inl-site .ih-menu > li { position: relative; }
body.inl-site .ih-menu__link { display: inline-flex; align-items: center; gap: 6px; font: inherit; font-weight: 700; font-size: 16px; color: inherit; text-decoration: none; background: none; border: 0; cursor: pointer; padding: 12px 14px; border-radius: 999px; transition: background .2s; }
body.inl-site .ih-menu__link:hover, body.inl-site .ih-menu__link[aria-expanded="true"] { background: var(--sky); }
body.inl-site .ih-menu__link svg { width: 14px; height: 14px; transition: transform .25s; }
body.inl-site .ih-menu__link[aria-expanded="true"] svg { transform: rotate(180deg); }
body.inl-site .ih-sub { position: absolute; top: calc(100% + 10px); left: 0; min-width: 260px; background: #FFFFFF; border-radius: 18px; padding: 10px; list-style: none; margin: 0; box-shadow: 0 18px 50px rgba(6,22,74,.18); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s, transform .2s, visibility .2s; }
body.inl-site .ih-sub.is-open { opacity: 1; visibility: visible; transform: none; }
body.inl-site .ih-sub a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; text-decoration: none; font-weight: 600; }
body.inl-site .ih-sub a:hover { background: var(--sky); }
body.inl-site .ih-sub small { display: block; font-weight: 400; color: var(--muted); font-size: 13px; line-height: 1.3; }
body.inl-site .ih-sub img { width: 34px; height: 44px; object-fit: contain; flex: none; }
body.inl-site .ih-nav__cta { display: flex; gap: 10px; align-items: center; }
body.inl-site .ih-nav__cta .ih-btn { min-height: 46px; padding: 0 20px; white-space: nowrap; }
body.inl-site .ih-burger { display: none; width: 48px; height: 48px; border-radius: 50%; border: 2px solid var(--navy); background: #FFFFFF; color: var(--navy); cursor: pointer; place-items: center; }
body.inl-site .ih-burger svg { width: 22px; height: 22px; }

/* ---------- 2 · Portada ---------- */
body.inl-site .ih-hero { position: relative; background: var(--navy); color: #FFFFFF; padding: 72px 0 170px; overflow: hidden; }
body.inl-site .ih-hero::before { content: ""; position: absolute; width: 760px; height: 760px; right: -120px; top: -60px; border-radius: 50%; background: radial-gradient(closest-side, rgba(70,120,255,.38), transparent); pointer-events: none; }
body.inl-site .ih-hero__grid { position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 40px; align-items: center; }
body.inl-site .ih-hero h1 { margin: 0 0 28px; font-size: clamp(60px, 9vw, 140px); }
body.inl-site .ih-line { display: block; overflow: hidden; padding-right: .18em; }
body.inl-site .ih-line > span { display: inline-block; transform: translateY(105%); animation: ih-rise .9s cubic-bezier(.2,.8,.2,1) forwards; }
body.inl-site .ih-line:nth-child(2) > span { animation-delay: .15s; }
body.inl-site .ih-line:nth-child(3) > span { animation-delay: .3s; }
body.inl-site .ih-dot { color: var(--red); }
body.inl-site .ih-hero p { margin: 0 0 32px; color: #C9D6FF; max-width: 44ch; }
body.inl-site .ih-hero__ctas { display: flex; gap: 14px; flex-wrap: wrap; }
body.inl-site .ih-stage { position: relative; aspect-ratio: 1 / 1; width: 100%; max-width: 580px; margin-inline: auto; --px: 0; --py: 0; }
body.inl-site .ih-stage__disc { position: absolute; inset: 9%; border-radius: 50%; background: #1A3BAA; box-shadow: inset 0 -30px 60px rgba(0,0,0,.25); }
body.inl-site .ih-pack { position: absolute; bottom: 8%; filter: drop-shadow(0 24px 30px rgba(0,0,0,.35)); }
body.inl-site .ih-pack > img { height: 100%; width: auto; animation: ih-float 6s ease-in-out infinite; }
body.inl-site .ih-pack--a { left: 3%; height: 52%; transform: translate(calc(var(--px) * -10px), calc(var(--py) * -8px)); }
body.inl-site .ih-pack--b { left: 56%; height: 62%; bottom: 11%; transform: translate(calc(var(--px) * -14px), calc(var(--py) * -10px)); }
body.inl-site .ih-pack--c { left: 24%; height: 78%; bottom: 4%; z-index: 2; transform: translate(calc(var(--px) * 18px), calc(var(--py) * 12px)); }
body.inl-site .ih-pack--d { left: 67%; height: 44%; bottom: 2%; z-index: 3; transform: translate(calc(var(--px) * 26px), calc(var(--py) * 18px)); }
body.inl-site .ih-pack--a > img { animation-delay: -1.5s; }
body.inl-site .ih-pack--b > img { animation-delay: -3s; animation-duration: 7s; }
body.inl-site .ih-pack--d > img { animation-delay: -4.5s; animation-duration: 5s; }
body.inl-site .ih-seal { position: absolute; right: 3%; top: 4%; z-index: 4; width: 128px; height: 128px; border-radius: 50%; background: var(--red); color: #FFFFFF; display: grid; place-content: center; text-align: center; transform: rotate(-10deg); }
body.inl-site .ih-seal b { font-family: var(--display); font-style: italic; font-size: 56px; line-height: .85; }
body.inl-site .ih-seal span { font-weight: 700; font-size: 14px; }

/* Tarjeta que se monta sobre la portada (como la del sitio de referencia) */
body.inl-site .ih-statement { position: relative; z-index: 5; margin-top: -110px; }
body.inl-site .ih-statement__card { width: min(760px, 100%); margin-inline: auto; background: var(--red); color: #FFFFFF; border-radius: 28px; padding: clamp(28px, 4vw, 48px); text-align: center; box-shadow: 0 30px 60px rgba(6,22,74,.25); }
body.inl-site .ih-statement__card p { margin: 0 0 6px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; font-size: clamp(14px, 1.4vw, 17px); }
body.inl-site .ih-statement__card h2 { margin: 0; font-size: clamp(40px, 5.2vw, 72px); }

/* Olas */
body.inl-site .ih-wave { position: absolute; left: 0; right: 0; height: 120px; overflow: hidden; pointer-events: none; }
body.inl-site .ih-wave svg { position: absolute; bottom: 0; width: 200%; height: 100%; }
body.inl-site .ih-wave .w1 { animation: ih-wave 14s linear infinite; opacity: .35; }
body.inl-site .ih-wave .w2 { animation: ih-wave 9s linear infinite reverse; }
body.inl-site .ih-wave--bottom { bottom: -1px; }
body.inl-site .ih-wave--top { top: -1px; transform: scaleY(-1); }
body.inl-site .ih-curve { display: block; width: 100%; height: clamp(60px, 9vw, 130px); }

/* ---------- 3 · Nuestra historia (sección oscura) ---------- */
body.inl-site .ih-history { position: relative; background: var(--navy); color: #FFFFFF; padding: 40px 0 120px; }
body.inl-site .ih-history__mascot { position: absolute; left: 50%; top: 0; transform: translate(-50%, -62%); width: 110px; height: 110px; border-radius: 50%; background: #FFFFFF; display: grid; place-items: center; box-shadow: 0 12px 30px rgba(0,0,0,.25); z-index: 2; }
body.inl-site .ih-history__mascot img { width: 74px; }
body.inl-site .ih-history__head { text-align: center; margin: 40px auto 72px; max-width: 760px; }
body.inl-site .ih-history__head h2 { margin: 0 0 14px; font-size: clamp(48px, 6vw, 88px); }
body.inl-site .ih-history__head p { margin: 0; color: #C9D6FF; }
body.inl-site .ih-chapter { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(28px, 5vw, 72px); align-items: center; margin-bottom: 96px; }
body.inl-site .ih-chapter:last-child { margin-bottom: 0; }
body.inl-site .ih-chapter--flip { grid-template-columns: 1fr 1.1fr; }
body.inl-site .ih-chapter--flip .ih-chapter__media { order: 2; }
body.inl-site .ih-chapter__media { position: relative; border-radius: 28px; overflow: hidden; aspect-ratio: 4 / 3; background: #0A1F63; }
body.inl-site .ih-chapter__media img { width: 100%; height: 100%; object-fit: cover; }
body.inl-site .ih-chapter__year { position: absolute; left: 18px; top: 18px; background: var(--red); color: #FFFFFF; font-family: var(--display); font-style: italic; font-weight: 800; font-size: 30px; padding: 4px 16px; border-radius: 999px; }
body.inl-site .ih-chapter h3 { margin: 0 0 16px; font-size: clamp(36px, 4vw, 58px); color: #FFFFFF; }
body.inl-site .ih-chapter p { margin: 0 0 14px; color: #C9D6FF; font-size: 18px; max-width: 48ch; }

/* ---------- 4 · Tarjeta destacada (sección clara) ---------- */
body.inl-site .ih-feature { background: var(--sky); padding: 40px 0 110px; position: relative; }
body.inl-site .ih-feature__drops { display: flex; gap: 12px; margin: 0 0 24px 6px; }
body.inl-site .ih-feature__drops svg { width: 26px; height: 34px; }
body.inl-site .ih-feature__card { display: grid; grid-template-columns: 1fr 1fr; border-radius: 32px; overflow: hidden; background: var(--navy); color: #FFFFFF; box-shadow: 0 30px 70px rgba(6,22,74,.18); }
body.inl-site .ih-feature__text { padding: clamp(32px, 5vw, 64px); }
body.inl-site .ih-feature__text h2 { margin: 0 0 20px; font-size: clamp(44px, 5vw, 76px); }
body.inl-site .ih-feature__text p { margin: 0 0 14px; color: #C9D6FF; font-size: 18px; }
body.inl-site .ih-feature__list { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 12px; }
body.inl-site .ih-feature__list li { display: flex; gap: 12px; align-items: flex-start; }
body.inl-site .ih-feature__list b { color: #FFFFFF; }
body.inl-site .ih-feature__list span.ih-tag { flex: none; width: 12px; height: 12px; border-radius: 50%; margin-top: 8px; }
body.inl-site .ih-feature__media { min-height: 420px; }
body.inl-site .ih-feature__media img { width: 100%; height: 100%; object-fit: cover; }

/* ---------- 5 · Cifras + imagen de cierre ---------- */
body.inl-site .ih-numbers { padding: 110px 0 0; background: #FFFFFF; }
body.inl-site .ih-numbers h2 { margin: 0 auto 18px; font-size: clamp(48px, 6vw, 92px); color: var(--navy); text-align: center; max-width: 16ch; }
body.inl-site .ih-numbers > .ih-wrap > p { text-align: center; color: var(--muted); max-width: 60ch; margin: 0 auto 56px; }
body.inl-site .ih-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; list-style: none; margin: 0 0 80px; padding: 0; }
body.inl-site .ih-stats li { background: var(--sky); border-radius: 26px; padding: 30px 26px; }
body.inl-site .ih-stats b { display: block; font-family: var(--display); font-style: italic; font-weight: 800; font-size: clamp(56px, 6vw, 84px); line-height: .9; color: var(--blue); }
body.inl-site .ih-stats li:nth-child(2) b { color: var(--red); }
body.inl-site .ih-stats span { display: block; margin-top: 10px; font-weight: 700; color: var(--navy); }
body.inl-site .ih-closing { position: relative; margin: 0; }
body.inl-site .ih-closing img { width: 100%; height: clamp(320px, 52vw, 720px); object-fit: cover; }
body.inl-site .ih-closing figcaption { position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); width: min(760px, 100% - 32px); text-align: center; color: #FFFFFF; font-weight: 600; text-shadow: 0 2px 10px rgba(0,0,0,.6); }

/* ---------- 6 · Marcas (selector) ---------- */
body.inl-site .ih-brands { --b-bg: #0C2A8C; --b-fg: #FFFFFF; --b-soft: rgba(255,255,255,.78); background: var(--b-bg); color: var(--b-fg); padding: 100px 0; transition: background .6s, color .6s; }
body.inl-site .ih-brands[data-brand="mivaca"] { --b-bg: #12B5D6; --b-fg: #06164A; --b-soft: rgba(6,22,74,.8); }
body.inl-site .ih-brands[data-brand="huesitos"] { --b-bg: #FFD21F; --b-fg: #06164A; --b-soft: rgba(6,22,74,.8); }
body.inl-site .ih-brands[data-brand="parisienne"] { --b-bg: #C8102E; --b-fg: #FFFFFF; --b-soft: rgba(255,255,255,.85); }
body.inl-site .ih-brands .ih-eyebrow { color: var(--b-fg); opacity: .8; }
body.inl-site .ih-brands__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 36px; }
body.inl-site .ih-brands__head h2 { margin: 0; font-size: clamp(44px, 5vw, 72px); }
body.inl-site .ih-tabs { display: flex; gap: 10px; flex-wrap: wrap; }
body.inl-site .ih-tab { font: inherit; font-weight: 700; font-size: 16px; cursor: pointer; min-height: 48px; padding: 0 20px; border-radius: 999px; border: 2px solid currentColor; background: transparent; color: inherit; transition: background .25s, color .25s; }
body.inl-site .ih-tab[aria-selected="true"] { background: var(--b-fg); color: var(--b-bg); }
body.inl-site .ih-panel { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; align-items: center; min-height: 440px; }
body.inl-site .ih-panel[hidden] { display: none; }
body.inl-site .ih-panel__name { margin: 0 0 18px; font-size: clamp(80px, 11vw, 160px); }
body.inl-site .ih-panel p { margin: 0 0 14px; font-size: 19px; color: var(--b-soft); max-width: 46ch; }
body.inl-site .ih-panel__for { font-weight: 700; color: var(--b-fg) !important; }
body.inl-site .ih-panel .ih-btn { margin-top: 12px; background: var(--b-fg); color: var(--b-bg); }
body.inl-site .ih-panel__packs { display: flex; justify-content: center; align-items: flex-end; min-height: 380px; }
body.inl-site .ih-panel__packs img { height: 360px; width: auto; margin-inline: -18px; filter: drop-shadow(0 22px 26px rgba(0,0,0,.28)); animation: ih-pop .7s cubic-bezier(.2,.9,.25,1.2) both; }
body.inl-site .ih-panel__packs img:nth-child(2) { animation-delay: .08s; height: 330px; }
body.inl-site .ih-panel__packs img:nth-child(3) { animation-delay: .16s; }
body.inl-site .ih-panel__packs img:nth-child(4) { animation-delay: .24s; height: 330px; }
body.inl-site .ih-panel__packs img:nth-child(5) { animation-delay: .32s; }
body.inl-site .ih-panel__packs--many img { height: 290px; margin-inline: -26px; }
body.inl-site .ih-panel__packs--many img:nth-child(even) { height: 260px; }

/* ---------- 7 · Productos ---------- */
body.inl-site .ih-products { padding: 110px 0 90px; background: #FFFFFF; }
body.inl-site .ih-products__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin-bottom: 28px; }
body.inl-site .ih-products__head h2 { margin: 0; font-size: clamp(44px, 5.4vw, 80px); color: var(--navy); max-width: 14ch; }
body.inl-site .ih-arrows { display: flex; gap: 10px; }
body.inl-site .ih-arrow { width: 52px; height: 52px; border-radius: 50%; border: 2px solid var(--navy); background: #FFFFFF; color: var(--navy); display: grid; place-items: center; cursor: pointer; transition: background .2s, color .2s; }
body.inl-site .ih-arrow:hover { background: var(--navy); color: #FFFFFF; }
body.inl-site .ih-track { display: grid; grid-auto-flow: column; grid-auto-columns: 250px; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 8px 4px 28px; scrollbar-width: thin; }
body.inl-site .ih-card { scroll-snap-align: start; text-decoration: none; color: var(--ink); display: flex; flex-direction: column; gap: 10px; }
body.inl-site .ih-card__img { height: 300px; border-radius: 26px; background: var(--sky); display: flex; align-items: center; justify-content: center; padding: 22px; transition: background .3s; overflow: hidden; }
body.inl-site .ih-card__img img { max-height: 256px; width: auto; transition: transform .45s cubic-bezier(.2,.8,.2,1); }
body.inl-site .ih-card:hover .ih-card__img { background: var(--sky-2); }
body.inl-site .ih-card:hover .ih-card__img img { transform: translateY(-8px) rotate(-3deg) scale(1.04); }
body.inl-site .ih-chip { align-self: flex-start; font-size: 13px; font-weight: 700; color: var(--blue); background: var(--sky); padding: 4px 12px; border-radius: 999px; }
body.inl-site .ih-card strong { font-size: 18px; line-height: 1.3; }
body.inl-site .ih-size { color: var(--muted); font-size: 15px; }
body.inl-site .ih-products__all { display: flex; justify-content: center; margin-top: 26px; }

/* ---------- 8 · Dónde comprar ---------- */
body.inl-site .ih-where { padding: 0 0 120px; background: #FFFFFF; }
body.inl-site .ih-where__card { display: grid; grid-template-columns: 1fr 1fr; border-radius: 32px; overflow: hidden; background: var(--sky); }
body.inl-site .ih-where__media { background: var(--navy); min-height: 420px; display: flex; align-items: flex-end; justify-content: center; gap: 0; padding: 40px 20px 0; position: relative; overflow: hidden; }
body.inl-site .ih-where__media::before { content: ""; position: absolute; width: 520px; height: 520px; border-radius: 50%; left: 50%; bottom: -220px; transform: translateX(-50%); background: #1A3BAA; }
body.inl-site .ih-where__media img { position: relative; height: 300px; width: auto; margin-inline: -22px; filter: drop-shadow(0 18px 24px rgba(0,0,0,.35)); }
body.inl-site .ih-where__media img:nth-child(even) { height: 250px; }
body.inl-site .ih-where__text { padding: clamp(32px, 5vw, 64px); align-self: center; }
body.inl-site .ih-where__text h2 { margin: 0 0 16px; font-size: clamp(44px, 5vw, 76px); color: var(--navy); }
body.inl-site .ih-where__text p { margin: 0 0 22px; color: var(--muted); font-size: 18px; }
body.inl-site .ih-where__form { display: flex; gap: 10px; flex-wrap: wrap; }
body.inl-site .ih-field { flex: 1 1 220px; min-height: 52px; border-radius: 14px; border: 2px solid #B8C8EE; background: #FFFFFF; padding: 0 16px; font: inherit; color: var(--ink); }
body.inl-site .ih-where__note { margin: 14px 0 0 !important; font-size: 15px !important; }

/* ---------- 9 · Pie ---------- */
body.inl-site .ih-foot { position: relative; background: var(--navy); color: #C9D6FF; padding: 90px 0 30px; margin-top: 0; }
body.inl-site .ih-foot__mascot { position: absolute; left: clamp(20px, 12vw, 200px); top: 0; transform: translateY(-70%); width: 96px; height: 96px; border-radius: 50%; background: #FFFFFF; display: grid; place-items: center; box-shadow: 0 10px 26px rgba(0,0,0,.25); }
body.inl-site .ih-foot__mascot img { width: 64px; }
body.inl-site .ih-foot__top { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; padding-bottom: 36px; border-bottom: 1px solid #1B2C66; }
body.inl-site .ih-foot__brand { display: flex; align-items: center; gap: 14px; margin-right: auto; }
body.inl-site .ih-foot__brand img { width: 64px; background: #FFFFFF; border-radius: 50%; padding: 8px; }
body.inl-site .ih-foot__brand b { display: block; font-family: var(--display); font-style: italic; font-size: 30px; color: #FFFFFF; line-height: 1; }
body.inl-site .ih-badges { display: flex; gap: 14px; flex-wrap: wrap; }
body.inl-site .ih-badge { width: 92px; height: 92px; border-radius: 50%; border: 2px solid #FFFFFF; display: grid; place-content: center; text-align: center; color: #FFFFFF; line-height: 1.05; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; }
body.inl-site .ih-badge b { font-family: var(--display); font-style: italic; font-size: 32px; letter-spacing: 0; }
body.inl-site .ih-badge--red { background: var(--red); border-color: var(--red); }
body.inl-site .ih-foot__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 36px; padding: 40px 0; border-bottom: 1px solid #1B2C66; }
body.inl-site .ih-foot h3 { margin: 0 0 14px; color: #FFFFFF; font-family: var(--display); font-style: italic; font-weight: 800; font-size: 24px; letter-spacing: 1px; text-transform: uppercase; }
body.inl-site .ih-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
body.inl-site .ih-foot a { text-decoration: none; color: #FFFFFF; }
body.inl-site .ih-foot a:hover { text-decoration: underline; }
body.inl-site .ih-news { display: grid; gap: 10px; }
body.inl-site .ih-news label { font-size: 14px; font-weight: 600; }
body.inl-site .ih-news input { min-height: 48px; border-radius: 12px; border: 0; padding: 0 14px; font: inherit; }
body.inl-site .ih-news .ih-btn { justify-self: start; min-height: 46px; }
body.inl-site .ih-news__msg { font-size: 14px; color: #FFD21F; min-height: 1.4em; margin: 0; }
body.inl-site .ih-social { display: flex; gap: 10px; margin-top: 16px; }
body.inl-site .ih-social a { width: 44px; height: 44px; border-radius: 50%; background: var(--red); display: grid; place-items: center; }
body.inl-site .ih-social a:hover { background: #E3243F; text-decoration: none; }
body.inl-site .ih-social svg { width: 20px; height: 20px; }
body.inl-site .ih-foot__legal { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-top: 22px; font-size: 14px; }

/* ---------- Aparecer al bajar ---------- */
body.inl-site.ih-js [data-ih-reveal] { opacity: 0; transform: translateY(36px); transition: opacity .8s ease, transform .9s cubic-bezier(.2,.8,.2,1); }
body.inl-site.ih-js [data-ih-reveal].is-in { opacity: 1; transform: none; }


@keyframes ih-rise { to { transform: translateY(0); } }
@keyframes ih-float { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-14px) rotate(1.5deg); } }
@keyframes ih-wave { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes ih-pop { from { opacity: 0; transform: translateY(40px) scale(.9); } to { opacity: 1; transform: none; } }
@keyframes ih-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(7px); } }

/* ---------- Responsivo ---------- */
@media (max-width: 980px) {
  body.inl-site .ih-burger { display: grid; }
  body.inl-site .ih-nav__cta .ih-btn--ghost { display: none; }
  body.inl-site .ih-menu { position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 0; background: #FFFFFF; padding: 8px 24px 20px; box-shadow: 0 20px 40px rgba(6,22,74,.15); display: none; max-height: calc(100vh - 78px); overflow-y: auto; }
  body.inl-site .ih-menu.is-open { display: flex; }
  body.inl-site .ih-menu__link { width: 100%; justify-content: space-between; border-radius: 12px; padding: 14px 12px; font-size: 18px; }
  body.inl-site .ih-sub { position: static; box-shadow: none; padding: 0 0 8px 8px; min-width: 0; display: none; opacity: 1; visibility: visible; transform: none; }
  body.inl-site .ih-sub.is-open { display: block; }
  body.inl-site .ih-chapter, body.inl-site .ih-chapter--flip, body.inl-site .ih-feature__card, body.inl-site .ih-where__card { grid-template-columns: 1fr; }
  body.inl-site .ih-chapter--flip .ih-chapter__media { order: 0; }
  body.inl-site .ih-feature__media { min-height: 280px; }
  body.inl-site .ih-foot__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
  body.inl-site .ih-nav__cta .ih-btn { padding: 0 14px; font-size: 14px; min-height: 42px; white-space: nowrap; }
  body.inl-site .ih-nav__in { gap: 10px; }
  body.inl-site .ih-brand img { width: 38px; height: 38px; }
  body.inl-site .ih-brand__name { font-size: 24px; }
  body.inl-site .ih-intro__btn span { display: none; }
  body.inl-site .ih-intro__btn { padding: 0 13px; }
  body.inl-site .ih-intro__down { left: 16px; transform: none; }
  body.inl-site .ih-seal { width: 96px; height: 96px; }
  body.inl-site .ih-seal b { font-size: 40px; }
  body.inl-site .ih-panel__packs img { height: 240px; }
  body.inl-site .ih-panel__packs--many img { height: 170px; margin-inline: -20px; }
  body.inl-site .ih-panel__packs { min-height: 250px; }
  body.inl-site .ih-where__media img { height: 210px; }
  body.inl-site .ih-where__media img:nth-child(even) { height: 175px; }
  body.inl-site .ih-foot__grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  body.inl-site *, body.inl-site *::before, body.inl-site *::after { animation: none !important; transition: none !important; }
  body.inl-site .ih-line > span { transform: none; }
  body.inl-site [data-ih-reveal] { opacity: 1; transform: none; }
}

/* =========================================================
   Páginas internas (sitio de varias páginas)
   ========================================================= */
body.inl-site .ih-menu__link.is-active { background: var(--sky); color: var(--red); }
body.inl-site .ih-sub a[aria-current="page"] { background: var(--sky); color: var(--red); }
body.inl-site .ih-sub__all { width: 34px; height: 34px; flex: none; border-radius: 50%; background: var(--red); color: #FFFFFF; display: grid; place-items: center; font-family: var(--display); font-style: italic; font-weight: 800; font-size: 20px; }

body.inl-site .ih-sub { min-width: 300px; }
body.inl-site .ih-sub__t { display: block; line-height: 1.25; }
body.inl-site .ih-sub__t small { margin-top: 2px; }
body.inl-site .ih-curve { margin-top: -1px; margin-bottom: -2px; position: relative; z-index: 1; }

/* Cabecera de página */
body.inl-site .ih-phero { background: var(--ph-bg); color: var(--ph-fg); padding: clamp(48px, 7vw, 96px) 0 30px; position: relative; overflow: hidden; }
body.inl-site .ih-phero::before { content: ""; position: absolute; width: 640px; height: 640px; right: -160px; top: -200px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255,255,255,.16), transparent); pointer-events: none; }
body.inl-site .ih-phero__grid { position: relative; display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(28px, 5vw, 64px); align-items: center; }
body.inl-site .ih-phero__grid--solo { grid-template-columns: 1fr; max-width: 900px; }
body.inl-site .ih-phero h1 { margin: 0 0 18px; font-size: clamp(56px, 8vw, 120px); }
body.inl-site .ih-phero .ih-eyebrow { color: inherit; opacity: .75; }
body.inl-site .ih-phero .ih-lead { margin: 0; max-width: 46ch; opacity: .88; }
body.inl-site .ih-crumbs { font-size: 14px; font-weight: 600; margin-bottom: 26px; opacity: .85; display: flex; flex-wrap: wrap; gap: 8px; }
body.inl-site .ih-crumbs a { text-decoration: none; }
body.inl-site .ih-crumbs a:hover { text-decoration: underline; }
body.inl-site .ih-phero__img { border-radius: 28px; overflow: hidden; aspect-ratio: 4 / 3; box-shadow: 0 30px 60px rgba(0,0,0,.25); }
body.inl-site .ih-phero__img img { width: 100%; height: 100%; object-fit: cover; }
body.inl-site .ih-phero__logo { display: grid; place-items: center; }
body.inl-site .ih-phero__logo img { width: min(460px, 100%); border-radius: 30px; box-shadow: 0 30px 60px rgba(0,0,0,.25); transform: rotate(-3deg); }

body.inl-site .ih-statement--page { margin-top: 40px; }
body.inl-site .ih-center .ih-btn, body.inl-site .ih-center.ih-btn { margin-inline: auto; }
body.inl-site .ih-history .ih-center { margin-top: 10px; }

/* Banda de llamado */
body.inl-site .ih-band { padding: 30px 0 110px; }
body.inl-site .ih-band__in { background: var(--navy); color: #FFFFFF; border-radius: 32px; padding: clamp(32px, 5vw, 60px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 28px; }
body.inl-site .ih-band h2 { margin: 0 0 8px; font-size: clamp(40px, 4.6vw, 66px); }
body.inl-site .ih-band p { margin: 0; color: #C9D6FF; font-size: 18px; }
body.inl-site .ih-band__btns { display: flex; gap: 12px; flex-wrap: wrap; }

/* Valores */
body.inl-site .ih-values { padding: 100px 0 80px; }
body.inl-site .ih-values h2 { margin: 0 0 48px; font-size: clamp(44px, 5vw, 72px); color: var(--navy); }
body.inl-site .ih-values__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; }
body.inl-site .ih-values article { border-top: 4px solid var(--blue); padding-top: 22px; }
body.inl-site .ih-values article:last-child { border-top-color: var(--red); }
body.inl-site .ih-values b { display: block; font-family: var(--display); font-style: italic; font-weight: 800; font-size: 64px; line-height: 1; color: var(--blue); }
body.inl-site .ih-values h3 { margin: 8px 0; font-size: 26px; color: var(--navy); }
body.inl-site .ih-values p { margin: 0; color: var(--muted); font-size: 17px; }

/* Lista de marcas */
body.inl-site .ih-blist { padding: 50px 0 60px; }
body.inl-site .ih-blist .ih-wrap { display: grid; gap: 36px; }
body.inl-site .ih-bcard { background: var(--b-bg); color: var(--b-fg); border-radius: 32px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 24px; padding: clamp(28px, 5vw, 60px); overflow: hidden; }
body.inl-site .ih-bcard--flip .ih-bcard__text { order: 2; }
body.inl-site .ih-bcard__logo { width: 220px; border-radius: 16px; margin-bottom: 18px; box-shadow: 0 10px 24px rgba(0,0,0,.18); }
body.inl-site .ih-bcard h2 { margin: 0 0 10px; font-size: clamp(56px, 7vw, 104px); }
body.inl-site .ih-bcard p { margin: 0 0 12px; color: var(--b-soft); font-size: 18px; max-width: 46ch; }
body.inl-site .ih-bcard__lead { font-weight: 700; color: var(--b-fg) !important; font-size: 20px !important; }
body.inl-site .ih-bcard__for { font-weight: 700; color: var(--b-fg) !important; }
body.inl-site .ih-bcard .ih-btn { background: var(--b-fg); color: var(--b-bg); margin-top: 8px; }
body.inl-site .ih-bcard__packs { display: flex; justify-content: center; align-items: flex-end; min-height: 340px; }
body.inl-site .ih-bcard__packs img { height: 320px; width: auto; margin-inline: -16px; filter: drop-shadow(0 22px 26px rgba(0,0,0,.28)); }
body.inl-site .ih-bcard__packs img:nth-child(even) { height: 290px; }
body.inl-site .ih-bcard__packs--many img { height: 250px; margin-inline: -24px; }
body.inl-site .ih-bcard__packs--many img:nth-child(even) { height: 225px; }

/* Detalle de marca */
body.inl-site .ih-bdetail { padding: 60px 0 40px; }
body.inl-site .ih-bdetail__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 64px); align-items: center; }
body.inl-site .ih-bdetail__media { border-radius: 28px; overflow: hidden; aspect-ratio: 4 / 3; }
body.inl-site .ih-bdetail__media img { width: 100%; height: 100%; object-fit: cover; }
body.inl-site .ih-bdetail h2 { margin: 0 0 18px; font-size: clamp(32px, 3.4vw, 48px); color: var(--navy); }
body.inl-site .ih-bdetail p { margin: 0 0 14px; color: var(--muted); font-size: 18px; }
body.inl-site .ih-bdetail__for { display: inline-block; background: var(--b-bg); color: var(--b-fg) !important; font-weight: 700; padding: 8px 18px; border-radius: 999px; }

/* Rejilla de productos */
body.inl-site .ih-grid-sec { padding: 60px 0 90px; }
body.inl-site .ih-grid-sec > .ih-wrap > h2 { margin: 0 0 30px; font-size: clamp(44px, 5vw, 72px); color: var(--navy); }
body.inl-site .ih-pgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 24px; }
body.inl-site .ih-pcard { text-decoration: none; color: var(--ink); display: flex; flex-direction: column; gap: 8px; }
body.inl-site .ih-pcard[hidden] { display: none; }
body.inl-site .ih-pcard__img { position: relative; height: 300px; border-radius: 26px; background: var(--sky); display: flex; align-items: center; justify-content: center; padding: 22px; overflow: hidden; }
body.inl-site .ih-pcard__img::after { content: ""; position: absolute; inset: auto 0 0 0; height: 6px; background: var(--pc); }
body.inl-site .ih-pcard__img img { max-height: 256px; width: auto; transition: transform .45s cubic-bezier(.2,.8,.2,1); }
body.inl-site .ih-pcard:hover .ih-pcard__img img { transform: translateY(-8px) rotate(-3deg) scale(1.04); }
body.inl-site .ih-pcard strong { font-size: 18px; line-height: 1.3; }
body.inl-site .ih-pcard__desc { color: var(--muted); font-size: 15px; line-height: 1.45; }
body.inl-site .ih-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
body.inl-site .ih-filter { font: inherit; font-weight: 700; cursor: pointer; min-height: 46px; padding: 0 18px; border-radius: 999px; border: 2px solid var(--navy); background: #FFFFFF; color: var(--navy); }
body.inl-site .ih-filter span { display: inline-grid; place-items: center; min-width: 24px; height: 24px; border-radius: 999px; background: var(--sky); font-size: 13px; margin-left: 4px; }
body.inl-site .ih-filter[aria-pressed="true"] { background: var(--navy); color: #FFFFFF; }
body.inl-site .ih-filter[aria-pressed="true"] span { background: var(--red); color: #FFFFFF; }
body.inl-site .ih-filters__count { color: var(--muted); margin: 0 0 24px; }

/* Otras marcas */
body.inl-site .ih-others { padding: 20px 0 60px; }
body.inl-site .ih-others h2 { margin: 0 0 30px; font-size: clamp(36px, 4vw, 56px); color: var(--navy); }
body.inl-site .ih-others__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; }
body.inl-site .ih-other { background: var(--o-bg); border-radius: 26px; padding: 26px; text-decoration: none; display: grid; gap: 16px; justify-items: center; transition: transform .25s; }
body.inl-site .ih-other:hover { transform: translateY(-6px); }
body.inl-site .ih-other img { width: 100%; max-width: 260px; border-radius: 14px; }
body.inl-site .ih-other span { display: inline-flex; align-items: center; gap: 8px; background: #FFFFFF; color: var(--navy); font-weight: 700; padding: 10px 18px; border-radius: 999px; }
body.inl-site .ih-other svg { width: 16px; height: 16px; }

/* Pasos, formularios, contacto */
body.inl-site .ih-steps-sec { padding: 50px 0 40px; }
body.inl-site .ih-steps-sec h2 { margin: 0 0 40px; font-size: clamp(44px, 5vw, 72px); color: var(--navy); }
body.inl-site .ih-steps3 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 22px; }
body.inl-site .ih-steps3 li { background: var(--sky); border-radius: 26px; padding: 28px; }
body.inl-site .ih-steps3 b { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: var(--red); color: #FFFFFF; font-family: var(--display); font-style: italic; font-size: 32px; }
body.inl-site .ih-steps3 h3 { margin: 16px 0 8px; font-size: 22px; color: var(--navy); }
body.inl-site .ih-steps3 p { margin: 0; color: var(--muted); }
body.inl-site .ih-formsec { padding: 60px 0 110px; }
body.inl-site .ih-formsec__grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(28px, 5vw, 64px); align-items: start; }
body.inl-site .ih-formsec h2 { margin: 0 0 16px; font-size: clamp(44px, 5vw, 72px); color: var(--navy); }
body.inl-site .ih-formsec p { color: var(--muted); font-size: 18px; }
body.inl-site .ih-infolist { list-style: none; padding: 0; margin: 24px 0 0; display: grid; gap: 14px; }
body.inl-site .ih-infolist li { display: grid; gap: 2px; padding: 16px 20px; border-radius: 18px; background: var(--sky); }
body.inl-site .ih-infolist b { color: var(--navy); }
body.inl-site .ih-form { background: #FFFFFF; border: 2px solid var(--sky-2); border-radius: 28px; padding: clamp(24px, 4vw, 40px); display: grid; gap: 16px; box-shadow: 0 20px 50px rgba(6,22,74,.08); }
body.inl-site .ih-form label { display: grid; gap: 6px; font-weight: 700; color: var(--navy); }
body.inl-site .ih-form .ih-field { width: 100%; font-weight: 400; }
body.inl-site .ih-form textarea.ih-field { padding: 12px 16px; resize: vertical; min-height: 100px; }
body.inl-site .ih-form fieldset { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px; }
body.inl-site .ih-form legend { font-weight: 700; color: var(--navy); margin-bottom: 8px; width: 100%; }
body.inl-site .ih-check { display: inline-flex !important; grid-auto-flow: column; align-items: center; gap: 8px !important; font-weight: 600 !important; background: var(--sky); padding: 10px 14px; border-radius: 999px; cursor: pointer; }
body.inl-site .ih-check input { width: 18px; height: 18px; accent-color: var(--red); }
body.inl-site .ih-form .ih-btn { justify-self: start; }
body.inl-site .ih-ccards { padding: 50px 0 10px; }
body.inl-site .ih-ccards__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
body.inl-site .ih-ccard { display: grid; gap: 6px; text-decoration: none; background: var(--navy); color: #FFFFFF; border-radius: 26px; padding: 28px; transition: transform .25s; }
body.inl-site a.ih-ccard:hover { transform: translateY(-6px); }
body.inl-site .ih-ccard b { font-family: var(--display); font-style: italic; font-size: 36px; line-height: 1; }
body.inl-site .ih-ccard span { color: #C9D6FF; }
body.inl-site .ih-ccard em { font-style: normal; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; }
body.inl-site .ih-ccard em svg { width: 16px; height: 16px; }
body.inl-site .ih-ccard:nth-child(2) { background: var(--red); }
body.inl-site .ih-legal { padding: 0 0 80px; }
body.inl-site .ih-legal h2 { margin: 0 0 12px; font-size: 40px; color: var(--navy); }
body.inl-site .ih-legal p { color: var(--muted); max-width: 70ch; }
body.inl-site .ih-form__msg { margin: 0; color: var(--red); font-weight: 600; }

@media (max-width: 980px) {
  body.inl-site .ih-phero__grid, body.inl-site .ih-bcard, body.inl-site .ih-bdetail__grid, body.inl-site .ih-formsec__grid { grid-template-columns: 1fr; }
  body.inl-site .ih-bcard--flip .ih-bcard__text { order: 0; }
}
@media (max-width: 600px) {
  body.inl-site .ih-bcard__packs { min-height: 240px; }
  body.inl-site .ih-bcard__packs img { height: 220px; }
  body.inl-site .ih-bcard__packs img:nth-child(even) { height: 195px; }
  body.inl-site .ih-bcard__packs--many img { height: 160px; margin-inline: -20px; }
  body.inl-site .ih-bcard__packs--many img:nth-child(even) { height: 145px; }
  body.inl-site .ih-pgrid { grid-template-columns: 1fr 1fr; gap: 14px; }
  body.inl-site .ih-pcard__img { height: 210px; padding: 14px; }
  body.inl-site .ih-pcard__img img { max-height: 180px; }
  body.inl-site .ih-pcard strong { font-size: 16px; }
}

/* el emblema del pie va por encima de la ola */
body.inl-site .ih-foot__mascot { z-index: 2; }

/* ---------- Video de inicio en celular (vertical) ---------- */
@media (max-width: 900px) and (orientation: portrait) {
  body.inl-site .ih-intro { height: auto; min-height: 0; }
  body.inl-site .ih-intro__video { position: relative; inset: auto; display: block; height: auto; aspect-ratio: 16 / 9; object-fit: contain; }
  body.inl-site .ih-intro__shade, body.inl-site .ih-intro__down { display: none; }
  body.inl-site .ih-intro__cc { position: static; transform: none; width: auto; min-height: 64px; padding: 12px 16px; display: flex; align-items: center; justify-content: center; font-size: 16px; text-shadow: none; }
  body.inl-site .ih-intro__ui { top: 10px; right: 10px; bottom: auto; gap: 6px; }
  body.inl-site .ih-intro__btn { min-height: 38px; padding: 0 11px; border-width: 1.5px; }
  body.inl-site .ih-intro__btn svg { width: 18px; height: 18px; }
}