/* Estilos del formulario de contacto en las paginas estaticas.
   Mismas clases que la capa compartida de las paginas de producto. */
.asx-contacto{background:#123A6B;color:#EDF1F8;padding:64px 28px}
.asx-contacto > div{max-width:900px;margin:0 auto}
.asx-contacto .kick span:last-child{color:#F0A886}
.asx-contacto .kick span:first-child{background:#F0A886}
.asx-contacto h2{font-size:clamp(26px,3.6vw,38px);font-weight:800;line-height:1.15;margin-bottom:14px}
.asx-contacto .sub{color:#C3CDDF;font-size:17.5px;max-width:680px;margin-bottom:8px}
.asx-contacto .alt{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;
  color:#A9B6CE;margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 20px}
.asx-contacto .alt a{color:#EDF1F8}

.asx-form{margin-top:26px;max-width:720px;display:flex;flex-direction:column;gap:14px;
  background:#fff;border:1px solid #E4DFD5;border-radius:14px;padding:26px;color:#14181F}
.asx-ft{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;opacity:.7;margin-bottom:2px}
.asx-fr{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.asx-form label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600}
.asx-op{font-weight:400;opacity:.6}
.asx-form input[type=text],.asx-form input:not([type]),.asx-form input[type=email],
.asx-form input[type=tel],.asx-form select,.asx-form textarea{
  font:inherit;font-weight:400;font-size:15px;padding:12px 13px;border-radius:9px;
  border:1px solid rgba(128,128,128,.45);background:#fff;color:#14181F;width:100%}
.asx-form textarea{resize:vertical;min-height:76px}
.asx-fc{flex-direction:row!important;align-items:flex-start;gap:10px;font-weight:400;font-size:13px;line-height:1.5}
.asx-fc input{margin-top:3px;width:17px;height:17px;flex:0 0 auto}
.asx-fc a{color:inherit;text-decoration:underline}
.asx-trampa{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.asx-fb{font:inherit;font-weight:700;font-size:16px;padding:15px 30px;border:0;border-radius:9px;
  background:#25D366;color:#fff;cursor:pointer;align-self:flex-start}
.asx-fb:hover{background:#1FAE52}
.asx-fb:disabled{opacity:.6;cursor:default}
.asx-fm{font-size:14px;margin:0}
.asx-fm.mal{color:#C8552B}
.asx-ok{font-size:16.5px;line-height:1.55}
@media (max-width:700px){.asx-fr{grid-template-columns:1fr}.asx-form{padding:20px}.asx-contacto{padding:44px 20px}}

/* acuse de recibo del formulario */
.asx-ok{display:flex;flex-direction:column;gap:10px;font-size:16.5px;line-height:1.55;color:#14181F}
.asx-ok .asx-tick{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:50%;background:#25D366;color:#fff;font-size:24px;font-weight:700;margin-bottom:4px}
.asx-ok b{font-size:20px;font-weight:800}
.asx-ok .asx-min{font-size:14px;color:#5A616C}