/*
Theme Name: Ismar Labs Cinematic
Description: Tema ligero, oscuro y futurista para noticias y retos de Ismar Labs.
Version: 1.0.0
Author: Ismar Labs
Text Domain: ismarlabs-cinematic
*/
:root{--bg:#050814;--surface:#0a1125;--line:rgba(164,205,255,.16);--text:#f4f8ff;--muted:#9eacc5;--cyan:#54ddff;--violet:#8b6cff;--lime:#baff59;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% -10%,#18295b 0,transparent 33rem),radial-gradient(circle at 4% 35%,#102a43 0,transparent 27rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.site-shell{overflow:hidden}.lab-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(90,209,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(90,209,255,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(black,transparent 70%);z-index:-1}.wrap{width:min(calc(100% - 2.5rem),var(--max));margin:auto}.site-header{border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:rgba(5,8,20,.66);position:sticky;top:0;z-index:20}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{color:var(--text);text-decoration:none;font-weight:800;letter-spacing:.04em;display:flex;align-items:center;gap:.72rem}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--cyan);border-radius:10px;color:var(--cyan);box-shadow:0 0 24px rgba(84,221,255,.4)}.menu{display:flex;gap:1.35rem;align-items:center}.menu a{color:var(--muted);text-decoration:none;font-size:.9rem}.menu a:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.05rem;border-radius:11px;background:linear-gradient(135deg,var(--cyan),#7894ff);color:#03101e!important;font-weight:800;text-decoration:none;border:0;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(84,221,255,.2)}.hero{padding:6rem 0 4rem;min-height:560px;display:grid;align-items:center}.eyebrow{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);font-weight:800}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:3.5rem;align-items:center}.hero h1{font-size:clamp(2.8rem,6vw,5.7rem);line-height:.97;letter-spacing:-.065em;margin:.7rem 0 1.3rem;max-width:800px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#b39aff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:1.12rem;max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.ghost{color:var(--text);border:1px solid var(--line);background:rgba(255,255,255,.03)}.hero-orb{aspect-ratio:1;position:relative;display:grid;place-items:center}.orb{width:75%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(84,221,255,.36);background:radial-gradient(circle at 35% 34%,#e1f9ff 0 1.8%,#56d7ff 2.1%,#183d81 24%,#0c1230 58%,transparent 59%);box-shadow:0 0 60px rgba(84,221,255,.35),inset 0 0 70px rgba(84,221,255,.25);animation:float 5s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(139,108,255,.4);border-radius:50%;width:100%;height:53%;transform:rotate(-26deg)}.orbit:after{content:"";position:absolute;right:8%;top:2%;width:12px;height:12px;background:var(--lime);border-radius:50%;box-shadow:0 0 22px var(--lime)}.readout{position:absolute;bottom:5%;right:0;background:rgba(10,17,37,.88);border:1px solid var(--line);padding:.9rem 1rem;border-radius:12px;color:var(--muted);font-size:.8rem;box-shadow:0 16px 40px rgba(0,0,0,.2)}.readout strong{display:block;color:var(--text);font-size:1rem}.section{padding:4.2rem 0}.section-title{font-size:clamp(1.8rem,3vw,3.1rem);letter-spacing:-.04em;margin:0 0 .65rem}.section-sub{color:var(--muted);max-width:670px;margin:0 0 2rem}.signal-card{background:linear-gradient(125deg,rgba(22,40,82,.84),rgba(8,15,34,.9));border:1px solid var(--line);border-radius:22px;padding:1.2rem;box-shadow:0 22px 60px rgba(0,0,0,.22)}.signal-card img{display:block;width:100%;height:auto;border-radius:14px;object-fit:cover;max-height:470px}.signal-meta{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.25rem .45rem .3rem}.signal-meta h2{font-size:1.4rem;margin:.2rem 0}.signal-meta p{margin:0;color:var(--muted);font-size:.94rem}.pill{border:1px solid rgba(186,255,89,.35);color:var(--lime);border-radius:99px;padding:.33rem .65rem;font-size:.72rem;font-weight:800;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{border:1px solid var(--line);background:rgba(9,16,35,.74);border-radius:17px;padding:1.35rem}.card-number{font-family:ui-monospace,monospace;color:var(--cyan);font-size:.8rem}.card h3{font-size:1.15rem;margin:.6rem 0}.card p{color:var(--muted);font-size:.93rem;margin:0}.content{padding:4rem 0;min-height:55vh}.content h1{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.05em}.content a{color:var(--cyan)}.site-footer{border-top:1px solid var(--line);padding:2.5rem 0;color:var(--muted);font-size:.88rem}.footer-row{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ismarlabs-quest{border-radius:22px!important}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:760px){.menu a:not(.button){display:none}.hero{padding:4rem 0 2.5rem;min-height:0}.hero-grid{grid-template-columns:1fr;gap:1.5rem}.hero-orb{max-width:300px;margin:auto}.cards{grid-template-columns:1fr}.signal-meta{align-items:flex-start;flex-direction:column}.wrap{width:min(calc(100% - 1.5rem),var(--max))}}