/* Directorio de clientas: componentes del sitio, sin autenticación nueva. */
body.access-page #adri-mobile-v1 { color: #392738; }
body.access-page #adri-mobile-v1 main { padding: 32px 24px 48px; }
body.access-page #adri-mobile-v1 .access-intro,
body.access-page #adri-mobile-v1 .access-directory,
body.access-page #adri-mobile-v1 .access-help { max-width: 1160px; margin-inline: auto; }
body.access-page #adri-mobile-v1 .access-intro p { max-width: 55ch; margin-top: 20px; font-size: 17px; line-height: 1.65; color: #625660; }
body.access-page #adri-mobile-v1 .access-directory { display: grid; gap: 32px; margin-top: 32px; }
body.access-page #adri-mobile-v1 .access-resource { display: flex; flex-direction: column; min-width: 0; background: #e8ede5; border: 1px solid #d5dfd4; border-radius: 18px; padding: 28px 24px; }
body.access-page #adri-mobile-v1 .access-resource svg { display: block; color: #405644; margin-bottom: 20px; }
body.access-page #adri-mobile-v1 .access-resource h2 { color: #344938; font-size: 30px; text-wrap: balance; overflow-wrap: anywhere; }
body.access-page #adri-mobile-v1 .access-resource--consult { background: #f0e8ee; border-color: #d8c6d4; }
body.access-page #adri-mobile-v1 .access-resource--consult h2,
body.access-page #adri-mobile-v1 .access-resource--consult svg { color: #573650; }
body.access-page #adri-mobile-v1 .access-resource--training { background: #eee6df; border-color: #dfd1c6; }
body.access-page #adri-mobile-v1 .access-resource--training h2,
body.access-page #adri-mobile-v1 .access-resource--training svg { color: #684832; }
body.access-page #adri-mobile-v1 .access-status { color: #625660; font-size: 15px; line-height: 1.6; margin-top: 18px; margin-bottom: 24px; }
body.access-page #adri-mobile-v1 .access-help { border-top: 1px solid #d8c6d4; padding-top: 28px; margin-top: 40px; }
body.access-page #adri-mobile-v1 .access-help h2 { font-size: 28px; line-height: 1.2; max-width: 26ch; text-wrap: balance; }
body.access-page #adri-mobile-v1 .primary,
body.access-page #adri-mobile-v1 .secondary { margin-top: 26px; padding: 16px 24px; min-height: 52px; max-width: 380px; }
body.access-page #adri-mobile-v1 .primary { font-size: 17px; }
body.access-page #adri-mobile-v1 .access-resource .primary { margin-top: auto; }
body.access-page #adri-mobile-v1 .access-resource:has(h2 + .primary) h2 { margin-bottom: 28px; }
body.access-page #adri-mobile-v1 .access-pending:disabled { background: #e3dce1; border-color: #b7a7b3; color: #625660; box-shadow: none; transform: none; cursor: not-allowed; opacity: 1; }
body.access-page #adri-mobile-v1 [aria-current="page"] { text-decoration: underline; text-underline-offset: 4px; font-weight: 600; }
body.access-page #adri-mobile-v1 .adri-menu a:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 370px) {
  body.access-page #adri-mobile-v1 main { padding-inline: 20px; }
  body.access-page #adri-mobile-v1 .access-resource { padding-inline: 20px; }
}
@media (min-width: 768px) {
  body.access-page #adri-mobile-v1 main { padding: 56px 32px 64px; }
  body.access-page #adri-mobile-v1 h1 { font-size: 56px; }
  body.access-page #adri-mobile-v1 .access-directory { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 40px; align-items: stretch; }
  body.access-page #adri-mobile-v1 .access-resource { padding: 32px; }
  body.access-page #adri-mobile-v1 .primary { min-height: 56px; }
}
@media (min-width: 1100px) {
  body.access-page #adri-mobile-v1 .access-directory { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  body.access-page #adri-mobile-v1 .primary,
  body.access-page #adri-mobile-v1 .secondary { transform: none !important; }
}