/* Tatuarte R17 · interacción sobria y directorios más útiles */
:root{--r17-speed:180ms;--r17-ease:cubic-bezier(.2,.7,.2,1)}

.r16-nav a,.r16-head-actions a,.r16-stage-links a,.r16-stage-ctas a,.r16-style-list a,.r16-cities>div>a,.r16-guide-list>a,.r16-studio-wall>a,.r16-artist-wall>a,.r16-work,.r17-result-card{transition:transform var(--r17-speed) var(--r17-ease),opacity var(--r17-speed) var(--r17-ease),border-color var(--r17-speed) var(--r17-ease),background-color var(--r17-speed) var(--r17-ease),color var(--r17-speed) var(--r17-ease),box-shadow var(--r17-speed) var(--r17-ease)}
.r16-nav a{position:relative}.r16-nav a:after{content:"";position:absolute;left:14px;right:14px;bottom:10px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--r17-speed) var(--r17-ease)}.r16-nav a:hover:after,.r16-nav a[aria-current="page"]:after{transform:scaleX(1)}
.r16-work:hover,.r16-artist-wall>a:hover,.r16-studio-wall>a:hover,.r17-result-card:hover{transform:translateY(-3px)}
.r16-work .media-frame img,.r16-artist-wall .media-frame img,.r16-studio-wall .media-frame img,.r17-result-card .media-frame img,.r16-profile-workgrid .media-frame img,.r16-profile-artistgrid .media-frame img{transition:transform 420ms var(--r17-ease)}
.r16-work:hover .media-frame img,.r16-artist-wall>a:hover .media-frame img,.r16-studio-wall>a:hover .media-frame img,.r17-result-card:hover .media-frame img,.r16-profile-workgrid>a:hover .media-frame img,.r16-profile-artistgrid>a:hover .media-frame img{transform:scale(1.025)}
.r16-searchbox:focus-within{box-shadow:10px 10px 0 var(--r16-blue);transform:translate(-1px,-1px);transition:box-shadow var(--r17-speed) ease,transform var(--r17-speed) ease}
.r16-searchbox input:focus{outline:none}

.r17-listing-hero{padding-bottom:clamp(38px,5vw,72px)}
.r17-simple-filter{position:sticky;top:0;z-index:20;background:rgba(244,240,232,.96);backdrop-filter:blur(10px);border-top:1px solid #111;border-bottom:1px solid #111}
.r17-simple-filter form{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) auto auto;gap:8px;align-items:center}
.r17-simple-filter input,.r17-simple-filter select{min-height:48px;border:1px solid #aaa39a;background:#fff;padding:0 12px;font:inherit;transition:border-color var(--r17-speed) ease,box-shadow var(--r17-speed) ease}
.r17-simple-filter input:focus,.r17-simple-filter select:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px rgba(29,95,255,.12)}
.r17-filter-check{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;font-weight:800}
.r17-filter-check input{min-height:auto;width:16px;height:16px}
.r17-clear-filter{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;text-decoration:underline;text-underline-offset:4px}
.r17-list-shell{padding-top:32px}.r17-list-count{display:flex;align-items:baseline;gap:7px;margin-bottom:22px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6d675f}.r17-list-count strong{font-family:var(--r16-display);font-size:30px;letter-spacing:-.04em;color:#111}
.r17-card-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#6f6961}.r17-card-topline b{padding:5px 7px;background:#e9f5d6;color:#315817;font-size:8px;letter-spacing:.06em}

.r17-directory{align-items:start}.r17-filter-panel{position:sticky;top:16px}.r17-filter-head{display:flex;justify-content:space-between;gap:14px;align-items:start;padding-bottom:18px;border-bottom:1px solid #cfc8bd}.r17-filter-head span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#716b64}.r17-filter-head strong{display:block;margin-top:4px;font-family:var(--r16-display);font-size:24px;font-weight:400}.r17-checks{display:grid;gap:8px;padding-top:8px}.r17-results-head>div{display:flex;gap:7px;align-items:baseline}.r17-results-head strong{font-family:var(--r16-display);font-size:32px;font-weight:400}.r17-loading{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.r17-result-grid.is-loading{opacity:.48}.r17-mini-flags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.r17-mini-flags span{padding:4px 6px;border:1px solid #d4cdc2;font-size:8px;text-transform:uppercase;letter-spacing:.07em}

/* JS opcional: entrada muy corta al aparecer, sin bloquear contenido */
.r17-reveal{opacity:0;transform:translateY(10px)}.r17-reveal.r17-visible{opacity:1;transform:none;transition:opacity 360ms var(--r17-ease),transform 360ms var(--r17-ease)}

@media(max-width:980px){.r17-simple-filter{position:relative;top:auto}.r17-simple-filter form{grid-template-columns:1fr 1fr}.r17-filter-panel{position:relative;top:auto}}
@media(max-width:620px){.r17-simple-filter form{grid-template-columns:1fr}.r17-filter-check{min-height:42px}.r17-clear-filter{justify-content:flex-start;padding-left:0}.r17-result-card:hover,.r16-work:hover,.r16-artist-wall>a:hover,.r16-studio-wall>a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.r16-nav a,.r16-head-actions a,.r16-stage-links a,.r16-stage-ctas a,.r16-style-list a,.r16-cities>div>a,.r16-guide-list>a,.r16-studio-wall>a,.r16-artist-wall>a,.r16-work,.r17-result-card,.r16-work .media-frame img,.r16-artist-wall .media-frame img,.r16-studio-wall .media-frame img,.r17-result-card .media-frame img,.r17-reveal,.r17-reveal.r17-visible{transition:none!important;transform:none!important;opacity:1!important}}
/* R17: microinteracciones deliberadas. Sin scroll-jacking ni animación decorativa continua. */
.r17-js [data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .5s ease var(--reveal-delay,0ms), transform .5s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0ms); }
.r17-js [data-reveal].is-visible { opacity: 1; transform: none; }
.site-header { transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.site-header.is-scrolled { background: rgba(11,11,12,.92); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 12px 40px rgba(0,0,0,.12); }
.r16-work img,.r16-artist-img img,.r16-studio-img img { transition: transform .55s cubic-bezier(.2,.75,.25,1), filter .35s ease; }
.r16-work:hover img,.r16-artist-wall>a:hover img,.r16-studio-wall>a:hover img { transform: scale(1.025); }
.r16-wide-link b,.r16-style-list b,.r16-cities b { transition: transform .22s ease; }
.r16-wide-link:hover b,.r16-style-list a:hover b,.r16-cities a:hover b { transform: translate(4px,-4px); }
.r16-style-list a,.r16-cities a,.r16-guide-list a { transition: padding-left .22s ease, background-color .22s ease, color .22s ease; }
.ser-pipeline-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.ser-pipeline-head>div{padding:16px 18px;border:1px solid rgba(120,120,120,.18);border-radius:14px}.ser-pipeline-head strong{display:block;font-size:1.65rem;line-height:1}.ser-pipeline-head span{display:block;margin-top:6px;font-size:.78rem;opacity:.65;text-transform:uppercase;letter-spacing:.08em}.ser-pipeline-list{display:grid;gap:8px}.ser-pipeline-row{display:grid;grid-template-columns:90px minmax(160px,1.4fr) minmax(110px,.65fr) 52px minmax(170px,1fr) 18px;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(120,120,120,.16);border-radius:12px;text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease,background .18s ease}.ser-pipeline-row:hover{transform:translateY(-1px);border-color:rgba(245,158,11,.38);background:rgba(245,158,11,.045)}.ser-pipeline-kind{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.62}.ser-pipeline-progress{display:block;height:5px;background:rgba(120,120,120,.16);border-radius:999px;overflow:hidden}.ser-pipeline-progress i{display:block;height:100%;background:currentColor;opacity:.72}.ser-pipeline-score{font-variant-numeric:tabular-nums;font-weight:700}.ser-pipeline-row small{opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ser-pipeline-empty{padding:18px;border:1px dashed rgba(120,120,120,.25);border-radius:12px;opacity:.7}@media(max-width:900px){.ser-pipeline-row{grid-template-columns:74px 1fr 46px}.ser-pipeline-progress,.ser-pipeline-row small{grid-column:2/-1}.ser-pipeline-row>b{grid-column:3;grid-row:1}.ser-pipeline-head{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.r17-js [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}.site-header,.r16-work img,.r16-artist-img img,.r16-studio-img img,.r16-wide-link b,.r16-style-list b,.r16-cities b,.ser-pipeline-row{transition:none!important}}


/* SER editorial pipeline — R17 internal */
.ser-pipeline-head--five{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem}.ser-pipeline-quick{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0 1.1rem}.ser-pipeline-quick a{display:inline-flex;align-items:center;min-height:2.2rem;padding:.55rem .8rem;border:1px solid rgba(148,163,184,.22);border-radius:.75rem;text-decoration:none;font-weight:650;transition:transform .16s ease,border-color .16s ease,background .16s ease}.ser-pipeline-quick a:hover{transform:translateY(-1px);border-color:rgba(59,130,246,.5)}.ser-pipeline-row.is-ready{box-shadow:inset 3px 0 0 rgba(16,185,129,.72)}@media(max-width:900px){.ser-pipeline-head--five{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.ser-pipeline-quick a{transition:none}.ser-pipeline-quick a:hover{transform:none}}