:root {
  --green: #008037;
  --green-dark: #006329;
  --green-deep: #005821;
  --green-light: #6dbb3d;
  --magenta: #e91e63;
  --magenta-reference: #ec0044;
  --banner-reference-red: #de0142;
  --text: #1e1e1e;
  --muted: #616161;
  --background: #f7f6f2;
  --white: #fff;
  --border: #e3e7e3;
  --panel-border: #dfe5e0;
  --container: 1180px;
  --shadow-card: 0 3px 11px rgba(0, 69, 28, .055);
  --transition: 180ms ease;
  --icon-stroke-primary: 1.8;
  --icon-stroke-small: 1.7;
}

*, *::before, *::after { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--white); color: var(--text); font-family: Poppins, Arial, sans-serif; font-size: 14px; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
svg { shape-rendering: geometricPrecision; }
.container { width: min(var(--container), calc(100% - 80px)); margin-inline: auto; }
.icon { width: 1em; height: 1em; flex: 0 0 auto; overflow: visible; fill: none; stroke: currentColor; stroke-width: var(--icon-stroke-primary); stroke-linecap: round; stroke-linejoin: round; }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; }
.reference-crop { display: inline-block; flex: 0 0 auto; overflow: hidden; background-color: transparent; background-repeat: no-repeat; shape-rendering: geometricPrecision; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.honey-field { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
:focus-visible { outline: 3px solid rgba(233, 30, 99, .38); outline-offset: 3px; }

/* Barra superior */
.top-strip { background: linear-gradient(90deg, #00752f 0%, #005a24 100%); color: var(--white); }
.top-strip__inner { min-height: clamp(32px, calc(8.6px + 2.49vw), 56px); display: flex; align-items: center; justify-content: space-between; gap: clamp(24px, calc(-7px + 3.3vw), 56px); font-size: clamp(10.5px, calc(5.13px + .571vw), 16px); font-weight: 500; }
.top-strip__inner p { margin: 0; }
.top-strip__whatsapp { display: inline-flex; align-items: center; gap: clamp(7px, calc(-1px + .85vw), 15px); }
.top-strip__whatsapp .icon { width: clamp(16px, calc(9.2px + .72vw), 23px); height: clamp(16px, calc(9.2px + .72vw), 23px); color: var(--white); stroke-width: 1.8; }

/* Encabezado */
.site-header { position: relative; z-index: 20; border-bottom: 1px solid #f0f1f0; background: var(--white); box-shadow: 0 2px 10px rgba(0, 45, 17, .035); }
.header-inner { min-height: clamp(82px, calc(-7.9px + 9.55vw), 174px); display: flex; align-items: center; gap: clamp(16px, calc(2.3px + 1.44vw), 30px); }
.brand { width: clamp(174px, calc(21.5px + 16.2vw), 330px); height: clamp(78px, calc(7.6px + 7.48vw), 150px); flex: 0 0 clamp(174px, calc(21.5px + 16.2vw), 330px); display: grid; place-items: center; overflow: hidden; }
.brand img { width: 100%; height: auto; mix-blend-mode: multiply; }
.main-nav { margin-left: auto; display: flex; align-items: center; gap: clamp(14px, calc(-9.4px + 2.49vw), 38px); }
.main-nav a { position: relative; display: inline-flex; align-items: center; gap: clamp(3px, calc(-1.8px + .51vw), 8px); min-height: clamp(34px, calc(18.5px + 1.65vw), 50px); color: #171717; font-size: clamp(9.5px, calc(-.76px + 1.09vw), 20px); font-weight: 600; white-space: nowrap; transition: color var(--transition); }
.main-nav a::after { position: absolute; right: 0; bottom: clamp(-3px, calc(-6px + .32vw), 0px); left: 0; height: clamp(3px, calc(-.9px + .41vw), 7px); border-radius: 10px; background: var(--magenta-reference); content: ""; transform: scaleX(0); transition: transform var(--transition); }
.main-nav a:hover, .main-nav a[aria-current="page"] { color: var(--magenta-reference); }
.main-nav a:hover::after, .main-nav a[aria-current="page"]::after { transform: scaleX(1); }
.nav-chevron { width: clamp(11px, calc(4.9px + .65vw), 17px); height: clamp(11px, calc(4.9px + .65vw), 17px); stroke-width: 2.2; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; border: 1px solid transparent; border-radius: 7px; font-size: 12px; font-weight: 600; line-height: 1.2; transition: color var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition); }
.button .icon { width: 22px; height: 22px; stroke-width: 2; }
.button--magenta { background: var(--magenta-reference); color: var(--white); box-shadow: 0 5px 13px rgba(233, 0, 64, .16); }
.button--magenta:hover { background: #d9003c; box-shadow: 0 7px 16px rgba(233, 0, 64, .22); }
.button--outline { border-color: var(--green); background: rgba(255, 255, 255, .9); color: var(--green-dark); }
.button--outline:hover { background: #f5fbf6; border-color: var(--green-dark); }
.header-cta { min-width: clamp(158px, calc(-29.5px + 19.92vw), 350px); min-height: clamp(38px, calc(3.8px + 3.59vw), 73px); padding: 0 clamp(14px, calc(3.3px + 1.14vw), 25px); border-radius: clamp(7px, calc(1.8px + .55vw), 12px); font-size: clamp(9.5px, calc(.16px + .992vw), 19px); }
.header-cta .icon { width: clamp(18px, calc(8.3px + 1.03vw), 28px); height: clamp(18px, calc(8.3px + 1.03vw), 28px); }
.menu-toggle { display: none; width: 44px; height: 44px; border: 0; border-radius: 7px; background: transparent; color: var(--green-dark); cursor: pointer; }
.menu-toggle .icon { width: 26px; height: 26px; stroke-width: 2; }

/* Hero */
.contact-hero {
  min-height: 402px;
  background-color: var(--white);
  background-image: url("assets/hero-contacto-mil-agros.png"), url("assets/fondo-cultivo-contacto-mil-agros.png");
  background-position: center 10%, center 10%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}
.contact-hero__inner { min-height: 402px; display: flex; align-items: center; }
.contact-hero__copy { width: 43%; padding: 9px 0 0 16px; }
.eyebrow { margin: 0 0 10px; color: var(--green-dark); font-family: Montserrat, Poppins, sans-serif; font-size: 11.5px; font-weight: 700; }
.contact-hero h1 { margin: 0; color: var(--green-dark); font-family: Montserrat, Poppins, sans-serif; font-size: clamp(45px, 5.75vw, 58px); font-weight: 800; letter-spacing: -.045em; line-height: 1.04; }
.hero-description { max-width: 350px; margin: 21px 0 27px; color: #353535; font-size: 12.5px; line-height: 1.72; }
.hero-actions { display: flex; gap: 15px; }
.hero-actions .button { min-width: 190px; padding: 0 14px; }
.hero-actions .button--outline { min-width: 174px; }
.hero-actions .icon--quote { width: 23px; height: 23px; }
.hero-reference-button--whatsapp { background: linear-gradient(135deg, #dc0140 0%, #df0144 100%); }
.hero-reference-icon { width: clamp(23px, calc(14.2px + .935vw), 32px); height: clamp(23px, calc(14.2px + .935vw), 32px); background-image: url("assets/referencia-contacto-iconos.png"); }
.hero-reference-icon--whatsapp { background-size: clamp(672.22px, calc(413.5px + 27.5vw), 937.57px) clamp(232.56px, calc(142.9px + 9.53vw), 324.36px); background-position: clamp(-39.22px, calc(-17.27px - 1.178vw), -28.12px) clamp(-25.44px, calc(-11.2px - .748vw), -18.24px); }
.hero-reference-icon--quote { background-size: clamp(919.88px, calc(712.86px + 22vw), 1132.16px) clamp(318.24px, calc(245.77px + 7.7vw), 391.68px); background-position: clamp(-311.68px, calc(-196.2px - 6.04vw), -253.24px) clamp(-32.64px, calc(-20.4px - .65vw), -26.52px); }
.contact-hero__mobile-image { display: none; }

/* Tarjetas rápidas */
.quick-contact { padding: 10px 0 22px; background: var(--white); }
.quick-contact__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.contact-card { min-width: 0; min-height: 166px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px 8px 10px; border: 1px solid var(--border); border-radius: 11px; background: var(--white); box-shadow: var(--shadow-card); text-align: center; }
.contact-card__icon { width: clamp(42px, calc(20.5px + 2.28vw), 64px); height: clamp(42px, calc(20.5px + 2.28vw), 64px); margin-bottom: 7px; background-image: url("assets/referencia-contacto-iconos.png"); background-size: clamp(928.73px, calc(452px + 50.6vw), 1415.2px) clamp(321.3px, calc(156.8px + 17.48vw), 489.6px); }
.contact-card__icon--whatsapp { background-position: clamp(-95.2px, calc(-30.48px - 3.4vw), -62.48px) clamp(-222.4px, calc(-72px - 7.86vw), -145.95px); }
.contact-card__icon--mail { background-position: clamp(-374.4px, calc(-120px - 13.36vw), -245.7px) clamp(-222.4px, calc(-72px - 7.86vw), -145.95px); }
.contact-card__icon--pin { background-position: clamp(-660px, calc(-211.5px - 23.85vw), -433.13px) clamp(-221.6px, calc(-72px - 7.82vw), -145.43px); }
.contact-card__icon--headset { background-position: clamp(-923.2px, calc(-295.65px - 33.34vw), -605.85px) clamp(-221.6px, calc(-72px - 7.82vw), -145.43px); }
.contact-card__icon--package { background-position: clamp(-1187.2px, calc(-380px - 42.4vw), -779.1px) clamp(-221.6px, calc(-72px - 7.82vw), -145.43px); }
.contact-card h2 { margin: 0 0 4px; font-size: 11.5px; font-weight: 400; }
.contact-card strong, .contact-card__strong { display: block; color: #151515; font-size: 11.5px; font-weight: 700; line-height: 1.45; }
.contact-card__email { font-size: 9px; letter-spacing: -.02em; overflow-wrap: anywhere; }
.contact-card p { margin: 5px 0 0; color: #696969; font-size: 9.5px; line-height: 1.35; }

/* Paneles */
.request-section { padding: 0 0 19px; background: var(--white); }
.request-grid { display: grid; grid-template-columns: 1.04fr .96fr; gap: 22px; align-items: stretch; }
.panel { min-height: 536px; border: 1px solid var(--panel-border); border-radius: 11px; box-shadow: 0 2px 9px rgba(0, 57, 24, .035); }
.panel h2 { margin: 0; color: var(--green-dark); font-family: Montserrat, Poppins, sans-serif; font-size: 23px; font-weight: 700; letter-spacing: -.035em; line-height: 1.16; }
.panel-intro { margin: 7px 0 0; color: #555; font-size: 10.5px; line-height: 1.52; }
.form-panel { padding: 24px 26px 20px; background: var(--white); }
.form-panel form { margin-top: 15px; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.field { position: relative; display: block; margin-bottom: 14px; }
.field input, .field select, .field textarea { width: 100%; border: 1px solid #d9ddda; border-radius: 7px; outline: 0; background: var(--white); color: var(--text); font-size: 10.5px; transition: border-color var(--transition), box-shadow var(--transition); }
.field input, .field select { height: 40px; padding: 0 38px 0 11px; }
.field__icon--left + input { padding-left: 36px; }
.field input::placeholder, .field textarea::placeholder { color: #777; opacity: 1; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(0, 128, 55, .08); }
.field__icon { position: absolute; top: 50%; right: 12px; width: 18px; height: 18px; color: #9a9f9b; stroke-width: var(--icon-stroke-small); transform: translateY(-50%); pointer-events: none; }
.field__icon--left { right: auto; left: 10px; }
.field:has(.field__icon--left) input { padding-left: 36px; padding-right: 10px; }
.field select { appearance: none; color: #777; cursor: pointer; }
.field--textarea textarea { min-height: 88px; padding: 11px; resize: vertical; line-height: 1.45; }
.privacy-check { display: flex; align-items: flex-start; gap: 7px; margin: -1px 0 13px; font-size: 8.9px; line-height: 1.45; cursor: pointer; }
.privacy-check input { width: 13px; height: 13px; margin: 1px 0 0; accent-color: var(--green); }
.privacy-check a { color: var(--green-dark); font-weight: 600; }
.submit-button { width: 100%; height: 42px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 17px; border: 0; border-radius: 6px; background: var(--magenta-reference); color: var(--white); box-shadow: 0 5px 12px rgba(233, 0, 64, .13); font-size: 10.5px; font-weight: 600; cursor: pointer; transition: background-color var(--transition), box-shadow var(--transition); }
.submit-button span { grid-column: 2; }
.submit-button .icon { grid-column: 3; justify-self: end; width: 21px; height: 21px; stroke-width: 1.8; }
.submit-button:hover { background: #d9003c; box-shadow: 0 7px 16px rgba(233, 0, 64, .18); }
.submit-button:disabled { opacity: .72; cursor: wait; }
.form-status { min-height: 16px; margin: 5px 0 -10px; color: var(--green-dark); font-size: 8.5px; text-align: center; }
.form-status.is-error { color: #b00020; }

.guidance-panel { padding: 24px 25px 13px; background: linear-gradient(110deg, #fff 0%, #fbfdfb 58%, #f4faf5 100%); }
.guidance-panel .panel-intro { max-width: 330px; }
.benefit-list { display: grid; gap: 7px; margin: 12px 0 20px; padding: 0; list-style: none; }
.benefit-list li { display: flex; align-items: center; gap: 9px; font-size: 9.5px; line-height: 1.2; }
.benefit-list .icon { width: 14px; height: 14px; color: var(--green-dark); stroke-width: 0; }
.whatsapp-card, .coverage-card { border: 1px solid #e1e6e2; border-radius: 9px; background: rgba(255, 255, 255, .93); box-shadow: 0 2px 7px rgba(0, 52, 20, .045); }
.whatsapp-card { min-height: 139px; display: grid; grid-template-columns: 65px 1fr; align-items: center; gap: 13px; padding: 15px 17px; }
.whatsapp-card__icon { width: 58px; height: 58px; border-radius: 50%; background-image: url("assets/referencia-contacto-cobertura.png"); background-size: 425.75px 311.36px; background-position: -29.02px -26.23px; }
.whatsapp-card h3, .coverage-card h3 { margin: 0; color: var(--green-dark); font-size: 13.5px; font-weight: 700; }
.whatsapp-card p { margin: 2px 0 10px; color: #555; font-size: 9.7px; line-height: 1.45; }
.whatsapp-card a { min-height: 37px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 12px 0 15px; border-radius: 5px; background: var(--magenta-reference); color: var(--white); font-size: 10px; font-weight: 600; }
.whatsapp-card a .icon { width: 16px; height: 16px; }
.coverage-card { min-height: 127px; display: grid; grid-template-columns: 1fr 1.2fr; align-items: center; margin-top: 13px; padding: 10px 16px; overflow: hidden; }
.coverage-card h3 { font-size: 10.5px; }
.coverage-card ul { display: grid; gap: 7px; margin: 10px 0 0; padding: 0; list-style: none; }
.coverage-card li { display: flex; align-items: center; gap: 8px; font-size: 9.5px; }
.coverage-dot { width: 13px; height: 13px; border-radius: 50%; background: #43a42a; }
.coverage-dot--2 { background: #69b944; }
.coverage-dot--3 { background: #9ece82; }
.coverage-map { width: 166px; max-width: 100%; height: 120px; justify-self: end; background-image: url("assets/referencia-contacto-cobertura.png"); background-size: 396.76px 290.16px; background-position: -172.12px -153.92px; }

/* Indicadores */
.metrics-section { padding: 0 0 14px; background: var(--white); }
.metrics-bar { min-height: 95px; display: grid; grid-template-columns: repeat(4, 1fr); align-items: center; border: 1px solid var(--border); border-radius: 10px; background: var(--white); box-shadow: var(--shadow-card); }
.metric { min-width: 0; min-height: 72px; display: grid; grid-template-columns: 62px auto; grid-template-rows: auto auto; align-content: center; align-items: center; column-gap: 11px; padding: 4px 21px; }
.metric + .metric { border-left: 1px solid #dfe3df; }
.metric__icon { grid-row: 1 / 3; width: 56px; height: 56px; background-image: url("assets/referencia-contacto-metricas-banner.png"); background-size: 702.88px 172.96px; }
.metric__icon--hands { background-position: -24.38px -14.72px; }
.metric__icon--users { background-position: -209.3px -15.18px; }
.metric__icon--package { background-position: -379.04px -15.18px; }
.metric__icon--whatsapp { background-position: -538.2px -15.18px; }
.metric strong { align-self: end; color: var(--green-dark); font-family: Montserrat, Poppins, sans-serif; font-size: 22px; font-weight: 700; line-height: 1.05; }
.metric p { align-self: start; margin: 4px 0 0; color: #333; font-size: 9.5px; line-height: 1.45; }
.metric--whatsapp { grid-template-columns: 56px 1fr; }
.metric--whatsapp .metric__icon { width: 56px; height: 56px; }
.metric--whatsapp strong { font-family: Poppins, Arial, sans-serif; font-size: 10.5px; line-height: 1.3; }
.metric--whatsapp p { margin-top: 5px; font-size: 8.5px; }

/* Banner */
.advice-banner { position: relative; min-height: 87px; display: grid; grid-template-columns: 83px 1fr 277px; align-items: center; gap: 14px; margin-bottom: 19px; padding: 10px 23px 10px 30px; overflow: hidden; border-radius: 8px; background: linear-gradient(90deg, #dc0141 0%, var(--banner-reference-red) 55%, #e00243 100%); color: var(--white); }
.advice-banner__leaves { position: absolute; z-index: 0; top: 5px; right: 2px; width: 100px; height: 77px; background-image: url("assets/referencia-contacto-metricas-banner.png"); background-size: 840.4px 206.8px; background-position: -729.85px -118.8px; }
.advice-banner__headset { position: relative; z-index: 1; width: 61px; height: 61px; background-image: url("assets/referencia-contacto-metricas-banner.png"); background-size: 748.72px 184.24px; background-position: -38.71px -104.37px; }
.advice-banner__copy { position: relative; z-index: 1; }
.advice-banner h2 { margin: 0 0 2px; font-family: Montserrat, Poppins, sans-serif; font-size: 18px; font-weight: 700; letter-spacing: -.025em; line-height: 1.15; }
.advice-banner p { margin: 0; font-size: 9px; font-weight: 500; line-height: 1.35; }
.advice-banner__button { position: relative; z-index: 1; min-height: 42px; display: grid; grid-template-columns: 18px 1fr 18px; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, .9); border-radius: 6px; background: rgba(233, 30, 99, .16); font-size: 9.5px; font-weight: 600; transition: background-color var(--transition); }
.advice-banner__button:hover { background: rgba(255, 255, 255, .12); }
.advice-banner__button-icon { width: 17px; height: 17px; background-image: url("assets/referencia-contacto-metricas-banner.png"); background-size: 794.56px 195.52px; }
.advice-banner__button-icon--whatsapp { background-position: -496.6px -140.4px; }
.advice-banner__button-icon--arrow { background-position: -655.2px -140.4px; }

/* Footer */
.site-footer { border-top: 1px solid #eceeec; background: var(--white); }
.footer-grid { display: grid; grid-template-columns: .95fr 1fr 1.1fr 1.1fr; padding: clamp(6px, calc(-15px + 2.25vw), 28px) 0 clamp(13px, calc(-4px + 1.8vw), 30px); }
.footer-column { min-height: clamp(136px, calc(29.5px + 11.33vw), 245px); padding: clamp(8px, calc(-3px + 1.17vw), 30px) clamp(25px, calc(10px + 1.6vw), 40px); }
.footer-column + .footer-column { border-left: 1px solid #dfe2df; }
.footer-brand { padding-left: 0; }
.footer-brand img { width: clamp(158px, calc(97.4px + 6.44vw), 220px); height: auto; margin: clamp(-10px, calc(-3px - .74vw), -3px) 0 clamp(-5px, calc(-1px - .43vw), -1px); mix-blend-mode: multiply; object-fit: contain; }
.footer-brand p, .footer-coverage p { margin: 0; color: #353535; font-size: clamp(9.5px, calc(2.65px + .728vw), 16.5px); line-height: 1.55; }
.socials { display: flex; align-items: center; gap: clamp(11px, calc(5px + .64vw), 17px); margin-top: clamp(12px, calc(4px + .85vw), 20px); color: var(--green-dark); }
.socials a { width: clamp(23px, calc(.5px + 2.39vw), 46px); height: clamp(23px, calc(.5px + 2.39vw), 46px); display: grid; place-items: center; border: 1px solid var(--green); border-radius: 50%; }
.socials .icon { width: clamp(14px, calc(7.15px + .72vw), 21px); height: clamp(14px, calc(7.15px + .72vw), 21px); stroke-width: 2; }
.footer-column h2 { margin: 0 0 clamp(9px, calc(.3px + .92vw), 18px); color: var(--green-dark); font-size: clamp(10.5px, calc(2.7px + .83vw), 18.5px); font-weight: 700; }
.footer-nav { display: grid; gap: clamp(2px, calc(-5px + .74vw), 9px); }
.footer-nav a { width: max-content; font-size: clamp(9.5px, calc(1.7px + .83vw), 17.5px); line-height: 1.45; }
.footer-nav a:hover, .footer-nav a[aria-current="page"] { color: var(--magenta-reference); }
.footer-contact { display: grid; align-content: start; gap: clamp(8px, calc(-3px + 1.17vw), 19px); font-style: normal; }
.footer-contact h2 { margin-bottom: 1px; }
.footer-contact h2 { font-style: italic; }
.footer-contact a, .footer-contact p { display: flex; align-items: flex-start; gap: clamp(10px, calc(2px + .85vw), 18px); margin: 0; font-size: clamp(9.5px, calc(1.7px + .83vw), 17.5px); line-height: 1.45; }
.footer-contact .icon { width: clamp(17px, calc(7.65px + .99vw), 26.5px); height: clamp(17px, calc(7.65px + .99vw), 26.5px); color: var(--green); stroke-width: 1.8; }
.footer-coverage p { max-width: clamp(190px, calc(34px + 16.58vw), 350px); line-height: 1.75; }
.copyright { min-height: clamp(28px, calc(11.4px + 1.76vw), 45px); display: grid; place-items: center; padding: 4px 20px; background: var(--green-dark); color: var(--white); font-size: clamp(9.5px, calc(2.75px + .717vw), 16.4px); font-weight: 500; text-align: center; }

@media (min-width: 768px) {
  .site-header .container, .site-footer .container { width: min(1775px, calc(100% - 112px)); }
}

@media (max-width: 1120px) {
  .main-nav { gap: 13px; }
  .main-nav a { font-size: 9px; }
  .header-cta { min-width: 150px; padding-inline: 10px; font-size: 9px; }
}

@media (max-width: 900px) {
  .container { width: min(var(--container), calc(100% - 48px)); }
  .header-inner { min-height: 76px; }
  .brand { width: 166px; height: 74px; flex-basis: 166px; }
  .brand img { width: 166px; }
  .main-nav { position: absolute; top: 100%; right: 0; left: 0; display: none; align-items: stretch; gap: 0; margin: 0; padding: 12px 24px 18px; border-top: 1px solid var(--border); background: var(--white); box-shadow: 0 14px 22px rgba(0, 51, 20, .09); }
  .main-nav.is-open { display: flex; flex-direction: column; }
  .main-nav a { min-height: 40px; width: max-content; font-size: 12px; }
  .main-nav a::after { bottom: 2px; }
  .header-cta { display: none; }
  .menu-toggle { margin-left: auto; display: grid; place-items: center; }
  .contact-hero__copy { width: 50%; padding-left: 0; }
  .hero-actions { flex-wrap: wrap; }
  .quick-contact__grid { grid-template-columns: repeat(2, 1fr); }
  .contact-card:last-child { grid-column: 1 / -1; }
  .request-grid { grid-template-columns: 1fr; }
  .panel { min-height: auto; }
  .metrics-bar { grid-template-columns: repeat(2, 1fr); }
  .metric:nth-child(3) { border-left: 0; border-top: 1px solid #dfe3df; }
  .metric:nth-child(4) { border-top: 1px solid #dfe3df; }
  .advice-banner { grid-template-columns: 68px 1fr; padding-right: 24px; }
  .advice-banner__button { grid-column: 2; width: 280px; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-column:nth-child(3) { border-top: 1px solid #dfe2df; border-left: 0; }
  .footer-column:nth-child(4) { border-top: 1px solid #dfe2df; }
}

@media (max-width: 767px) {
  .container { width: min(var(--container), calc(100% - 40px)); }
  .top-strip__inner { min-height: 40px; justify-content: center; text-align: center; font-size: 10px; }
  .top-strip__inner p { display: none; }
  .contact-hero { min-height: 0; background: var(--white); }
  .contact-hero__inner { min-height: 0; padding-top: 42px; }
  .contact-hero__copy { width: 100%; padding: 0; }
  .contact-hero h1 { font-size: clamp(42px, 13vw, 54px); }
  .hero-description { max-width: 100%; }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .hero-actions .button, .hero-actions .button--outline { width: 100%; min-width: 0; }
  .contact-hero__mobile-image { width: 100%; height: auto; display: block; margin-top: 26px; }
  .quick-contact { padding-top: 18px; }
  .quick-contact__grid { grid-template-columns: 1fr; }
  .contact-card:last-child { grid-column: auto; }
  .contact-card { min-height: 150px; }
  .form-panel, .guidance-panel { padding: 24px 20px; }
  .field-row { grid-template-columns: 1fr; gap: 0; }
  .field input, .field select { height: 46px; font-size: 12px; }
  .field--textarea textarea { min-height: 110px; font-size: 12px; }
  .privacy-check { font-size: 10px; }
  .submit-button { height: 48px; font-size: 12px; }
  .benefit-list li { font-size: 10px; }
  .whatsapp-card { grid-template-columns: 56px 1fr; padding-inline: 13px; }
  .whatsapp-card__icon { width: 52px; height: 52px; }
  .coverage-card { grid-template-columns: 1fr 1.2fr; padding-inline: 12px; }
  .metrics-bar { grid-template-columns: 1fr; }
  .metric { min-height: 91px; }
  .metric + .metric, .metric:nth-child(3), .metric:nth-child(4) { border-top: 1px solid #dfe3df; border-left: 0; }
  .advice-banner { grid-template-columns: 62px 1fr; gap: 12px; padding: 18px; }
  .advice-banner__headset { width: 61px; height: 61px; }
  .advice-banner h2 { font-size: 16px; }
  .advice-banner p br { display: none; }
  .advice-banner__button { grid-column: 1 / -1; width: 100%; min-height: 46px; }
  .footer-grid { grid-template-columns: 1fr; padding-inline: 20px; }
  .footer-column { min-height: auto; padding: 22px 0; }
  .footer-column + .footer-column, .footer-column:nth-child(3), .footer-column:nth-child(4) { border-top: 1px solid #dfe2df; border-left: 0; }
  .footer-brand img { margin-left: -7px; }
}

@media (max-width: 390px) {
  .container { width: calc(100% - 32px); }
  .brand { width: 154px; flex-basis: 154px; }
  .brand img { width: 154px; }
  .panel h2 { font-size: 21px; }
  .whatsapp-card { grid-template-columns: 1fr; text-align: center; }
  .whatsapp-card__icon { margin-inline: auto; }
  .coverage-card { grid-template-columns: 1fr; }
  .coverage-map { height: 120px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; transition-delay: 0ms !important; }
}