/* Contacto premium — formulario Kommo + título/CTA de agendar.
   Compartido entre el home y las páginas de servicio/recursos que
   embeben el mismo formulario. Extraído de home.css para reutilizar
   la misma sección sin duplicar reglas. */
.contact-premium-home{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 24%,rgba(0,143,195,.10),transparent 30%),radial-gradient(circle at 86% 16%,rgba(251,190,55,.16),transparent 24%),#f7fbfd}
.contact-premium-home>.wrap{width:min(100%,1400px);max-width:1400px}
.contact-premium-home::before{position:absolute;content:"fixy";left:-42px;top:24%;color:rgba(0,143,195,.045);font-size:180px;font-weight:800;line-height:1;letter-spacing:-.08em;pointer-events:none}
.contact-premium-home::after{position:absolute;content:"";inset:0;pointer-events:none;background-image:linear-gradient(rgba(0,143,195,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,143,195,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 42%,#000 0%,transparent 72%);-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0%,transparent 72%)}
.contact-premium-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:46px;align-items:center}
.contact-premium-info .sec-head{max-width:560px;margin-bottom:30px}
.contact-premium-info .sec-head h2{color:var(--blue);font-size:clamp(36px,4.2vw,48px)}
.contact-premium-info .sec-head p{font-size:18px;line-height:1.65}
.contact-premium-info .eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px}
.contact-premium-info .eyebrow::before{content:"";width:22px;height:3px;border-radius:99px;background:var(--yellow)}
.contact-premium-info .trust{margin-top:0}
.contact-premium-info .cta-row{margin-top:16px;align-items:center}
.contact-agenda{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:560px;padding:18px 20px;border-color:rgba(0,143,195,.13);border-radius:18px;background:rgba(255,255,255,.76);box-shadow:0 18px 38px rgba(16,42,58,.06)}
.contact-agenda>div{position:relative;padding-left:24px;color:var(--ink-soft);font-size:14.5px}
.contact-agenda>div::before{position:absolute;content:"";left:0;top:0;bottom:0;width:10px;border-radius:99px;background:linear-gradient(180deg,var(--blue),var(--yellow))}
.contact-agenda strong{display:block;color:var(--ink);margin-bottom:2px}
.contact-agenda span{color:var(--ink-soft)}
.contact-agenda .btn{flex:0 0 auto;white-space:nowrap}
.contact-form-panel{position:relative;overflow:hidden;padding:14px 12px 8px;border:1px solid rgba(0,143,195,.14);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,252,254,.96)),#fff;box-shadow:0 28px 70px rgba(16,42,58,.14)}
.contact-form-panel::before{position:absolute;content:"";left:28px;right:28px;top:0;height:5px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,var(--blue),var(--yellow))}
.contact-form-panel::after{position:absolute;content:"";right:-90px;top:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(0,143,195,.13),transparent 68%);pointer-events:none}
.contact-form-panel>*{position:relative;z-index:1}
.home-kommo-form{position:relative;width:100%;min-height:698px}
.home-kommo-loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--ink-soft);font:600 14px/1.5 var(--font-body);text-align:center}
.contact-form-panel.is-kommo-ready .home-kommo-form{min-height:0}
.contact-form-panel.is-kommo-ready .home-kommo-loading{display:none}
.home-kommo-form iframe.amoforms_iframe{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent}
/* Estado de error: el panel deja de reservar 698px vacíos y muestra el fallback
   con los canales de contacto que ya existen en la propia página. */
.contact-form-panel.is-kommo-error .home-kommo-form{min-height:0}
.contact-form-panel.is-kommo-error .home-kommo-loading{display:none}
.home-kommo-fallback{padding:32px 24px;text-align:center}
.home-kommo-fallback-msg{margin:0 0 20px;color:#8b2e2e;font:600 15px/1.55 var(--font-body)}
.home-kommo-fallback-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.home-kommo-fallback-actions .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:1000px){.contact-premium-layout{grid-template-columns:1fr;gap:28px;align-items:start}.contact-premium-info .sec-head,.contact-agenda{max-width:none}}
@media(max-width:700px){.contact-premium-home::before{font-size:110px;top:14%}.contact-form-panel{padding:12px 8px 6px;border-radius:22px}.contact-form-panel::before{left:20px;right:20px}.contact-agenda{align-items:flex-start;flex-direction:column}.contact-agenda .btn{width:100%;text-align:center}.home-kommo-form iframe.amoforms_iframe{min-width:0!important}.home-kommo-fallback{padding:26px 16px}.home-kommo-fallback-actions{flex-direction:column}.home-kommo-fallback-actions .btn{width:100%}}
@media(max-width:900px){
  .contact-premium-home{background:#eef7fa!important}
  .contact-premium-home::before,
  .contact-premium-home::after{display:none}
  .contact-premium-layout{gap:18px}
  .contact-premium-info .sec-head{margin-bottom:18px}
  .contact-premium-info .sec-head h2{
    max-width:18ch;
    color:#15313f;
    font-size:clamp(29px,8vw,36px);
  }
  .contact-agenda{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    padding:16px;
    border-radius:16px;
    background:#fff;
  }
  .contact-form-panel{
    padding:20px 16px;
    border-radius:20px;
  }
}