/* ============================================================
   PORTAL THE RIGHT POSITION · PÁGINA DE ACCESO
   ============================================================ */

.acceso{
  position:relative;
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1fr);   /* minmax(0,..) y no "auto": la columna nunca empuja la pantalla */
  place-items:center;
  padding:56px 24px;
  overflow:hidden;              /* la marca de agua sangra a propósito */
  background:var(--trp-fondo);
}

/* Resplandor lima de arriba: sobre blanco se ensucia rápido, va muy bajo */
.acceso__halo{
  position:absolute;
  top:-190px; left:50%;
  width:min(780px,130vw); height:440px;
  transform:translateX(-50%);
  background:radial-gradient(closest-side, rgba(199,241,72,.22), rgba(199,241,72,0) 72%);
  pointer-events:none;
  z-index:0;
}

.acceso__caja{
  position:relative;
  z-index:2;
  width:100%;
  max-width:440px;
  min-width:0;                  /* que se encoja en vez de empujar la pantalla */
  display:flex;
  flex-direction:column;
  gap:18px;
}

.acceso__tarjeta{
  background:var(--trp-sup);
  border:1px solid var(--trp-borde);
  border-radius:var(--trp-r-g);
  box-shadow:var(--trp-sombra-alta);
  padding:40px 38px 32px;
  min-width:0;
  /* Un correo o una llave de 32 letras se parte en vez de estirar la tarjeta (26-sep-2026). */
  overflow-wrap:anywhere;
}

.acceso__marca{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:24px;
}
.icono-marca{ display:block; flex:none; }
.acceso__nombre{
  font-family:var(--trp-display);
  font-weight:700;
  font-size:17px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--trp-tinta);
}

.acceso__titulo{
  font-size:30px;
  margin:14px 0 10px;
  letter-spacing:-.03em;
}
.acceso__texto{
  font-size:13.5px;
  line-height:1.55;
  color:var(--trp-tinta-2);
}

.acceso .formulario{ margin-top:22px; }
.acceso .aviso{ margin-top:20px; }
.acceso .btn-ancho{ margin-top:6px; }

.acceso__ayuda{
  margin-top:30px;
  padding-top:22px;
  border-top:1px solid rgba(10,10,12,.12);
  font-size:12.5px;
  line-height:1.5;
  color:var(--trp-tinta-3);
}

.acceso__bloqueo{ display:flex; flex-direction:column; gap:14px; margin-top:20px; }

.acceso__lema{
  text-align:center;
  font-family:var(--trp-display);
  font-weight:500;
  font-size:11.5px;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--trp-tinta-2);
}
.acceso__pie{
  text-align:center;
  font-size:11.5px;
  letter-spacing:.06em;
  color:var(--trp-tinta-2);   /* el gris claro no alcanza para texto menudo */
}

/* El chevron gigante de la esquina (identidad §3: en claro, casi negro al 7 %) */
.acceso__marca-agua{
  position:absolute;
  right:-40px; bottom:-34px;
  width:520px; max-width:none; height:auto;
  z-index:1;
  pointer-events:none;
  user-select:none;
}

.instalar__cierre{ display:flex; flex-direction:column; gap:12px; margin-top:20px; }

@media (max-width:760px){
  .acceso{ padding:32px 18px; }
  .acceso__tarjeta{ padding:30px 22px 26px; border-radius:var(--trp-r); }
  .acceso__titulo{ font-size:26px; }
  .acceso__marca-agua{ width:330px; right:-90px; bottom:-18px; }
}