/* NoMasCaosWebPanel 1.41.29
   Experiencia comercial: red real, búsqueda más rápida, CTAs directos y móvil operativo. */

:root{
  --nmc29-red:#df0712;
  --nmc29-red-hover:#b8050e;
  --nmc29-navy:#10233d;
  --nmc29-ink:#101828;
  --nmc29-muted:#667085;
  --nmc29-line:#e4e7ec;
  --nmc29-soft:#f7f8fa;
  --nmc29-green:#087443;
  --nmc29-gutter:clamp(18px,4vw,72px);
}

/* La cabecera gana presencia cuando la página se desplaza. */
body.nmc-public .nmc-header-v18,
body.public-body .nmc-header-v18{
  transition:box-shadow .2s ease,background .2s ease;
}
body.nmc-public.nmc-page-scrolled .nmc-header-v18,
body.public-body.nmc-page-scrolled .nmc-header-v18{
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 14px 38px rgba(16,24,40,.11)!important;
}

/* Hero: buscador de alta intención y acceso inmediato a ciudades reales. */
.nmc-bs-search-cities{
  display:grid;
  gap:8px;
  margin-top:2px;
  padding:13px 0 2px;
  border-top:1px solid var(--nmc29-line);
}
.nmc-bs-search-cities>small{
  color:#667085;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.nmc-bs-search-cities>div{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.nmc-bs-search-cities button{
  min-height:34px!important;
  margin:0!important;
  padding:0 11px!important;
  border:1px solid #d0d5dd!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#344054!important;
  font-size:.78rem!important;
  font-weight:850!important;
}
.nmc-bs-search-cities button:hover,
.nmc-bs-search-cities button:focus-visible{
  border-color:var(--nmc29-navy)!important;
  background:#f2f4f7!important;
  color:var(--nmc29-navy)!important;
}

/* Datos reales de la red: sin cifras inventadas. */
.nmc-bs-network-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding:0 var(--nmc29-gutter);
  border-bottom:1px solid var(--nmc29-line);
  background:var(--nmc29-navy);
  color:#fff;
}
.nmc-bs-network-metrics article{
  display:grid;
  align-content:center;
  min-height:116px;
  padding:22px 28px;
  border-right:1px solid rgba(255,255,255,.14);
}
.nmc-bs-network-metrics article:first-child{padding-left:0}
.nmc-bs-network-metrics article:last-child{padding-right:0;border-right:0}
.nmc-bs-network-metrics strong{
  color:#fff;
  font-size:clamp(1.9rem,3vw,3.4rem);
  line-height:1;
  letter-spacing:-.055em;
}
.nmc-bs-network-metrics span{
  margin-top:6px;
  color:rgba(255,255,255,.68);
  font-size:.83rem;
  font-weight:750;
  line-height:1.35;
}

/* Filtros con resultado visible. */
.nmc-bs-centers-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 20px;
  padding:13px 0;
  border-top:1px solid var(--nmc29-line);
  border-bottom:1px solid var(--nmc29-line);
}
.nmc-bs-centers-toolbar strong{
  color:var(--nmc29-ink);
  font-size:.95rem;
}
.nmc-bs-centers-toolbar span{
  color:var(--nmc29-muted);
  font-size:.86rem;
}
.nmc-bs-centers-empty{
  margin:22px 0 0;
  padding:28px;
  border:1px solid var(--nmc29-line);
  background:var(--nmc29-soft);
  color:#475467;
  text-align:center;
  font-weight:800;
}

/* Centro como producto: dos acciones claras, sin esconder el portal. */
.nmc-bs-centers-grid .nmc-m3-center-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--nmc29-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(16,24,40,.07)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.nmc-bs-centers-grid .nmc-m3-center-card:hover{
  transform:translateY(-5px);
  border-color:#cfd4dc!important;
  box-shadow:0 24px 52px rgba(16,24,40,.13)!important;
}
.nmc-bs-centers-grid .nmc-m3-center-card[hidden]{display:none!important}
.nmc-bs-centers-grid .nmc-m3-center-card__body{
  display:flex!important;
  flex:1;
  flex-direction:column;
  padding:22px!important;
}
.nmc-bs-centers-grid .nmc-m3-center-card__price{
  margin-top:auto!important;
  padding-top:18px!important;
  border-top:1px solid var(--nmc29-line);
}
.nmc-bs-centers-grid .nmc-m3-center-card__price strong{
  color:var(--nmc29-ink)!important;
  font-size:1.45rem!important;
}
.nmc-center-card-actions{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(90px,.55fr);
  gap:8px;
  margin-top:14px;
}
.nmc-center-card-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:46px;
  padding:0 13px;
  border:1px solid #d0d5dd;
  border-radius:9px;
  background:#fff;
  color:#344054!important;
  text-decoration:none!important;
  text-align:center;
  font-size:.86rem;
  font-weight:900;
}
.nmc-center-card-actions a.primary{
  border-color:var(--nmc29-red);
  background:var(--nmc29-red);
  color:#fff!important;
  box-shadow:0 12px 25px rgba(223,7,18,.18);
}
.nmc-center-card-actions a.primary:hover{background:var(--nmc29-red-hover)}
.nmc-center-card-actions svg{width:17px;height:17px}

/* La sección de confianza se vuelve secundaria frente a los datos de red. */
.nmc-bs-trust{
  background:#fff;
}
.nmc-bs-trust>div,
.nmc-bs-trust>a{
  min-height:112px;
}

/* Barra operativa: aparece tras dejar atrás el hero. */
.nmc-home-sticky-cta{
  position:fixed;
  left:50%;
  bottom:20px;
  z-index:620;
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto auto;
  gap:8px;
  align-items:center;
  width:min(680px,calc(100% - 32px));
  padding:9px;
  border:1px solid rgba(16,24,40,.12);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 24px 70px rgba(16,24,40,.24);
  backdrop-filter:blur(18px);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,18px);
  transition:opacity .2s ease,transform .2s ease;
}
.nmc-home-sticky-cta.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%,0);
}
.nmc-home-sticky-cta.is-footer-visible{opacity:0;pointer-events:none}
.nmc-home-sticky-cta>div{min-width:0;padding:0 10px}
.nmc-home-sticky-cta small{
  display:block;
  color:#667085;
  font-size:.7rem;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.nmc-home-sticky-cta strong{
  display:block;
  margin-top:2px;
  overflow:hidden;
  color:var(--nmc29-ink);
  font-size:.98rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.nmc-home-sticky-cta>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 16px;
  border:1px solid #d0d5dd;
  border-radius:10px;
  background:#fff;
  color:#344054!important;
  text-decoration:none!important;
  font-size:.86rem;
  font-weight:900;
  white-space:nowrap;
}
.nmc-home-sticky-cta>a.primary{
  border-color:var(--nmc29-red);
  background:var(--nmc29-red);
  color:#fff!important;
}

/* Fichas de centro: la banda de acción debe permanecer visible en escritorio. */
body.nmc-public :where(main.trasterospub-center-page,main.nmc-direct-center-page,main.nmc-portal-center-page) .tp-center-reserve-strip,
body.public-body :where(main.trasterospub-center-page,main.nmc-direct-center-page,main.nmc-portal-center-page) .tp-center-reserve-strip{
  position:sticky;
  top:76px;
  z-index:115;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-top:0!important;
  padding-top:13px!important;
  padding-bottom:13px!important;
  border-top:1px solid var(--nmc29-line)!important;
  border-bottom:1px solid var(--nmc29-line)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 14px 30px rgba(16,24,40,.07)!important;
  backdrop-filter:blur(18px);
}
body.nmc-public :where(main.trasterospub-center-page,main.nmc-direct-center-page,main.nmc-portal-center-page) .tp-center-reserve-strip nav,
body.public-body :where(main.trasterospub-center-page,main.nmc-direct-center-page,main.nmc-portal-center-page) .tp-center-reserve-strip nav{
  display:flex!important;
  gap:8px!important;
}
body.nmc-public :where(main.trasterospub-center-page,main.nmc-direct-center-page,main.nmc-portal-center-page) .tp-center-reserve-strip a,
body.public-body :where(main.trasterospub-center-page,main.nmc-direct-center-page,main.nmc-portal-center-page) .tp-center-reserve-strip a{
  min-height:44px!important;
  border-radius:9px!important;
}

/* Aparición discreta, sin convertir la web en una demo animada. */
.nmc-bs-centers-grid .nmc-m3-center-card.nmc-reveal-ready{
  opacity:0;
  transform:translateY(14px);
}
.nmc-bs-centers-grid .nmc-m3-center-card.nmc-reveal-ready.nmc-revealed{
  opacity:1;
  transform:translateY(0);
  transition:opacity .38s ease,transform .38s ease,box-shadow .22s ease,border-color .22s ease;
}

@media(max-width:980px){
  .nmc-bs-network-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nmc-bs-network-metrics article:nth-child(2){border-right:0}
  .nmc-bs-network-metrics article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}
  .nmc-bs-network-metrics article:nth-child(3){padding-left:0}
}

@media(max-width:760px){
  .nmc-bs-network-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px}
  .nmc-bs-network-metrics article{min-height:92px;padding:17px 13px}
  .nmc-bs-network-metrics article:first-child,.nmc-bs-network-metrics article:nth-child(3){padding-left:0}
  .nmc-bs-network-metrics article:nth-child(2),.nmc-bs-network-metrics article:nth-child(4){padding-right:0}
  .nmc-bs-network-metrics strong{font-size:1.9rem}
  .nmc-bs-network-metrics span{font-size:.72rem}
  .nmc-bs-centers-toolbar{align-items:flex-start;flex-direction:column;gap:4px}
  .nmc-center-card-actions{grid-template-columns:1fr}
  .nmc-home-sticky-cta{
    bottom:calc(10px + env(safe-area-inset-bottom));
    grid-template-columns:minmax(0,1fr) auto auto;
    width:calc(100% - 20px);
    padding:7px;
    border-radius:15px;
  }
  .nmc-home-sticky-cta>div{padding:0 6px}
  .nmc-home-sticky-cta>a{min-height:44px;padding:0 12px}
  body.nmc-public.page-home,
  body.public-body.page-home{padding-bottom:76px}
  body.nmc-public :where(main.trasterospub-center-page,main.nmc-direct-center-page,main.nmc-portal-center-page) .tp-center-reserve-strip,
  body.public-body :where(main.trasterospub-center-page,main.nmc-direct-center-page,main.nmc-portal-center-page) .tp-center-reserve-strip{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .nmc-bs-centers-grid .nmc-m3-center-card,
  .nmc-home-sticky-cta{transition:none!important}
  .nmc-bs-centers-grid .nmc-m3-center-card.nmc-reveal-ready{opacity:1;transform:none}
}