/* ══════════════════════════════════════════════════════
   EJZAR — LOBO NOCTURNO  |  style.css
   Tokens de diseño del skeleton + tema oscuro gaming
══════════════════════════════════════════════════════ */
@font-face {
  font-family: 'Gothical';
  src: url('Gothical.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Zenda';
  src: url('zenda.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HarryPotter';
  src: url('harry_potter.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'EjzarCustom';
  src: url('EjzarCustom.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
:root {
  --color-bg:           #050508;
  --color-bg-alt:       #0a0a14;
  --color-surface:      rgba(123,47,190,.09);
  --color-border:       rgba(168,85,247,.22);
  --color-accent:       #a855f7;
  --color-accent-hover: #c084fc;
  --color-teal:         #00FFB3;
  --color-ink:          #f0f0f0;
  --color-text:         rgba(240,240,240,.85);
  --color-muted:        rgba(240,240,240,.4);
  --color-white:        #fff;
  --color-green:        #00FFB3;
  --color-green-bg:     rgba(0,255,179,.08);
  --color-yellow:       #f5a623;
  --color-yellow-bg:    rgba(245,166,35,.08);
  --color-red:          #ff4d6d;
  --color-red-bg:       rgba(255,77,109,.08);
  --font-display: 'Chakra Petch', 'Orbitron', monospace;
  --font-body:    'Rajdhani', sans-serif;
  --font-mono:    'Share Tech Mono', monospace;
  --max-width:    1100px;
  --radius:       8px;
  --radius-lg:    14px;
  --shadow-sm: 0 2px 12px rgba(168,85,247,.12);
  --shadow-md: 0 8px 30px rgba(168,85,247,.18);
  --shadow-lg: 0 16px 60px rgba(168,85,247,.25);
  --glow-purple: 0 0 20px rgba(168,85,247,.4);
  --glow-teal:   0 0 20px rgba(0,255,179,.3);
}

/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.65;overflow-x:hidden}
h1,h2,h3,h4,h5{font-family:var(--font-display);line-height:1.2}
a{text-decoration:none;transition:color .2s}
img{max-width:100%;display:block}
button{cursor:pointer;font-family:inherit}
ul,ol{list-style:none}

/* ── PARTICLES / CURSOR ── */
#particles-canvas{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5}
#cursor-dot,#cursor-ring{position:fixed;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%)}
#cursor-dot {width:18px;height:18px;background:radial-gradient(circle,rgba(0,255,179,.5),transparent 70%)}
#cursor-ring{width:38px;height:38px;border:1px solid rgba(168,85,247,.45);transition:left .12s ease,top .12s ease,width .2s,height .2s,border-color .2s}

/* ── LAYOUT HELPERS (skeleton) ── */
.container  {max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;position:relative;z-index:2}
.section    {padding:88px 0;position:relative}
.section-sm {padding:52px 0;position:relative}
.flex       {display:flex}
.flex-center{display:flex;align-items:center;justify-content:center}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}
.text-center{text-align:center}
.mt-sm{margin-top:.75rem}.mt-md{margin-top:1.5rem}.mt-lg{margin-top:2.5rem}

/* Section divider line */
.section::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),var(--color-teal),var(--color-accent),transparent);opacity:.22}

/* ── SECTION HEADING ── */
.sec-head{margin-bottom:2rem;text-align:center}
.sec-title{font-family:'EjzarCustom',serif;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900;letter-spacing:.2em;color:#98ffcc;-webkit-text-fill-color:#98ffcc;background:none}
.sec-line{width:80px;height:2px;margin:.8rem auto;background:linear-gradient(90deg,var(--color-accent),var(--color-teal))}
.sec-sub{font-size:.9rem;color:var(--color-muted);font-family:var(--font-mono)}

/* ── NAVBAR ── */
.navbar{position:fixed;top:0;left:0;right:0;z-index:999;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:rgba(5,5,8,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}
.navbar-logo{font-family:'EjzarCustom',serif;font-size:1.2rem;font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,var(--color-accent),var(--color-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.navbar-nav{display:flex;gap:1.5rem;align-items:center}
.navbar-nav a{font-family:var(--font-display);font-size:.7rem;letter-spacing:.1em;color:var(--color-muted);transition:color .2s}
.navbar-nav a:hover{color:var(--color-teal)}
.navbar-nav .nav-cta{padding:.45rem 1.2rem;border:1px solid var(--color-teal);border-radius:50px;color:var(--color-teal)!important;transition:all .2s}
.navbar-nav .nav-cta:hover{background:var(--color-teal);color:var(--color-bg)!important;-webkit-text-fill-color:var(--color-bg)}
.navbar-burger{display:none;flex-direction:column;gap:5px;background:none;border:none}
.navbar-burger span{display:block;width:22px;height:2px;background:var(--color-accent);border-radius:2px;transition:.3s}

/* ── HERO ── */
.hero{min-height:100vh;padding:100px 0 80px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,rgba(123,47,190,.2),transparent 70%),radial-gradient(ellipse at 80% 90%,rgba(0,255,179,.06),transparent 60%),var(--color-bg)}
.hero-moon{position:absolute;top:10%;right:10%;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c8a0e8,#7B2FBE 60%,#3a1060);box-shadow:0 0 40px rgba(168,85,247,.6),0 0 80px rgba(168,85,247,.3);animation:moon-float 8s ease-in-out infinite;pointer-events:none}
@keyframes moon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
#matrix-canvas{position:absolute;inset:0;pointer-events:none;opacity:.04;z-index:1}
.hero-chip{display:inline-block;padding:.3rem 1rem;border-radius:50px;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.25rem;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-teal);font-family:var(--font-mono)}
.hero-name{font-family:'EjzarCustom',serif;font-size:clamp(3.5rem,10vw,7rem);font-weight:900;letter-spacing:.04em;background:linear-gradient(135deg,#fff 0%,var(--color-accent) 45%,var(--color-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.6rem;animation:glitch-name 5s infinite}
@keyframes glitch-name{0%,94%,100%{transform:none}95%{transform:skew(-1deg) translateX(2px)}96%{transform:skew(1deg) translateX(-2px)}97%{transform:none}}
.hero-subtitle{font-family:var(--font-display);font-size:clamp(.8rem,2.5vw,1.1rem);letter-spacing:.5em;color:var(--color-teal);text-shadow:var(--glow-teal);margin-bottom:.5rem}
.hero-clan{font-family:var(--font-mono);font-size:.85rem;color:var(--color-muted);margin-bottom:1rem}
.hero-clan span{color:var(--color-accent);text-shadow:var(--glow-purple)}
.hero-lead{font-size:1rem;max-width:480px;margin:0 auto 2rem;color:var(--color-muted);font-style:italic;border-left:3px solid var(--color-teal);padding-left:16px;text-align:left}
.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.hero-note{margin-top:1.5rem;font-size:.76rem;color:var(--color-muted);font-family:var(--font-mono)}
.scroll-indicator{position:absolute;right:2rem;bottom:2.5rem;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.4}
.scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,var(--color-teal),transparent);animation:scroll-anim 1.5s ease-in-out infinite}
@keyframes scroll-anim{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.scroll-indicator span{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.2em;color:var(--color-teal);writing-mode:vertical-rl}

/* ── STATS BAR ── */
.stats-bar{padding:1.5rem 2rem;display:flex;justify-content:center;gap:3.5rem;flex-wrap:wrap;background:var(--color-bg-alt);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);position:relative;z-index:2}
.stats-bar>div{text-align:center}
.stat-num{display:block;font-family:var(--font-display);font-size:2rem;font-weight:900;color:var(--color-teal);text-shadow:var(--glow-teal)}
.stat-lbl{font-size:.72rem;letter-spacing:.08em;color:var(--color-muted);font-family:var(--font-mono)}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:50px;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:.85rem 1.9rem;cursor:pointer;transition:all .25s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-teal));color:var(--color-bg);box-shadow:var(--shadow-md)}
.btn-primary:hover{box-shadow:var(--shadow-lg)}
.btn-outline{background:transparent;border:1.5px solid var(--color-accent);color:var(--color-accent)}
.btn-outline:hover{background:var(--color-surface);box-shadow:var(--glow-purple)}

/* ── CARDS ── */
.card{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);position:relative;overflow:hidden;transition:box-shadow .3s,transform .3s,border-color .3s}
.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-teal))}
.card:hover{box-shadow:var(--shadow-lg);border-color:rgba(168,85,247,.45);transform:translateY(-4px)}

/* ── PILLS ── */
.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .7rem;border-radius:50px;font-size:.72rem;font-weight:700;white-space:nowrap;font-family:var(--font-mono)}
.pill-green {background:var(--color-green-bg); color:var(--color-green); border:1px solid rgba(0,255,179,.3)}
.pill-yellow{background:var(--color-yellow-bg);color:var(--color-yellow);border:1px solid rgba(245,166,35,.3)}
.pill-red   {background:var(--color-red-bg);   color:var(--color-red);   border:1px solid rgba(255,77,109,.3)}

/* ── TAB BAR ── */
.tab-bar{display:flex;gap:.4rem;flex-wrap:wrap}
.tab-btn{padding:.4rem 1rem;border-radius:50px;font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:all .2s;border:1.5px solid var(--color-border);background:transparent;color:var(--color-muted)}
.tab-btn:hover,.tab-btn.active{border-color:var(--color-teal);color:var(--color-teal);background:var(--color-green-bg);box-shadow:var(--glow-teal)}

/* ── ALERT / STANDBY ── */
.alert{border-radius:var(--radius);padding:.85rem 1.1rem;font-size:.88rem}
.alert-info{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-teal)}
.standby-block{border:1.5px dashed var(--color-border);border-radius:var(--radius);padding:1.5rem 1.75rem;text-align:center;color:var(--color-muted)}

/* ── SOBRE MÍ GRID ── */
.sobre-grid{display:grid;grid-template-columns:200px 1fr 1fr;gap:1.5rem;align-items:start}
.avatar-wrap{width:110px;height:110px;background:linear-gradient(135deg,var(--color-accent),var(--color-teal));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3.2rem;box-shadow:var(--shadow-lg),0 0 0 4px var(--color-surface);animation:avatar-pulse 4s ease-in-out infinite;margin:0 auto 1.25rem}
@keyframes avatar-pulse{0%,100%{box-shadow:var(--shadow-md),0 0 0 4px var(--color-surface)}50%{box-shadow:var(--shadow-lg),0 0 0 8px rgba(168,85,247,.12)}}
.info-row{display:grid;grid-template-columns:32px 150px 1fr;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.92rem}
.info-row:last-child{border-bottom:none}
.info-icon{font-size:1rem}
.info-label{font-family:var(--font-mono);font-size:.78rem;color:var(--color-muted)}
.info-value{font-weight:600;color:var(--color-ink)}
.info-value.accent{color:var(--color-teal)}
.info-value.purple{color:var(--color-accent)}
.traits-title{font-family:var(--font-mono);font-size:.8rem;color:var(--color-teal);margin-bottom:1rem;letter-spacing:.1em}
.traits-list{list-style:none}
.trait-item{display:flex;gap:10px;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.93rem}
.trait-bullet{color:var(--color-accent);flex-shrink:0;margin-top:3px;font-size:.7rem}

/* ── SUMMARY BAR ── */
.summary-bar{display:flex;gap:1rem;flex-wrap:wrap;padding:1.1rem 1.5rem;align-items:center;border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border)}
.summary-stat{display:flex;align-items:center;gap:.5rem}
.summary-num{font-family:var(--font-display);font-size:1.9rem;font-weight:900;line-height:1;color:var(--color-teal);text-shadow:var(--glow-teal)}
.summary-lbl{font-size:.72rem;line-height:1.3;color:var(--color-muted);font-family:var(--font-mono)}
.summary-div{width:1px;height:36px;background:var(--color-border)}

/* ── SKILL BARS ── */
.skill-label{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.8rem;margin-bottom:.4rem}
.skill-pct{color:var(--color-teal)}
.skill-track{height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}
.skill-fill{height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-teal));box-shadow:0 0 10px rgba(0,255,179,.4);transition:width 1.5s cubic-bezier(.25,1,.5,1)}

/* ── FAVORITOS ── */
.fav-icon-wrap{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.mc-quartz{width:56px;height:56px;background:linear-gradient(135deg,#e0d0f5,#b8a0d8);box-shadow:6px 6px 0 #9070b5,0 0 20px rgba(180,140,220,.4);border:1px solid rgba(255,255,255,.2)}
.enderman-body{width:44px;height:72px;background:#080808;box-shadow:0 0 14px var(--color-accent),0 0 28px rgba(168,85,247,.3)}
.lantern-emoji{font-size:3rem;filter:drop-shadow(0 0 10px #f5a623);animation:lantern 2s ease-in-out infinite}
@keyframes lantern{0%,100%{filter:drop-shadow(0 0 8px #f5a623)}50%{filter:drop-shadow(0 0 18px #f5a623)}}
.fav-tag{font-family:var(--font-mono);font-size:.68rem;color:var(--color-muted);letter-spacing:.1em;margin-bottom:.35rem}
.fav-name{font-family:var(--font-display);font-size:.88rem;font-weight:700;letter-spacing:.06em}
.color-dot{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.15);transition:transform .2s,box-shadow .2s;cursor:pointer}
.color-dot:hover{transform:scale(1.2)}
.dot-white {background:#f0f0f0}
.dot-black {background:#080808;border-color:rgba(255,255,255,.25);box-shadow:0 0 8px rgba(255,255,255,.08)}
.dot-teal  {background:var(--color-teal);  box-shadow:var(--glow-teal)}
.dot-purple{background:var(--color-accent);box-shadow:var(--glow-purple)}
.phonk-label{font-family:var(--font-display);font-size:1.5rem;font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,var(--color-accent),var(--color-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.6rem}
.eq-bars{display:flex;gap:3px;align-items:flex-end;height:22px}
.eq-bar{width:4px;border-radius:2px;background:var(--color-teal);animation:eq .8s ease-in-out infinite alternate}
.eq-bar:nth-child(1){--h:55%;animation-delay:.00s}
.eq-bar:nth-child(2){--h:100%;animation-delay:.10s}
.eq-bar:nth-child(3){--h:40%;animation-delay:.20s}
.eq-bar:nth-child(4){--h:80%;animation-delay:.15s}
.eq-bar:nth-child(5){--h:60%;animation-delay:.25s}
.eq-bar:nth-child(6){--h:90%;animation-delay:.05s}
.eq-bar:nth-child(7){--h:45%;animation-delay:.30s}
@keyframes eq{from{height:20%;background:var(--color-teal)}to{height:var(--h,70%);background:var(--color-accent)}}

/* ── METAS ── */
.meta-card{display:flex;align-items:center;gap:16px;padding:1.5rem}
.meta-check{font-size:1.6rem;flex-shrink:0;width:36px;text-align:center}
.meta-check.done  {color:var(--color-teal)}
.meta-check.active{color:var(--color-accent);animation:blink 1.5s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.meta-title{font-size:.95rem;font-weight:600;display:block;margin-bottom:.5rem}
.meta-bar{height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.meta-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-teal),var(--color-accent));border-radius:2px;transition:width 1.5s ease}
.meta-status{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;writing-mode:vertical-rl;flex-shrink:0}
.meta-status.done  {color:var(--color-teal)}
.meta-status.active{color:var(--color-accent)}
.big-quote{display:flex;align-items:center;gap:1.5rem;justify-content:center;margin-top:3rem}
.big-quote-line{flex:1;max-width:180px;height:1px;background:linear-gradient(90deg,transparent,var(--color-teal))}
.big-quote-line.r{background:linear-gradient(90deg,var(--color-teal),transparent)}
.big-quote-text{font-family:var(--font-display);font-size:clamp(.9rem,2.5vw,1.25rem);letter-spacing:.08em;text-align:center}
.big-quote-text span{color:var(--color-teal)}

/* ── SOCIAL CARDS ── */
.social-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:2.5rem 1.25rem;text-decoration:none;color:var(--color-ink)}
.social-icon{width:44px;height:44px;color:var(--color-accent);transition:color .3s,filter .3s}
.social-card:hover .social-icon{color:var(--color-teal);filter:drop-shadow(0 0 8px var(--color-teal))}
.social-name{font-family:var(--font-display);font-size:.82rem;letter-spacing:.1em}
.social-handle{font-family:var(--font-mono);font-size:.78rem;color:var(--color-muted)}
.social-card.yt::after,.social-card.tt::after,.social-card.tw::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;opacity:0;transition:opacity .3s}
.social-card:hover::after{opacity:1}
.social-card.yt::after{background:#FF0000}
.social-card.tt::after{background:linear-gradient(90deg,#69C9D0,#EE1D52)}
.social-card.tw::after{background:#9146FF}

/* ── MODAL ── */
.modal-overlay{display:none;position:fixed;inset:0;z-index:2000;align-items:center;justify-content:center;padding:1.5rem;background:rgba(5,5,8,.85);backdrop-filter:blur(6px)}
.modal-overlay.open{display:flex}
.modal-box{border-radius:var(--radius-lg);max-width:520px;width:100%;max-height:88vh;overflow-y:auto;background:#0e0e1a;border:1px solid var(--color-border);box-shadow:var(--shadow-lg);animation:modalIn .28s ease}
@keyframes modalIn{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
.modal-head{padding:1.4rem 1.6rem 1rem;position:sticky;top:0;display:flex;justify-content:space-between;align-items:flex-start;background:#0e0e1a;border-bottom:1px solid var(--color-border)}
.modal-head h2{font-size:1.3rem;font-weight:700;color:var(--color-ink)}
.modal-head p{font-size:.8rem;color:var(--color-muted);margin-top:.2rem}
.modal-close{background:none;border:none;font-size:1.2rem;color:var(--color-muted);cursor:pointer;padding:.2rem}
.modal-body{padding:1.5rem 1.6rem 2rem}

/* ── TOAST ── */
#toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:3000;display:flex;flex-direction:column;gap:.5rem}
.toast-item{padding:.75rem 1.25rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:.8rem;min-width:220px;animation:toastIn .25s ease;background:#0e0e1a;color:var(--color-ink)}
@keyframes toastIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}

/* ── FOOTER ── */
.footer{padding:3rem 2rem 2rem;text-align:center;background:#030306;border-top:1px solid var(--color-border);position:relative}
.footer::before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),var(--color-teal),var(--color-accent),transparent)}
.footer-logo{font-family:'EjzarCustom',serif;font-size:2rem;font-weight:900;letter-spacing:.3em;background:linear-gradient(135deg,var(--color-accent),var(--color-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.4rem}
.footer-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin:.65rem 0 1.25rem}
.footer-links a{font-family:var(--font-mono);font-size:.72rem;color:var(--color-muted);transition:color .2s}
.footer-links a:hover{color:var(--color-teal)}
.footer-bottom{font-family:var(--font-mono);font-size:.68rem;color:rgba(255,255,255,.18);padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .navbar-nav{display:none}
  .navbar-nav.open{display:flex;flex-direction:column;position:fixed;top:60px;left:0;right:0;padding:1.25rem 1.5rem;gap:1rem;z-index:998;background:rgba(5,5,8,.97);border-bottom:1px solid var(--color-border)}
  .navbar-burger{display:flex}
  .sobre-grid{grid-template-columns:1fr!important}
  .hero-moon{display:none}
  #cursor-dot,#cursor-ring{display:none}
}
@media(max-width:560px){
  .summary-bar{flex-direction:column;align-items:flex-start}
  .big-quote-line{max-width:60px}
}

.fav-img{width:100%;max-width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 0 12px var(--color-accent));transition:transform .3s,filter .3s}
.fav-img:hover{transform:scale(1.08) translateY(-4px);filter:drop-shadow(0 0 20px var(--color-teal))}