/* TATUARTE R10 HF7 — Ajustes de maqueta en páginas interiores, Inicio excluido.
   Solo afecta al directorio y las dos búsquedas. No modifica componentes certificados SER. */
:root{--tat-hf7-max:1540px;--tat-hf7-gutter:clamp(18px,3.1vw,58px);--tat-hf7-accent:#fa3b92}
body:has(#directorio-estudios),body:has(.tu-page){background:#08070d!important}
#directorio-estudios{max-width:none!important;width:100%!important;margin:0!important;background:transparent!important}
#directorio-estudios .tat-r10-hf4-head,#directorio-estudios .tat-r5-studios,
body:has(.tu-page) .tu-page .tu-page-shell,
body:has(.tu-page) .tu-page .tu-page-shell>div[style*="max-width:1120px"]{width:min(calc(100% - 2 * var(--tat-hf7-gutter)),var(--tat-hf7-max))!important;max-width:var(--tat-hf7-max)!important;margin-inline:auto!important}
#directorio-estudios .tat-r10-hf4-head{padding:24px 0 14px!important}
#directorio-estudios .tat-r10-hf4-head h1{font-size:clamp(30px,3.3vw,54px)!important;letter-spacing:-.035em!important}
/* La imagen se extiende a la página completa, separada de las tarjetas. */
body:has(#directorio-estudios)::before,body:has(.tu-page)::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.75;background:linear-gradient(180deg,rgba(7,6,12,.56),rgba(7,6,12,.84) 65%,#08070d),url('/images/tatuarte-r10-hf4b-tinta-fondo.webp') center top / cover no-repeat}
#directorio-estudios.tat-r10-hf4-directory::before{opacity:.35!important;z-index:-1!important}
/* Filtros: una franja; etiquetas ocultas visualmente, conservadas para accesibilidad. */
#directorio-estudios .tat-r5-studios{display:flex!important;flex-direction:column!important;gap:18px!important;padding-top:0!important}
#directorio-estudios .tat-r5-studios>.filter-panel{display:grid!important;grid-template-columns:minmax(270px,2.4fr) repeat(3,minmax(150px,1fr))!important;gap:10px 12px!important;position:static!important;align-items:center!important;padding:12px 14px!important;background:rgba(27,17,33,.93)!important;border:1px solid #62415b!important;border-radius:15px!important}
#directorio-estudios .filter-panel .r17-filter-head{grid-column:auto!important;order:9;display:flex!important;justify-content:end!important}
#directorio-estudios .filter-panel .r17-filter-head strong{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
#directorio-estudios .filter-panel .r17-checks{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:6px 16px!important;margin:0!important}
#directorio-estudios .filter-panel .check-row{display:inline-flex!important;align-items:center!important;margin:0!important;white-space:nowrap!important;font-size:13px!important}
#directorio-estudios .filter-panel>div:not(.r17-filter-head):not(.r17-checks) label{position:absolute!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important}
#directorio-estudios .filter-panel input[type=search],#directorio-estudios .filter-panel select{height:44px!important;background:#14101c!important;color:#fff!important;border:1px solid #71536c!important;border-radius:10px!important;font-size:14px!important}
#directorio-estudios .filter-panel .text-button{font-size:13px!important;color:#ff91c0!important}
#directorio-estudios .r17-results-head{margin:0!important;min-height:0!important;display:none!important}
/* Tarjetas: 4 por fila sobre cuatro pistas funcionales, no auto-fit. */
#directorio-estudios .tu-r10-grid,body:has(.tu-page) .tu-page .tu-r10-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;justify-items:stretch!important}
#directorio-estudios .tu-r10-grid>.tu-r10-card,body:has(.tu-page) .tu-r10-grid>.tu-r10-card{min-width:0!important;max-width:none!important;width:100%!important;grid-column:auto!important;display:flex!important;flex-direction:column!important;min-height:0!important;padding-bottom:12px!important;overflow:hidden!important;background:rgba(17,13,23,.96)!important;border:1px solid #60465c!important;border-radius:15px!important}
#directorio-estudios .tu-r10-card__media,body:has(.tu-page) .tu-r10-card__media{width:100%!important;aspect-ratio:16/6.5!important;height:auto!important;overflow:hidden!important;flex:none!important;margin:0!important}
#directorio-estudios .tu-r10-card__media img,body:has(.tu-page) .tu-r10-card__media img{width:100%!important;height:100%!important;object-fit:cover!important}
#directorio-estudios .tu-r10-card>:not(.tu-r10-card__media),body:has(.tu-page) .tu-r10-card>:not(.tu-r10-card__media){margin-left:14px!important;margin-right:14px!important}
#directorio-estudios .tu-r10-card__top,body:has(.tu-page) .tu-r10-card__top{margin-top:10px!important;margin-bottom:2px!important}
#directorio-estudios .tu-r10-card__heading,body:has(.tu-page) .tu-r10-card__heading{font-size:clamp(15px,1.12vw,19px)!important;line-height:1.18!important;letter-spacing:-.015em!important;margin-top:3px!important;margin-bottom:4px!important;max-width:none!important}
#directorio-estudios .tu-r10-card__city,body:has(.tu-page) .tu-r10-card__city{font-size:13px!important;margin-top:0!important;margin-bottom:8px!important}
#directorio-estudios .tu-r10-card__tags,body:has(.tu-page) .tu-r10-card__tags{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-block:4px 6px!important}
#directorio-estudios .tu-r10-card__stats,body:has(.tu-page) .tu-r10-card__stats{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
#directorio-estudios .tu-r10-card__action,body:has(.tu-page) .tu-r10-card__action{align-self:flex-end!important;margin-top:auto!important;padding:5px 9px!important;border:1px solid #f13b90!important;border-radius:999px!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;white-space:nowrap!important}
/* CTA nuevo sin reestructurar el menú existente. Solo rutas interiores autorizadas. */
.tat-hf7-studio-cta{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border-radius:999px;background:linear-gradient(135deg,#ed3685,#9d1d68);border:1px solid rgba(255,150,196,.4);color:white!important;font-weight:750;font-size:12px;text-decoration:none;white-space:nowrap}
.tat-hf7-studio-cta:hover{background:linear-gradient(135deg,#ff57a0,#af2673)}
/* Footer conserva su estilo real y texto visible. */
body:has(#directorio-estudios) .r19-footer,body:has(.tu-page) .r19-footer{background:#0b0812!important;color:#f4ebf5!important}
body:has(#directorio-estudios) .r19-footer :is(a,button,p,small,span,li),body:has(.tu-page) .r19-footer :is(a,button,p,small,span,li){color:#eee0f0!important}
@media(max-width:1100px){#directorio-estudios .tu-r10-grid,body:has(.tu-page) .tu-page .tu-r10-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#directorio-estudios .tat-r5-studios>.filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){#directorio-estudios .tu-r10-grid,body:has(.tu-page) .tu-page .tu-r10-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#directorio-estudios .tat-r5-studios>.filter-panel{grid-template-columns:1fr!important}.tat-hf7-studio-cta{padding:7px 9px;font-size:11px}}
@media(max-width:480px){#directorio-estudios .tu-r10-grid,body:has(.tu-page) .tu-page .tu-r10-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){body:has(#directorio-estudios)::before,body:has(.tu-page)::before{animation:none!important}}