/*
 * 15-contact-layout.css - Capa V2 de contacto: tarjeta CTA a dos columnas con video de YouTube y acciones.
 * Origen: index.html, <style> #1 (desde la linea 471). Contenido identico al original.
 */
/* =========================================================
   V2 — CONTACT / 2 COLUMN PREMIUM LAYOUT
   ========================================================= */
.cta-card{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  gap:clamp(34px,5vw,76px)!important;
  padding:clamp(30px,5vw,68px)!important;
  align-items:center!important;
}
.cta-video-wrap{
  min-width:0;
  width:100%;
}
.cta-video-frame{
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.38);
  box-shadow:0 30px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
  position:relative;
}
.cta-video-frame:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 35%,transparent 72%,rgba(143,124,255,.08));
}
.cta-video-frame iframe{
  width:100%;
  height:100%;
  display:block;
  border:0;
}
.cta-content{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:30px;
}
.cta-content .cta-copy{
  max-width:560px!important;
  font-size:14px!important;
  line-height:1.9!important;
}
.cta-actions{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.cta-actions .form-trigger-wrap{
  width:100%;
}
.cta-actions .form-trigger{
  width:100%;
}
.cta-actions .actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.cta-actions .action{
  min-width:0;
  padding:0 18px;
  text-align:center;
}
@media(max-width:900px){
  .cta-card{
    grid-template-columns:1fr!important;
    gap:34px!important;
    padding:42px 34px!important;
  }
  .cta-content{gap:24px}
  .cta-actions .actions{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .hero-sub{
    font-size:14px!important;
    line-height:1.6!important;
    max-width:calc(100vw - 38px)!important;
  }
  .cta-card{
    padding:28px 22px!important;
    border-radius:26px!important;
  }
  .cta-video-frame{border-radius:20px}
  .cta-actions .actions{grid-template-columns:1fr}
}