/* ============================================================
   ATUKASA SUSHI — Propuesta 2 (experiencia inmersiva)
   Reutiliza brand.css; añade hero, nav sticky y secciones.
   ============================================================ */
.p2{min-height:100dvh;background:var(--bg);}

/* ---------- nav superior ---------- */
.p2nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:18px;
  padding:0 26px;height:70px;background:rgba(10,10,11,.86);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);}
.p2nav .brand{display:flex;align-items:center;gap:11px;}
.p2nav__links{display:flex;align-items:center;gap:4px;margin-left:14px;}
.p2nav__link{font-family:var(--display);font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--ink-2);padding:8px 13px;border-radius:9px;transition:.18s;}
.p2nav__link:hover{color:var(--ink);}
.p2nav__link.is-active{color:var(--red);}
.p2nav__spacer{margin-left:auto;}

/* ---------- hero ---------- */
.p2hero{position:relative;overflow:hidden;background:radial-gradient(120% 100% at 80% 0%,#1c0608,#0a0a0b 62%);
  padding:64px 40px 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;min-height:540px;}
.p2hero__kanji{position:absolute;left:-30px;bottom:-60px;font-family:var(--display);font-weight:700;
  font-size:340px;color:rgba(225,27,34,.05);line-height:.7;user-select:none;pointer-events:none;}
.p2hero__l{position:relative;z-index:2;max-width:560px;}
.p2hero__kicker{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:11.5px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ink-2);margin-bottom:20px;}
.p2hero__kicker b{color:var(--red);}
.p2hero__kicker::before{content:"";width:30px;height:2px;background:var(--red);display:inline-block;}
.p2hero__title{font-family:var(--display);font-weight:700;font-size:74px;line-height:.9;text-transform:uppercase;}
.p2hero__script{font-family:var(--script);font-weight:400;font-size:64px;color:var(--red);
  display:block;transform:rotate(-3deg);transform-origin:left;margin:6px 0 0 6px;}
.p2hero__sub{font-size:15px;line-height:1.6;color:var(--ink-2);margin:26px 0 30px;max-width:440px;}
.p2hero__sub b{color:var(--ink);}
.p2hero__cta{display:flex;gap:13px;flex-wrap:wrap;}
.p2hero__r{position:relative;z-index:2;display:grid;place-items:center;}
.p2hero__plate{position:relative;width:min(420px,100%);aspect-ratio:1;border-radius:50%;overflow:hidden;
  border:1px solid var(--line);box-shadow:var(--shadow-l);}
.p2hero__enso{position:absolute;inset:-6%;border-radius:50%;border:18px solid var(--red);opacity:.22;z-index:1;}
.p2hero__badge{position:absolute;right:2%;bottom:2%;width:120px;height:120px;z-index:3;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.7));}

/* tira de ventajas */
.p2perks{display:flex;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2);}
.p2perk{flex:1;display:flex;align-items:center;gap:13px;padding:20px 26px;border-right:1px solid var(--line);}
.p2perk:last-child{border-right:none;}
.p2perk svg{color:var(--red);flex:0 0 auto;}
.p2perk strong{display:block;font-family:var(--display);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.03em;}
.p2perk span{font-size:12px;color:var(--ink-2);}

/* ---------- nav de categorías sticky ---------- */
.p2cats{position:sticky;top:70px;z-index:25;display:flex;gap:9px;overflow-x:auto;
  padding:15px 26px;background:rgba(10,10,11,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);
  scrollbar-width:none;}
.p2cats::-webkit-scrollbar{display:none;}
.p2pill{flex:0 0 auto;font-family:var(--display);font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.04em;
  color:var(--ink-2);padding:9px 18px;border-radius:99px;border:1px solid var(--line);background:var(--surface);transition:.18s;white-space:nowrap;}
.p2pill:hover{color:var(--ink);border-color:rgba(255,255,255,.25);}
.p2pill.is-active{color:#fff;background:var(--red);border-color:var(--red);}

/* ---------- secciones ---------- */
.p2main{padding:8px 26px 40px;}
.p2sec{padding:34px 0 8px;scroll-margin-top:140px;}
.p2sec__head{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px;}
.p2sec__num{font-family:var(--display);font-weight:700;font-size:15px;color:var(--red);padding-bottom:8px;}
.p2sec__title{font-family:var(--display);font-weight:700;font-size:40px;text-transform:uppercase;line-height:1;}
.p2sec__note{font-size:13px;color:var(--ink-2);margin-top:5px;}
.p2grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));}

/* footer p2 */
.p2foot{background:var(--bg-2);border-top:1px solid var(--line);padding:40px 26px;}
.p2foot__top{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;align-items:flex-start;}
.p2foot__brand{display:flex;align-items:center;gap:14px;}
.p2foot__brand img{width:60px;height:60px;}
.p2foot__tag{font-family:var(--script);font-size:24px;color:var(--red);}
.p2foot__cols{display:flex;gap:48px;flex-wrap:wrap;}
.p2foot__col h5{font-family:var(--display);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);margin-bottom:10px;}
.p2foot__col p{font-size:13px;color:var(--ink-2);line-height:1.7;}
.p2foot__bar{display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff;
  padding:14px;margin:34px -26px -40px;font-family:var(--display);font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.06em;gap:8px;}

/* --- GPS link --- */
.p2foot__gps{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11.5px;color:var(--ink-3);margin-top:10px;
  text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.15);padding-bottom:2px;
  transition:color .18s;
}
.p2foot__gps:hover{color:var(--ink-2);}
.p2foot__gps svg{flex:0 0 auto;color:var(--red);}

/* --- Reviews ticker --- */
.p2foot__col--reviews{min-width:220px;flex:1 1 220px;max-width:320px;}
.p2reviews{
  height:220px;overflow:hidden;position:relative;
  border-radius:12px;border:1px solid var(--line);
  background:var(--surface);margin-top:4px;
}
.p2reviews::before,.p2reviews::after{
  content:"";position:absolute;left:0;right:0;z-index:2;height:38px;
  pointer-events:none;
}
.p2reviews::before{top:0;background:linear-gradient(to bottom,var(--surface),transparent);}
.p2reviews::after{bottom:0;background:linear-gradient(to top,var(--surface),transparent);}
.p2reviews__track{
  display:flex;flex-direction:column;
  animation:tickerUp 26s linear infinite;
}
.p2reviews__track:hover{animation-play-state:paused;}
@keyframes tickerUp{
  from{transform:translateY(0);}
  to{transform:translateY(-50%);}
}
.p2review{
  padding:10px 13px;border-bottom:1px solid var(--line);
  display:flex;flex-direction:column;gap:5px;flex:0 0 auto;
}
.p2review__top{display:flex;align-items:center;gap:8px;}
.p2review__av{
  width:27px;height:27px;border-radius:50%;flex:0 0 27px;
  background:var(--red-2);display:grid;place-items:center;
  font-family:var(--display);font-weight:700;font-size:11px;color:#fff;
}
.p2review__info{flex:1;min-width:0;}
.p2review__name{
  font-weight:700;font-size:12px;line-height:1.1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.p2review__stars{font-size:10px;color:#F4B400;letter-spacing:1.5px;line-height:1.2;}
.p2review__time{font-size:10px;color:var(--ink-3);flex:0 0 auto;white-space:nowrap;}
.p2review__text{
  font-size:11.5px;color:var(--ink-2);line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.p2reviews__link{
  display:flex;align-items:center;gap:5px;margin-top:9px;
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:var(--ink-3);transition:color .18s;text-decoration:none;
}
.p2reviews__link:hover{color:var(--ink-2);}

@media (max-width:860px){
  .p2nav__links{display:none;}
  .p2hero{grid-template-columns:1fr;padding:40px 18px 48px;min-height:0;gap:24px;text-align:center;}
  .p2hero__l{max-width:none;}
  .p2hero__kicker{margin-left:auto;margin-right:auto;}
  .p2hero__script{margin-left:auto;margin-right:auto;text-align:center;transform:rotate(-3deg);}
  .p2hero__cta{justify-content:center;}
  .p2hero__sub{margin-left:auto;margin-right:auto;}
  .p2hero__title{font-size:52px;}
  .p2hero__script{font-size:46px;}
  .p2hero__r{order:-1;}
  .p2hero__plate{width:min(300px,80%);}
  .p2perks{flex-direction:column;}
  .p2perk{border-right:none;border-bottom:1px solid var(--line);}
  .p2cats{padding:12px 16px;}
  .p2main{padding:6px 16px 36px;}
  .p2sec__title{font-size:30px;}
  .p2grid{grid-template-columns:1fr;gap:13px;}
  .p2nav{padding:0 15px;height:62px;}
  .p2cats{top:62px;}
  /* footer mobile */
  .p2foot{padding:32px 18px;}
  .p2foot__top{flex-direction:column;gap:28px;}
  .p2foot__cols{flex-direction:column;gap:24px;}
  .p2foot__col--reviews{max-width:none;}
  .p2reviews{height:200px;}
  .p2foot__bar{margin:28px -18px -32px;}
}