/* HRW.cl - estilos */
:root{
  --bg:#0b1220;--card:#0f1b33;--text:#e8eefc;--muted:#b9c6ea;
  --accent:#2d7ff9;--accent2:#00d4ff;--ok:#27d17d;--danger:#ff4d4d;
  --shadow:0 18px 50px rgba(0,0,0,.35);--radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#060a14);color:var(--text)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px,92vw);margin:0 auto}
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:rgba(11,18,32,.75);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.4px}
.brand .logo{width:40px;height:40px;border-radius:12px;background:radial-gradient(circle at 30% 30%,var(--accent2),var(--accent));box-shadow:0 10px 30px rgba(45,127,249,.35);display:grid;place-items:center;font-weight:900}
.brand small{display:block;color:var(--muted);font-weight:600;letter-spacing:0}
.menu{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.menu a{padding:10px 12px;border-radius:12px;color:var(--muted);border:1px solid transparent}
.menu a:hover{color:var(--text);border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.menu a.active{color:var(--text);background:rgba(45,127,249,.12);border-color:rgba(45,127,249,.4)}
.hero{padding:34px 0 22px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}
.card{background:linear-gradient(180deg,rgba(15,27,51,.95),rgba(10,16,30,.95));border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.card-pad{padding:22px}
.kicker{color:var(--accent2);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:.8rem}
h1{margin:10px 0 10px;font-size:2.1rem;line-height:1.12}
h2{margin:0 0 8px;font-size:1.5rem}
p{color:var(--muted);line-height:1.6;margin:0 0 12px}
.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--text);font-weight:800}
.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent2));border-color:rgba(0,0,0,0)}
.btn.primary:hover{filter:brightness(1.06)}
.btn:hover{background:rgba(255,255,255,.07)}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.badge{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:var(--muted);font-weight:700;font-size:.88rem}
.badge strong{color:var(--text)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 0}
@media (max-width:900px){.grid{grid-template-columns:1fr}}
.feature{padding:18px}
.feature h3{margin:0 0 6px;font-size:1.05rem}
.feature p{margin:0;color:var(--muted)}
.icon{width:44px;height:44px;border-radius:14px;background:rgba(45,127,249,.14);border:1px solid rgba(45,127,249,.35);display:grid;place-items:center;margin-bottom:12px;box-shadow:0 10px 25px rgba(45,127,249,.15)}
.icon svg{width:22px;height:22px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.photo{height:100%;min-height:320px;border-left:1px solid rgba(255,255,255,.08);background-size:cover;background-position:center;position:relative}
.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(11,18,32,.35),rgba(11,18,32,.88))}
.photo .photo-caption{position:absolute;inset:auto 18px 18px 18px;z-index:2;display:flex;flex-direction:column;gap:6px}
.photo .photo-caption b{font-size:1rem}
.photo .photo-caption span{color:var(--muted);font-size:.92rem}
.section{padding:20px 0}
.table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.10)}
.table th,.table td{padding:12px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}
.table th{color:var(--text);background:rgba(255,255,255,.04);font-size:.95rem}
.table td{color:var(--muted)}
.table tr:last-child td{border-bottom:none}
.footer{padding:26px 0 60px;color:var(--muted);border-top:1px solid rgba(255,255,255,.08);margin-top:18px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr}}
.footer a{color:var(--text)}
.note{font-size:.92rem;color:var(--muted)}
.hr{height:1px;background:rgba(255,255,255,.08);margin:14px 0;border:none}
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:60;width:56px;height:56px;border-radius:16px;background:#21c25e;display:grid;place-items:center;box-shadow:0 18px 40px rgba(0,0,0,.35);border:1px solid rgba(0,0,0,.12)}
.whatsapp-float:hover{filter:brightness(1.05)}
.whatsapp-float svg{width:28px;height:28px;fill:#fff}
.form{display:grid;gap:10px}
.input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:12px 12px;color:var(--text)}
textarea.input{min-height:120px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:700px){.row2{grid-template-columns:1fr}}
.helper{font-size:.9rem;color:var(--muted)}
.alert{padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04)}
.alert.ok{border-color:rgba(39,209,125,.35);background:rgba(39,209,125,.10)}
.alert.bad{border-color:rgba(255,77,77,.35);background:rgba(255,77,77,.10)}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;color:var(--muted);background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:12px 12px;overflow:auto}