/* ============================================================
   Huellitas · Estilos de la página "Ser cuidador"
   Reutiliza styles.css + overrides.css; aquí solo lo específico.
   ============================================================ */

/* Paso de "cómo funciona": 5 columnas y flechas cortas */
.step-grid.cuidador-step-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin:52px 0 42px}
.step-grid.cuidador-step-grid article:not(:last-child):after{width:16px;left:calc(100% - 12px);top:46px;border-top:1.5px dashed #c7cdd0;border-left:0}
.steps .eyebrow{justify-content:center}
.steps .eyebrow span:last-child{margin-left:0}

/* Requisitos: 6 tarjetas en 3 columnas para mayor lectura */
.requirement-grid{grid-template-columns:repeat(3,1fr)}

/* Intro de la postulación */
.application-intro h2{font-size:36px}
.application-intro .eyebrow{margin-bottom:12px}
.application-card .form-submit{width:100%;margin-top:18px}

/* Etiqueta opcional "Simulado" junto al documento de identidad */
.field-tag{font-size:10px;font-weight:700;color:#8a5a00;background:#fff4c7;border-radius:20px;padding:3px 8px;margin-left:6px;vertical-align:middle}

/* Disponibilidad semanal */
.availability-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:2px 0 8px}
.availability-days label{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #d5d5d5;border-radius:9px;min-height:46px;padding:8px 4px;cursor:pointer;font-size:11px;font-weight:500}
.availability-days input{accent-color:#d49300;width:17px;height:17px;flex:0 0 auto}
.availability-days label:focus-within{outline:3px solid var(--blue);outline-offset:3px}

/* Tarifas base configurables */
.rates-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}
.rates-grid .field label{font-size:11px}

/* Aviso responsable */
.responsible{background:#334444;color:#fff;padding:88px max(30px,calc((100vw - 1160px)/2))}
.responsible .eyebrow{color:#e5e5e5;margin-bottom:14px}
.responsible .eyebrow span{background:var(--yellow)}
.responsible h2{font-size:42px;max-width:520px}
.responsible h2 em{color:var(--yellow)}
.responsible p{color:#d8dddd;font-size:13px;line-height:1.7;max-width:640px;margin:20px 0 0}

@media(max-width:1000px){
  .step-grid.cuidador-step-grid{grid-template-columns:repeat(3,1fr);gap:20px}
  .step-grid.cuidador-step-grid article:nth-child(3):after{display:none}
}

@media(max-width:720px){
  .step-grid.cuidador-step-grid{grid-template-columns:1fr;gap:42px;margin:45px 0 38px}
  .step-grid.cuidador-step-grid article:not(:last-child):after{height:30px;width:0;left:50%;top:105px;border-top:0;border-left:1.5px dashed #c7cdd0}
  .requirement-grid{grid-template-columns:1fr 1fr}
  .rates-grid{grid-template-columns:1fr}
  .availability-days{gap:4px}
  .availability-days label{min-height:40px;font-size:10px;padding:6px 2px}
  .responsible{padding:72px 22px}
  .responsible h2{font-size:34px}
  .application-intro h2{font-size:32px}
}

@media(max-width:480px){
  .requirement-grid{grid-template-columns:1fr}
}

/* ============================================================
   Página "Iniciar sesión" del cuidador
   ============================================================ */
.login-page .topbar{position:relative}
.login-shell{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:56px 22px;background:#f3f6f5}
.login-card{width:min(430px,100%);background:#fff;border:1px solid #e7e9ea;border-radius:22px;padding:34px 32px;box-shadow:0 12px 30px rgba(28,42,42,.08)}
.login-card h1{font-size:30px;line-height:1.15;margin:10px 0 6px}
.login-card .dash-subtitle{color:#667070;font-size:13.5px;line-height:1.6;margin:0 0 20px}
.login-card .form-field{margin-bottom:16px}
.login-card .form-field label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px}
.login-card .form-field input{width:100%;height:46px;border:1px solid #d5d5d5;border-radius:11px;padding:0 14px;font-size:14px;background:#fcfcfc;transition:border-color .15s,box-shadow .15s}
.login-card .form-field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(52,111,135,.15)}
.login-card .form-field input.field-error{border-color:#c0392b}
.login-submit{width:100%;margin-top:6px}
.login-links{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin-top:18px}
.login-links .text-link{font-size:13px}
.login-status{background:#fdecea;border:1px solid #f3c6c0;color:#8e2416;font-size:13px;line-height:1.5;border-radius:11px;padding:11px 14px;margin-bottom:16px}
.login-tag{display:inline-flex;align-items:center;gap:8px;background:#fff7dd;border:1px solid #eed28a;color:#7a5a0f;font-size:12.5px;font-weight:600;border-radius:20px;padding:7px 13px;margin:0 0 14px}
.login-tag .dot{width:8px;height:8px;border-radius:50%;background:#d49300;flex:0 0 auto}
.login-note{background:#f6f8f7;border:1px dashed #d5dcda;color:#5d6866;font-size:11.5px;line-height:1.6;border-radius:11px;padding:11px 13px;margin-top:22px}
.login-note span{color:#d49300}
.login-modal{max-width:460px;text-align:center}
.login-modal .modal-lead{text-align:center;margin:8px 0}
.login-modal .button{margin-top:18px}