@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

:root{
  --red:#E8232A; --red-dark:#B30D16; --red-light:#F5333F;
  --grad:linear-gradient(135deg,#F5333F 0%,#E8232A 55%,#B30D16 100%);
  --black:#111114; --ink:#17171B;
  --grey-50:#FAFAFB; --grey-100:#F5F5F7; --grey-150:#EDEDF0; --grey-200:#E4E4E8;
  --grey-400:#9B9BA5; --grey-600:#6B6B72; --grey-800:#3A3A40;
  --white:#FFFFFF;
  --green:#0E8F45; --green-bg:#EAF7EF; --amber:#E8940A; --amber-bg:#FDF3E2;
  --whatsapp:#25D366;
  --line:#E7E7EB;
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:22px; --r-full:999px;
  --sh-sm:0 1px 3px rgba(17,17,20,.08), 0 1px 2px rgba(17,17,20,.05);
  --sh-md:0 8px 24px rgba(17,17,20,.09);
  --sh-lg:0 20px 50px rgba(17,17,20,.16);
  --font:'Montserrat',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--ink);background:var(--white);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font-family:inherit}
[hidden]{display:none!important}
h1,h2,h3{font-weight:900;letter-spacing:-.01em}
:focus-visible{outline:2px solid var(--red); outline-offset:2px; border-radius:4px}
@media (prefers-reduced-motion: reduce){ *{animation-duration:.001ms!important; transition-duration:.001ms!important} }

.ico{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none;
  font-weight:700; font-size:14.5px; padding:13px 22px; border-radius:var(--r-full); border:0; cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease; white-space:nowrap;
}
.btn-primary{background:var(--grad); color:#fff; box-shadow:0 8px 20px rgba(232,35,42,.32)}
.btn-primary:hover{transform:translateY(-2px); box-shadow:0 12px 28px rgba(232,35,42,.4)}
.btn-dark{background:var(--black); color:#fff}
.btn-dark:hover{background:var(--ink); transform:translateY(-2px)}
.btn-outline{background:#fff; color:var(--ink); border:1.5px solid var(--grey-200)}
.btn-outline:hover{border-color:var(--ink)}
.btn-whatsapp{background:var(--whatsapp); color:#fff; box-shadow:0 8px 20px rgba(37,211,102,.32)}
.btn-whatsapp:hover{transform:translateY(-2px)}
.btn-danger{background:#fff; color:var(--red-dark); border:1.5px solid var(--red-dark)}
.btn[disabled]{opacity:.5; cursor:not-allowed; transform:none!important}

.field{display:flex; flex-direction:column; gap:7px; margin-bottom:16px}
.field label{font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--grey-600)}
.field input, .field select, .field textarea{
  font:inherit; font-size:15.5px; font-weight:600; padding:12px 14px; border-radius:var(--r-sm);
  border:1.5px solid var(--line); background:#fff; color:var(--ink); width:100%;
}
.field input:focus, .field select:focus, .field textarea:focus{border-color:var(--red)}
.field textarea{resize:vertical; min-height:80px; font-weight:500}

.pill{display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:800; letter-spacing:.02em; padding:6px 13px; border-radius:var(--r-full)}
.pill-grey{background:var(--grey-100); color:var(--grey-600)}
.pill-amber{background:var(--amber-bg); color:var(--amber)}
.pill-green{background:var(--green-bg); color:var(--green)}
.pill-black{background:var(--black); color:#fff}