/* Tatuarte R13 HF04 prebuilt public stylesheet.
   Generated for constrained hosting: no runtime Node/Vite required. */
:root{
    --paper:#f3f0e8;
    --ink:#101010;
    --muted:#69665f;
    --line:#cbc5b9;
    --acid:#d9ff43;
    --max:1480px;
    --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --display:"Times New Roman",Times,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--media-focus-x,50%) var(--media-focus-y,50%)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{max-width:var(--max);margin:auto;padding:22px 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);gap:30px}
.brand{font-weight:900;letter-spacing:-.06em;font-size:27px}
.main-nav,.header-actions{display:flex;gap:26px;align-items:center;font-size:14px}
.header-actions{justify-content:flex-end}
.main-nav a,.header-actions a,.link-button{border-bottom:1px solid transparent}
.main-nav a:hover,.header-actions a:hover,.link-button:hover{border-color:currentColor}
.link-button{border:0;background:none;padding:0}
.hero-shell,.detail-hero,.work-detail{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;min-height:720px;border-bottom:1px solid var(--line)}
.hero-copy,.detail-copy,.work-detail-copy{padding:clamp(54px,7vw,120px) 28px 60px;align-self:center}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;margin:0 0 22px}
h1,h2,h3,p{margin-top:0}
.hero-copy h1,.listing-hero h1,.detail-copy h1,.article-shell h1{font-family:var(--display);font-weight:400;letter-spacing:-.055em;line-height:.88}
.hero-copy h1{font-size:clamp(58px,7.5vw,126px);max-width:900px}
em{font-weight:400}
.hero-intro,.lede{max-width:680px;font-size:clamp(18px,1.6vw,24px);color:#35332f}
.hero-search{display:flex;border-bottom:2px solid var(--ink);max-width:680px;margin:42px 0 22px}
.hero-search input{flex:1;background:transparent;border:0;padding:16px 2px;outline:none;font-size:18px;min-width:0}
.hero-search button{border:0;background:var(--ink);color:white;padding:0 26px}
.intent-links{display:flex;gap:26px;flex-wrap:wrap;font-size:13px;font-weight:700}
.hero-visual{position:relative;padding:28px 28px 28px 0}
.media-frame{overflow:hidden;background:#d8d2c6}
.ratio-hero{height:100%;min-height:620px}
.ratio-wide{aspect-ratio:1.45/1}
.ratio-square{aspect-ratio:1/1}
.ratio-work{aspect-ratio:.78/1}
.media-placeholder{width:100%;height:100%;min-height:inherit;background:
    linear-gradient(130deg,transparent 0 35%,rgba(255,255,255,.16) 35% 36%,transparent 36% 70%,rgba(0,0,0,.08) 70% 71%,transparent 71%),
    radial-gradient(circle at 78% 20%,rgba(255,255,255,.4),transparent 20%),
    linear-gradient(145deg,#bbb3a6,#5b5853);
    display:flex;align-items:flex-end;padding:24px;color:white;font-weight:900;letter-spacing:.08em}
.vertical-note{position:absolute;right:8px;bottom:34px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.2em}
.section-shell{max-width:var(--max);margin:auto;padding:100px 28px;border-bottom:1px solid var(--line)}
.section-heading{display:grid;grid-template-columns:1fr 2fr auto;gap:30px;align-items:end;margin-bottom:48px}
.section-heading h2{font-family:var(--display);font-size:clamp(42px,5.2vw,82px);font-weight:400;line-height:.95;letter-spacing:-.045em;margin:0}
.section-heading>a{font-size:13px;font-weight:800}
.style-strip{display:flex;gap:8px;overflow:auto;padding-bottom:24px}
.style-strip a{min-width:180px;border-top:1px solid var(--ink);padding:12px 6px 28px;font-family:var(--display);font-size:28px}
.style-strip span{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.15em;margin-bottom:18px}
.work-mosaic{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:start}
.work-tile{display:block}
.work-tile .work-caption{display:flex;justify-content:space-between;gap:12px;padding-top:10px;font-size:12px}
.work-caption span{color:var(--muted)}
.tile-1{grid-column:span 4}.tile-2{grid-column:span 3;margin-top:85px}.tile-3{grid-column:span 5}.tile-4{grid-column:2/span 4}.tile-5{grid-column:span 4;margin-top:38px}
.ink-section{background:var(--ink);color:var(--paper);max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:max(28px,calc((100vw - var(--max))/2 + 28px))}
.section-heading.light .eyebrow,.section-heading.light a{color:#bfbab1}
.artist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.artist-card{border-top:1px solid #4e4e4e;padding-top:10px}
.artist-card h3,.artist-card h2{font-family:var(--display);font-size:36px;font-weight:400;margin:16px 0 4px;line-height:1}
.artist-card p{font-size:12px;margin:0 0 6px}
.artist-number{font-size:10px;margin-bottom:8px;color:#aaa}
.muted{color:#999}
.light-grid{color:var(--ink)}
.light-card{border-color:var(--line)}
.studio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.studio-card{border-top:1px solid var(--ink);padding-top:10px}
.card-body{padding:14px 0 8px}
.card-body h3,.card-body h2{font-family:var(--display);font-weight:400;font-size:38px;line-height:1;margin:8px 0}
.card-body p,.card-body small{font-size:12px;color:var(--muted)}
.meta-row{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;letter-spacing:.12em;font-size:9px}
.badge{display:inline-flex;padding:4px 7px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.1em;font-size:8px;font-family:var(--sans)}
.badge-verified{background:var(--acid);color:var(--ink);border-color:var(--ink)}
.guide-list{border-top:1px solid var(--ink)}
.guide-list>a{display:grid;grid-template-columns:60px 1.3fr 1fr auto;gap:24px;padding:26px 0;border-bottom:1px solid var(--line);align-items:start}
.guide-list h3,.guide-list h2{font-family:var(--display);font-size:32px;font-weight:400;line-height:1.05;margin:0}
.guide-list p{font-size:13px;color:var(--muted);margin:0}
.guide-list span,.guide-list b{font-size:10px}
.guide-list.large h2{font-size:42px}
.pro-cta{background:var(--ink);color:var(--paper);padding:110px max(28px,calc((100vw - var(--max))/2 + 28px))}
.pro-cta h2{font-family:var(--display);font-size:clamp(54px,7vw,110px);font-weight:400;line-height:.9;letter-spacing:-.05em;max-width:1100px}
.pro-cta>p:not(.eyebrow){max-width:650px;color:#bbb}
.button-light,.button-dark{display:inline-flex;padding:15px 22px;border:1px solid currentColor;font-weight:800;font-size:13px}
.button-dark{background:var(--ink);color:white;border-color:var(--ink)}
.site-footer{max-width:var(--max);margin:auto;padding:60px 28px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.footer-brand{font-size:42px}.site-footer p{color:var(--muted);font-size:12px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font-size:13px}
.listing-hero{max-width:var(--max);margin:auto;padding:90px 28px 58px;border-bottom:1px solid var(--line)}
.listing-hero h1{font-size:clamp(70px,10vw,150px);margin:0 0 24px}
.listing-hero>p:last-child{max-width:720px;font-size:18px;color:var(--muted)}
.directory-shell{max-width:var(--max);margin:auto;display:grid;grid-template-columns:280px 1fr;gap:50px;padding:50px 28px 100px}
.filter-panel{position:sticky;top:20px;align-self:start;border-top:1px solid var(--ink);padding-top:20px}
.filter-panel>div{margin-bottom:20px}.filter-panel label,.stack-form label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.filter-panel input,.filter-panel select,.simple-filter input,.simple-filter select,.stack-form input,.stack-form textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0;outline:none}
.check-row{display:flex!important;align-items:center;gap:8px}.check-row input{width:auto!important}
.text-button{border:0;background:none;padding:18px 0;text-decoration:underline;font-size:12px}
.results-head{display:flex;justify-content:space-between;margin-bottom:20px;font-size:12px}
.directory-grid{grid-template-columns:repeat(2,1fr)}
.empty-state{grid-column:1/-1;border-top:1px solid var(--ink);padding:60px 0}
.empty-state h2{font-family:var(--display);font-size:42px;font-weight:400}
.pagination-wrap{margin-top:36px}
.detail-title-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.detail-copy h1{font-size:clamp(64px,8vw,120px);margin-bottom:10px}
.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.chip-row span{border:1px solid var(--line);padding:8px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.detail-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:36px;font-size:13px}
.split-detail{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split-detail h2{font-family:var(--display);font-size:58px;font-weight:400}.rich-copy{font-size:20px;color:#403e39}
.info-band{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.info-band>div{padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.info-band span{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.info-band strong,.info-band a{font-size:13px}
.simple-filter{max-width:var(--max);margin:auto;padding:22px 28px;border-bottom:1px solid var(--line)}.simple-filter form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:16px}.simple-filter button{background:var(--ink);color:white;border:0;padding:0 24px}
.gallery-full{margin-top:10px}
.work-detail-copy h1{font-family:var(--display);font-weight:400;font-size:58px;line-height:.95}.work-detail-copy h2{font-family:var(--display);font-weight:400;font-size:44px}.work-detail-copy h3{font-size:18px}
.article-shell{max-width:980px;margin:auto;padding:110px 28px}.article-shell h1{font-size:clamp(62px,8vw,118px)}.article-body{max-width:760px;margin:70px auto 0;font-size:19px;line-height:1.8}.article-body h2{font-family:var(--display);font-weight:400;font-size:44px;line-height:1;margin:60px 0 20px}
.search-results{display:grid;grid-template-columns:160px 1fr;gap:8px 30px}.search-results h2{font-family:var(--display);font-weight:400}.search-results>a{border-bottom:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between}.search-results span{color:var(--muted)}
.form-shell{max-width:1100px;margin:auto;padding:100px 28px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.form-shell h1{font-family:var(--display);font-size:82px;font-weight:400;line-height:.9}.stack-form{display:flex;flex-direction:column;gap:22px}.stack-form textarea{resize:vertical}.form-errors{background:#fff1ef;padding:14px;font-size:13px}.flash{max-width:var(--max);margin:20px auto 0;padding:14px 28px;background:var(--acid)}
.professional-shell aside{border-top:1px solid var(--ink);padding-top:20px}.claim-item{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.claim-list details{border-top:1px solid var(--line);padding:18px 0}.claim-list summary{display:flex;justify-content:space-between;cursor:pointer;font-family:var(--display);font-size:28px}.claim-list summary small{font-family:var(--sans);font-size:11px}.claim-list form{padding:24px 0 10px}
@media(max-width:900px){
    .site-header{grid-template-columns:1fr auto}.main-nav{grid-column:1/-1;order:3;overflow:auto;padding-top:8px}.header-actions .text-link{display:none}
    .hero-shell,.detail-hero,.work-detail{grid-template-columns:1fr;min-height:0}.hero-visual{padding:0 16px 30px}.ratio-hero{min-height:520px}
    .section-heading{grid-template-columns:1fr}.work-mosaic{grid-template-columns:repeat(2,1fr)}.tile-1,.tile-2,.tile-3,.tile-4,.tile-5{grid-column:auto;margin-top:0}
    .artist-grid{grid-template-columns:repeat(2,1fr)}.studio-grid,.directory-grid{grid-template-columns:1fr}
    .guide-list>a{grid-template-columns:40px 1fr}.guide-list p,.guide-list b{grid-column:2}
    .directory-shell{grid-template-columns:1fr}.filter-panel{position:static}.split-detail,.form-shell{grid-template-columns:1fr;gap:30px}.info-band{grid-template-columns:repeat(2,1fr)}
    .simple-filter form{grid-template-columns:1fr 1fr}.simple-filter button{min-height:44px}
}
@media(max-width:560px){
    .site-header{padding:18px 16px}.main-nav{gap:18px}.hero-copy,.detail-copy,.work-detail-copy{padding:55px 16px 40px}.hero-copy h1{font-size:58px}.hero-search button{padding:0 16px}
    .section-shell{padding:70px 16px}.artist-grid{grid-template-columns:1fr 1fr;gap:12px}.artist-card h3,.artist-card h2{font-size:26px}.studio-grid{gap:48px}.card-body h3,.card-body h2{font-size:34px}
    .directory-shell{padding:35px 16px 70px}.listing-hero{padding:65px 16px 40px}.listing-hero h1{font-size:64px}.work-mosaic{gap:8px}.work-caption{display:none!important}.info-band{grid-template-columns:1fr}
    .simple-filter{padding:18px 16px}.simple-filter form{grid-template-columns:1fr}.search-results{grid-template-columns:1fr}.search-results h2{margin-top:28px}.form-shell{padding:70px 16px}.form-shell h1{font-size:64px}
}

/* R2: panel profesional, landings e interlinking */
.panel-subtitle{margin-top:34px;font-family:var(--display);font-size:30px;font-weight:400}
.claim-columns{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:36px}
.claim-columns h3{font-family:var(--display);font-size:34px;font-weight:400;margin-bottom:10px}
.small-lede{font-size:17px}
.context-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-size:11px}
.context-links span{font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:8px 0}
.context-links a{border:1px solid var(--line);padding:7px 10px}
.landing-grid .work-tile{grid-column:span 3}
@media(max-width:900px){.claim-columns{grid-template-columns:1fr}.landing-grid .work-tile{grid-column:span 6}}
@media(max-width:560px){.landing-grid .work-tile{grid-column:span 6}}


/* R3: accesibilidad, foco y controles táctiles */
.skip-link{position:fixed;left:16px;top:12px;z-index:9999;background:var(--ink);color:#fff;padding:10px 14px;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid currentColor;outline-offset:4px}
button,a,input,select,textarea{font:inherit}
button,.main-nav a,.header-actions a,.text-button{min-height:44px}
input[type=file]{padding:10px 0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
@media(max-width:560px){.site-header{position:relative}.main-nav{scrollbar-width:none}.main-nav a{display:flex;align-items:center;white-space:nowrap}.hero-search{grid-template-columns:1fr}.hero-search button{min-height:48px}.detail-actions a,.detail-actions button{min-height:44px;display:inline-flex;align-items:center}}


/* R4: patrocinio, ubicación y panel profesional */
.sponsored-shell{padding-top:1rem;padding-bottom:1rem}.sponsored-card{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;gap:2rem;align-items:center;border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:1.25rem 0;text-decoration:none;color:inherit}.sponsored-label{display:inline-block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid currentColor;padding:.3rem .55rem;margin-bottom:.75rem}.map-frame{width:100%;min-height:380px;border:0;background:#eee}.status-note{margin:1rem 0;padding:.9rem 1rem;border:1px solid currentColor}.verify-box{margin:.5rem 0 1rem}.form-help{font-size:.85rem;opacity:.7;margin-top:-.6rem}.check-line{display:flex!important;gap:.75rem;align-items:flex-start}.check-line input{width:auto;margin-top:.25rem}.professional-shell select[multiple]{min-height:10rem}
@media(max-width:760px){.sponsored-card{grid-template-columns:1fr}.map-frame{min-height:300px}}


/* R6: cierre visual de lanzamiento */
.media-frame{container-type:inline-size}
.section-shell,.listing-hero,.directory-shell,.article-shell,.form-shell{overflow-wrap:anywhere}
.hero-copy h1,.detail-copy h1,.listing-hero h1{hyphens:auto;text-wrap:balance}
.section-heading h2,.pro-cta h2{max-width:18ch;text-wrap:balance}
.hero-intro,.lede,.rich-copy,.article-body{max-width:68ch}
.detail-hero>.media-frame,.work-detail>.media-frame{min-height:620px}
@media(max-width:1100px){.site-header{grid-template-columns:auto 1fr auto}.main-nav{gap:18px}.hero-shell,.detail-hero,.work-detail{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:clamp(54px,7vw,88px)}.section-shell{padding-top:80px;padding-bottom:80px}}
@media(max-width:900px){.detail-hero>.media-frame,.work-detail>.media-frame{min-height:560px}.site-footer{gap:35px}.hero-search{max-width:none}}
@media(max-width:560px){body{font-size:15px}.brand{font-size:24px}.hero-shell{border-bottom:0}.hero-copy{padding-top:44px}.hero-copy h1{font-size:clamp(52px,16vw,72px);line-height:.9}.hero-intro{font-size:17px}.hero-visual{padding-left:16px}.ratio-hero{min-height:430px}.detail-hero>.media-frame,.work-detail>.media-frame{min-height:460px}.section-heading{margin-bottom:34px}.section-heading h2{font-size:44px}.pro-cta{padding-top:76px;padding-bottom:76px}.site-footer{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.detail-actions{align-items:stretch}.detail-actions>a,.detail-actions>button{justify-content:center}.info-band>div{border-right:0;border-bottom:1px solid var(--line)}.info-band>div:last-child{border-bottom:0}}

/* R7: cierre RC, estados de error y staging */
.error-shell{max-width:1180px;margin:auto;padding:clamp(80px,10vw,150px) 28px;min-height:68vh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}
.error-shell h1{font-family:var(--display);font-size:clamp(64px,10vw,138px);font-weight:400;line-height:.86;max-width:9ch;margin:12px 0 28px}
.error-shell>p:not(.eyebrow){max-width:58ch;font-size:18px;color:var(--muted)}
@media(max-width:560px){.error-shell{padding-left:16px;padding-right:16px}.error-shell h1{font-size:clamp(58px,18vw,82px)}}


/* R9: cierre UX y estados vacíos */
.main-nav a[aria-current="page"]{border-color:currentColor;font-weight:800}
.empty-state{grid-column:1/-1;max-width:760px;padding:clamp(36px,6vw,76px) 0}
.empty-state h2{font-family:var(--display);font-weight:400;font-size:clamp(38px,5vw,68px);line-height:.96;margin-bottom:16px}
.empty-state>p:not(.eyebrow){max-width:56ch;color:var(--muted);font-size:17px}
.empty-state .button-dark{display:inline-flex;margin-top:16px;align-items:center;min-height:44px}
.form-errors{border:1px solid #9c2d23;background:#fff1ef;padding:14px 16px}
.form-errors strong{display:block;margin-bottom:6px}.form-errors ul{margin:0;padding-left:20px}
@media(max-width:560px){.empty-state{padding:42px 0}.empty-state h2{font-size:42px}}

/* R12 · mantenimiento público controlado desde administración */
.admin-maintenance-banner{position:relative;z-index:100;padding:.7rem 1rem;text-align:center;background:#171717;color:#fff;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.18)}
.maintenance-page{margin:0;min-height:100vh;background:#f3f0ea;color:#111;display:grid;place-items:center;padding:24px}
.maintenance-shell{width:min(920px,100%);padding:clamp(32px,8vw,96px);border:1px solid rgba(17,17,17,.2);background:#f8f6f1}
.maintenance-brand{font-weight:900;letter-spacing:.18em;font-size:.9rem;margin-bottom:clamp(64px,12vw,150px)}
.maintenance-shell .eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;margin:0 0 16px}
.maintenance-shell h1{font-size:clamp(3rem,9vw,8.5rem);line-height:.88;letter-spacing:-.06em;max-width:850px;margin:0}
.maintenance-copy{font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.5;max-width:620px;margin:32px 0 0}
.maintenance-rule{height:1px;background:rgba(17,17,17,.25);margin:clamp(48px,9vw,96px) 0 18px}
.maintenance-small{font-size:.9rem;margin:0;color:#555}