/* CotizadorIsapres V37 — BOTTOM form-only · desktop ancho adaptable
   El bloque inferior replica el formulario HERO. No agrega kicker, título de sección, bajada ni beneficios externos. */
.ci-bottom-quote--form-only{padding:64px 0 72px;background:transparent;}
.ci-bottom-quote--form-only .ci-bottom-quote__container{display:flex;justify-content:center;}
.ci-bottom-quote--form-only .ci-bottom-hero-form{width:min(90vw,920px);max-width:920px;min-height:0;margin:0 auto;padding:30px;border-radius:26px;box-shadow:0 30px 90px rgba(10,37,64,.18);background:#fff;}
.ci-bottom-quote--form-only .ci-bottom-hero-form .quote-head h2{font-size:2rem;line-height:1.08;}
.ci-bottom-quote--form-only .ci-bottom-hero-form .quote-head p{font-size:1rem;line-height:1.45;}
.ci-bottom-quote--form-only .ci-bottom-hero-form .quote-form{margin-top:20px;gap:14px;}
.ci-bottom-quote--form-only .ci-bottom-hero-form .form-step{gap:14px;}
.ci-bottom-quote--form-only .ci-bottom-hero-form .field-row{gap:12px;}
.ci-bottom-quote--form-only .ci-bottom-hero-form .field label{font-size:13px;}
.ci-bottom-quote--form-only .ci-bottom-hero-form .field input,.ci-bottom-quote--form-only .ci-bottom-hero-form .field textarea{min-height:52px;padding:13px 14px;font-size:15px;}
.ci-bottom-quote--form-only .ci-bottom-hero-form [data-quote-submit]{min-height:54px;font-size:16px;}
.ci-bottom-quote--form-only .ci-bottom-hero-form .form-secure{font-size:12px;line-height:1.45;}
@media (min-width:768px) and (max-width:1024px){
 .ci-bottom-quote--form-only{padding:56px 0 64px;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form{width:min(92vw,720px);max-width:720px;padding:30px;border-radius:26px;box-shadow:0 28px 70px rgba(10,37,64,.18);}
}
@media (max-width:767px){
 .ci-bottom-quote--form-only{padding:42px 0 48px;}
 .ci-bottom-quote--form-only .ci-bottom-quote__container{padding-inline:14px;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form{width:100%;max-width:560px;margin:0 auto;padding:22px 16px;border-radius:24px;box-shadow:0 24px 64px rgba(10,37,64,.18);}
 .ci-bottom-quote--form-only .ci-bottom-hero-form .quote-head h2{font-size:clamp(1.65rem,7vw,2rem);line-height:1.08;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form .quote-head p{margin-top:7px;font-size:.96rem;line-height:1.45;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form .quote-form{margin-top:18px;gap:14px;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form .form-step{gap:12px;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form .field-row{gap:10px;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form .field input,.ci-bottom-quote--form-only .ci-bottom-hero-form .field textarea{min-height:54px;padding:13px 14px;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form [data-quote-submit]{min-height:56px;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form .form-secure{font-size:12px;line-height:1.45;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form .field:not(.field-hp){position:relative;gap:4px;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form .field:not(.field-hp)>label{position:absolute;top:27px;left:14px;z-index:2;max-width:calc(100% - 28px);margin:0;padding:0;overflow:hidden;color:#607083;background:transparent;font-size:13px;font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;transform:translateY(-50%);transition:top .16s ease,color .16s ease,background-color .16s ease,font-size .16s ease,padding .16s ease;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form .field:not(.field-hp)>input::placeholder,.ci-bottom-quote--form-only .ci-bottom-hero-form .field:not(.field-hp)>textarea::placeholder{color:transparent;opacity:0;transition:color .16s ease,opacity .16s ease;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form .field:not(.field-hp):focus-within>label,.ci-bottom-quote--form-only .ci-bottom-hero-form .field:not(.field-hp):has(input:not(:placeholder-shown))>label,.ci-bottom-quote--form-only .ci-bottom-hero-form .field:not(.field-hp):has(textarea:not(:placeholder-shown))>label{top:0;padding:0 6px;color:var(--azul-brillante,#2563EB);background:#fff;font-size:11px;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form .field:not(.field-hp):focus-within>input::placeholder,.ci-bottom-quote--form-only .ci-bottom-hero-form .field:not(.field-hp):focus-within>textarea::placeholder{color:#8a94a3;opacity:1;}
 .ci-bottom-quote--form-only .ci-bottom-hero-form .field:not(.field-hp):has(.invalid)>label{color:#b42318;}
}

/* V38 — override específico para la landing Cotizar Isapre.
   El formulario BOTTOM reutiliza .landing-form-card, clase que en el HERO desktop
   está fijada a 460px y alineada a la derecha. Esta regla separa el comportamiento
   del BOTTOM sin tocar el HERO. */
@media (min-width:1025px){
  body.landing-page.landing-cotizar-isapre .ci-bottom-quote--form-only .ci-bottom-hero-form{
    width:min(90vw,920px) !important;
    max-width:920px !important;
    min-height:0 !important;
    margin:0 auto !important;
  }
}
