/* ctxd-t7a-v1.css · T7A (3-oct-2026) · pulido UX/UI de las páginas que T3-T5 no tocaron: cabecera, /search, /blog, /venues,
   listados de restaurantes, categorías, hoy, gratis, auth, /amigos. Solo CSS: no toca title/H1/canonical/robots/JSON-LD.
   Tokens de ctxd-v1.css (A2). Táctil >=44 px, sin píldoras de texto, sin cristal, sin mayúsculas espaciadas. */

/* ---------- 0 · Selector de país (details/summary): 44 px de alto y ancho fijo, así «Detectando…» → «México» ya no empuja la cabecera (CLS) ---------- */
.A-pais-sel>details>summary{min-height:44px;min-width:124px}

/* ---------- 1 · Cabecera de escritorio y tableta: zonas de toque de 44 px (antes 20-32 px) ---------- */
@media (min-width:768px){
  a.font-extrabold.tracking-tight.text-\[\#e63946\]{display:inline-flex;align-items:center;min-height:44px}
  .hidden.md\:block>button.flex.items-center.gap-1\.5.text-sm{min-height:44px}
  .inline-flex.items-center.rounded-lg.border>a.px-2\.5.py-1{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
  button.hidden.md\:flex.w-8.h-8{width:44px;height:44px}
  button.hidden.md\:block.hover\:text-\[var\(--fg\)\],a.hidden.md\:block.hover\:text-\[\#e63946\]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  a.hidden.md\:block.text-sm.hover\:text-\[var\(--fg\)\]{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
  .flex.items-center.gap-2>a.text-sm.hover\:text-\[var\(--fg\)\]{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
  .flex.items-center.gap-2>a.bg-\[\#e63946\].px-3.py-1\.5{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;font-weight:600}
}

/* ---------- 2 · Tarjetas de evento: corazón de 44 px, sin cristal ---------- */
button[aria-label="Agregar a favoritos"],button[aria-label="Quitar de favoritos"]{width:44px!important;height:44px!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
button.absolute[aria-label="Agregar a favoritos"],button.absolute[aria-label="Quitar de favoritos"]{top:8px!important;right:8px!important;background:rgba(17,17,19,.55)}

/* ---------- 3 · /search: vista cuadrícula/mapa, paginación, atajos y «Limpiar filtros» ---------- */
.flex.rounded-lg.p-0\.5>button.px-3.py-1\.5{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.flex.items-center.justify-center.gap-2.mt-8>button{min-width:44px;min-height:44px;flex-shrink:0}
.flex.flex-wrap.gap-1\.5.mb-2>button.px-2\.5.py-1{min-height:44px;padding-left:12px;padding-right:12px;font-size:13px}
button.text-sm.text-\[\#e63946\].hover\:underline{min-height:44px;display:inline-flex;align-items:center}

/* ---------- 4 · Blog: «Volver al blog» y etiquetas (sin mayúsculas espaciadas ni píldora; «Destacado» a AA) ---------- */
a[href="/blog"].inline-flex.items-center.gap-2.text-sm{min-height:44px}
span.px-3\.5.py-1\.5.rounded-full.uppercase.tracking-wide{text-transform:none;letter-spacing:0;border-radius:6px;font-size:13px}
span[style*="202, 138, 4"],span[style*="#ca8a04" i]{color:#8a5a00!important}
:root.dark span[style*="202, 138, 4"],:root.dark span[style*="#ca8a04" i]{color:#facc15!important}

/* ---------- 5 · Verde «Gratis»/«Verificado» a AA (#2a9d8f daba 3,3:1) ---------- */
.text-\[\#2a9d8f\]{color:#1d7a6e!important}
:root.dark .text-\[\#2a9d8f\]{color:#4fd1c5!important}
.bg-\[\#2a9d8f\]{background-color:#1d7a6e!important}

/* ---------- 6 · /venues: chips sin píldora, etiquetas de tarjeta legibles y sin chocar con «+ Mi día», sin aparición en blanco ---------- */
button.rounded-full.min-h-\[44px\].shrink-0{border-radius:8px}
.relative.aspect-\[16\/9\]>.absolute.top-3.left-3.rounded-full{border-radius:6px;-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(17,17,19,.66)}
.relative.aspect-\[16\/9\]>.absolute.top-3.right-3.rounded-full,.relative.aspect-\[16\/9\]>.absolute.bottom-3.right-3.rounded-full{border-radius:6px}
.relative.aspect-\[16\/9\]>.absolute.bottom-3.right-3[style*="linear-gradient"]{background:#c1121f!important}
a[data-ctxd="1"] .relative.aspect-\[16\/9\]>.absolute.top-3.left-3{top:56px}
main .grid>div:has(>a[href^="/venues/"]>article){opacity:1!important;transform:none!important}

/* ---------- 7 · Imagen que no carga (la marca ctxd-t7a-v1.js): hueco digno en vez del icono roto ---------- */
.ctxd-t7a-sinimg{background:var(--ctxd-surface,#f4f4f5) radial-gradient(circle at 1px 1px,rgba(120,120,130,.22) 1px,transparent 0) 0 0/10px 10px!important}
img.ctxd-t7a-rota{visibility:hidden}

/* ---------- 8 · Restaurantes por ciudad: «Ver la guía de…» de 44 px; enlace a Perfect Day legible en oscuro ---------- */
.rx-zona h2 a{display:inline-flex;align-items:center;min-height:44px}
:root.dark a[href$="perfect-day"][style*="--rx-a"]{color:#ff6b6b!important}

/* ---------- 9 · Registro: iconos de línea en vez de emojis (🎉/🏢) ---------- */
main button.p-4.rounded-xl.border-2.text-center>div.text-2xl.mb-1:first-child{font-size:0;line-height:0;height:32px;display:flex;align-items:center;justify-content:center;color:currentColor}
main button.p-4.rounded-xl.border-2.text-center>div.text-2xl.mb-1:first-child::before{content:"";width:26px;height:26px;background:currentColor;-webkit-mask:var(--t7a-ico) center/contain no-repeat;mask:var(--t7a-ico) center/contain no-repeat}
main button.p-4.rounded-xl.border-2.text-center:first-child>div.text-2xl.mb-1:first-child{--t7a-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-1a7 7 0 0 1 16 0v1'/%3E%3C/svg%3E")}
main button.p-4.rounded-xl.border-2.text-center:nth-child(2)>div.text-2xl.mb-1:first-child{--t7a-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16M16 9h2a2 2 0 0 1 2 2v10M2 21h20M8 7h4M8 11h4M8 15h4'/%3E%3C/svg%3E")}
main button.p-4.rounded-xl.border-2.text-center.border-\[\#e63946\]>div.text-2xl.mb-1:first-child{color:#c1121f}
:root.dark main button.p-4.rounded-xl.border-2.text-center.border-\[\#e63946\]>div.text-2xl.mb-1:first-child{color:#ff6b6b}

/* ---------- 10 · /amigos: «+ Mi día» en filas (no tapa el título), esqueleto con alto reservado (CLS), etiqueta sin mayúsculas espaciadas ---------- */
a.flex.gap-3.p-2\.5[data-ctxd]{position:relative}
a.flex.gap-3.p-2\.5[data-ctxd]:has(>.ctxd-cadd){padding-right:112px}
a.flex.gap-3.p-2\.5[data-ctxd]>.ctxd-cadd{position:absolute!important;top:50%!important;left:auto!important;right:10px;height:44px;min-height:44px;margin:0;transform:translateY(-50%);box-shadow:none}
@media (max-width:479px){
  a.flex.gap-3.p-2\.5[data-ctxd]:has(>.ctxd-cadd){padding-right:62px}
  a.flex.gap-3.p-2\.5[data-ctxd]>.ctxd-cadd{font-size:0;gap:0;padding:0;width:44px;justify-content:center}
  a.flex.gap-3.p-2\.5[data-ctxd]>.ctxd-cadd .ctxd-ico{width:18px;height:18px}
}
#main>.max-w-2xl.mx-auto.px-4.py-10.space-y-4:has(>.shimmer.h-8.w-40),#main>.max-w-2xl.mx-auto.px-4.py-8.space-y-6{min-height:calc(100vh - 64px)}
span.text-\[10px\].font-black.uppercase.tracking-widest.rounded-full{text-transform:none;letter-spacing:0;font-size:12px;font-weight:700;border-radius:6px;-webkit-backdrop-filter:none;backdrop-filter:none}

/* ---------- 11 · Bloque «Arma tu día» de servidor en categorías (lo pinta __ctxF, ver 02-pd-listados) ---------- */
.ctxd-t7a-pd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:0 0 20px;padding:16px 20px;border:1px solid var(--ctxd-border,var(--border));border-radius:var(--ctxd-r-card,12px);background:var(--ctxd-surface,var(--card));color:var(--ctxd-fg,var(--fg))}
.ctxd-t7a-pd strong{display:block;font-weight:800;font-size:17px;line-height:1.3}
.ctxd-t7a-pd span{display:block;margin-top:2px;font-size:14px;line-height:1.45;color:var(--ctxd-text-2,var(--text-secondary));max-width:60ch}
.ctxd-t7a-pd .ctxd-btn{min-height:44px;flex-shrink:0}
@media (max-width:479px){.ctxd-t7a-pd{padding:14px 16px}.ctxd-t7a-pd .ctxd-btn{width:100%;justify-content:center}}

/* ---------- 12 · Héroes de /eventos-hoy y /eventos-gratis: botones y enlaces de 44 px ---------- */
.flex.flex-wrap.gap-3.mt-8>a.px-4.py-2.rounded-xl{display:inline-flex;align-items:center;min-height:44px}
.flex.flex-wrap.gap-3.mt-8>a.ctxd-btn{min-height:44px}

/* ---------- 13 · Tarjetas de plan (Cerca/Después, render compartido): el título enlazado mide 44 px sin mover el diseño ---------- */
a.ctxd-n{display:block;padding:12px 0;margin:-12px 0}

/* ---------- 14 · /search sin resultados: las sugerencias de ctxd-buscar-v2 solo traían su CSS al abrir el buscador; aquí siempre ---------- */
.ctxdq-vacio{margin:20px auto 0;max-width:560px;text-align:left}
.ctxdq-vacio h3{font-size:15px;font-weight:700;margin:0 0 10px;color:var(--fg)}
.ctxdq-vacio ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ctxdq-vacio a{display:flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--border,#ddd);border-radius:10px;color:var(--fg,#111);text-decoration:none;font-weight:600;background:var(--card)}
.ctxdq-vacio a:hover{border-color:var(--fg)}
.ctxdq-vacio a.pd{order:-1;background:var(--ctxd-accent,#dc2f3e);color:#fff;border-color:var(--ctxd-accent,#dc2f3e)}
.ctxdq-vacio li:has(>a.pd){order:-1}

/* ---------- 15 · /venues: la cifra «★ Promedio» (sin reseñas con fuente; hoy 0.0) no se pinta, sin CLS · enlaces de la lista «Hoy, cerca» a 44 px ---------- */
.gap-6.sm\:gap-10.mb-10>.text-center:has(>p.flex.items-center.justify-center.gap-1),.gap-6.sm\:gap-10.mb-10>.w-px.h-10:has(+.text-center>p.flex.items-center.justify-center.gap-1){display:none}
.ctxd-st-c>a{padding:12px 0;margin:-12px 0}

/* ---------- 16 · /amigos: la fila de avatares (50 px) y la lista «Así se ve en tus eventos» (416 px; 488 a 320) llegan ~0,4 s después:
   se reserva su hueco mientras no existen, así no empujan los pasos ni los botones (CLS 0,20 → ~0) ---------- */
#main .relative.px-6.pt-7>div.relative:not(:has(>.flex.items-center.gap-2.mt-4)){padding-bottom:50px}
#main .px-6.py-5.grid+.px-6.pb-6.flex{margin-top:416px}
@media (max-width:359px){#main .px-6.py-5.grid+.px-6.pb-6.flex{margin-top:488px}}

/* ---------- 17 · Tarjetas de /search: el botón «Agregar a mi Perfect Day» (solo title) a 44 px y sin cristal ---------- */
button.w-8.h-8.rounded-full[title="Agregar a mi Perfect Day"]{width:44px;height:44px;-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(17,17,19,.55)}