/* ===== Season 2 / Halloween + 2 servers (24/09/2026). Tokens de main.css; copy en FICHA_HECHOS ===== */
:root{--s2-fire:#ff6e28;--s2-light:#ffdc5a;--s2-voodoo:#b98aff;--s2-z-rib:890;--s2-z-float:930;--s2-z-modal:100100}
/* modal/bienvenida por ENCIMA de las ventanas HBWin (z 1200+) y de la Taberna abierta (100000) */

/* nav + hero */
.nav-links a.nav-s2{color:var(--gold-2)}
/* con el link "Season 2" el nav ya no entra entre 1025 y 1440 px: se aprieta en vez de empujar el switcher fuera */
@media (min-width:1025px) and (max-width:1700px){
  .nav-inner{gap:var(--s3)}
  .nav-links{gap:clamp(8px,1vw,16px)}
  .nav-links a{font-size:.68rem;letter-spacing:.05em}
  nav .brand{font-size:.95rem}
}
@media (min-width:1025px) and (max-width:1500px){nav .brand span{display:none}}
@media (min-width:1025px) and (max-width:1180px){.nav-links a{font-size:.64rem;letter-spacing:.02em}.nav-links{gap:8px}.nav-cta .btn-ghost{display:none}}
.s2-eyelink{color:var(--gold-2);text-decoration:underline;text-underline-offset:3px}
.s2-eyelink:hover{color:#fff}

/* foco visible en todo lo nuevo */
.s2-ribbon :focus-visible,.srv2 :focus-visible,.s2 :focus-visible,.s2-bar :focus-visible,.s2-badge:focus-visible,
.s2-modal :focus-visible,.s2-billboard :focus-visible,.evt-s2:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}

.s2-x{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;
  border:1px solid var(--line-2);background:rgba(0,0,0,.55);color:var(--muted);font-size:20px;line-height:1;cursor:pointer}
.s2-x:hover{color:#fff;border-color:var(--gold)}

/* 1) cinta superior (debajo del nav) */
.s2-ribbon{position:fixed;top:var(--nav-h);left:0;right:0;z-index:var(--s2-z-rib);display:flex;align-items:center;justify-content:center;
  gap:var(--s3);min-height:40px;padding:4px 52px 4px var(--s4);background:linear-gradient(90deg,#1a0704,#2e1a08 50%,#1a0704);
  border-bottom:1px solid var(--gold);font-family:var(--font-display);font-weight:700;letter-spacing:.08em;color:var(--gold-2);
  font-size:clamp(.72rem,1.6vw,.86rem);text-align:center}
.s2-ribbon[hidden]{display:none}
.s2-dot{width:8px;height:8px;background:var(--gold-2);transform:rotate(45deg);box-shadow:0 0 10px var(--gold);flex:none;animation:s2blink 1.6s infinite}
.s2-ribbon-x{color:var(--text);font-weight:600}
.s2-ribbon-go{font:inherit;font-size:.78rem;letter-spacing:.08em;color:#1a0f06;background:var(--gold);border:1px solid var(--gold-2);
  border-radius:999px;padding:4px 14px;min-height:32px;cursor:pointer}
.s2-ribbon-go:hover{background:var(--gold-2)}
@keyframes s2blink{50%{opacity:.35}}
body.s2-rib section.s{scroll-margin-top:calc(var(--nav-h) + 44px)}
@media (max-width:640px){body.s2-rib section.s{scroll-margin-top:calc(var(--nav-h) + 64px)}}
@media (max-width:640px){.s2-ribbon-x{display:none}}

/* 2) banda de los dos servers */
.srv2{background:radial-gradient(120% 80% at 50% 0,#1d100b 0,var(--bg) 70%);border-bottom:1px solid var(--line);
  padding:clamp(48px,7vw,84px) var(--s4)}
.srv2-wrap{max-width:var(--maxw);margin:0 auto}
.srv2-head{max-width:720px;margin:0 auto var(--s6);text-align:center}
.srv2-head h2{font-size:clamp(1.55rem,3.4vw,2.4rem);margin-top:var(--s3);text-wrap:balance}
.srv2-head h2 b{color:var(--ember-2)}
.srv2-head p{color:var(--muted);margin-top:var(--s3)}
.srv2-head .srv2-both{color:var(--gold-2);font-family:var(--font-display);font-size:.86rem;letter-spacing:.04em}
.srv2-grid{display:grid;grid-template-columns:1fr 1fr 240px;gap:var(--s4);align-items:start}
.srv2-card{border:1px solid var(--line-2);border-top:3px solid var(--c);border-radius:var(--r-lg);background:var(--surface);
  padding:var(--s5);--c:var(--gold)}
.srv2-high{--c:var(--ember)}
.srv2-card header{margin-bottom:var(--s4)}
.srv2-tag{display:inline-block;font-family:var(--font-display);font-weight:700;letter-spacing:.2em;font-size:.8rem;color:#1a0f06;
  background:var(--c);border-radius:999px;padding:3px 14px}
.srv2-card h3{font-size:1.25rem;margin-top:var(--s3);color:#fff}
.srv2-card header p{color:var(--muted);font-size:.92rem;margin-top:var(--s1)}
.srv2-card dl{display:grid;gap:0}
.srv2-card dl div{display:flex;justify-content:space-between;gap:var(--s3);padding:9px 0;border-top:1px solid var(--line)}
.srv2-card dt{color:var(--muted);font-size:.9rem}
.srv2-card dd{font-family:var(--font-display);font-weight:700;color:var(--gold-2);text-align:right;font-variant-numeric:tabular-nums}
.srv2-high dd{color:var(--ember-2)}
.srv2-vid .vframe{border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden}
.srv2-cap{color:var(--muted);font-size:.86rem;text-align:center;margin-top:var(--s2)}
.srv2-cta{display:flex;gap:var(--s3);flex-wrap:wrap;justify-content:center;margin-top:var(--s6)}
.vframe.v916{aspect-ratio:9/16}
@media (max-width:980px){.srv2-grid{grid-template-columns:1fr 1fr}.srv2-vid{grid-column:1/-1;max-width:260px;margin:0 auto;width:100%}}
@media (max-width:640px){.srv2-grid{grid-template-columns:1fr}}

/* 3) billboard de campaña */
.s2-billboard{max-width:1002px;margin:0 auto;padding:var(--s5) var(--s4)}
.s2-bb-link{display:block;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-2);transition:box-shadow var(--t),border-color var(--t)}
.s2-bb-link:hover{border-color:var(--gold);box-shadow:0 0 28px rgba(216,168,80,.25)}
.s2-bb-link img{display:block;width:100%;height:auto}
.s2-bb-inline{margin-top:var(--s5)}

/* 4) seccion Season 2 */
.s2-prize{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--s6);align-items:center;
  border:1px solid var(--gold);border-radius:var(--r-lg);padding:clamp(20px,3vw,36px);
  background:radial-gradient(120% 90% at 80% 0,#2a1208 0,var(--surface) 60%)}
.s2-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;letter-spacing:.16em;font-size:.72rem;
  color:var(--gold-2);border:1px solid var(--gold);border-radius:999px;padding:5px 14px;text-transform:uppercase}
.s2-prize h3{font-size:clamp(1.4rem,3vw,2rem);margin-top:var(--s3);color:#fff}
.s2-lit{color:var(--text);margin-top:var(--s3);font-size:1.02rem;line-height:1.6}
.s2-reto{font-family:var(--font-display);font-weight:700;color:var(--gold-2);font-size:1.25rem;margin-top:var(--s4)}
.s2-fragile{color:var(--hot);margin-top:var(--s3);font-size:.92rem}
.s2-legal{color:var(--faint);font-size:.8rem;margin-top:var(--s3)}
.s2-note{grid-column:1/-1;color:var(--muted);font-size:.86rem;text-align:center}
.s2-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
.s2-item{background:#080606;border:2px solid var(--c);border-radius:var(--r-lg);padding:6px;
  box-shadow:0 0 18px color-mix(in srgb,var(--c) 30%,transparent)}
.s2-item img{display:block;width:100%;height:auto;cursor:zoom-in}
.s2-item figcaption{padding:var(--s2) 2px 2px}
.s2-item figcaption b{display:block;font-family:var(--font-display);color:var(--c);letter-spacing:.06em;font-size:.86rem}
.s2-item figcaption span{display:block;color:var(--muted);font-size:.78rem;line-height:1.45;margin-top:2px}
.s2-block{margin-top:clamp(48px,7vw,72px)}
.s2-h3{font-size:clamp(1.25rem,2.4vw,1.6rem);color:var(--gold-2);border-left:3px solid var(--ember);padding-left:var(--s3);margin-bottom:var(--s5)}
.s2-h4{font-family:var(--font-display);color:#fff;font-size:1rem;letter-spacing:.08em;margin:var(--s6) 0 var(--s3)}
.s2-muted{color:var(--muted);margin:-8px 0 var(--s4);font-size:.92rem}
.s2-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--s3)}
.s2-card{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);padding:var(--s5)}
.s2-card h4{font-family:var(--font-display);color:var(--gold-2);font-size:1rem}
.s2-card p{color:var(--muted);font-size:.92rem;margin-top:var(--s2)}
.s2-card .s2-sub{color:var(--faint);font-size:.84rem}
.s2-news{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--s4)}
.s2-new{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}
.s2-new img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;cursor:zoom-in;background:#000}
.s2-new figcaption{padding:var(--s4)}
.s2-new h4{font-family:var(--font-display);color:var(--gold-2);font-size:1rem}
.s2-new p{color:var(--muted);font-size:.88rem;margin-top:var(--s1)}
.s2-trailer{max-width:860px}
.s2-trailer .vframe{aspect-ratio:16/9;border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden}
.s2-shorts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--s3)}
.s2-longs{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--s4)}
.s2-v .vframe{border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden}
.s2-longs .vframe{aspect-ratio:16/9}
.s2-v p{color:var(--text);font-size:.86rem;margin-top:var(--s2);line-height:1.35}
.s2-flyers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s3)}
.s2-flyers img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line-2);border-radius:var(--r-lg);cursor:zoom-in;background:#000}
.s2-walls{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--s3);margin-top:var(--s5)}
.s2-wall{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}
.s2-wall img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#000}
.s2-wall div{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);padding:var(--s3)}
.s2-wall b{flex:1;font-family:var(--font-display);color:var(--gold-2);font-size:.86rem}
.s2-wall a{font-family:var(--font-display);font-size:.74rem;letter-spacing:.06em;color:var(--text);border:1px solid var(--line-2);
  border-radius:999px;padding:6px 12px;min-height:32px;display:inline-flex;align-items:center}
.s2-wall a:hover{border-color:var(--gold);color:var(--gold-2)}
@media (max-width:900px){.s2-prize{grid-template-columns:1fr}}
@media (max-width:640px){.s2-items{grid-template-columns:repeat(2,minmax(0,1fr))}.s2-shorts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 5) eventos: tarjeta Halloween a lo ancho */
.evt.evt-s2{grid-column:1/-1;display:flex;align-items:center;gap:var(--s4);border-color:var(--ember);text-decoration:none;color:inherit;
  background:linear-gradient(90deg,rgba(255,90,44,.12),transparent)}
.evt.evt-s2 .ic{margin:0}
.evt.evt-s2 p{margin:0;color:var(--gold-2)}

/* 6) banner inferior (1 vez) + badge */
.s2-bar{position:fixed;left:var(--s4);bottom:var(--s4);z-index:var(--s2-z-float);display:flex;align-items:center;gap:var(--s3);
  width:min(600px,calc(100vw - 400px));padding:10px 52px 10px 10px;border:1px solid var(--gold);border-radius:12px;
  background:linear-gradient(90deg,#1a0704,#2a1208 50%,#1a0704);box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 30px rgba(216,168,80,.2);
  animation:s2up .3s var(--ease)}
.s2-bar[hidden]{display:none}
.s2-bar img{height:64px;width:auto;border:1px solid var(--line-2);border-radius:4px}
.s2-bar-t{flex:1;min-width:0}
.s2-bar-t strong{display:block;font-family:var(--font-display);color:var(--gold-2);font-size:1rem}
.s2-bar-t small{color:var(--muted);font-size:.82rem}
.s2-badge{position:fixed;left:var(--s4);bottom:var(--s4);z-index:var(--s2-z-float);display:flex;flex-direction:column;align-items:center;gap:6px;
  background:none;border:0;cursor:pointer;padding:0}
.s2-badge[hidden]{display:none}
.s2-badge-o{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;align-content:center;line-height:.95;color:#1a0d02;
  background:radial-gradient(circle at 35% 30%,#ffe3a0,#d8a850 55%,#6b4210);animation:s2pulse 2.2s infinite}
.s2-badge-o b{font-family:var(--font-display);font-size:9px;letter-spacing:.14em}
.s2-badge-o i{font-family:var(--font-display);font-weight:700;font-style:normal;font-size:28px}
.s2-badge-t{font-family:var(--font-display);font-weight:700;font-size:.68rem;letter-spacing:.08em;color:var(--gold-2);
  background:rgba(0,0,0,.8);padding:3px 10px;border-radius:20px}
@keyframes s2pulse{0%{box-shadow:0 0 0 0 rgba(216,168,80,.6)}70%{box-shadow:0 0 0 16px rgba(216,168,80,0)}100%{box-shadow:0 0 0 0 rgba(216,168,80,0)}}
@keyframes s2up{from{transform:translateY(120%)}to{transform:none}}
@media (max-width:980px){.s2-bar,.s2-badge{display:none!important}}

/* 7) modal del premio */
.s2-modal{position:fixed;inset:0;z-index:var(--s2-z-modal);display:flex;align-items:center;justify-content:center;
  padding:var(--s4);background:rgba(10,7,6,.86);backdrop-filter:blur(6px)}
.s2-modal[hidden]{display:none}
.s2-mcard{position:relative;width:100%;max-width:780px;max-height:calc(100dvh - 32px);overflow:auto;text-align:center;
  padding:28px 20px 20px;border:1px solid var(--gold);border-radius:14px;box-shadow:0 0 60px var(--glow);
  background:radial-gradient(120% 90% at 50% 0,#2a1208 0,var(--surface) 58%);animation:s2in .22s var(--ease)}
.s2-mcard .s2-x{top:10px;transform:none}
.s2-mcard h2{font-size:clamp(1.6rem,4.6vw,2.6rem);color:var(--gold-2);margin-top:var(--s3);text-shadow:0 0 22px rgba(255,90,44,.35)}
.s2-mitems{display:grid;grid-template-columns:repeat(3,1fr) 24px 1fr;gap:10px;align-items:center;margin:var(--s4) 0}
.s2-mitems figure{background:#080606;border:2px solid var(--c);border-radius:var(--r-lg);padding:5px}
.s2-mitems img{display:block;width:100%;height:auto}
.s2-mitems figcaption{font-family:var(--font-display);font-weight:700;color:var(--c);font-size:.8rem;margin-top:4px;letter-spacing:.04em}
.s2-plus{font-family:var(--font-display);font-size:1.8rem;color:var(--gold-2)}
.s2-mcta{display:flex;gap:var(--s3);justify-content:center;flex-wrap:wrap;margin-top:var(--s5)}
@keyframes s2in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
@media (max-width:620px){.s2-mitems{grid-template-columns:repeat(2,1fr)}.s2-plus{display:none}}
body.s2-lock{overflow:hidden}

/* 8) popup grande de bienvenida "SEASON 2 SOON" */
.s2-welcome{z-index:calc(var(--s2-z-modal) + 1)}
.s2-wcard{position:relative;width:100%;max-width:960px;max-height:calc(100dvh - 32px);overflow:auto;
  border:1px solid var(--gold);border-radius:16px;box-shadow:0 0 80px rgba(255,90,44,.35);animation:s2in .25s var(--ease);
  background:linear-gradient(180deg,rgba(10,7,6,.55),rgba(10,7,6,.94) 55%),url("/assets/s2/wall/hw_pc_en_th.jpg") center top/cover,var(--surface)}
.s2-wcard .s2-x{top:12px;transform:none;z-index:2}
.s2-whead{text-align:center;padding:clamp(28px,5vw,48px) clamp(16px,4vw,40px) var(--s4)}
.s2-whead h2{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,8vw,5rem);line-height:1;margin-top:var(--s4);
  color:var(--gold-2);letter-spacing:.04em;text-shadow:0 0 30px rgba(255,90,44,.55),0 2px 0 #000}
.s2-whead h2 em{font-style:normal;color:var(--ember-2)}
.s2-wsub{font-family:var(--font-display);color:#fff;font-size:clamp(1rem,2.4vw,1.3rem);margin-top:var(--s3);letter-spacing:.06em}
.s2-wlead{color:var(--text);max-width:60ch;margin:var(--s3) auto 0;font-size:1rem}
.s2-wgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);padding:var(--s4) clamp(16px,4vw,40px) 0}
.s2-wtile{position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;text-decoration:none;color:var(--text);cursor:pointer;
  font:inherit;background:rgba(21,16,14,.88);border:1px solid var(--line-2);border-left:3px solid var(--c);border-radius:var(--r-lg);
  padding:var(--s4) 40px var(--s4) var(--s4);min-height:96px;transition:border-color var(--t),background var(--t),transform var(--t)}
.s2-wtile:hover{border-color:var(--c);background:rgba(40,22,14,.95);transform:translateY(-2px)}
.s2-wtile b{font-family:var(--font-display);color:var(--c);font-size:1rem;letter-spacing:.04em}
.s2-wtile span{color:var(--muted);font-size:.88rem;line-height:1.45}
.s2-wtile i{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--c);font-size:1.2rem}
.s2-wcard .s2-mcta{padding:0 var(--s4)}
.s2-wcard .s2-legal{text-align:center;padding:0 var(--s4) var(--s5)}
@media (max-width:760px){.s2-wgrid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.s2-wgrid{grid-template-columns:1fr}.s2-wtile{min-height:0}}

/* 9) video de fondo del hero (guerrero frente al portal, hero-4.mp4) */
.hero-bg video.hero-bgv{width:100%;height:100%;object-fit:cover;filter:brightness(.5) contrast(1.05)}
.hero-status{display:flex;flex-wrap:wrap;gap:var(--s2)}

@media (prefers-reduced-motion:reduce){.s2-dot,.s2-badge-o,.s2-bar,.s2-mcard{animation:none}}
.hero-bg:has(video.hero-bgv)::after{background:linear-gradient(180deg,rgba(10,7,6,.6) 0%,rgba(10,7,6,.42) 45%,var(--bg) 100%)}
#servers,#s2videos,#s2news,#s2walls{scroll-margin-top:calc(var(--nav-h) + 16px)}
body.s2-rib #servers,body.s2-rib #s2videos,body.s2-rib #s2news,body.s2-rib #s2walls{scroll-margin-top:calc(var(--nav-h) + 60px)}
body.s2-rib .hero{padding-top:calc(var(--nav-h) + 56px)}
/* celular: la tarjeta scrollea por dentro; la X queda pegada arriba en vez de irse con el contenido */
@media (max-width:640px){.s2-wcard .s2-x,.s2-mcard .s2-x{position:sticky;top:10px;float:right;margin:10px 10px 0 0;transform:none}}

/* 10) redes sociales (hero, CTA final, bienvenida S2 y footer) */
.soc{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--s4)}
.soc-center{justify-content:center}
.soc-btn{--b:#fff;--bg:rgba(255,255,255,.06);position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;
  padding:0 18px 0 6px;border-radius:999px;text-decoration:none;color:var(--text);font-family:var(--font-display);
  font-weight:700;font-size:.8rem;letter-spacing:.06em;background:var(--bg);border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;
  transition:transform var(--t) var(--ease),box-shadow var(--t),border-color var(--t),color var(--t)}
.soc-btn svg{width:32px;height:32px;padding:7px;border-radius:50%;flex:none;color:#fff;background:var(--b);
  box-shadow:0 0 0 1px rgba(255,255,255,.14) inset;transition:background var(--t),transform var(--t) var(--ease)}
.soc-btn::before{content:"";position:absolute;inset:0;background:var(--b);opacity:0;transition:opacity var(--t);z-index:-1}
.soc-btn:hover,.soc-btn:focus-visible{transform:translateY(-2px);color:#fff;border-color:transparent;
  box-shadow:0 10px 26px -8px var(--glow-c,rgba(0,0,0,.6))}
.soc-btn:hover::before,.soc-btn:focus-visible::before{opacity:1}
.soc-btn:hover svg,.soc-btn:focus-visible svg{background:rgba(255,255,255,.18);transform:scale(1.06)}
.soc-btn:focus-visible{outline:2px solid var(--gold-2);outline-offset:3px}
.soc-btn{isolation:isolate}
.soc-dc{--b:#5865F2;--glow-c:rgba(88,101,242,.7)}
.soc-yt{--b:#FF0033;--glow-c:rgba(255,0,51,.6)}
.soc-fb{--b:#1877F2;--glow-c:rgba(24,119,242,.65)}
.soc-ig{--b:linear-gradient(45deg,#feda75 0%,#fa7e1e 25%,#d62976 50%,#962fbf 75%,#4f5bd5 100%);--glow-c:rgba(214,41,118,.6)}
.soc-foot{flex-direction:column;align-items:stretch;gap:8px;margin:0 0 var(--s3)}
.soc-foot .soc-btn{padding-right:14px;font-size:.74rem;min-height:40px}
.soc-foot .soc-btn svg{width:28px;height:28px;padding:6px}
@media (max-width:420px){.soc:not(.soc-foot) .soc-btn span{display:none}.soc:not(.soc-foot) .soc-btn{padding:0 6px}}
@media (prefers-reduced-motion:reduce){.soc-btn,.soc-btn svg{transition:none}.soc-btn:hover{transform:none}}
/* footer: .foot-col a (main.css) es display:block -> se pisa con mas especificidad */
.foot-col.foot-soc a.soc-btn{display:flex;margin:0;padding:0 14px 0 5px;color:var(--text)}
.foot-col.foot-soc a.soc-btn:hover{color:#fff}
/* hero: las 4 en una fila en escritorio */
.hero .soc{gap:8px}
.hero .soc-btn{padding:0 13px 0 5px;gap:8px;font-size:.74rem}
.hero .soc-btn svg{width:30px;height:30px;padding:6.5px}