/* TATUARTE R10-HF6. Versión única del sistema visual interior: sin afectar Inicio. */
:root{--tat-interior-max:1540px;--tat-interior-gutter:clamp(16px,3.2vw,64px);--tat-interior-bg:#090a10;--tat-interior-ink:#f8f4fa;--tat-interior-sub:#cfc1d4;--tat-interior-pink:#ff65a9}
/* Los tres circuitos usan la misma anchura útil. Las plantillas certificadas no se modifican. */
body:has(#directorio-estudios) #directorio-estudios,
body:has(.tu-page) .tu-page{background-color:var(--tat-interior-bg);color:var(--tat-interior-ink)}
#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-interior-gutter)),var(--tat-interior-max))!important;
 max-width:var(--tat-interior-max)!important;box-sizing:border-box;margin-left:auto!important;margin-right:auto!important;
}
/* Evitar el fondo antiguo estrecho y cualquier caja blanca de los listados. */
#directorio-estudios{background:transparent!important}
body:has(#directorio-estudios),body:has(.tu-page){background-color:var(--tat-interior-bg)}
#directorio-estudios.tat-r10-hf4-directory:before{position:fixed;inset:0;pointer-events:none}
#directorio-estudios .tat-r5-studios{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:0 0 40px!important}
#directorio-estudios .tat-r5-studios>.filter-panel{position:static!important;display:grid!important;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(125px,1fr))!important;gap:9px 14px!important;align-items:end!important;max-width:none!important;width:100%!important;background:rgba(21,17,29,.96)!important;border:1px solid #45334d!important;box-sizing:border-box}
#directorio-estudios .filter-panel .r17-filter-head{grid-column:1/-1;margin:0!important;min-height:0!important}
#directorio-estudios .filter-panel .r17-filter-head strong{font-size:13px!important;line-height:1.2!important}
#directorio-estudios .filter-panel .r17-checks{grid-column:1/-1;display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap}
#directorio-estudios .directory-results{width:100%!important;max-width:none!important;min-width:0!important}
#directorio-estudios .r17-results-head{margin:0 0 12px!important;min-height:0!important}
#directorio-estudios .r17-results-head strong{font-size:clamp(17px,1.5vw,22px)!important}
/* Clave: el grid REAL es .tu-r10-grid y sus hijos directos son artículos. */
#directorio-estudios .directory-results>.tu-r10-grid,
#directorio-estudios .directory-results .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:clamp(12px,1.25vw,20px)!important;align-items:stretch!important;justify-items:stretch!important;width:100%!important;min-width:0!important;
}
#directorio-estudios .tu-r10-grid>.tu-r10-card,
body:has(.tu-page) .tu-r10-grid>.tu-r10-card{grid-column:auto!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;align-self:stretch!important}
/* Las tarjetas de todas las búsquedas comparten forma y proporciones */
#directorio-estudios .tu-r10-card,
body:has(.tu-page) .tu-r10-card{background:linear-gradient(180deg,#18131e,#0d0d14)!important;border:1px solid #44344a!important;border-radius:16px!important;box-shadow:0 12px 28px rgba(0,0,0,.2)!important;overflow:hidden}
#directorio-estudios .tu-r10-card__media,
body:has(.tu-page) .tu-r10-card__media{aspect-ratio:16/7.2!important;width:100%!important;overflow:hidden}
#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__heading,
body:has(.tu-page) .tu-r10-card__heading{font-size:clamp(16px,1.25vw,21px)!important;line-height:1.22!important}
#directorio-estudios .tu-r10-card__action,
body:has(.tu-page) .tu-r10-card__action{color:var(--tat-interior-pink)!important}
/* Búsqueda GPS: eliminamos el cuello de botella de anchuras hardcodeadas. */
body:has(.tu-page) .tu-page .tu-page-shell{padding-left:0!important;padding-right:0!important}
body:has(.tu-page) .tu-page .tu-page-shell>div[style*="max-width:880px"]{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
/* Los filtros y etiquetas deben mantener el mismo lenguaje cromático. */
#directorio-estudios select,#directorio-estudios input[type=search],
body:has(.tu-page) .tu-page select,body:has(.tu-page) .tu-page input[type=search]{color:#fff;background-color:#17121e;border-color:#524057}
/* Footer heredado: reparamos contraste SOLO en páginas interiores. */
body:has(#directorio-estudios) .r19-footer,
body:has(.tu-page) .r19-footer{background:#090a10!important;color:#e8dce9!important}
body:has(#directorio-estudios) .r19-footer :is(p,small,span,strong,li),
body:has(.tu-page) .r19-footer :is(p,small,span,strong,li){color:#dfd4e5!important}
body:has(#directorio-estudios) .r19-footer nav>span,
body:has(.tu-page) .r19-footer nav>span{color:#fff!important}
body:has(#directorio-estudios) .r19-footer a,
body:has(.tu-page) .r19-footer a,
body:has(#directorio-estudios) .r19-footer button,
body:has(.tu-page) .r19-footer button{color:#eee6f0!important}
body:has(#directorio-estudios) .r19-footer a:hover,
body:has(.tu-page) .r19-footer a:hover{color:#ff91c5!important}
@media(max-width:1199px){#directorio-estudios .tu-r10-grid,body:has(.tu-page) .tu-page .tu-r10-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:950px){#directorio-estudios .tat-r5-studios>.filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}#directorio-estudios .tu-r10-grid,body:has(.tu-page) .tu-page .tu-r10-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){#directorio-estudios .tat-r5-studios>.filter-panel{grid-template-columns:minmax(0,1fr)!important}#directorio-estudios .filter-panel .r17-filter-head,#directorio-estudios .filter-panel .r17-checks{grid-column:1/-1!important}#directorio-estudios .tu-r10-grid,body:has(.tu-page) .tu-page .tu-r10-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){#directorio-estudios:before{animation:none!important}}