/* Shared chrome for every page: opening banner, header + phone menu, footer, trailer players, form fields */

.ann{display:block;margin-inline:-16px;background:var(--ink);color:var(--paper);text-align:center;padding:9px 16px;font:500 .88rem/1.4 var(--body);text-decoration:none}
.ann:hover span{text-decoration:underline}

.top{gap:16px}
.nav{gap:20px}
.nav a[aria-current="page"]{color:var(--ink)}
.top-r{display:none;align-items:center;gap:10px}
.top-r .btn{padding:8px 14px;font-size:.92rem}
.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:6px;background:none;color:var(--ink);cursor:pointer}
.menu-btn svg{width:20px;height:20px}
.menu-btn .x{display:none}
.top[data-open] .menu-btn .x{display:block}
.top[data-open] .menu-btn .bars{display:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:960px){
  .top{position:sticky}
  .top-r{display:flex}
  .nav{display:none !important;position:absolute;left:-16px;right:-16px;top:100%;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 18px 30px -20px rgba(0,0,0,.35);flex-direction:column;align-items:stretch;gap:0;padding:4px 16px 18px;z-index:10}
  .top[data-open] .nav{display:flex !important}
  .nav a:not(.btn){display:block !important;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:1.05rem}
  .nav .lang{align-self:flex-start;margin-top:14px}
  .nav .btn{display:flex !important;margin-top:14px;padding:13px 18px;font-size:1rem}
}

/* footer */
footer.foot{border-top:1px solid var(--line);padding-block:32px 40px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px;color:var(--muted);font-size:.92rem}
footer.foot > div{display:flex;flex-direction:column;gap:6px}
footer.foot b{color:var(--ink);font:800 1.15rem/1 var(--display);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}
footer.foot a{color:var(--ink)}
.home footer.foot{padding-bottom:104px}
@media (max-width:760px){footer.foot{grid-template-columns:1fr}}

/* WhatsApp buttons */
.btn.wa{background:#25D366;color:#0A2A15;gap:10px}
.btn.wa svg{width:20px;height:20px;flex:none}
.btn.wa:hover{filter:brightness(.95)}

/* trailer: click-to-play (loads YouTube only when pressed) */
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:10px;overflow:hidden;background:#0F1A14;cursor:pointer;color:#fff;text-align:left}
.yt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.yt:hover img{transform:scale(1.02)}
.yt .pl{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.6))}
.yt .pl i{width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.yt .pl i::after{content:"";margin-left:6px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #14211A}
.yt .cap{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:600 1rem var(--body)}
.yt .cap small{font:400 .78rem var(--mono);opacity:.85}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (prefers-reduced-motion:reduce){.yt img{transition:none}}

/* form fields */
.fld{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.95rem}
.fld input,.fld select{font:400 1rem var(--body);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:11px 12px;min-height:46px;width:100%}
.fld input:focus,.fld select:focus{outline:2px solid var(--turf);outline-offset:1px}
.fine{font-size:.85rem;color:var(--muted)}
.fine a{color:var(--ink)}