@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--n:#042f66;--a:#04a0dc;--ice:#eef3f8;--muted:#59708b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--n);font-family:Inter,Arial,sans-serif;background:#fff}button,input,select,textarea{font:inherit;border-radius:0!important}.contacto-wrap{width:min(1280px,calc(100% - 56px));margin:auto}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--a);text-transform:uppercase}.contacto-hero{margin-top:132px;min-height:570px;position:relative;isolation:isolate;background:#edf4f9;display:flex;align-items:center}.contacto-hero__image{position:absolute;inset:0;background-image:url('../../shared/assets/06-contacto-logistica.webp');background-size:cover;background-position:center right;z-index:-2}.contacto-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,#f3f8fc 0%,rgba(243,248,252,.94) 40%,rgba(243,248,252,.56) 68%,rgba(243,248,252,.12) 100%);z-index:-1}.contacto-hero__inner{width:min(1280px,calc(100% - 56px));margin:0 auto;padding:72px 0 68px}.contacto-hero h1{font:800 clamp(57px,7.5vw,112px)/.9 Barlow,Arial,sans-serif;letter-spacing:-.055em;max-width:690px;margin:20px 0}.contacto-hero h1 em{color:var(--a);font-style:normal}.contacto-hero__inner>p:not(.eyebrow){line-height:1.75;color:#3d5875;max-width:580px;font-size:18px}.contacto-button{display:inline-flex;gap:30px;padding:18px 24px;background:var(--n);color:#fff;text-decoration:none;font-weight:700;margin-top:16px}.contacto-button:hover{background:var(--a)}.contacto-options{background:var(--ice);padding:64px 0}.contacto-options__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;align-items:stretch}.contacto-options h2,.contacto-form-section h2,.contacto-final h2{font:800 clamp(38px,4.6vw,64px)/1 Barlow,Arial,sans-serif;letter-spacing:-.04em;margin:14px 0}.contacto-options p,.contacto-aside>p:not(.eyebrow){color:var(--muted);line-height:1.75;max-width:420px}.contacto-option{background:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:26px;border:1px solid #dbe7f0;text-decoration:none;color:var(--n);min-height:200px}.contacto-option:hover{border-color:var(--a)}.contacto-option__label{color:var(--a);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700}.contacto-option strong{font:800 clamp(19px,2vw,28px)/1.1 Barlow,Arial,sans-serif;overflow-wrap:anywhere}.contacto-option>span:last-child{text-align:right;color:var(--a);font-size:25px}.contacto-form-section{padding:110px 0;scroll-margin-top:130px}.contacto-form-layout{display:grid;grid-template-columns:minmax(290px,.85fr) minmax(0,1.5fr);gap:clamp(30px,6vw,105px);align-items:start}.contacto-aside{position:sticky;top:154px}.contacto-aside h2{max-width:425px}.contacto-aside__line{height:1px;background:#d9e5ef;margin:35px 0}.contacto-aside__foot{font-weight:700;color:var(--n)!important}.contacto-aside__note{font-size:13px}.contacto-form-panel{background:#f6f9fc;border:1px solid #dce7ee;padding:clamp(20px,4vw,48px)}#nocapalCf7Form{display:grid;gap:22px}.contacto-fields--2{display:grid;grid-template-columns:1fr 1fr;gap:18px}#nocapalCf7Form label{display:block;font-size:13px;font-weight:700;line-height:1.45}#nocapalCf7Form input:not([type=checkbox]),#nocapalCf7Form select,#nocapalCf7Form textarea{width:100%;margin-top:9px;padding:15px 14px;border:1px solid #cbdbe8;background:#fff;color:var(--n);font-size:15px;outline:none}#nocapalCf7Form textarea{resize:vertical;min-height:150px}#nocapalCf7Form input:focus,#nocapalCf7Form select:focus,#nocapalCf7Form textarea:focus{border-color:var(--a);box-shadow:0 0 0 2px rgba(4,160,220,.12)}#nocapalCf7Form .contacto-privacy{display:flex;align-items:flex-start;gap:12px;font-weight:400;color:var(--muted)}.contacto-privacy input{margin:2px 0 0;accent-color:var(--n);width:18px;height:18px;flex-shrink:0}.contacto-privacy a{color:var(--n)}.contacto-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.contacto-form-actions button{border:none;background:var(--n);padding:16px 22px;color:#fff;font-weight:800;cursor:pointer}.contacto-form-actions button:hover{background:var(--a)}.contacto-form-actions button:disabled{opacity:.6;cursor:progress}#nocapalFormStatus{color:var(--muted);font-size:14px;line-height:1.5}#nocapalFormStatus[data-state=error]{color:#9e2b2b}#nocapalFormStatus[data-state=success]{color:#16623f}.contacto-final{background:#e8f4fb;padding:68px 0}.contacto-final__inner{display:flex;align-items:end;justify-content:space-between;gap:30px}.contacto-final h2{max-width:800px}.contacto-final p{color:var(--muted)}.contacto-final a{font-weight:800;color:var(--n);text-decoration:none}@media(max-width:950px){.contacto-options__grid{grid-template-columns:1fr 1fr}.contacto-options__grid>div:first-child{grid-column:1/-1}.contacto-form-layout{grid-template-columns:1fr}.contacto-aside{position:static}}@media(max-width:650px){.contacto-wrap,.contacto-hero__inner{width:calc(100% - 32px)}.contacto-hero{margin-top:109px;min-height:550px}.contacto-hero__inner{padding:95px 0 60px}.contacto-hero h1{font-size:58px}.contacto-hero__shade{background:linear-gradient(90deg,rgba(243,248,252,.98),rgba(243,248,252,.87) 65%,rgba(243,248,252,.56))}.contacto-options__grid,.contacto-fields--2{grid-template-columns:1fr}.contacto-options__grid>div:first-child{grid-column:auto}.contacto-form-section{padding:70px 0}.contacto-final__inner{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* NOCAPAL · Ajuste exclusivo del botón del hero de Contacto.
   Evita reglas globales que fuerzan el ancho completo. */
.contacto-hero .contacto-hero__inner > a.contacto-button {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 50px;
  padding: 14px 22px !important;
  margin-top: 16px;
  gap: 20px !important;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  align-self: flex-start;
  font-size: 14px;
  line-height: 1.2;
  box-sizing: border-box;
  border-radius: 0 !important;
}
.contacto-hero .contacto-hero__inner > a.contacto-button span {
  display: inline-block;
  margin-left: 4px;
}