/* MO.T.OR Landing - estilos minimalistas y responsive (<=300 líneas) */
:root{
  --bg:#0f172a;           /* slate-900 (textura ya aplicada por body background) */
  --surface:#111827;      /* gray-900 */
  --text:#e2e8f0;         /* slate-200 */
  --muted:#94a3b8;        /* slate-400 */
  --accent:#2ea0d1;       /* celeste metálico del logo */
  --accent-2:#1f3a4a;     /* azul profundo del logo */
  --ring:#94a3b850;
  --radius:16px;
  --maxw:1200px;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--text);background:var(--bg) url('/img/bg_img6.jpg') repeat top left;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding:0 24px}
.btn{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--accent);background:transparent;color:var(--text);padding:10px 16px;border-radius:12px;transition:.2s ease;backdrop-filter:saturate(120%) blur(2px)}
.btn:hover{background:color-mix(in oklab, var(--accent) 15%, transparent);transform:translateY(-1px)}
.section{padding:72px 0}
.section.dark{background:linear-gradient(180deg, #0b1222 0%, rgba(11,18,34,0) 100%)}
.h{margin:0 0 10px;font-weight:700}
.h.xl{font-size:clamp(32px,6vw,56px);line-height:1.1}
.h.lg{font-size:clamp(24px,4.5vw,36px)}
.p{margin:0;color:var(--muted)}
.grid{display:grid;gap:24px}
.grid.cols-2{grid-template-columns:1fr;}
@media(min-width:880px){.grid.cols-2{grid-template-columns:1fr 1fr}}
.card{background:rgba(17,24,39,.8);border:1px solid #334155;border-radius:var(--radius);padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.badge{display:inline-block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#cdd6e0;border:1px solid #3b4b5f;padding:4px 8px;border-radius:999px;background:rgba(31,58,74,.35)}
.list{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.list li{display:flex;gap:10px}
.check{color:var(--accent)}

/* Header hero */
.header{position:relative;min-height:100svh;display:flex;align-items:center}
.hero-media{position:absolute;inset:0;background:url('/img/upscalemedia-transformed.png') center/cover no-repeat;filter:saturate(105%) contrast(105%)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,22,.75),rgba(7,12,22,.6) 30%,rgba(7,12,22,.85) 85%)}
.nav{position:fixed;top:0;left:0;right:0;z-index:40;background:transparent;border:none;border-radius:0;box-shadow:none}
.nav .container{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:transparent;border:none;border-radius:0;box-shadow:none}
.brand{display:flex;align-items:center;gap:10px}
.brand img{width:80px;height:80px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.brand strong{letter-spacing:.08em}
.menu{display:flex;gap:18px}
.menu a{opacity:.9}
.menu a:hover{opacity:1;color:var(--accent)}
.burger{display:inline-flex;flex-direction:column;gap:4px;width:36px;height:28px;justify-content:center}
.burger span{display:block;height:2px;background:#cdd6e0;border-radius:2px}
@media(min-width:880px){.burger{display:none}}

.mobile{position:fixed;top:64px;left:16px;right:16px;z-index:35;display:none;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:rgba(17,24,39,.9);border:1px solid #2b3646}
.mobile a{padding:10px;border-radius:10px}

.hero-content{position:relative;z-index:10;width:100%}
.hero-inner{display:grid;align-items:end;gap:20px;padding-top:22svh;padding-bottom:8svh}
.hero-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.kpi{background:rgba(31,58,74,.45);border:1px solid #355166;padding:12px;border-radius:12px;text-align:center}
.kpi strong{color:#dbeafe;font-size:20px}
.kpi span{color:#a8c8db;font-size:12px}
@media(min-width:880px){.hero-inner{grid-template-columns:1fr 1fr}.hero-kpis{grid-template-columns:repeat(4,1fr)}.hero-inner .lead{order:2}.hero-inner .card{order:1}}

/* Secciones temáticas */
.values{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:880px){.values{grid-template-columns:repeat(3,1fr)}}
.value{border-left:3px solid var(--accent);padding-left:14px}

.cover{display:grid;gap:16px}
.zone{border:1px dashed #335066;border-radius:12px;padding:12px;background:rgba(17,24,39,.6)}
.zone h4{margin:0 0 6px}

.timeline{display:grid;gap:16px}
.step{display:flex;gap:12px;align-items:flex-start}
.step b{color:#dbeafe}

.quote{font-size:18px;color:#dbeafe;border-left:3px solid var(--accent);padding-left:14px}

.footer{padding:32px 0;border-top:1px solid #334155;background:#0b1222;color:#a9b8c8}
.footer a{color:#cbd5e1}

/* Utilidades */
.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}
.row{display:flex;gap:10px;flex-wrap:wrap}
form{display:grid;gap:12px}
input,textarea{width:100%;background:#0c1526;border:1px solid #2b3a4f;color:var(--text);padding:10px;border-radius:10px}
::placeholder{color:#6b7b8f}