/* Propuesta visual: colores y espacio vertical aprobado. Sin cambios al motor ni a la impresion. */
@media screen {
  :root {
    --brand: #2f80ed;
    --brand2: #1c3d5a;
    --ink: #1c3d5a;
    --line: #89c7e2;
    --mint: #fff0b1;
    --green: #1c3d5a;
  }
  body { background: #56ccf2; color: #1c3d5a; }
  .topbar {
    background: #dff3fc;
    box-shadow: 0 0 0 100vmax #dff3fc;
    clip-path: inset(0 -100vmax);
  }
  .brand span, .footer-brand span { color: #395c75; }
  .hero {
    background: #2f80ed;
    box-shadow: 0 0 0 100vmax #2f80ed;
    clip-path: inset(0 -100vmax);
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .workspace { padding-top: 40px; padding-bottom: 40px; }
  .hero-copy h1, .hero-copy p { color: #ffffff; }
  .hero-copy small { color: #e5f5ff; }
  .eyebrow { background: #f2c94c; border-color: #f2c94c; color: #1c3d5a; }
  .main-card, .panel { background: #dff3fc; border-color: #89c7e2; }
  .main-card label, h2, .row strong, .row.total { color: #1c3d5a; }
  .main-card p, .row, .panel label { color: #30516b; }
  .money-box { background: #f2c94c; border-color: #d9ad28; }
  .money-box span, .money-box input { color: #1c3d5a; }
  .summary-grid article { background: #b9e7f9; border-color: #89c7e2; }
  .summary-grid .green { background: #fff0b1; border-color: #dbbc56; }
  .summary-grid .cotizaciones-card { background: #b9e7f9; border-color: #89c7e2; }
  .summary-grid span, .summary-grid strong, .green strong, .cotizaciones-card strong { color: #1c3d5a; }
  .primary { background: #2f80ed; color: #ffffff; }
  .whatsapp { background: #137a40; color: #ffffff; }
  .primary:hover { background: #1c3d5a; }
  .whatsapp:hover { background: #0c6130; }
  .tabs { background: #b9e7f9; border-color: #89c7e2; }
  .tabs button { background: #b9e7f9; color: #1c3d5a; }
  .tabs button:hover { background: #a4dcf5; }
  .tabs .active, .tabs .active:hover { background: #2f80ed; color: #ffffff; }
  .row { border-bottom-color: #a9d3e8; }
  .row.total { background: #c4e9f9; }
  .panel input, .panel select { background: #edf8fe; color: #1c3d5a; border-color: #89c7e2; }
  .check { border-color: #89c7e2; }
  footer { background: #dff3fc; color: #1c3d5a; }
  .footer-brand p, footer p { color: #30516b; }
  .socials a { background: #c4e9f9; border-color: #89c7e2; color: #1c3d5a; }
  .socials a:hover { background: #f2c94c; color: #1c3d5a; }
  .socials .social-logo {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .socials .social-instagram { color: #c13584; }
  .socials .social-facebook { color: #1877f2; }
  .socials .social-x, .socials .social-tiktok { color: #111827; }
}

@media screen and (max-width: 520px) {
  .hero, .workspace { padding-top: 28px; padding-bottom: 28px; }
}