/* =========================================================
   EMMA · Acceso a la plataforma  (/login-esp/)
   Scopeado bajo .emma-login. Hero con el lenguaje de Producto
   (superficie clara, eyebrow y titular morado) y tres accesos
   en fila. Sin descripciones ni jerarquia entre plataformas.
   v7.35
   ========================================================= */

.emma-login{
  --morado:#4D4A9E;
  --deep:#3A3877;
  --slate:#516377;
  --surface:#F6F6FB;
}

/* --- hero: mismo patron que /producto/ --- */
.emma-login .lhero{
  background:var(--surface);
  padding:74px 26px 58px;
}
.emma-login .lhero .sec-head{max-width:760px;margin-inline:auto}
.emma-login .lhero .eyebrow{justify-content:center;margin:0 0 14px}
.emma-login .lh1{
  font-family:'Inter',system-ui,sans-serif;
  font-weight:300;
  letter-spacing:-.02em;
  font-size:clamp(34px,4.6vw,50px);
  line-height:1.1;
  color:var(--morado);
  margin:0;
}

/* --- los tres accesos --- */
.emma-login .lsec{padding:52px 26px 78px}
.emma-login .wrap{max-width:1080px;margin:0 auto}
.emma-login .lgrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:34px;
  align-items:start;
}
/* WordPress mete block gap a los hijos de un grupo: en una grilla eso
   empuja hacia abajo la 2a y la 3a tarjeta. Sin esto se ven descuadradas. */
.emma-login .lgrid>*{margin-block-start:0}
.emma-login .lcard{text-align:center}
.emma-login .lcard .lshot{margin:0}
.emma-login .lcard .lshot img{
  display:block;width:100%;height:auto;
  border-radius:14px;
  box-shadow:0 14px 34px rgba(77,74,158,.16);
}
.emma-login .lname{
  font-family:'Inter',system-ui,sans-serif;
  font-weight:400;
  font-size:26px;
  color:var(--morado);
  letter-spacing:-.01em;
  margin:20px 0 16px;
}
.emma-login .lbtn{justify-content:center}
.emma-login .lbtn .wp-block-button__link{padding:13px 34px}

/* --- responsive --- */
@media (max-width:900px){
  .emma-login .lgrid{grid-template-columns:1fr;gap:44px;max-width:440px;margin-inline:auto}
  .emma-login .lsec{padding:44px 20px 60px}
  .emma-login .lhero{padding:58px 20px 46px}
}