/* One conversion component for all TERREY landing pages; inherited site branding */
.lf-contact-section{scroll-margin-top:105px;display:grid;grid-template-columns:.72fr 1.28fr;gap:6%;padding:82px max(6%,calc((100vw - 1380px)/2));background:#f5f5f1;color:#202322;align-items:start}
.lf-contact-intro h2{font-size:clamp(32px,3.3vw,48px);line-height:1.13;margin:12px 0 20px}.lf-contact-intro>p:not(.eyebrow){max-width:450px;font-size:15px;color:#66716a;line-height:1.75}.lf-advisor-link{display:inline-flex;border-bottom:1px solid #ee641f;margin-top:24px;padding-bottom:8px;font-size:13px;font-weight:750}
.lf-widget{min-width:0;width:100%;color:#202322}.lf-widget a{color:#ad4e20;text-decoration:underline;text-underline-offset:3px}
.lf-card{background:white;border:1px solid #dfe3dc;border-radius:9px;box-shadow:0 14px 30px #0d261508;padding:30px;min-height:260px}
.lf-eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#b34e18}.lf-card h3{font-size:clamp(24px,2.3vw,32px);line-height:1.15;letter-spacing:-.4px;margin:10px 0 12px;font-weight:600}.lf-card h4{font-size:17px;margin:28px 0 16px;font-weight:600}.lf-help{font-size:13px;color:#68716c;line-height:1.7;margin-bottom:24px}
.lf-start-grid,.lf-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.lf-options--cats{grid-template-columns:1fr 1fr}.lf-choice{cursor:pointer;background:#fff;border:1px solid #d6ddd8;text-align:left;color:#202322;padding:18px;min-height:64px;border-radius:7px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;transition:border-color .18s,background .18s,transform .18s}
.lf-choice:hover{border-color:#ec8746;transform:translateY(-1px)}.lf-choice[aria-pressed="true"]{background:#fff3e9;border:2px solid #e66a25;padding:17px}
.lf-choice-title{font-size:14px;font-weight:750;line-height:1.3}.lf-choice-help{font-size:12px;color:#62716a;line-height:1.5}.lf-start-grid .lf-choice{min-height:132px;padding:25px}.lf-start-grid .lf-choice[aria-pressed="true"]{padding:24px}
.lf-progress{margin-bottom:24px}.lf-progress>span{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.lf-progress b{height:5px;border-radius:10px;background:#e3e8e2}.lf-progress b.is-active{background:#ee641f}.lf-progress small{display:block;font-size:11px;text-align:right;color:#737d75;margin-top:9px}
.lf-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:25px;border-top:1px solid #e5e9e4;padding-top:21px}.lf-back,.lf-next,.lf-submit{padding:13px 20px;min-height:48px;border-radius:5px;border:1px solid #e26a28;cursor:pointer;font-weight:750;font-size:13px}.lf-back{background:#f3f5f1;color:#344035;border-color:#d6ddd4}.lf-next,.lf-submit{background:#ee641f;color:#fff}.lf-next:disabled,.lf-submit:disabled{opacity:.4;cursor:not-allowed}.lf-skip{background:none;border:0;color:#9b4c20;font-size:12px;margin-top:17px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lf-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lf-form label{display:block;font-size:13px;font-weight:650}.lf-form label small{font-weight:400;color:#728078;font-size:11px}.lf-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.lf-form textarea{width:100%;display:block;margin:8px 0 0;padding:13px 14px;font-size:16px;border:1px solid #cfd8d0;border-radius:5px;background:#fff;color:#202322;max-width:100%}.lf-form input[type="file"]{display:block;max-width:100%;margin:9px 0 6px;font-size:12px}.lf-form label>small{display:block;margin-top:5px}.lf-long-label{margin-top:17px}.lf-check{display:flex!important;gap:10px;align-items:flex-start;margin-top:15px;font-size:12px!important;line-height:1.55;font-weight:450!important}.lf-check input{margin-top:4px;flex:none;accent-color:#df671f}.lf-status{font-size:13px;color:#4f6157;margin:14px 0 5px;min-height:12px}.lf-error{color:#9d3520}.lf-review{background:#fff9f0;padding:13px 14px;border:1px solid #eadbc9;border-radius:4px;font-size:12px;color:#80603b;line-height:1.5;margin-top:12px}.lf-summary{display:flex;flex-direction:column;padding:12px 15px;border-left:3px solid #e7712b;background:#f7f8f5;font-size:12px;margin:0 0 20px;gap:5px}.lf-summary span{color:#63726a}
.contact.sales-contact .lf-card{padding:30px}.ramp-contact .lf-card{padding:30px}.lf-contact-section .lf-widget{align-self:start}
@media(max-width:960px){.lf-contact-section{grid-template-columns:1fr;gap:22px;padding:65px 6%}.lf-fields{grid-template-columns:1fr}.lf-contact-intro h2{max-width:620px}}
@media(max-width:620px){.lf-card{padding:21px}.contact.sales-contact .lf-card,.ramp-contact .lf-card{padding:21px}.lf-start-grid,.lf-options,.lf-options--cats{grid-template-columns:1fr}.lf-start-grid .lf-choice{min-height:84px;padding:18px}.lf-start-grid .lf-choice[aria-pressed="true"]{padding:17px}.lf-actions{flex-wrap:wrap}.lf-next,.lf-submit{flex:1}.lf-contact-section{padding:55px 5.5%}}

.lf-optional{font-size:12px;font-weight:400;color:#75817a}

/* Distinct telephone/email and one-click contact method selection */
.lf-contact-requirement{margin:12px 0 21px;font-size:12px;color:#536259;line-height:1.5}
.lf-contact-preferences{border:0;padding:0;margin:18px 0 4px;min-width:0}
.lf-contact-preferences legend{font-size:14px;font-weight:700;margin-bottom:11px}
.lf-contact-preferences legend small{font-size:12px;color:#718077;font-weight:400}
.lf-contact-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.lf-form .lf-contact-method{display:flex;align-items:flex-start;gap:9px;min-width:0;border:1px solid #d7dfd7;border-radius:6px;padding:13px 10px;background:#fff;cursor:pointer}
.lf-contact-method:has(input:checked){border-color:#e56a26;background:#fff4ec;box-shadow:inset 0 0 0 1px #e56a26}
.lf-contact-method input{margin:3px 0 0;accent-color:#e56a26;flex-shrink:0}
.lf-method-copy{display:block;min-width:0}
.lf-method-copy b{display:block;font-size:13px;line-height:1.35}
.lf-method-copy small{display:block;margin-top:4px;font-size:11px;color:#6c766d;line-height:1.4}
.lf-contact-hint{font-size:11px;margin:10px 0 0}
@media(max-width:700px){.lf-contact-methods{grid-template-columns:1fr}.lf-form .lf-contact-method{padding:13px 14px}.lf-method-copy small{margin-top:3px}}


/* Scoped overrides: global input{width:100%;padding:11px} must never affect radio/checkbox controls. */
.lf-widget .lf-form input[type="radio"],
.lf-widget .lf-form input[type="checkbox"] {
  display: block;
  appearance: auto;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  min-height: 18px;
  flex: 0 0 18px;
  padding: 0;
  margin: 2px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  accent-color: #e56a26;
}
.lf-widget .lf-form .lf-contact-method {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  min-width: 0;
  min-height: 84px;
  overflow: hidden;
}
.lf-widget .lf-form .lf-contact-method .lf-method-copy {
  display: block;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
}
.lf-widget .lf-form .lf-contact-method .lf-method-copy b,
.lf-widget .lf-form .lf-contact-method .lf-method-copy small {
  display: block;
  width: auto;
  overflow-wrap: break-word;
  line-height: 1.4;
}
.lf-widget .lf-form .lf-check {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  gap: 12px;
  margin: 15px 0 0;
  text-align: left;
}
.lf-widget .lf-form .lf-check > span {
  display: block;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  overflow-wrap: break-word;
  line-height: 1.6;
}
.lf-widget .lf-form .lf-check a {display:inline;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){
  .lf-widget .lf-form .lf-contact-method {min-height:0;}
}


/* Readability pass 2026-10: readable copy across the shared lead form.
   Keep the existing TERREY palette and layouts; all sizing is component-scoped. */
.lf-contact-section .lf-contact-intro > p:not(.eyebrow) {font-size:17px;line-height:1.7}
.lf-contact-section .lf-contact-intro .eyebrow {font-size:13px}
.lf-contact-section .lf-advisor-link {font-size:16px;line-height:1.5}
.lf-widget .lf-eyebrow {font-size:13px;letter-spacing:1.3px}
.lf-widget .lf-card h3 {font-size:clamp(28px,2.7vw,36px);line-height:1.18}
.lf-widget .lf-card h4 {font-size:20px;line-height:1.35}
.lf-widget .lf-help {font-size:16px;line-height:1.65}
.lf-widget .lf-choice {min-height:78px;padding:19px;line-height:1.45}
.lf-widget .lf-choice[aria-pressed="true"] {padding:18px}
.lf-widget .lf-choice-title {font-size:17px;line-height:1.45}
.lf-widget .lf-choice-help {font-size:15px;line-height:1.5}
.lf-widget .lf-start-grid .lf-choice {min-height:136px;padding:24px}
.lf-widget .lf-start-grid .lf-choice[aria-pressed="true"] {padding:23px}
.lf-widget .lf-progress small {font-size:13px}
.lf-widget .lf-form label {font-size:16px;line-height:1.5}
.lf-widget .lf-form label small,
.lf-widget .lf-form label > small {font-size:14px;line-height:1.5}
.lf-widget .lf-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.lf-widget .lf-form textarea {font-size:17px;line-height:1.55;padding:15px 14px}
.lf-widget .lf-form input::placeholder,
.lf-widget .lf-form textarea::placeholder {font-size:16px;color:#66736d;opacity:1}
.lf-widget .lf-form input[type="file"] {font-size:15px}
.lf-widget .lf-form .lf-check {font-size:15px !important;line-height:1.6}
.lf-widget .lf-form .lf-check > span {line-height:1.6}
.lf-widget .lf-contact-preferences legend {font-size:17px;line-height:1.4}
.lf-widget .lf-contact-preferences legend small {font-size:14px}
.lf-widget .lf-contact-requirement {font-size:15px;line-height:1.55}
.lf-widget .lf-form .lf-contact-method .lf-method-copy b {font-size:16px;line-height:1.45}
.lf-widget .lf-form .lf-contact-method .lf-method-copy small {font-size:14px;line-height:1.45}
.lf-widget .lf-contact-hint {font-size:14px}
.lf-widget .lf-summary {font-size:15px;line-height:1.55}
.lf-widget .lf-summary strong {font-size:16px}
.lf-widget .lf-optional {font-size:14px}
.lf-widget .lf-status {font-size:15px;line-height:1.55}
.lf-widget .lf-review {font-size:14px;line-height:1.55}
.lf-widget .lf-back,
.lf-widget .lf-next,
.lf-widget .lf-submit {font-size:16px;min-height:50px}
.lf-widget .lf-skip {font-size:15px;line-height:1.5}
@media(max-width:620px) {
  .lf-widget .lf-start-grid .lf-choice {min-height:94px}
  .lf-widget .lf-card h3 {font-size:clamp(27px,7vw,34px)}
  .lf-widget .lf-choice {min-height:70px}
}

/* Entrada directa al precotizador: selección de equipos → contexto → contacto.
   La alternativa es WhatsApp, no un segundo formulario. */
.lf-widget .lf-actions--first{justify-content:flex-end}
.lf-widget .lf-actions--first .lf-next{min-width:min(100%,240px)}
.lf-widget .lf-whatsapp{
  display:table;margin:19px auto 0;padding:7px 4px;
  color:#a5491c;font-size:var(--type-ui);font-weight:650;
  line-height:1.5;text-decoration:underline;text-underline-offset:4px;
}
.lf-widget .lf-whatsapp:hover{color:#73330e}
.lf-widget .lf-whatsapp:focus-visible{outline:3px solid #ee641f;outline-offset:4px}
@media(max-width:620px){
  .lf-widget .lf-actions--first .lf-next{width:100%;min-width:0}
  .lf-widget .lf-whatsapp{max-width:100%;text-align:center}
}

/* TERREY Mobile UX: fewer visible options without sacrificing legibility. */
.lf-widget, .lf-widget *, .lf-contact-section{box-sizing:border-box}
.lf-widget{scroll-margin-top:96px}
.lf-widget .lf-optional-details{margin-top:18px;border:1px solid #d6dfd7;border-radius:7px;background:#fafbf8}
.lf-widget .lf-optional-details>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:5px 12px;padding:15px 16px;font-weight:700;font-size:var(--type-ui);line-height:1.4}
.lf-widget .lf-optional-details>summary::-webkit-details-marker{display:none}
.lf-widget .lf-optional-details>summary:before{content:"＋";color:#d85d1b;margin-right:5px}
.lf-widget .lf-optional-details[open]>summary:before{content:"－"}
.lf-widget .lf-optional-details>summary>span{font-size:var(--type-supporting);font-weight:400;color:#536259}
.lf-widget .lf-optional-details>summary:focus-visible{outline:3px solid #ee641f;outline-offset:2px}
.lf-widget .lf-optional-content{padding:2px 16px 18px}
.lf-widget .lf-optional-content .lf-contact-preferences{margin-top:7px}
.lf-widget .lf-optional-content .lf-long-label{margin-top:18px}
.lf-widget .lf-form input[type="file"]{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.lf-widget .lf-form .lf-fields>label{min-width:0}
@media(max-width:700px){
 .lf-contact-section{padding:36px 4% 44px;gap:18px}
 .lf-contact-intro h2{margin:8px 0 13px}
 .lf-contact-intro>p:not(.eyebrow){margin-bottom:10px}
 .lf-contact-intro .lf-advisor-link{margin-top:8px}
 .lf-widget .lf-card{padding:20px 15px;border-radius:9px;min-height:0}
 .lf-widget .lf-progress{margin-bottom:16px}
 .lf-widget .lf-progress small{margin-top:6px}
 .lf-widget .lf-card h3{margin:10px 0 12px}
 .lf-widget .lf-card h4{margin:20px 0 11px}
 .lf-widget .lf-help{margin-bottom:15px}
 /* Two columns in steps 1 and 2 cut scrolling nearly in half. */
 .lf-widget .lf-options,.lf-widget .lf-options--cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .lf-widget .lf-choice{min-width:0;min-height:70px;padding:12px 10px;overflow-wrap:break-word;hyphens:auto}
 .lf-widget .lf-choice[aria-pressed="true"]{padding:11px 9px}
 .lf-widget .lf-choice-title{font-size:16px;line-height:1.34}
 .lf-widget .lf-choice-help{font-size:14px}
 .lf-widget .lf-fields{gap:13px}
 .lf-widget .lf-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.lf-widget .lf-form textarea{padding:12px 13px;min-height:46px;font-size:16px}
 .lf-widget .lf-contact-requirement{margin:10px 0 12px}
 .lf-widget .lf-form .lf-check{margin-top:14px}
 .lf-widget .lf-actions{margin-top:17px;padding-top:16px;gap:10px}
 .lf-widget .lf-actions .lf-back,.lf-widget .lf-actions .lf-next,.lf-widget .lf-actions .lf-submit{min-width:0;padding:12px 9px}
 .lf-widget .lf-review{margin-top:12px}
 .lf-widget .lf-whatsapp{margin-top:13px;padding:9px 4px}
 .lf-widget .lf-optional-details>summary{padding:13px 12px}
 .lf-widget .lf-optional-content{padding:2px 12px 14px}
}
@media(max-width:350px){
 .lf-widget .lf-options--cats{grid-template-columns:1fr}
}

/* Paso 2: plazo de atención siempre visible; incluye «Por definir» como respuesta válida. */
.lf-widget .lf-deadline-group{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid #e3e8e2;
}
.lf-widget .lf-deadline-group h4{
  margin:0 0 13px;
  line-height:1.3;
}
.lf-widget .lf-deadline-group .lf-options{
  margin:0;
}
@media(max-width:620px){
  .lf-widget .lf-deadline-group{margin-top:19px;padding-top:15px}
  .lf-widget .lf-deadline-group h4{margin-bottom:11px}
}

/* El precotizador permite elegir asesoría y productos especializados sin desbordar móvil. */
.lf-widget .lf-options--cats .lf-choice{min-width:0;overflow-wrap:break-word}
@media(max-width:540px){
 .lf-widget .lf-options--cats{gap:8px}
 .lf-widget .lf-options--cats .lf-choice{min-height:62px;padding:10px}
 .lf-widget .lf-options--cats .lf-choice[aria-pressed="true"]{padding:9px}
 .lf-widget .lf-options--cats .lf-choice-title{font-size:var(--type-ui);line-height:1.3}
}
@media(max-width:350px){
 .lf-widget .lf-options--cats{grid-template-columns:1fr}
}

/* ==============================================================
   TERREY / ZONA DE CONVERSIÓN · PRE-COTIZADOR
   Una interfaz diferenciada del contenido editorial. Aplica a
   las páginas que utilizan #contacto y el widget unificado.
   Mantiene la tipografía corporativa Oswald + Barlow y no
   modifica el proceso, la privacidad ni el envío de leads.
   ============================================================== */
body main section#contacto:has(> .lf-widget){
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  align-items:start;
  column-gap:clamp(35px,5.5vw,96px);
  row-gap:30px;
  width:100%;
  max-width:none;
  margin:0;
  border-top:5px solid #ed6a22;
  background:#202824;
  padding:clamp(70px,7vw,108px) max(6%,calc((100vw - 1390px)/2));
  color:#fff;
  scroll-margin-top:85px;
}
body main section#contacto:has(> .lf-widget)::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,#ed6a22 0%,transparent 70%);
  pointer-events:none;
}
body main section#contacto:has(> .lf-widget) > :first-child{
  min-width:0;
  max-width:650px;
  align-self:start;
  margin:0;
  padding-top:26px;
  color:#fff;
}
body main section#contacto:has(> .lf-widget) > :first-child .eyebrow{
  display:inline-block;
  color:#ffab75;
  letter-spacing:.12em;
  font-family:'Oswald','Barlow Condensed',sans-serif;
  font-size:var(--type-supporting);
  line-height:1.5;
  margin:0 0 16px;
  font-weight:600;
}
body main section#contacto:has(> .lf-widget) > :first-child h2{
  max-width:550px;
  color:#fff;
  margin:0 0 19px;
  font-size:var(--type-section);
  line-height:var(--type-leading-heading);
  font-weight:600;
  text-wrap:balance;
}
body main section#contacto:has(> .lf-widget) > :first-child p:not(.eyebrow),
body main section#contacto:has(> .lf-widget) > :first-child .brand-contact-note{
  color:#cbd5ce;
  max-width:500px;
  margin:0 0 15px;
  font-size:var(--type-body);
  line-height:1.62;
}
/* La portada deja de mostrar un formulario centrado como otra tarjeta de información. */
body main section#contacto.home-contact:has(> .lf-widget){
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  align-items:start;
  gap:clamp(35px,5.5vw,96px);
}
body main section#contacto.home-contact:has(> .lf-widget) .home-contact-intro,
body main section#contacto.home-contact:has(> .lf-widget) > .lf-widget{
  max-width:none;
  width:100%;
  margin:0;
}
body main section#contacto:has(> .lf-widget) > .lf-widget{
  min-width:0;
  max-width:none;
  width:100%;
  margin:0;
  align-self:start;
  color:#202522;
}
body main section#contacto .lf-widget .lf-card{
  position:relative;
  min-width:0;
  padding:clamp(20px,2.5vw,34px);
  border:1px solid #edf0eb;
  border-top:5px solid #eb651e;
  border-radius:5px;
  background:#fff;
  box-shadow:0 26px 65px rgba(4,13,7,.25);
}
body main section#contacto .lf-widget .lf-panel-identity{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  border-bottom:1px solid #e4e9e3;
  padding:0 0 18px;
  margin-bottom:23px;
  color:#252d27;
  font-family:'Oswald','Barlow Condensed',sans-serif;
  font-size:var(--type-ui);
  font-weight:600;
  line-height:1.4;
  letter-spacing:.07em;
}
body main section#contacto .lf-widget .lf-panel-mark{
  display:inline-grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:2px;
  color:white;
  background:#e86622;
  font-family:'Barlow',Arial,sans-serif;
  font-size:var(--type-ui);
  line-height:1;
}
body main section#contacto .lf-widget .lf-panel-label{
  margin-left:auto;
  padding:5px 9px;
  border:1px solid #dfe6de;
  background:#f3f6f2;
  color:#45554a;
  font-family:'Barlow',Arial,sans-serif;
  font-size:var(--type-supporting);
  line-height:1.3;
  font-weight:650;
  letter-spacing:0;
  white-space:nowrap;
}
body main section#contacto .lf-widget .lf-progress{
  margin:0 0 20px;
}
body main section#contacto .lf-widget .lf-progress>span{gap:7px}
body main section#contacto .lf-widget .lf-progress b{
  height:6px;
  background:#e5eae3;
  border-radius:1px;
}
body main section#contacto .lf-widget .lf-progress b.is-active{background:#ea6825}
body main section#contacto .lf-widget .lf-progress small{
  color:#4a5a50;
  font-weight:700;
  margin-top:9px;
}
body main section#contacto .lf-widget .lf-eyebrow{
  display:inline-block;
  color:#9f441b;
  font-family:'Oswald','Barlow Condensed',sans-serif;
  font-size:var(--type-supporting);
  font-weight:600;
  line-height:1.4;
  letter-spacing:.09em;
}
body main section#contacto .lf-widget .lf-card h3{
  max-width:650px;
  margin:12px 0 9px;
  color:#1f2822;
  font-family:'Oswald','Barlow Condensed',sans-serif;
  font-size:var(--type-subheading);
  line-height:var(--type-leading-heading);
  font-weight:600;
  letter-spacing:0;
}
body main section#contacto .lf-widget .lf-help{
  max-width:640px;
  margin:0 0 24px;
  color:#59675e;
  font-size:var(--type-body);
  line-height:1.5;
}
body main section#contacto .lf-widget .lf-options{gap:10px}
body main section#contacto .lf-widget .lf-choice{
  position:relative;
  padding:15px 42px 15px 17px;
  border:1px solid #cdd7cc;
  border-radius:3px;
  min-height:76px;
  background:#f8faf7;
  box-shadow:none;
  transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;
  cursor:pointer;
  text-align:left;
}
body main section#contacto .lf-widget .lf-choice::after{
  content:"+";
  position:absolute;
  top:50%;
  right:15px;
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  box-sizing:border-box;
  border:1px solid #8d9d91;
  border-radius:3px;
  color:#55655a;
  background:#fff;
  transform:translateY(-50%);
  font:700 var(--type-ui)/1 'Barlow',Arial,sans-serif;
}
body main section#contacto .lf-widget .lf-choice:hover{
  background:#fff7f0;
  border-color:#df722f;
  transform:translateY(-1px);
  box-shadow:0 4px 13px rgba(39,36,24,.07);
}
body main section#contacto .lf-widget .lf-choice[aria-pressed="true"]{
  border:2px solid #e76721;
  padding:14px 41px 14px 16px;
  background:#fff2e7;
  box-shadow:0 0 0 1px #e76721 inset;
}
body main section#contacto .lf-widget .lf-choice[aria-pressed="true"]::after{
  content:"✓";
  color:#fff;
  background:#e76721;
  border-color:#e76721;
}
body main section#contacto .lf-widget .lf-choice:focus-visible,
body main section#contacto .lf-widget :is(.lf-next,.lf-back,.lf-submit):focus-visible{
  outline:3px solid #ff9f5f;
  outline-offset:3px;
}
body main section#contacto .lf-widget .lf-choice-title{
  font-family:'Barlow',Arial,sans-serif;
  font-size:var(--type-ui);
  line-height:1.35;
  font-weight:700;
  overflow-wrap:break-word;
}
body main section#contacto .lf-widget .lf-actions{
  border-top:1px solid #e1e7e0;
  padding-top:20px;
  margin-top:22px;
}
body main section#contacto .lf-widget .lf-next,
body main section#contacto .lf-widget .lf-submit{
  min-height:52px;
  padding:12px 24px;
  border:1px solid #e76522;
  border-radius:3px;
  background:#e76522;
  color:#fff;
  font-family:'Barlow',Arial,sans-serif;
  font-size:var(--type-ui);
  font-weight:750;
  cursor:pointer;
}
body main section#contacto .lf-widget .lf-next:not(:disabled):hover,
body main section#contacto .lf-widget .lf-submit:not(:disabled):hover{
  background:#b94e16;
  border-color:#b94e16;
}
body main section#contacto .lf-widget :is(.lf-next,.lf-submit):disabled{
  background:#d3d9d3;
  border-color:#d3d9d3;
  color:#5c6961;
  opacity:1;
  cursor:not-allowed;
}
body main section#contacto .lf-widget .lf-review{
  background:#fbf5e9;
  border:1px solid #eadaba;
  color:#746344;
}
body main section#contacto .lf-widget .lf-form input:focus-visible,
body main section#contacto .lf-widget .lf-form textarea:focus-visible{
  outline:3px solid #ffb176;
  outline-offset:2px;
  border-color:#d86b2b;
}
@media(max-width:980px){
  body main section#contacto:has(> .lf-widget),
  body main section#contacto.home-contact:has(> .lf-widget){
    grid-template-columns:minmax(0,1fr);
    row-gap:25px;
    padding:62px 6% 72px;
  }
  body main section#contacto:has(> .lf-widget) > :first-child{padding-top:0;max-width:850px}
}
@media(max-width:620px){
  body main section#contacto:has(> .lf-widget),
  body main section#contacto.home-contact:has(> .lf-widget){
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:18px;
    padding:46px 5% 58px;
    border-top-width:4px;
  }
  body main section#contacto:has(> .lf-widget) > :first-child h2{margin-bottom:12px}
  body main section#contacto:has(> .lf-widget) > :first-child p:not(.eyebrow){line-height:1.5}
  body main section#contacto .lf-widget .lf-card{padding:19px 15px 22px}
  body main section#contacto .lf-widget .lf-panel-identity{gap:8px;margin-bottom:17px;padding-bottom:13px}
  body main section#contacto .lf-widget .lf-panel-label{padding:4px 6px}
  body main section#contacto .lf-widget .lf-help{margin-bottom:17px}
  body main section#contacto .lf-widget .lf-options{gap:8px}
  body main section#contacto .lf-widget .lf-choice{
    padding:12px 31px 12px 11px;
    min-height:68px;
  }
  body main section#contacto .lf-widget .lf-choice::after{width:19px;height:19px;right:9px}
  body main section#contacto .lf-widget .lf-choice[aria-pressed="true"]{padding:11px 30px 11px 10px}
  body main section#contacto .lf-widget .lf-choice-title{font-size:var(--type-supporting);line-height:1.4}
  body main section#contacto .lf-widget .lf-actions{padding-top:16px}
  body main section#contacto .lf-widget .lf-next,
  body main section#contacto .lf-widget .lf-submit{min-height:49px}
}
@media(prefers-reduced-motion:reduce){
  body main section#contacto .lf-widget .lf-choice{transition:none}
  body main section#contacto .lf-widget .lf-choice:hover{transform:none}
}

/* Cabecera de precotización: identidad reconocible sin competir con el formulario. */
body main section#contacto .lf-widget .lf-panel-identity{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:19px 20px;
  margin:-1px -1px 23px;
  border:1px solid #f3d5c1;
  border-left:5px solid #e76522;
  border-radius:3px;
  background:#fff4eb;
  letter-spacing:normal;
}
body main section#contacto .lf-widget .lf-panel-heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  gap:5px;
}
body main section#contacto .lf-widget .lf-panel-kicker{
  display:inline-block;
  color:#a54214;
  font:700 var(--type-supporting)/1.3 'Barlow',Arial,sans-serif;
  letter-spacing:.13em;
}
body main section#contacto .lf-widget .lf-panel-title{
  display:block;
  color:#202824;
  font:600 var(--type-subheading)/1.18 'Oswald','Barlow Condensed',sans-serif;
  letter-spacing:.005em;
  text-wrap:balance;
}
body main section#contacto .lf-widget .lf-panel-description{
  color:#4d5a50;
  font:500 var(--type-supporting)/1.45 'Barlow',Arial,sans-serif;
  letter-spacing:0;
}
body main section#contacto .lf-widget .lf-panel-label{
  flex:0 0 auto;
  margin-left:0;
  padding:9px 11px;
  background:#202824;
  border-color:#202824;
  border-radius:3px;
  color:#fff;
  font:700 var(--type-supporting)/1.25 'Barlow',Arial,sans-serif;
  letter-spacing:.035em;
  white-space:nowrap;
}
@media(max-width:620px){
  body main section#contacto .lf-widget .lf-panel-identity{
    gap:9px;
    padding:14px 12px;
    margin:0 0 19px;
    align-items:flex-start;
  }
  body main section#contacto .lf-widget .lf-panel-heading{gap:4px}
  body main section#contacto .lf-widget .lf-panel-title{font-size:var(--type-ui);line-height:1.25}
  body main section#contacto .lf-widget .lf-panel-description{font-size:var(--type-supporting);line-height:1.4}
  body main section#contacto .lf-widget .lf-panel-kicker{font-size:var(--type-supporting)}
  body main section#contacto .lf-widget .lf-panel-label{
    padding:6px;
    font-size:var(--type-supporting);
  }
}
