/* What2Do 2.0 · Capa visual del Directorio (R2, 2026-10-18; orden 2.0 del 2026-10-19).
   Aditiva: sólo cambia apariencia. La fila de control, la hoja de filtros, las pastillas de intención,
   el encabezado de resultados y el paginador viven en explorar-2.css. Retirar el <link> la desactiva. */
/* Encabezado compacto y claro: los resultados suben en móvil. */
.hero.xhero{min-height:0!important;padding:14px 16px 12px!important;border-radius:22px!important;background:
  radial-gradient(120% 90% at 0% 0%,rgba(16,185,129,.16),transparent 55%),radial-gradient(90% 80% at 100% 0%,rgba(234,88,12,.10),transparent 60%),linear-gradient(180deg,#fff,#f7faf8)!important;
  border:1px solid rgba(15,23,42,.06)!important;box-shadow:0 10px 40px -18px rgba(15,23,42,.25)!important}
.hero.xhero video,.hero.xhero .xscrim{display:none!important}
.hero.xhero .xin{position:relative!important;padding:0!important}
.hero.xhero h1,.hero.xhero .xin h1{color:#0f172a!important;font-size:clamp(21px,5.6vw,32px)!important;letter-spacing:-.03em;line-height:1.1!important;text-shadow:none!important;margin:4px 0 2px!important;max-width:none!important}
.hero.xhero p,.hero.xhero .xin p{color:#64748b!important;text-shadow:none!important;font-size:12.5px!important;line-height:1.4!important;margin:0!important;max-width:none!important}
.hero.xhero .xmeta,.hero.xhero .xmeta *{color:#065f46!important;text-shadow:none!important}
.hero.xhero .xmeta{position:static!important;display:flex!important;gap:8px;align-items:center;margin:0 0 2px!important;font-size:12px}
/* Buscador protagonista pero compacto: texto de 15px.
   Borde #059669 (verde 2.0): 3.55:1 contra el fondo. El gris #d6d3d1 daba 1.4:1 y el buscador volvía a
   "desaparecer" (tests/controles-visibles.cjs exige 3:1). */
.searchbox.wwd-search{border-radius:16px!important;border:1.5px solid #059669!important;box-shadow:0 8px 24px -14px rgba(15,23,42,.28)!important;padding:4px 6px 4px 10px!important;min-height:50px!important;margin:10px 0 0!important;gap:6px!important}
.searchbox.wwd-search:focus-within{border-color:#059669!important;box-shadow:0 0 0 4px rgba(16,185,129,.15),0 8px 24px -14px rgba(15,23,42,.28)!important}
.searchbox.wwd-search input{font-size:15px!important;min-height:38px!important}
.searchbox.wwd-search input::placeholder{font-size:15px}
/* iOS acerca la pantalla al enfocar un campo de menos de 16px: ahí se escribe a 16px y se dibuja a 15px. */
@supports (-webkit-touch-callout:none){.searchbox.wwd-search input{font-size:16px!important;transform:scale(.9375);transform-origin:left center}}
.searchbox.wwd-search .qgo{width:34px;height:34px}
.searchbox.wwd-search .qgo .ic{width:19px;height:19px}
.searchbox.wwd-search .micbtn{width:34px;height:34px}
@media(min-width:900px){.searchbox.wwd-search{min-height:54px!important;padding:6px 8px 6px 14px!important}}
/* Tarjetas: foto grande, esquinas suaves, dos columnas en móvil */
.grid.vcards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
@media(min-width:720px){.grid.vcards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1040px){.grid.vcards{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.grid.vcards .card{border-radius:20px!important;border:1px solid #e7e5e4!important;box-shadow:0 6px 20px -14px rgba(15,23,42,.35)!important;min-width:0}
.grid.vcards .card .cover{height:auto!important;aspect-ratio:4/3}
.grid.vcards .card .body{padding:10px 12px 6px!important;gap:3px!important;min-width:0}
.grid.vcards .card .t{font-size:15px;font-weight:750;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grid.vcards .card .k{font-size:11px!important;letter-spacing:.06em}
.grid.vcards .card .m{font-size:12.5px!important;overflow:hidden}
.grid.vcards .card .m span,.grid.vcards .card .m{white-space:nowrap;text-overflow:ellipsis}
.grid.vcards .card-actions{gap:6px!important;padding:6px 10px 12px!important}
.grid.vcards .card-actions a,.grid.vcards .card-actions summary{min-height:36px!important;border-radius:10px!important;font-size:12.5px!important;padding:6px 10px!important}
.grid.vcards .card-actions .card-view{flex:1;justify-content:center;background:#0f172a;border-color:#0f172a;color:#fff}
.grid.vcards .card-actions .card-wa{flex:1;justify-content:center}
@media(max-width:420px){.grid.vcards .card-actions .card-wa{font-size:0!important;flex:0 0 40px;padding:0!important;justify-content:center}.grid.vcards .card-actions .card-wa svg{width:18px;height:18px}}