/* V6: piloto de color y composición exclusivo de Inicio. Capturas sin recorte ni deformación. */
.pem-home.pem-home-v6{--ink:#142B49;--dark:#142B49;--graphite:#142B49;--muted:#4E6075;--line:#D6E0EB;--soft:#F3F6FA;--action:#2458C6;color:var(--ink)}
.pem-home-v6 h1,.pem-home-v6 h2,.pem-home-v6 h3,.pem-home-v6 summary{color:#142B49}
.pem-home-v6 .ph-hero{background:linear-gradient(120deg,#F3F6FB 5%,#EAF1FB 65%,#DFEAFA 100%);padding:60px 0 56px;border-bottom:1px solid #E1EBF7}
.pem-home-v6 .ph-hero-grid{grid-template-columns:.94fr 1.06fr;gap:36px}
.pem-home-v6 .ph-hero h1{font-size:clamp(34px,3.35vw,48px);line-height:1.14;letter-spacing:-1px;max-width:560px;color:#142B49}
.pem-home.pem-home-v6 h1 span{color:#2458C6!important}
.pem-home-v6 .ph-eyebrow{color:#2458C6}
.pem-home-v6 .ph-lead,.pem-home-v6 .ph-caption{color:#4E6075}
.pem-home-v6 .ph-nav a,.pem-home-v6 .ph-nav summary{color:#142B49}
.pem-home.pem-home-v6 .ph-button,.pem-home.pem-home-v6 .btn{background:#2458C6;border-color:#2458C6;color:#fff}
.pem-home.pem-home-v6 .ph-button:hover,.pem-home.pem-home-v6 .btn:hover{background:#1D479F;border-color:#1D479F;color:#fff}
.pem-home.pem-home-v6 .ph-outline,.pem-home.pem-home-v6 .btn.secondary{background:#fff;border-color:#2458C6;color:#2458C6!important}
.pem-home.pem-home-v6 .ph-outline:hover,.pem-home.pem-home-v6 .btn.secondary:hover{background:#EAF2FF;color:#1D479F!important}
.pem-home-v6 .ph-soft,.pem-home-v6 .ph-closing{background:#F3F7FD}
.pem-home-v6 .ph-card{border-color:#D6E0EB;box-shadow:0 4px 18px #142b4907}
.pem-home-v6 .ph-number,.pem-home-v6 .ph-link{color:#2458C6}
.pem-home-v6 .ph-navy,.pem-home-v6 .ph-footer{background:#142B49}
.pem-home-v6 .ph-navy h2,.pem-home-v6 .ph-navy h3,.pem-home-v6 .ph-footer h3{color:#fff}
.pem-home-v6 .ph-footer .ph-link,.pem-home-v6 .ph-footer p,.pem-home-v6 .ph-copyright{color:#DDE8F5}
.pem-home-v6 .ph-navy .ph-eyebrow{color:#BBD3FF}
/* V6.1: el marco se ajusta a la captura; no hay alto impuesto ni bandas. */
.pem-home-v6 .v3-devices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.2fr);gap:20px;align-items:end;width:100%;max-width:620px;margin:0 auto}
.pem-home-v6 .v3-computer{width:100%;max-width:450px;min-width:0;padding:0 10px}
.pem-home-v6 .v3-screen{position:relative;display:block;aspect-ratio:auto;padding:0;border:7px solid #142B49;border-radius:11px;background:#F7FAFF;box-shadow:0 16px 32px #142b491a}
.pem-home-v6 .v3-screen img{width:100%;height:auto;min-width:0;min-height:0;object-fit:contain;display:block;border-radius:3px}
.pem-home-v6 .v6-laptop-base{position:absolute;bottom:-14px;left:-16px;right:-16px;height:9px;border-radius:2px 2px 9px 9px;background:linear-gradient(#D9E2ED,#9FAEBF);box-shadow:0 5px 10px #142b4915}
.pem-home-v6 .v3-phone{width:100%;max-width:112px;min-width:0;justify-self:center;margin:0}
.pem-home-v6 .v3-phone>img{width:100%;height:auto;object-fit:contain;border:5px solid #142B49;border-radius:18px;box-shadow:0 14px 28px #142b491c}
.pem-home-v6 .v3-devices figcaption{font-size:12px;line-height:1.55;min-width:0;margin-top:22px;padding-top:12px;border-color:#CBDCF0;color:#4E6075}
.pem-home-v6 .v3-devices figcaption a{display:block;margin-top:5px;color:#2458C6}
@media(max-width:1000px){.pem-home-v6 .ph-hero-grid{grid-template-columns:1fr;gap:36px}.pem-home-v6 .v3-devices{max-width:620px;margin:6px auto}.pem-home-v6 .ph-hero h1{max-width:760px}}
@media(max-width:600px){.pem-home-v6 .ph-hero{padding:34px 0 38px}.pem-home-v6 .ph-hero h1{font-size:36px;line-height:1.14;letter-spacing:-.7px}.pem-home-v6 .v3-devices{grid-template-columns:minmax(0,1fr);gap:28px;max-width:400px}.pem-home-v6 .v3-computer{max-width:400px}.pem-home-v6 .v3-screen{border-width:5px}.pem-home-v6 .v3-phone{width:80px;max-width:27%;margin:0 auto}.pem-home-v6 .v3-phone>img{border-width:5px}.pem-home-v6 .v3-devices figcaption{margin-top:20px}.pem-home-v6 .ph-actions{gap:12px}}

/* V7.2: identidad regional y beneficios concretos. */
.pem-home-v6 .ph-identity{font-size:20px;font-weight:700;line-height:1.45;letter-spacing:0;color:#142B49;text-transform:none;margin-bottom:24px}
.pem-home-v6 .ph-identity span{color:#2458C6;font-weight:600}
.pem-home-v6 .pem-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:24px;padding-bottom:24px}
.pem-home-v6 .pem-benefit{display:flex;gap:14px;align-items:flex-start;background:#EAF0F9;border:1px solid #CAD8EA;border-radius:14px;padding:22px 20px;min-width:0}
.pem-home-v6 .pem-benefit svg{width:30px;height:30px;flex:0 0 30px;fill:none;stroke:#2458C6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}
.pem-home-v6 .pem-benefit h2{font-size:19px;line-height:1.35;letter-spacing:0;margin:0 0 9px;color:#142B49}
.pem-home-v6 .pem-benefit p{font-size:16px;line-height:1.6;color:#42546D;margin:0}
@media(max-width:1000px){.pem-home-v6 .pem-benefits{gap:12px}.pem-home-v6 .pem-benefit{padding:18px 14px;display:block}.pem-home-v6 .pem-benefit svg{margin-bottom:12px}}
@media(max-width:600px){.pem-home-v6 .ph-identity{font-size:18px;margin-bottom:20px}.pem-home-v6 .pem-benefits{grid-template-columns:1fr;gap:12px}.pem-home-v6 .pem-benefit{display:flex;padding:18px}.pem-home-v6 .pem-benefit svg{margin-bottom:0}}


/* AJUSTE VISUAL — revisión final de portada, escritorio.
   Equilibrio basado en la segunda captura aprobada por el propietario.
   No cambia zoom del navegador, funcionalidad ni reglas de móvil. */
@media (min-width:1180px) {
  .pem-home.pem-home-v6 .ph-wrap {
    width: min(1240px, calc(100% - 72px));
  }
  .pem-home.pem-home-v6 .ph-hero {
    padding-top: 50px;
    padding-bottom: 44px;
  }
  .pem-home.pem-home-v6 .ph-hero-grid {
    grid-template-columns: minmax(0, .97fr) minmax(0, 1.03fr);
    gap: 35px;
  }
  .pem-home.pem-home-v6 .ph-hero h1 {
    font-size: clamp(38px, 3.05vw, 47px);
    line-height: 1.14;
    letter-spacing: -.9px;
    max-width: 560px;
  }
  .pem-home.pem-home-v6 .ph-lead {
    font-size: 18px;
    line-height: 1.64;
    max-width: 620px;
  }
  .pem-home.pem-home-v6 .ph-identity {
    font-size: 19px;
    margin-bottom: 22px;
  }
  .pem-home.pem-home-v6 .ph-actions {
    margin-top: 24px;
  }
  .pem-home.pem-home-v6 .v3-devices {
    max-width: 610px;
  }
}


/* Ajuste aprobado para comparar con Edge al 125%, visible al 100%.
   Exclusivo portada, escritorio ancho; otras páginas y móvil intactos.
   La escala es deliberada, no se manipula el zoom del navegador. */
@media (min-width: 1550px) {
  .pem-home.pem-home-v6 {
    zoom: 1.25;
  }
  .pem-home.pem-home-v6 .ph-wrap {
    width: calc(100% - 80px);
    max-width: none;
  }
  .pem-home.pem-home-v6 .ph-hero-grid {
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: 28px;
  }
  .pem-home.pem-home-v6 .ph-hero {
    padding-top: 60px;
    padding-bottom: 64px;
  }
  .pem-home.pem-home-v6 .ph-hero h1 {
    font-size: clamp(39px, 2.8vw, 44px);
    line-height: 1.14;
    max-width: 650px;
  }
  .pem-home.pem-home-v6 .ph-lead {
    font-size: 18px;
    max-width: 520px;
  }
  .pem-home.pem-home-v6 .v3-devices {
    max-width: 650px;
  }
  .pem-home.pem-home-v6 .v3-computer {
    max-width: 490px;
  }
}
@media (min-width: 1200px) and (max-width: 1549px) {
  .pem-home.pem-home-v6 .ph-wrap {
    width: min(1340px, calc(100% - 64px));
  }
  .pem-home.pem-home-v6 .ph-hero h1 {
    font-size: clamp(39px, 3.35vw, 48px);
  }
}
