/* ============================================================================
   eaPublico.css  -  estilos de las paginas publicas de EARRIENDOS
   Diseno fluido (mobile first) valido desde 320px hasta 1920px y mas.
   2601013
   ========================================================================== */
:root{
  --ea-azul:#1f5fa8; --ea-azul-osc:#164477; --ea-azul-claro:#e8f1fb;
  --ea-gris:#5c6b7a; --ea-gris-claro:#f4f6f9; --ea-borde:#d6dee7;
  --ea-verde:#2e7d32; --ea-rojo:#c62828; --ea-amarillo:#8a6d00;
  --ea-radio:10px;
  --ea-sombra:0 4px 18px rgba(20,60,110,.12);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.ea-body{
  margin:0; padding:0; min-height:100vh; width:100%;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px; line-height:1.5; color:#2b3a4a;
  background:linear-gradient(160deg,#f7fafd 0%,#e9f0f8 55%,#dde8f4 100%);
  display:flex; flex-direction:column; align-items:center;
}
/* ---------- contenedor principal ---------- */
.ea-wrap{width:100%; max-width:520px; margin:0 auto; padding:clamp(10px,3vw,28px) clamp(10px,3vw,20px) 32px;}
.ea-card{
  background:#fff; border-radius:var(--ea-radio); box-shadow:var(--ea-sombra);
  overflow:hidden; border:1px solid var(--ea-borde);
}
.ea-cab{text-align:center; padding:clamp(16px,4vw,28px) clamp(12px,3vw,24px) 8px;}
.ea-logo{max-width:min(58vw,230px); height:auto; display:block; margin:0 auto 10px;}
.ea-titulo{font-size:clamp(1rem,3.4vw,1.25rem); font-weight:700; color:var(--ea-azul-osc); margin:0 0 4px;}
.ea-sub{font-size:clamp(.82rem,2.6vw,.95rem); color:var(--ea-gris); margin:0;}
.ea-sep{height:1px; background:var(--ea-borde); margin:14px 0;}
.ea-cuerpo{padding:clamp(14px,3.4vw,26px);}
/* ---------- formularios ---------- */
.ea-campo{margin-bottom:14px;}
.ea-label{display:block; font-size:.86rem; font-weight:600; color:var(--ea-gris); margin-bottom:5px;}
.ea-req{color:var(--ea-rojo)}
.ea-input{
  width:100%; display:block; padding:12px 13px; font-size:16px;   /* 16px evita zoom en iOS */
  color:#243447; background:#fff; border:1px solid var(--ea-borde);
  border-radius:8px; transition:border-color .15s, box-shadow .15s;
}
.ea-input:focus{outline:none; border-color:var(--ea-azul); box-shadow:0 0 0 3px rgba(31,95,168,.15)}
.ea-input.ea-mal{border-color:var(--ea-rojo)}
.ea-ayuda{font-size:.78rem; color:var(--ea-gris); margin:5px 0 0}
.ea-btn{
  display:block; width:100%; padding:13px 16px; font-size:1rem; font-weight:700;
  color:#fff; background:var(--ea-azul); border:0; border-radius:8px; cursor:pointer;
  min-height:46px; text-align:center; text-decoration:none; transition:background .15s;
}
.ea-btn:hover,.ea-btn:focus{background:var(--ea-azul-osc); color:#fff}
.ea-btn.ea-btn-2{background:#fff; color:var(--ea-azul); border:2px solid var(--ea-azul)}
.ea-btn.ea-btn-2:hover{background:var(--ea-azul-claro); color:var(--ea-azul-osc)}
.ea-btn.ea-btn-g{background:var(--ea-verde)}
.ea-fila{display:flex; flex-direction:column; gap:10px}
.ea-centro{text-align:center}
/* ---------- avisos ---------- */
.ea-aviso{border-radius:8px; padding:11px 13px; font-size:.88rem; margin:0 0 14px; border:1px solid transparent}
.ea-aviso ul{margin:6px 0 0 18px; padding:0}
.ea-aviso li{margin:2px 0}
.ea-error{background:#fdecec; border-color:#f2b8b8; color:#8f1d1d}
.ea-ok{background:#eaf6ea; border-color:#b6ddb8; color:#1e5b21}
.ea-info{background:var(--ea-azul-claro); border-color:#bcd6f0; color:var(--ea-azul-osc)}
.ea-alerta{background:#fff8e1; border-color:#f0dda0; color:var(--ea-amarillo)}
/* ---------- enlaces pie ---------- */
.ea-links{margin-top:16px; display:flex; flex-direction:column; gap:10px}
.ea-link{
  display:block; text-align:center; padding:12px 14px; min-height:44px;
  background:#fff; border:1px solid var(--ea-borde); border-radius:8px;
  color:var(--ea-azul); font-weight:600; text-decoration:none; font-size:.94rem;
  transition:background .15s,border-color .15s;
}
.ea-link:hover,.ea-link:focus{background:var(--ea-azul-claro); border-color:var(--ea-azul); color:var(--ea-azul-osc)}
.ea-pie{margin-top:18px; text-align:center; font-size:.76rem; color:var(--ea-gris)}
.ea-pass-for{display:flex; align-items:center; gap:8px; font-size:.84rem; color:var(--ea-gris); margin-top:6px}
/* ---------- responsive ---------- */
@media (min-width:576px){                    /* tablets pequenas / moviles grandes */
  .ea-wrap{max-width:540px}
  .ea-fila{flex-direction:row}
  .ea-fila>*{flex:1}
}
@media (min-width:768px){                    /* tablets */
  .ea-wrap{max-width:620px; padding-top:34px}
  .ea-card{border-radius:14px}
}
@media (min-width:992px){
  .ea-wrap{max-width:660px}
}
@media (min-width:1366px){                   /* notebooks 1366x768 */
  .ea-wrap{max-width:720px; padding-top:46px}
  .ea-titulo{font-size:1.4rem}
}
@media (min-width:1600px){
  .ea-wrap{max-width:760px}
}
@media (min-width:1920px){                   /* full HD */
  .ea-wrap{max-width:820px; padding-top:60px}
  .ea-cuerpo{padding:32px 40px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}