:root{
      --primary:#0b405f;    /* azul petróleo */
      --cream:#fefaef;      /* crema */
      --ink:#0d1b22;        /* casi negro */
      --muted:#6a7b88;
      --accent:#1d7aa3;     /* tono claro para estados/hover */
    }
    html{scroll-behavior:smooth}
    section{scroll-margin-top:92px}
    body{background:var(--cream); color:var(--ink)}
    .navbar{background: var(--cream)}
    .navbar .nav-link{color:var(--ink)}
    .navbar .nav-link:hover{color:var(--accent)}
    .navbar-brand{color:#fff!important; font-weight:800; letter-spacing:.3px}

    /* Hero editorial */
    .hero{
      position:relative;
      background:linear-gradient(120deg, var(--primary) 0%, #0f4d72 55%, #173a4f 100%);
      color:#fff;
      padding-top:120px; padding-bottom:100px;
      overflow:hidden;
    }
    .hero .ribbon{
      position:absolute; right:-140px; top:-60px; width:420px; height:160%;
      transform:rotate(12deg);
      background:linear-gradient(180deg, rgba(254,250,239,.12), rgba(254,250,239,0));
      border:1px solid rgba(254,250,239,.15);
      border-radius:40px;
      filter:drop-shadow(0 20px 60px rgba(0,0,0,.25));
      pointer-events:none;
    }
    .kicker{display:inline-block; font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:.82rem; opacity:.9}
    .display-title{font-weight:800; line-height:1.1; font-size:clamp(34px, 5vw, 56px)}
    .lead-hero{color:#e8f2f7; max-width:640px}
    .btn-cream{background:var(--cream); color:var(--primary); font-weight:700}
    .btn-cream:hover{background:#fff; color:#0f4d72}

    .pill{
      display:inline-block; border:1px solid rgba(255,255,255,.3);
      border-radius:50px; padding:.45rem .8rem; color:#e3eef4; margin:.2rem .2rem 0 0; font-size:.9rem
    }

    /* Section headers */
    .section-head small{color:var(--muted); letter-spacing:.12em; text-transform:uppercase; font-weight:700}
    .section-head h2{font-weight:800; color:var(--primary)}

    /* Cards y elementos */
    .card-clean{background:#fff;border:1px solid #e9eef0;border-radius:1rem;box-shadow:0 8px 26px rgba(13,27,34,.06)}
    .icon-circle{
      width:52px;height:52px;border-radius:50%;display:inline-grid;place-items:center;
      background:#e8f1f5;color:var(--primary);font-size:20px;flex:0 0 52px
    }

    /* Servicios (accordion más ejecutivo) */
    .accordion-button{background:#fff}
    .accordion-button:not(.collapsed){background:#f3f7fa;color:var(--primary);font-weight:700}
    .accordion-button:focus{box-shadow:none}
    .accordion-item{border:1px solid #e6ecef;border-radius:1rem; overflow:hidden; margin-bottom:12px}

    /* Testimonios */
    .quote{font-size:1.05rem}
    .quote i{opacity:.3}

    /* WhatsApp fancy */
    .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;text-decoration:none !important}
    .whatsapp-fancy:hover{background:#1ebe5d;transform:scale(1.05)}

    footer a{text-decoration:none !important}