/* Verde In — SEO/UX final patch 2026-08-19 */
:root{--vi-green:#0f5132;--vi-orange:#f28c28;--vi-ink:#18302a;--vi-soft:#f4f8f5}
svg[aria-hidden="true"]{width:1em!important;height:1em!important;max-width:1em!important;max-height:1em!important;display:inline-block;vertical-align:-.125em;fill:currentColor;flex:0 0 auto}
.vi-original-h5{margin-top:0;text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;font-weight:800;color:var(--vi-green)}
.skip-link{position:fixed;left:1rem;top:.75rem;z-index:99999;transform:translateY(-160%);background:#fff;color:#102f24;padding:.65rem .9rem;border-radius:.45rem;box-shadow:0 8px 30px rgba(0,0,0,.18);font-weight:700}
.skip-link:focus{transform:translateY(0)}
.vi-related{width:min(calc(100% - 2rem),1180px);margin:2rem auto;padding:1.25rem;border:1px solid rgba(15,81,50,.14);border-radius:16px;background:var(--vi-soft)}
.vi-related h2{margin:.1rem 0 .85rem;color:var(--vi-green);font-size:clamp(1.35rem,2vw,1.8rem)}
.vi-related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.vi-related a{display:block;padding:.75rem .9rem;background:#fff;border-radius:10px;text-decoration:none;font-weight:650;color:var(--vi-ink);border:1px solid rgba(15,81,50,.1)}
.vi-related a:hover,.vi-related a:focus{border-color:rgba(15,81,50,.35)}
.vi-b2b-form{width:min(calc(100% - 2rem),900px);margin:2rem auto;padding:1.4rem;border-radius:18px;background:var(--vi-soft);border:1px solid rgba(15,81,50,.14)}
.vi-b2b-form h2{margin-top:0;color:var(--vi-green)}
.vi-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.vi-field{display:flex;flex-direction:column;gap:.35rem}
.vi-field--full{grid-column:1/-1}
.vi-field label{font-weight:700;color:var(--vi-ink)}
.vi-field input,.vi-field select,.vi-field textarea{width:100%;box-sizing:border-box;border:1px solid #b8c8bf;border-radius:10px;padding:.75rem .8rem;font:inherit;background:#fff;color:#17251f}
.vi-field textarea{min-height:110px;resize:vertical}
.vi-consent{display:flex;align-items:flex-start;gap:.55rem;margin-top:1rem;font-size:.92rem}
.vi-consent input{margin-top:.25rem}
.vi-form-submit{margin-top:1rem;border:0;border-radius:999px;background:var(--vi-orange);color:#1c281f;padding:.8rem 1.1rem;font:inherit;font-weight:800;cursor:pointer}
.vi-form-note{font-size:.9rem;opacity:.78;margin:.75rem 0 0}
.vi-lang-switch{display:inline-flex;gap:.35rem;align-items:center;margin-left:.4rem;font-size:.86rem;font-weight:750}
.vi-lang-switch a{text-decoration:none}
@media (max-width:720px){.vi-related-links,.vi-form-grid{grid-template-columns:1fr}.vi-field--full{grid-column:auto}.vi-b2b-form,.vi-related{width:min(calc(100% - 1.2rem),1180px)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* Verde In QA 2026-08-20: accessibility + defensive SVG sizing */
.vi-skip-link{
  position:fixed;left:1rem;top:1rem;z-index:100000;
  padding:.7rem 1rem;border-radius:.5rem;background:#fff;color:#173f2b;
  font-weight:700;transform:translateY(-180%);transition:transform .15s ease;
  box-shadow:0 4px 18px rgba(0,0,0,.2)
}
.vi-skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid currentColor;outline-offset:3px
}
svg[aria-hidden="true"]{
  width:1em!important;height:1em!important;max-width:1em!important;max-height:1em!important;
  display:inline-block;vertical-align:-.125em;fill:currentColor;flex:0 0 auto
}
