:root{
      --primary:#efd600; /* amarillo principal */
      --accent:#151e63;  /* azul */
      --danger:#dd0000;  /* rojo */
      --text:#1b1b1b;
      --muted:#6b7280;
      --radius:1.25rem;
    }
    html{scroll-behavior:smooth; scroll-padding-top: var(--navH, 80px);}
    body{color:var(--text);}
    /* Navbar */
    .navbar{background:linear-gradient(180deg, rgba(239,214,0,.98), rgba(239,214,0,.92));}
    .navbar .nav-link{font-weight:600}
    .brand-name{font-weight:900; letter-spacing:.5px; color:#0b0b0b;}
    /* Hero */
    .hero{
      position:relative; background:
      radial-gradient(1200px 400px at 20% -10%, rgba(21,30,99,.15), transparent 60%),
      radial-gradient(800px 300px at 90% 10%, rgba(221,0,0,.15), transparent 60%),
      var(--primary);
      padding-top:8rem; padding-bottom:5rem;
    }
    .hero .badge-soft{background:#fff;border:2px solid var(--accent);color:var(--accent);font-weight:700}
    .chip{display:inline-block;background:#fff;border-radius:999px;padding:.35rem .8rem;margin:.2rem;border:1.5px solid #00000020;font-weight:600}
    .cta-btn{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:.9rem 1.4rem;font-weight:800}
    .cta-btn:hover{background:#0f1752;color:#fff}
    .badge-danger-soft{background:rgba(221,0,0,.085);border:1px solid rgba(221,0,0,.35);color:var(--danger);font-weight:700}
    /* Section head */
    .section-head small{color:var(--danger);font-weight:800;letter-spacing:.08em}
    .section-head h2{font-weight:900}
    /* Cards */
    .card-glass{
      border:none;border-radius:var(--radius);
      box-shadow:0 10px 30px rgba(0,0,0,.08);
    }
    .card-icon{
      width:56px;height:56px;border-radius:999px;display:grid;place-items:center;
      background:var(--primary);border:2px solid var(--accent); color:var(--accent);font-size:22px;
      margin-top:-28px
    }
    /* Fancy gallery thumbs */
    .gallery-thumb{border-radius:var(--radius);overflow:hidden}
    /* Alternating backgrounds */
    .alt{background:linear-gradient(180deg, #fff, #fffbe0)}
    .alt-2{background:linear-gradient(180deg, #fffbe0, #fff)}
    /* Footer */
    footer{background:#0d0d0d;color:#d6d6d6}
    footer a{color:#fff}
    /* WhatsApp fancy button (OBLIGATORIO) */
    .whatsapp-fancy{position:fixed;bottom:20px;left:20px;background:#25d366;color:#fff;padding:12px 20px;font-weight:bold;
      border-radius:50px;box-shadow:0 8px 16px rgba(0,0,0,.3);display:flex;gap:10px;align-items:center;z-index:9999;
      transition:background .3s, transform .2s}
    .whatsapp-fancy:hover{background:#1ebe5d;transform:scale(1.05)}
    /* COFEPRIS seal */
    .cofepris-box{background:#fff;border:2px dashed var(--accent);border-radius:var(--radius);padding:1rem}
    .cofepris-num{font-weight:900;color:var(--accent)}

    /* Píldoras de OMVV (Objetivo, Misión, Visión, Valores) */
    .omvv-pills .nav-link{
      font-weight:800;
      border-radius:999px;
      border:2px solid var(--accent);
      color:var(--accent);
      background:#fff;
    }
    .omvv-pills .nav-link.active{
      background:var(--accent);
      color:#fff;
      border-color:var(--accent);
    }