body { font-family: Fira Sans,sans-serif }
     


      {} *{} 
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 @media (max-width: 639px) { .gp-component-id-hero0tags[data-gp-component] { margin-top: 37px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-hero0tags[data-gp-component] { margin-top: 37px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-hero0tags[data-gp-component] { margin-top: 37px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-hero0tags[data-gp-component] { margin-top: 37px; } } @media (min-width: 1200px) { .gp-component-id-hero0tags[data-gp-component] { margin-top: 37px; } }

 /* ====== Diseño más minimalista, accesible y elegante ====== */ :root{ --bg:#ffffff; --ink:#1b1f24; /* texto principal alto contraste */ --muted:#5b6573; /* texto secundario */ --brand:#234f3e; /* verde profundo accesible */ --brand-2:#a07b43; /* dorado sobrio para acentos */ --line:#e5e7eb; /* bordes claros */ --card:#ffffff; /* tarjetas blancas */ --danger:#b91c1c; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial; background: var(--bg); color: var(--muted);} .wrap{max-width:1160px;margin:0 auto;padding:0 20px} /* Tipografía grande + espacios generosos */ h1,h2,h3{color:var(--ink);margin:0 0 12px} h1{font-family:"Playfair Display", serif;font-weight:700;font-size:56px;line-height:1.06;letter-spacing:-.01em} h2{font-family:"Playfair Display", serif;font-weight:700;font-size:34px;line-height:1.15} h3{font-weight:700;font-size:22px} p{line-height:1.95; font-size:18px; text-align:justify} .kicker{color:var(--brand-2);letter-spacing:.08em;font-weight:700;text-transform:uppercase;font-size:12px} /* Layouts */ .section{padding:88px 0} .grid{display:grid;gap:28px} .grid.cols-3{grid-template-columns:repeat(3,1fr)} .grid.cols-2{grid-template-columns:repeat(2,1fr)} /* Tarjetas minimalistas */ .card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 8px 24px rgba(17,24,39,.03)} /* Botones accesibles con iconos */ .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px} .btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:14px 18px;border-radius:14px;background:var(--brand);color:#fff;font-weight:700;border:1px solid var(--brand);transition:.2s ease} .btn svg{width:18px;height:18px;stroke:currentColor} .btn:hover{filter:brightness(0.96)} .btn.secondary{background:transparent;border:1px solid var(--brand-2);color:var(--ink)} .btn.secondary:hover{background:rgba(160,123,67,.08)} .btn:focus-visible{outline:3px solid var(--brand-2); outline-offset:2px} /* Listas limpias */ .list{display:grid;gap:10px;margin:12px 0 0;padding:0} .list li{list-style:none;display:flex;gap:10px;align-items:flex-start} .dot{width:8px;height:8px;border-radius:999px;background:var(--brand);margin-top:10px;flex:0 0 8px} /* Navbar claro y minimal */ #blk0nav0aug{background:#ffffffee;backdrop-filter:saturate(150%) blur(6px);border-bottom:1px solid var(--line)} #blk0nav0aug .wrap{padding:16px 0} /* Hero limpio: sin degradés, más aire */ .hero{position:relative} .hero::before{content:none} .hero-content{padding:96px 0 64px} .badge{display:inline-block;background:transparent;color:var(--brand-2);border:1px solid var(--brand-2);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700} .muted{color:#6b7280} .footer{border-top:1px solid var(--line);padding:36px 0;color:#6b7280} .img-cover{width:100%;height:100%;object-fit:cover;border-radius:16px;border:1px solid var(--line)} /* Formularios accesibles */ .form{display:grid;gap:16px} .form .row{display:grid;gap:16px;grid-template-columns:1fr 1fr} .form label{color:var(--ink);font-weight:600;font-size:14px} .input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:16px} .input:focus{border-color:var(--brand);outline:3px solid rgba(35,79,62,.2)} .textarea{min-height:140px;resize:vertical} .helper{font-size:13px;color:#6b7280} .error{font-size:13px;color:var(--danger)} @media (max-width: 991px){ h1{font-size:44px} .grid.cols-3{grid-template-columns:1fr 1fr} .section{padding:72px 0} } @media (max-width: 639px){ p{font-size:17px} .grid.cols-3,.grid.cols-2{grid-template-columns:1fr} .hero-content{padding:72px 0 48px} }