/**
 * Home — modal «Ver otras categorías» (mismo look que registro-perfil screen0 + subcats).
 */

.home-modal--otros-registro {
  align-items: stretch;
  justify-content: stretch;
  padding: 0;
  background: linear-gradient(165deg, #f8f9fc 0%, #f2f4f8 50%, #eef1f6 100%) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.home-modal--otros-registro.is-step-cats {
  background: linear-gradient(165deg, #f8f9fc 0%, #f2f4f8 50%, #eef1f6 100%) !important;
}

.home-modal--otros-registro .home-otros-registro__panel {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: inherit;
}

.home-modal--otros-registro .home-modal__close {
  position: fixed;
  top: max(10px, env(safe-area-inset-top, 0px));
  right: max(10px, env(safe-area-inset-right, 0px));
  z-index: 10001;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.85);
  background: linear-gradient(180deg, #7e8ce0 0%, #5c6bc0 52%, #3949ab 100%);
  color: #fff;
  font-size: 22px;
  line-height: 1;
  box-shadow: 0 6px 20px rgba(92, 107, 192, 0.35);
}

.home-modal--otros-registro.is-step-subcats .home-modal__close {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--rp-sub-go-bg, #78909c) 82%, #fff) 0%,
    var(--rp-sub-go-bg, #607d8b) 52%,
    color-mix(in srgb, var(--rp-sub-go-bg, #546e7a) 84%, #000) 100%
  );
  box-shadow: 0 6px 20px color-mix(in srgb, var(--rp-sub-go-bg, #546e7a) 38%, transparent);
}

.home-otros-registro__promo {
  padding-right: max(44px, calc(10px + env(safe-area-inset-right, 0px)));
  background: inherit;
}

/* Banner a ancho de tarjetas: sin slots laterales Estados/LIBE */
#modal-otros-sectores.home-modal--otros-registro .home-otros-registro__promo.home-cat-promo-rail {
  --promo-rail-h: 112px;
  --promo-rail-side-w: 0px;
  gap: 0;
  justify-content: stretch;
  width: 100%;
  margin: 0 0 10px;
  padding: max(8px, env(safe-area-inset-top, 0px)) 16px 0;
  box-sizing: border-box;
}

#modal-otros-sectores.home-modal--otros-registro.is-step-subcats .home-otros-registro__promo.home-cat-promo-rail {
  padding-left: 12px;
  padding-right: 12px;
}

#modal-otros-sectores.home-modal--otros-registro .home-otros-registro__promo .home-cat-promo-rail__slot--side {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  flex: 0 0 0 !important;
  overflow: hidden !important;
}

#modal-otros-sectores.home-modal--otros-registro .home-otros-registro__promo .home-cat-promo-rail__slot--center {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: var(--promo-rail-h) !important;
}

#modal-otros-sectores.home-modal--otros-registro .home-otros-registro__promo .registro-banner-shell--rail,
#modal-otros-sectores.home-modal--otros-registro .home-otros-registro__promo .registro-banner-top--rail,
#modal-otros-sectores.home-modal--otros-registro .home-otros-registro__promo .registro-pb--rail-cat,
#modal-otros-sectores.home-modal--otros-registro .home-otros-registro__promo .registro-pb__stage {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: var(--promo-rail-h) !important;
  border-radius: 16px;
  overflow: hidden;
}

#modal-otros-sectores.home-modal--otros-registro .home-otros-registro__promo .registro-pb__slide,
#modal-otros-sectores.home-modal--otros-registro .home-otros-registro__promo .registro-pb__rail-bg,
#modal-otros-sectores.home-modal--otros-registro .home-otros-registro__promo .registro-pb__slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.home-modal--otros-registro.is-step-cats .home-otros-registro__head .rp-cat0-head__title {
  color: #3949ab;
}

.home-modal--otros-registro.is-step-cats .home-otros-registro__head .rp-cat0-head__grid {
  color: #5c6bc0;
}

.home-modal--otros-registro.is-step-cats .home-otros-registro__section {
  color: rgba(57, 73, 171, 0.72);
}

.home-otros-registro__step {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.home-otros-registro__step[hidden] {
  display: none !important;
}

.home-otros-registro__scroll {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 4px 16px 16px;
}

.home-otros-registro__head {
  margin: 0 0 10px;
  padding-right: 40px;
}

.home-otros-registro__head .rp-cat0-head__title {
  margin: 0;
  font-family: Poppins, system-ui, sans-serif;
  font-size: 18px;
  font-weight: 900;
  color: #c2185b;
  line-height: 1.15;
}

.home-otros-registro__head .rp-cat0-head__subtitle {
  margin: 4px 0 0;
  font-family: Poppins, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: rgba(58, 21, 40, 0.62);
}

.home-otros-registro__head .rp-cat0-head__row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.home-otros-registro__head .rp-cat0-head__grid {
  width: 22px;
  height: 22px;
  color: #e91e63;
  flex-shrink: 0;
}

.home-otros-registro__head .rp-cat0-head__grid svg {
  width: 100%;
  height: 100%;
  display: block;
}

.home-otros-registro__section {
  margin: 0 0 6px;
  font-family: Poppins, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(194, 24, 91, 0.72);
}

.home-otros-registro__section__star,
.rp-cat0-section__star {
  color: #e91e63;
  margin-right: 4px;
}

.home-otros-registro__hint {
  margin: 0 0 10px;
  font-family: Poppins, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: rgba(58, 21, 40, 0.55);
}

.home-otros-registro__grid {
  list-style: none;
  margin: 0;
  padding: 0 0 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.home-otros-registro__grid > li {
  min-width: 0;
}

/* Tarjetas categoría: ver home-otros-registro-bridge.css (layout registro-perfil) */

/* ── Paso subcategorías ── */
.home-modal--otros-registro.is-step-subcats {
  background: var(--rp-sub-page-bg, linear-gradient(165deg, #f4f7f2 0%, #eef3ea 45%, #f8f5ef 100%)) !important;
}

.home-otros-registro__step--subcats {
  padding: 0 12px 0;
}

.home-otros-subcats-wrap {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.home-otros-subcats__head {
  flex-shrink: 0;
  margin: 0 0 8px;
  padding: 4px 2px 0;
  padding-right: 40px;
}

.home-otros-subcats__head .home-adultos-picker__title {
  margin: 0 0 4px;
  font-family: Poppins, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
  color: var(--rp-sub-title, #2e7d32);
}

.home-otros-subcats__head .home-adultos-picker__hint {
  margin: 0;
  font-size: 10px;
  font-weight: 600;
  color: var(--rp-sub-hint, rgba(45, 45, 45, 0.58));
}

.home-otros-subcats__list {
  flex: 1;
  min-height: 0;
}

.home-otros-registro__foot {
  flex-shrink: 0;
  padding: 10px 4px max(12px, env(safe-area-inset-bottom, 0px));
}

.home-otros-registro__back {
  width: 100%;
  min-height: 48px;
  border-radius: 14px;
  font-family: Poppins, system-ui, sans-serif;
  font-size: 13px;
  cursor: pointer;
}

/* Temas por sector (paralelo a registro-perfil-subcat-themes) */
.home-modal--otros-registro.rp-sector-subcats[data-rp-sector="bienestar"] {
  --rp-sub-page-bg: linear-gradient(165deg, #f4f7f2 0%, #eef3ea 45%, #f8f5ef 100%);
  --rp-sub-title: #33691e;
  --rp-sub-hint: #689f38;
  --rp-sub-thumb-bg: #e8f0e4;
  --rp-sub-card-title: #2e5d1f;
  --rp-sub-card-body-bg: #fff;
  --rp-sub-go-bg: #7cb342;
  --rp-sub-go-color: #fff;
  --rp-sub-go-shadow: 0 3px 10px rgba(85, 139, 47, 0.28);
  --rp-sub-card-shadow: 0 6px 18px rgba(51, 105, 30, 0.1);
}

.home-modal--otros-registro.rp-sector-subcats[data-rp-sector="salud"] {
  --rp-sub-page-bg: linear-gradient(165deg, #fdf5f8 0%, #fce8ef 55%, #f3e5f5 100%);
  --rp-sub-title: #0d47a1;
  --rp-sub-hint: #546e7a;
  --rp-sub-thumb-bg: #e3f2fd;
  --rp-sub-card-title: #1a237e;
  --rp-sub-go-bg: #1976d2;
  --rp-sub-go-color: #fff;
}

.home-modal--otros-registro.rp-sector-subcats[data-rp-sector="profesionales"] {
  --rp-sub-page-bg: linear-gradient(165deg, #f2f6fc 0%, #e5edf9 55%, #eef2f7 100%);
  --rp-sub-title: #1a237e;
  --rp-sub-hint: #3949ab;
  --rp-sub-thumb-bg: #e8eaf6;
  --rp-sub-card-title: #283593;
  --rp-sub-go-bg: #5c6bc0;
}

.home-modal--otros-registro.rp-sector-subcats[data-rp-sector="eventos"] {
  --rp-sub-page-bg: linear-gradient(165deg, #fff9f3 0%, #fdf0e4 55%, #ffe0b2 100%);
  --rp-sub-title: #e65100;
  --rp-sub-hint: #ef6c00;
  --rp-sub-thumb-bg: #ffe0b2;
  --rp-sub-card-title: #d84315;
  --rp-sub-go-bg: #f4511e;
}

.home-modal--otros-registro.rp-sector-subcats[data-rp-sector="restaurantes"] {
  --rp-sub-page-bg: linear-gradient(165deg, #fff3e0 0%, #ffe0b2 50%, #ffccbc 100%);
  --rp-sub-title: #e65100;
  --rp-sub-hint: #bf360c;
  --rp-sub-thumb-bg: #ffe0b2;
  --rp-sub-card-title: #d84315;
  --rp-sub-go-bg: #f4511e;
}

.home-modal--otros-registro.rp-sector-subcats[data-rp-sector="mascotas"] {
  --rp-sub-page-bg: linear-gradient(165deg, #f1f8f4 0%, #e8f5e9 55%, #f9fbe7 100%);
  --rp-sub-title: #1b5e20;
  --rp-sub-hint: #558b2f;
  --rp-sub-thumb-bg: #e8f5e9;
  --rp-sub-card-title: #2e7d32;
  --rp-sub-go-bg: #43a047;
}

.home-modal--otros-registro.rp-sector-subcats[data-rp-sector="transporte"] {
  --rp-sub-page-bg: linear-gradient(165deg, #eefaf8 0%, #dff5f0 55%, #e1f5fe 100%);
  --rp-sub-title: #01579b;
  --rp-sub-hint: #0277bd;
  --rp-sub-thumb-bg: #e1f5fe;
  --rp-sub-card-title: #0277bd;
  --rp-sub-go-bg: #0288d1;
}

.home-modal--otros-registro.rp-sector-subcats[data-rp-sector="tecnologia"] {
  --rp-sub-page-bg: linear-gradient(165deg, #f6f3fc 0%, #ece6f8 55%, #e8eaf6 100%);
  --rp-sub-title: #283593;
  --rp-sub-hint: #5c6bc0;
  --rp-sub-thumb-bg: #e8eaf6;
  --rp-sub-card-title: #1a237e;
  --rp-sub-go-bg: #5c6bc0;
}

.home-modal--otros-registro.rp-sector-subcats[data-rp-sector="comercio"] {
  --rp-sub-page-bg: linear-gradient(165deg, #f8f4fc 0%, #ede6f5 55%, #e0f2f1 100%);
  --rp-sub-title: #004d40;
  --rp-sub-hint: #00695c;
  --rp-sub-thumb-bg: #e0f2f1;
  --rp-sub-card-title: #00695c;
  --rp-sub-go-bg: #00897b;
}

.home-modal--otros-registro.rp-sector-subcats[data-rp-sector="hogar"] {
  --rp-sub-page-bg: linear-gradient(165deg, #fffbf0 0%, #f8f0dc 55%, #ffe0b2 100%);
  --rp-sub-title: #bf360c;
  --rp-sub-hint: #d84315;
  --rp-sub-thumb-bg: #ffe0b2;
  --rp-sub-card-title: #d84315;
  --rp-sub-go-bg: #f4511e;
}

.home-modal--otros-registro.rp-sector-subcats[data-rp-sector="automotriz"] {
  --rp-sub-page-bg: linear-gradient(165deg, #f2f6fd 0%, #e4ecf9 55%, #e3f2fd 100%);
  --rp-sub-title: #0d47a1;
  --rp-sub-hint: #1565c0;
  --rp-sub-thumb-bg: #e3f2fd;
  --rp-sub-card-title: #1565c0;
  --rp-sub-go-bg: #1976d2;
}

.home-modal--otros-registro.rp-sector-subcats[data-rp-sector="bienes-raices"] {
  --rp-sub-page-bg: linear-gradient(165deg, #f2faf3 0%, #e4f2e6 55%, #efebe9 100%);
  --rp-sub-title: #4e342e;
  --rp-sub-hint: #6d4c41;
  --rp-sub-thumb-bg: #efebe9;
  --rp-sub-card-title: #5d4037;
  --rp-sub-go-bg: #6d4c41;
}

.home-modal--otros-registro.rp-sector-subcats[data-rp-sector="educacion"] {
  --rp-sub-page-bg: linear-gradient(165deg, #f3f7fc 0%, #e6eef8 55%, #e8eaf6 100%);
  --rp-sub-title: #283593;
  --rp-sub-hint: #5c6bc0;
  --rp-sub-thumb-bg: #e8eaf6;
  --rp-sub-card-title: #1a237e;
  --rp-sub-go-bg: #5c6bc0;
}

.home-modal--otros-registro.rp-sector-subcats[data-rp-sector="industria"] {
  --rp-sub-page-bg: linear-gradient(165deg, #faf6f2 0%, #f2ebe3 55%, #efebe9 100%);
  --rp-sub-title: #4e342e;
  --rp-sub-hint: #795548;
  --rp-sub-thumb-bg: #efebe9;
  --rp-sub-card-title: #5d4037;
  --rp-sub-go-bg: #6d4c41;
}

.home-modal--otros-registro.rp-sector-subcats .rp-subcat-geo-list .ch-geo-card__go {
  background: var(--rp-sub-go-bg, #607d8b);
  color: var(--rp-sub-go-color, #fff);
  box-shadow: var(--rp-sub-go-shadow, 0 3px 10px rgba(55, 71, 79, 0.18));
}

.home-modal--otros-registro.rp-sector-subcats .rp-subcat-geo-list .ch-geo-card__title {
  color: var(--rp-sub-card-title, #37474f);
}

.home-modal--otros-registro.rp-sector-subcats .rp-subcat-geo-list .ch-geo-card__thumb {
  background: var(--rp-sub-thumb-bg, #e8eef3);
}

.home-modal--otros-registro.rp-sector-subcats .rp-subcat-geo-list .ch-geo-card__body {
  background: var(--rp-sub-card-body-bg, #fff);
  box-shadow: var(--rp-sub-card-shadow, 0 6px 22px rgba(30, 58, 95, 0.08));
}

@media (min-width: 520px) {
  .home-modal--otros-registro .home-otros-registro__panel {
    max-width: min(100%, 420px);
    margin: 0 auto;
  }
}