/* 02-layout.css
   Barra de identidad, navegacion principal y hero
   Se cargan en este orden: la cascada depende de el. */

/* Identity strip */
.idbar{background:var(--navy);color:#C9D2E3;font-size:13px;}
.idbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px;}
.idbar .l,.idbar .r{display:flex;align-items:center;gap:18px;flex-wrap:wrap;} .idbar b{color:#fff;font-weight:600;}
.idbar a{display:inline-flex;align-items:center;gap:6px;color:#C9D2E3;transition:color .16s ease;} .idbar a:hover{color:var(--yellow);}
.idbar svg{stroke:var(--yellow);width:14px;height:14px;flex:0 0 auto;}

/* Nav */
header.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);backdrop-filter:saturate(150%) blur(14px);border-bottom:1px solid var(--line-soft);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:20px;}
.logo{display:flex;align-items:center;gap:10px;} .logo .mark{width:36px;height:36px;flex:0 0 auto;}
.logo .name{font-family:var(--display);font-weight:800;font-size:23px;letter-spacing:-0.03em;line-height:1;color:var(--navy);}
.nav-links{display:flex;align-items:center;gap:26px;} .nav-links a{font-size:14.5px;color:var(--muted);font-weight:500;transition:color .16s ease;padding:6px 0;border-bottom:2px solid transparent;}
.nav-links a:hover,.nav-links a.active{color:var(--navy);} .nav-links a.active{border-bottom-color:var(--yellow);}
.nav-right{display:flex;align-items:center;gap:10px;}
.menu-toggle{display:none;background:none;border:1.5px solid var(--line);border-radius:10px;width:44px;height:40px;cursor:pointer;align-items:center;justify-content:center;} .menu-toggle svg{stroke:var(--navy);}

/* Hero */
.hero{position:relative;padding:72px 0 56px;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(760px 420px at 85% 10%,rgba(245,184,46,.18),transparent 70%);}
.hero .wrap{position:relative;} .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.badge{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;color:var(--muted);font-weight:500;margin-bottom:24px;box-shadow:var(--shadow-sm);}
.badge .dot{width:8px;height:8px;border-radius:50%;background:var(--wa);box-shadow:0 0 0 4px rgba(31,168,85,.16);}
h1.hero-title{font-size:clamp(40px,5.4vw,66px);margin-bottom:20px;max-width:15ch;}
.hero-def{font-size:18.5px;color:var(--muted);max-width:50ch;line-height:1.6;} .hero-def b{color:var(--text);font-weight:600;}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;}
.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--muted);font-weight:500;} .chip svg{stroke:var(--wa);width:14px;height:14px;}
.hero-art svg{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 40px rgba(20,33,61,.12));}