/*
 * IGOMEZ - estilo claro para las paginas de producto (RentING, RentScreens, RentAPP)
 * Se carga DESPUES del estilo propio de cada pagina y lo pisa: no toca el HTML ni las demos.
 * Para volver al estilo oscuro original alcanza con borrar la linea <link ... igomez-claro.css>.
 */
:root{
  --bg:#fcfcfc; --bg-2:#ffffff; --panel:#ffffff; --panel-o:#ffffff;
  --line:rgba(0,0,0,.08); --line-strong:rgba(0,0,0,.16);
  --cyan:#1a1a1a; --cyan-dim:#6b6e78; --cyan-deep:#ececee;
  --text:#1a1a1a; --muted:#6b6e78; --muted-dim:#9a9ca4;
  --amber:#c47f1d; --green:#2f9e5b;
  --serif:'Instrument Serif',Georgia,serif;
  --sans:'Geist',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
/* las tarjetas generales pasan a blanco; las demos conservan sus colores (ver abajo) */
section .problem-card, section .mod-card, section .feat-card, .schematic,
.sec .problem-card, .feature-card, .feat-card, .card{ background:#fff; }

body{ background:var(--bg); color:var(--text); font-family:var(--sans); }
body::before, body::after{ display:none !important; }
h1,h2,h3,h4,.logo{ font-family:var(--sans) !important; letter-spacing:-.04em; }
.mono, .eyebrow, code{ font-family:'JetBrains Mono',ui-monospace,monospace; }

/* barra */
header{ background:rgba(252,252,252,.82) !important; border-bottom-color:rgba(0,0,0,.08) !important; }
.logo{ font-weight:700; }
.logo .bracket{ color:#1a1a1a; }

/* etiquetas y titulos: el resaltado pasa a cursiva serif, como en la portada */
.eyebrow{ color:#6b6e78 !important; font-weight:500; }
.eyebrow::before{ background:#1a1a1a !important; box-shadow:none !important; }
h1 em, h2 em, h1 .hl, h1 span.accent, .hero h1 em, .hero h1 span, .section-head h2 span, .cta-final h2 span,
.mod-card h3 span, .problem-verdict span, .status p b{
  font-family:var(--serif) !important; font-style:italic !important; font-weight:400 !important;
  color:#373a46 !important; letter-spacing:-.01em; font-size:1.12em;
}
.hero h1, .section-head h2, .cta-final h2{ font-weight:600 !important; letter-spacing:-.045em !important; }
.hero-meta strong{ color:#1a1a1a !important; }

/* botones */
.btn{ font-family:var(--sans) !important; }
.btn-cyan{
  background:linear-gradient(180deg,#2d2d2d,#1a1a1a) !important; color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.35),0 6px 16px rgba(26,26,26,.18) !important;
}
.btn-cyan:hover{ transform:translateY(-1px); }
.btn-ghost{ background:#fff !important; color:#1a1a1a !important; border:1.5px solid rgba(0,0,0,.14) !important; }
.btn-ghost:hover{ background:rgba(0,0,0,.03) !important; }

/* sin brillos turquesa */
.feat-icon{ background:#f3f3f4 !important; border-color:rgba(0,0,0,.08) !important; }
.feat-icon svg{ stroke:#1a1a1a !important; }
.status{ background:#fff !important; border-left-color:#1a1a1a !important; }
.status-dot{ box-shadow:0 0 0 4px rgba(26,26,26,.1) !important; }
.mod-status{ color:#2f9e5b !important; background:#ecf6ef !important; border-color:#cfe9d7 !important; }
.problem-card, .mod-card, .feat-card{ box-shadow:0 2px 12px rgba(0,0,0,.04); }
.problem-verdict{ border-left-color:#1a1a1a !important; font-family:var(--sans) !important; }
footer .foot-brands span{ color:#1a1a1a !important; }

/* diagrama de RentING en claro */
.schematic{ background:#fff !important; box-shadow:0 2px 12px rgba(0,0,0,.05); }
.sch-node{ background:#fff !important; box-shadow:0 2px 10px rgba(0,0,0,.06); }
.sch-node.core{ background:#1a1a1a !important; border-color:#1a1a1a !important; }
.sch-node.core h4, .sch-node.core .tag{ color:#fff !important; }
.sch-node.core p{ color:#b9bbc2 !important; }
.sch-path{ stroke:#c4c6cc !important; }
.schematic-legend .dot-out{ box-shadow:none !important; }
.schematic-legend .dot-in{ box-shadow:none !important; }
.sch-pulse{ filter:none !important; }

/* botones de la demo de RentScreens y editor de marca */
.demo-btn{ background:#fff !important; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.demo-btn.active{ background:#1a1a1a !important; color:#fff !important; border-color:#1a1a1a !important; }
.demo-btn.active .dot{ background:#fff !important; }
.brand-editor{ box-shadow:0 2px 12px rgba(0,0,0,.05); }

/* ===== las demos conservan sus colores originales ===== */
.phone, .phone-stage .phone{
  --bg:#05090b; --bg-2:#081418; --panel:#f7f5f1; --panel-o:#003438;
  --line:rgba(140,220,225,0.14); --cyan:#21e6d6; --cyan-dim:#0f8f8a; --cyan-deep:#0a4a52;
  --text:#eaf7f6; --muted:#7fa3a6; --muted-dim:#4d6669;
}
.phone-glow{ display:none; }
.sc-root{ --cyan:#21e6d6; }

/* volver a la portada de IGOMEZ */
.nav-izq{ display:flex; align-items:center; gap:14px; }
.volver-igo{ display:inline-flex; align-items:center; gap:6px; padding:6px 12px 6px 9px; border:1px solid rgba(0,0,0,.12); border-radius:999px; background:#fff; color:#1a1a1a; text-decoration:none; font-family:var(--sans); font-size:13px; font-weight:600; letter-spacing:-.02em; line-height:1; transition:background .15s, transform .15s; }
.volver-igo:hover{ background:#f3f3f4; }
.volver-igo:hover svg{ transform:translateX(-2px); }
.volver-igo svg{ transition:transform .15s; }
.volver-igo i{ font-family:var(--serif); font-weight:400; font-size:1.12em; }
.nav-izq .logo{ padding-left:14px; border-left:1px solid rgba(0,0,0,.1); }
@media (max-width:560px){ .volver-igo span{ display:none; } .volver-igo{ padding:7px; } .nav-izq{ gap:10px; } .nav-izq .logo{ padding-left:10px; } }