:root{--trebol:#18a957;--turquesa:#23b6c6;--ultramar:#1e3a8a;--oscuro:#111;--gris:#6b7280;--borde:#e5e7eb;--fondo:#f7f8fa;--white:#fff}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:Inter,system-ui,sans-serif;background:var(--fondo);color:var(--oscuro);overflow-x:hidden}.container{width:100%;max-width:1100px;margin:0 auto;padding:16px}.grid{display:grid;grid-gap:16px;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:10px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover{filter:brightness(.97)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(30,58,138,.18)}.btn-primary{background:var(--ultramar);color:var(--white)}.btn-ghost,.btn-primary{border-color:var(--ultramar)}.btn-ghost{background:transparent;color:var(--ultramar)}.input{width:100%;padding:12px 14px;border:1px solid var(--borde);border-radius:10px;font-size:16px;background:var(--white);color:var(--oscuro)}.input:focus{outline:none;box-shadow:0 0 0 3px rgba(30,58,138,.12)}.label{display:block;font-weight:600;margin:8px 0 6px;color:var(--oscuro)}.help{font-size:12px;color:var(--gris);margin-top:6px}.card{background:var(--white);border:1px solid var(--borde);border-radius:16px;padding:16px}.badge{display:inline-block;background:var(--fondo);border:1px solid var(--borde);padding:4px 8px;border-radius:999px;font-size:12px;color:#333}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}