/* Hero con overlay azul más frío */
.kya-hero{color:#fff;padding:60px 0;position:relative;
  background:linear-gradient(0deg,rgba(79,70,229,.58),rgba(79,70,229,.58)), var(--bg) center/cover no-repeat;}
.kya-hero__inner{max-width:1100px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.2fr 420px;gap:28px;align-items:start}
.kya-hero h1{font-size:42px;line-height:1.2;margin:0 0 10px}
.kya-hero p{color:#e5e7eb;margin:0 0 12px;max-width:700px}
.kya-hero__contacts a{color:#e8e9ff;text-decoration:none;font-size:12px;margin-right:14px}

/* Card/form */
.kya-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(2,6,23,.15);padding:16px 14px}
.kya-card h3{margin:0 0 10px;font-size:18px;color:#111}
.kya-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kya-label{display:flex;flex-direction:column;gap:6px}
.kya-label>span{font-size:12px;color:#374151}
.kya-field{display:block;width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;background:#fff}
.kya-area{min-height:120px;resize:vertical}
.kya-phone{display:flex;gap:8px;align-items:center}
.kya-prefix{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;white-space:nowrap}
.kya-help{font-size:10px;color:#6b7280;margin-top:4px;display:block}
.kya-select-wrap{position:relative}
.kya-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px}
.kya-caret{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280}
.kya-counter{font-size:10px;color:#6b7280;margin-top:4px;text-align:left}

/* Botón azul con texto blanco */
.kya-btn{display:block;width:100%;background:#1E3A8A;color:#fff;border:0;border-radius:999px;padding:10px 14px;margin-top:8px}

/* Alertas */
.kya-alert{display:none;margin-top:8px;padding:10px 12px;border-radius:10px;font-size:13px}
.kya-ok{background:#fff7ed;color:#1f2937;border:1px solid #fde68a}
.kya-err{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}

@media (max-width:980px){.kya-hero__inner{grid-template-columns:1fr}}
.kya-span-2{grid-column:1 / span 2}

/* v1.1.3: Full-bleed hero + ancho mayor */
.kya-hero{
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: 520px;
  padding: 80px 0;
}
.kya-hero__inner{max-width:1280px}
.kya-hero h1{font-size:48px}
.kya-hero__inner{grid-template-columns:1.4fr 520px}
@media (max-width:980px){
  .kya-hero{padding:56px 0; min-height:unset;}
  .kya-hero h1{font-size:36px}
  .kya-hero__inner{grid-template-columns:1fr}
}


/* === Overrides to match provided header design (no DerechoPedia logo) === */
.kya-hero{ 
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: 560px;
  padding: 90px 0;
}
.kya-hero__inner{ max-width: 1280px; display:grid; grid-template-columns: 1.45fr 520px; gap: 36px; align-items:start; }
.kya-hero h1{ font-size: 52px; line-height:1.1; font-weight: 800; letter-spacing: -0.02em; margin: 0 0 12px; }
.kya-hero p{ font-size: 18px; color: #eef2ff; margin-bottom: 18px; }
.kya-hero__contacts a{ color:#f0f1ff; font-weight:600; } 

/* Card tweaks */
.kya-card{ border-radius: 16px; padding: 18px; box-shadow: 0 18px 50px rgba(3,7,18,.25); }
.kya-card h3{ font-size: 20px; }

/* Field & button refinements */
.kya-field{ border-radius: 12px; }
.kya-btn{ height: 48px; font-size: 16px; border-radius: 12px; }

@media (max-width: 980px){
  .kya-hero{ padding: 56px 0; min-height: unset; }
  .kya-hero__inner{ grid-template-columns: 1fr; }
  .kya-hero h1{ font-size: 36px; }
}


/* === Fix: force hero background to cover 100% width (edge-to-edge) === */
.kya-hero{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-size: cover !important;
  background-position: center center !important;
}


/* === Fix: fullscreen hero === */
.kya-hero{
  min-height: 100vh !important;
  height: 100vh !important;
  display: flex;
  align-items: center;
}
.kya-hero__inner{
  margin: 0 auto;
  align-items: center;
}


/* === Fix: desktop right form, mobile centered === */
.kya-hero__inner{
  display: grid;
  grid-template-columns: 1.4fr 520px;
  align-items: center;
  justify-content: space-between;
}
.kya-hero__text{
  align-self: center;
}
.kya-card{
  align-self: center;
}

@media (max-width: 980px){
  .kya-hero__inner{
    grid-template-columns: 1fr;
    text-align: center;
  }
  .kya-hero__text, .kya-card{
    margin: 0 auto;
    max-width: 520px;
  }
}


/* === Custom mods === */
.kya-hero h1{ color: #ffffff !important; }

@media (max-width: 980px){
  .kya-prefix{ color: #000000 !important; }
}


/* === Strong overrides === */
.kya-hero .kya-hero__text h1{
  color: #ffffff !important;
}
.kya-hero .kya-prefix{
  color: #000000 !important;
}


/* === Subtitle fix: force paragraph white === */
.kya-hero .kya-hero__text p{
  color: #ffffff !important;
}


/* === KYA custom rebuild v1.3.0 === */
/* Title in white */
.kya-hero h1{ color:#ffffff !important; }
/* Phone prefix in black */
.kya-prefix{ color:#000000 !important; }
/* Full-bleed hero */
.kya-hero{
  width:100vw;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  background-size: cover !important;
  background-position: center center !important;
}
/* Blue overlay (instead of purple) */
.kya-hero{
  background: linear-gradient(0deg, rgba(30,58,138,0.65), rgba(30,58,138,0.65)), var(--bg) center/cover no-repeat !important;
}
/* Ultra-thin height */
.kya-hero{ padding-top:5px !important; padding-bottom:5px !important; }
.kya-hero h1, .kya-hero h2 { color: #fff !important; }

/* Force white title with high specificity */
.kya-hero .kya-hero-title,
section.kya-hero .kya-hero__text h1,
section.kya-hero h1 { color:#fff !important; }

/* === Force all hero text to white === */
.kya-hero, .kya-hero * {
  color: #ffffff !important;
}