/* Hotfix 21.5.3 — acceso debajo de los registros, fotografía libre y panel más ejecutivo */

/* Portal principal: el acceso deja de cubrir la fotografía */
.service-panel__visual--laboralfa{position:relative}
.labor-home-login{color:inherit;text-decoration:none}
.labor-home-login--below{
  position:static;transform:none;display:flex;flex-direction:column;align-items:flex-start;
  width:100%;margin-top:16px;padding:16px 18px;border:1px solid #063e2d;border-radius:16px;
  background:#063e2d;color:#fff;box-shadow:0 14px 32px rgba(0,52,37,.16)
}
.labor-home-login--below span{font-size:.78rem;color:rgba(255,255,255,.76)}
.labor-home-login--below strong{font-size:1rem;color:#fff;margin-top:3px}
.labor-home-login--below:hover{transform:translateY(-2px);background:#075239;box-shadow:0 18px 38px rgba(0,52,37,.22)}
.labor-choice-card span small:first-child{display:block;color:#087744;font-weight:800;letter-spacing:.08em;margin-bottom:4px}

/* LaborAlfa: tres decisiones en la columna izquierda; ninguna tapa rostros */
.la-login-below{
  width:100%;margin-top:14px;padding:16px 18px;border:1px solid #063e2d;border-radius:17px;
  background:#063e2d;color:#fff;text-align:left;display:flex;flex-direction:column;gap:4px;
  box-shadow:0 14px 32px rgba(0,52,37,.16);cursor:pointer
}
.la-login-below span{font-size:.78rem;color:rgba(255,255,255,.76)}
.la-login-below strong{font-size:1rem;color:#fff}
.la-login-below:hover{transform:translateY(-2px);background:#075239;box-shadow:0 18px 38px rgba(0,52,37,.22)}
.la-hero-login{display:none!important}
.la-hero-media{overflow:hidden}

/* Panel de cuenta: jerarquía más sobria y ejecutiva */
.la-welcome h1{
  font-size:clamp(2rem,3.2vw,3.35rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  max-width:1000px
}
.la-welcome{padding-top:4px}
.la-dashboard{padding-top:36px!important}

@media(max-width:760px){
  .services .service-panel__copy h3,.service-panel__copy h3{
    font-size:clamp(2rem,10.4vw,2.85rem)!important;line-height:.98!important;letter-spacing:-.045em!important
  }
  .labor-choice-grid,.la-entry-grid{grid-template-columns:1fr!important}
  .labor-home-login--below,.la-login-below{padding:14px 15px;margin-top:12px}
  .labor-home-login--below strong,.la-login-below strong{font-size:.94rem}
  .la-hero h1{font-size:clamp(2.15rem,10.5vw,3rem)!important;line-height:1!important;letter-spacing:-.045em!important}
  .la-welcome h1{font-size:clamp(1.75rem,8.6vw,2.45rem)!important;line-height:1.04!important}
  .la-dashboard{width:min(94vw,1240px)!important;padding-top:24px!important}
  .la-app-header{height:auto!important;min-height:72px;padding:12px 18px!important;gap:12px;flex-wrap:wrap}
}

/* Hotfix 21.5.4 — acceso debajo de la imagen */
.service-panel[data-panel="labor"] > .labor-home-login--below{
  grid-column:2;
  grid-row:auto;
  margin-top:14px;
  align-self:start;
}
.la-hero-grid > .la-login-below{
  grid-column:2;
  width:100%;
  margin-top:14px;
  align-self:start;
}
/* El control del ojo queda por encima del campo y recibe clics */
.la-password{position:relative}
.la-password .la-eye{
  position:absolute!important;
  right:12px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  z-index:5!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
.la-password input{padding-right:52px!important}
@media(max-width:760px){
  .service-panel[data-panel="labor"] > .labor-home-login--below,
  .la-hero-grid > .la-login-below{
    grid-column:1;
    width:100%;
    margin-top:12px;
  }
}

/* Hotfix 21.5.5 — el acceso pertenece a la misma columna de la fotografía */
.service-panel[data-panel="labor"] .labor-visual-stack{
  grid-column:2;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-self:start;
  gap:14px;
}
.service-panel[data-panel="labor"] .labor-visual-stack .service-panel__visual{
  width:100%;
}
.service-panel[data-panel="labor"] .labor-visual-stack .labor-home-login--below{
  width:100%;
  margin:0;
}
/* Anula la colocación como tercer elemento independiente del grid */
.service-panel[data-panel="labor"] > .labor-home-login--below{grid-column:auto!important}

.la-hero-media-stack{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-self:start;
  gap:14px;
}
.la-hero-media-stack .la-hero-media{width:100%;margin:0}
.la-hero-media-stack .la-login-below{width:100%;margin:0}
.la-hero-grid > .la-login-below{grid-column:auto!important}

.la-modal-links--single{justify-content:flex-start!important}
.la-modal-links--single a{width:100%;text-align:center}

/* Botón de visibilidad: área táctil clara y sin doble acción */
.la-password .la-eye{
  width:42px!important;
  height:42px!important;
  border:0!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:#eef9f3!important;
  color:#087744!important;
  font-size:0!important;
  line-height:1!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  touch-action:manipulation!important;
}
.la-password .la-eye::before{
  content:'👁';
  font-size:17px;
}
.la-password .la-eye[aria-pressed="true"]::before{content:'🙈'}

@media(max-width:760px){
  .service-panel[data-panel="labor"] .labor-visual-stack,
  .la-hero-media-stack{
    grid-column:1!important;
    width:100%;
    gap:12px;
  }
}