/* V2.4 / ART DIRECTOR — tattoo-only cinematic treatment.
   Layered DOM + native SVG; no screenshots used as UI or layout backgrounds. */
#tattooExperience{--cyan:#03efff;--electric:#148fff;--magenta:#f114e9;--violet:#8a32ff;--warm:#ffad59;--ink:#040619;background:#020414}
#tattooExperience .tat-section{position:relative;min-height:730px;padding:75px 0 88px;border-top:1px solid rgba(97,54,161,.47);isolation:isolate;background:transparent!important}
#tattooExperience .tat-section:before{opacity:1!important;content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(2,4,17,.90) 0%,rgba(2,5,20,.76) 42%,rgba(2,5,18,.68) 100%),url('assets/visual-tatuajes.jpg') center 44% / cover no-repeat;filter:saturate(1.5) contrast(1.18)}
#tattooExperience .tat-section:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 6% 58%,rgba(19,51,245,.27),transparent 32%),radial-gradient(ellipse at 90% 40%,rgba(211,8,183,.27),transparent 37%),radial-gradient(ellipse at 50% 96%,rgba(225,114,36,.14),transparent 34%),linear-gradient(0deg,rgba(1,2,9,.96) 0%,transparent 18%,transparent 80%,rgba(1,2,10,.82))}
#tattooExperience .tat-section>.container{max-width:1450px}
#tattooExperience .tat-kicker{font-size:11px;font-weight:900;color:#62faff;letter-spacing:.19em;text-shadow:0 0 14px #00dfff44}
#tattooExperience h2{font-size:clamp(41px,4.65vw,68px);line-height:1.045;letter-spacing:-.045em;text-shadow:0 5px 25px #0008}
#tattooExperience .tat-copy>p,#tattooExperience .tat-heading>p,#tattooExperience .tat-centered>p{font-size:clamp(14px,1.16vw,18px);max-width:695px;color:#e1e8f3;text-shadow:0 4px 14px #000}
#tattooExperience .tat-photo-grid{height:210px}
#tattooExperience .tat-photo-grid img{object-position:center}
#tattooExperience .tat-symbol{background:linear-gradient(140deg,#09214b,#221554 55%,#7c2779);text-shadow:0 0 25px #c674ff}
#tattooExperience .tat-references{background:linear-gradient(110deg,#090b2acc,#220a44d6);box-shadow:0 0 0 1px #601ca3,0 0 36px #bd2fff87,0 30px 70px #000}
#tattooExperience .tat-photoglow{filter:blur(44px);background:radial-gradient(ellipse,#a70ac07a,transparent 60%),radial-gradient(ellipse at 20% 50%,#00aeff59,transparent 65%)}
#tattooExperience .tat-phone{border:3px solid #0794ff;box-shadow:0 0 0 2px #b21ce7,0 0 26px #10d7ff8f,0 0 72px #b62cef7a,22px 36px 70px #000e;background:#030b1c}
#tattooExperience .tat-large{max-width:445px;min-height:740px;max-height:760px}
#tattooExperience .tat-msg{font-size:13px;line-height:1.5}
#tattooExperience .tat-msg.sent{background:linear-gradient(115deg,#054749,#035e58);box-shadow:0 4px 18px #0004}
#tattooExperience .tat-msg.received{background:linear-gradient(135deg,#152344,#1a183d);box-shadow:0 4px 18px #0003}
#tattooExperience .tat-phonehead{padding:18px 19px 15px}
#tattooExperience .tat-phonehead .tat-avatar{background:conic-gradient(#06f4ef,#0e60db,#9d18f8,#ef20d4,#06f4ef);border-color:#37efff;text-shadow:0 0 12px #fff}
#tattooExperience .tat-phonebody{background:radial-gradient(ellipse at 50% 18%,#081f50dc,#020817 70%),repeating-linear-gradient(115deg,transparent 0 18px,#12255430 19px 20px);padding:20px}
#tattooExperience .tat-phonefoot{background:#061a34}
#tattooExperience .tat-attention:before{background-position:50% 32%;opacity:1!important}
#tattooExperience .tat-attention .tat-copy{position:relative}
#tattooExperience .tat-attention .tat-copy:after{content:"";position:absolute;top:44%;right:-75px;width:130px;height:2px;pointer-events:none;background:linear-gradient(90deg,#17e4ff,transparent);filter:drop-shadow(0 0 8px #3ae4fe)}
#tattooExperience .tat-socialline button{box-shadow:0 0 19px #0243da65;border:1px solid #0a90fb;background:linear-gradient(145deg,#101b46e6,#040e22f0);font-weight:830}
#tattooExperience .tat-paths .tat-twin{gap:20px;max-width:1230px}
#tattooExperience .tat-paths{padding-top:80px}
#tattooExperience .tat-journey{box-shadow:inset 0 0 43px #1559a34d,0 0 22px #005cdb7b,0 25px 55px #000b;background:linear-gradient(180deg,#0b1942c9,#03091add)!important}
#tattooExperience .tat-journey.purple{box-shadow:inset 0 0 43px #8820bf59,0 0 22px #f312ca77,0 25px 55px #000b;background:linear-gradient(180deg,#260c3fc9,#03091add)!important}
#tattooExperience .tat-journey .tat-small{max-width:410px;height:505px}
#tattooExperience .tat-j-caption{color:#cdddef}
#tattooExperience .tat-paths:before{background-position:center 70%}
/* The approved GOURA core scene: three columns, living luminous hub, energy conductors. */
#tattooExperience .tat-core-section{min-height:980px;padding:46px 0 95px}
#tattooExperience .tat-core-section:before{background:linear-gradient(90deg,#030612bc,#03061383 38%,#03051584 66%,#05030cbc),url('assets/visual-tatuajes.jpg') center center/cover no-repeat;filter:saturate(1.6) contrast(1.12)}
#tattooExperience .tat-core-section:after{background:radial-gradient(ellipse at 50% 56%,#3e13a982,transparent 29%),radial-gradient(ellipse at 23% 65%,#0968fd6b,transparent 24%),radial-gradient(ellipse at 87% 57%,#e50ccf61,transparent 24%),linear-gradient(90deg,#02041080,transparent 30%,transparent 70%,#02041070),linear-gradient(0deg,#01030ff2,transparent 25%,#02020f88)}
#tattooExperience .tat-core-section .tat-heading{margin-bottom:17px;max-width:1060px}
#tattooExperience .tat-core-section h2{font-size:clamp(42px,4.7vw,68px)}
#tattooExperience .tat-core-section .tat-heading>p{max-width:690px;font-size:16px;margin-top:12px}
#tattooExperience .tat-core-stage{position:relative;padding-top:41px;z-index:1}
#tattooExperience .tat-core-headline{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto 14px;position:relative;z-index:2;width:max-content;max-width:100%;padding:8px 34px;background:linear-gradient(90deg,#020b2a,#051d4a,#100632);border:1px solid #45e3fa;border-radius:999px;color:#4afbff;letter-spacing:.14em;font-size:11px;font-weight:850;box-shadow:0 0 22px #1cc8ff75}
#tattooExperience .tat-core-channel-pins{display:flex;align-items:center;justify-content:center;gap:23px;margin:6px auto -6px;position:relative;z-index:4}
#tattooExperience .tat-core-channel-pins>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;font-size:20px;font-weight:930;border:1px solid #56dbff;background:#06183b;box-shadow:0 0 19px #1688ffee,0 0 4px #67eaff inset;text-shadow:0 0 8px currentColor}
#tattooExperience .tat-core-channel-pins>span:nth-child(2){border-color:#f432c9;box-shadow:0 0 18px #f432cecc}
#tattooExperience .tat-core-channel-pins>span:nth-child(3){border-color:#70f5fe}
#tattooExperience .tat-core-channel-pins>span:nth-child(4){border-color:#8651ff}
#tattooExperience .tat-core-map{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,.99fr) minmax(0,1fr);gap:clamp(18px,3vw,52px);padding:12px 0 20px;align-items:center;isolation:isolate}
#tattooExperience .tat-core-wires{position:absolute;inset:3% 0 0;z-index:-1;overflow:visible;width:100%;height:98%;filter:drop-shadow(0 0 9px #25bafa)}
#tattooExperience .tat-core-wires .wire{fill:none;stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 8px currentColor)}
#tattooExperience .tat-core-wires .wire.cyan{stroke:#00d6ff;color:#0099ff}
#tattooExperience .tat-core-wires .wire.pink{stroke:#ff19f0;color:#f300d0}
#tattooExperience .tat-core-wires .wire.light{stroke:#fff;color:#80b8ff;stroke-width:1.1;opacity:.45}
#tattooExperience .tat-flow-card{border:1.7px solid #1879ff;border-radius:17px;min-height:132px;padding:14px 13px 16px;background:linear-gradient(132deg,#061734ef,#05102df2 65%,#110b2cee);box-shadow:0 0 0 1px #1bc9ff75 inset,0 0 14px #0678ffba,0 16px 35px #000b;transition:transform .22s,box-shadow .22s}
#tattooExperience .tat-flow-card:hover{transform:translateY(-3px);box-shadow:0 0 22px #05e5ffbc,0 20px 40px #000c}
#tattooExperience .tat-inputs .tat-flow-card:nth-child(2){border-color:#ff50a0;box-shadow:0 0 0 1px #ea34ba9c inset,0 0 16px #f43eb0a9,0 16px 35px #0009}
#tattooExperience .tat-outputs .tat-flow-card{border-color:#9b46ff;box-shadow:0 0 0 1px #dd6bfbb0 inset,0 0 17px #d42affaa,0 16px 35px #000b}
#tattooExperience .tat-outputs .tat-flow-card:nth-child(3){border-color:#11d4fc;box-shadow:0 0 0 1px #11d4fce3 inset,0 0 18px #029fffb3,0 16px 35px #000b}
#tattooExperience .tat-flow-card .tat-card-top{padding-bottom:8px;border-bottom:1px solid #23407375}
#tattooExperience .tat-card-top span{font-size:12px;color:#f0f7ff}
#tattooExperience .tat-card-top small{font-size:10px}
#tattooExperience .tat-flow-card p{font-size:13px;line-height:1.4;color:#eaf3ff;letter-spacing:-.01em}
#tattooExperience .tat-flow-card .tat-origin{display:block;color:#68eaff;letter-spacing:.05em}
#tattooExperience .tat-core-center{min-height:510px;justify-content:center}
#tattooExperience .tat-ray-ring{width:100%;max-width:366px;aspect-ratio:1;background:repeating-conic-gradient(from 20deg,#0ad9ff 0 5deg,transparent 6deg 12deg,#e42aff 13deg 18deg,transparent 19deg 24deg,#20e8ff 25deg 26deg,transparent 27deg 33deg);border:1px solid #70e6ff;box-shadow:0 0 25px #f134ec,0 0 60px #1369ffdb,0 0 110px #c723ef94,0 0 130px #0499ff9a;animation:tat-spin-lum 30s linear infinite}
#tattooExperience .tat-ray-ring:before{inset:15px;border:5px solid #5cfbff;background:radial-gradient(ellipse at 50% 48%,#0a1a4e,#06041e 68%);box-shadow:0 0 32px #12e7ff,0 0 24px #e920e7 inset,0 0 60px #114cd8 inset}
#tattooExperience .tat-ray-orbit{inset:-16px;border:1px dotted #00d9fa;box-shadow:0 0 19px #2d9af5}
#tattooExperience .tat-ray-orbit:before,#tattooExperience .tat-ray-orbit:after{content:"";position:absolute;inset:20px;border:2px solid #0adcf9;border-radius:50%;box-shadow:0 0 18px #2eddfa;opacity:.55}
#tattooExperience .tat-ray-orbit:after{inset:38px;border-color:#fa27ed;box-shadow:0 0 22px #ed28da}
#tattooExperience .tat-core-inner{animation:tat-counter-spin 30s linear infinite}
#tattooExperience .tat-core-inner>span{font-size:clamp(60px,6vw,91px);text-shadow:0 0 32px #fff}
#tattooExperience .tat-core-inner>b{font-size:clamp(21px,2.6vw,33px);letter-spacing:-.02em;text-shadow:0 0 18px #04bfff}
#tattooExperience .tat-core-inner>small{font-size:12px;color:#24f6ff}
#tattooExperience .tat-core-center>p{margin:27px auto 10px;background:#06112fd9;border:1px solid #0cbeff;border-radius:999px;box-shadow:0 0 18px #228cff76;padding:10px 25px;font-weight:850;color:#5bffff;letter-spacing:.1em}
#tattooExperience .tat-core-steps{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:6px auto 0;color:#c0dfff;font-size:9px;letter-spacing:.08em}
#tattooExperience .tat-guard{margin:8px auto 0;padding:18px 20px;border-top:1px solid #407af277;max-width:1140px;font-size:12px;color:#b9cee5}
#tattooExperience .tat-mini-numbers strong{font-size:42px}
#tattooExperience .tat-mini-numbers strong small{font-size:11px}
#tattooExperience .tat-caps{margin:12px auto 0;display:flex;align-items:center;justify-content:center;width:max-content;max-width:95%;gap:8px;padding:12px 21px;border:1px solid #792fff;border-radius:16px;background:linear-gradient(110deg,#06112be8,#150c3ce8);box-shadow:0 0 22px #a122d877}
#tattooExperience .tat-caps span{font-size:10px;color:#c0eaf9;border-right:1px solid #6342ab;padding:0 12px;text-align:center}
#tattooExperience .tat-caps span:last-child{border:0}
#tattooExperience .tat-caps strong{display:block;font-size:18px;color:#5affff;margin-bottom:4px}
@keyframes tat-spin-lum{to{transform:rotate(360deg)}}
@keyframes tat-counter-spin{to{transform:rotate(-360deg)}}
/* Direction: hand, owner context and creative metrics should feel embedded, not as a dashboard of boxes. */
#tattooExperience .tat-owner .tat-owner-layout{gap:62px;grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr)}
#tattooExperience .tat-owner:before{background-position:34% 68%;opacity:1!important}
#tattooExperience .tat-owner-phone{transform:perspective(1000px) rotateY(-3deg);box-shadow:0 0 0 1px #fc28f1,0 0 34px #099cffb0,0 0 76px #f130c45c,20px 35px 55px #000}
#tattooExperience .tat-owner-modules{gap:15px}
#tattooExperience .tat-metric{min-height:160px;position:relative;border-color:#1179f9;background:linear-gradient(143deg,#041e48dc,#14072cdb);box-shadow:inset 0 0 20px #2566b352,0 0 16px #146cf69a,0 20px 40px #0008}
#tattooExperience .tat-metric:nth-child(2n){border-color:#913bfb;box-shadow:inset 0 0 18px #a529d53e,0 0 17px #af2aefa3,0 20px 40px #0008}
#tattooExperience .tat-metric-icon{font-size:24px}
#tattooExperience .tat-metric>strong{font-size:30px}
#tattooExperience .tat-paylink{box-shadow:0 0 25px #f020cc9f,0 0 35px #037aff4a}
#tattooExperience .tat-growth-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.92fr) minmax(250px,.88fr);gap:35px}
#tattooExperience .tat-growth:before{background-position:40% 55%}
#tattooExperience .tat-growth-phone{max-width:410px;height:660px;transform:none!important}
#tattooExperience .tat-growth-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#tattooExperience .tat-growth-metrics>div{background:linear-gradient(132deg,#061839ed,#1b0c3be8);border:1px solid #185fe0;box-shadow:0 0 13px #107dffc2,0 16px 20px #0006}
#tattooExperience .tat-growth-metrics>div:nth-child(2n){border-color:#a537ff;box-shadow:0 0 13px #c537f9ba,0 16px 20px #0006}
#tattooExperience .tat-growth-metrics .tat-growth-goal{grid-column:1/-1}
#tattooExperience .tat-growth-metrics b{font-size:24px}
#tattooExperience .tat-trend{border-color:#157bff;box-shadow:0 0 20px #157afc72;background:linear-gradient(135deg,#061b3de0,#1b0b38dd)}
#tattooExperience .tat-finale{min-height:820px}
#tattooExperience .tat-finale:before{opacity:1!important;background:linear-gradient(180deg,#02030fe3,#02030f82 39%,#03030f9c 65%,#03030ff5),url('assets/visual-tatuajes.jpg') 50% 65% / cover no-repeat;filter:saturate(1.45)}
#tattooExperience .tat-finale:after{background:radial-gradient(ellipse at 45% 60%,#032e5d59,transparent 49%),radial-gradient(ellipse at 87% 47%,#92158a54,transparent 38%)}
#tattooExperience .tat-finale h2{font-size:clamp(46px,5.4vw,82px)}
#tattooExperience .tat-finale-benefits{font-size:12px}
/* Preserve original V2 navigation without leaking this treatment to other sectors */
@media(max-width:1100px){
 #tattooExperience .tat-core-map{grid-template-columns:minmax(0,1fr) minmax(240px,.85fr) minmax(0,1fr);gap:15px}
 #tattooExperience .tat-ray-ring{max-width:280px}
 #tattooExperience .tat-flow-card{padding:12px}
 #tattooExperience .tat-growth-grid{grid-template-columns:1fr 1fr}
 #tattooExperience .tat-growth-metrics{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}
}
@media(max-width:740px){
 #tattooExperience .tat-section{padding:58px 0 65px;min-height:0}
 #tattooExperience .tat-section:before{background-position:center center}
 #tattooExperience h2{font-size:clamp(34px,8.5vw,48px)}
 #tattooExperience .tat-large{max-width:360px;min-height:630px;max-height:720px}
 #tattooExperience .tat-attention .tat-copy:after{display:none}
 #tattooExperience .tat-photo-grid{height:144px}
 #tattooExperience .tat-core-section{padding:65px 0 70px}
 #tattooExperience .tat-core-stage{padding-top:18px}
 #tattooExperience .tat-core-headline{font-size:10px;padding:8px 16px}
 #tattooExperience .tat-core-channel-pins{gap:13px;margin-bottom:13px}
 #tattooExperience .tat-core-map{grid-template-columns:1fr;gap:22px;padding:10px 0}
 #tattooExperience .tat-core-center{grid-row:1;min-height:285px;order:0}
 #tattooExperience .tat-ray-ring{max-width:230px}
 #tattooExperience .tat-inputs{grid-row:2;order:1}
 #tattooExperience .tat-outputs{grid-row:3;order:2}
 #tattooExperience .tat-core-wires{display:none}
 #tattooExperience .tat-caps{flex-wrap:wrap;margin-top:15px;width:100%;padding:13px 4px}
 #tattooExperience .tat-caps span{font-size:9px;padding:0 8px}
 #tattooExperience .tat-caps strong{font-size:14px}
 #tattooExperience .tat-core-section .tat-heading{margin-bottom:23px}
 #tattooExperience .tat-journey .tat-small{height:478px;max-width:355px}
 #tattooExperience .tat-owner .tat-owner-layout{grid-template-columns:1fr;gap:34px}
 #tattooExperience .tat-owner-phone{transform:none}
 #tattooExperience .tat-growth-grid{grid-template-columns:1fr;gap:26px}
 #tattooExperience .tat-growth-phone{width:min(100%,370px);height:620px}
 #tattooExperience .tat-growth-metrics{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
 #tattooExperience .tat-growth-metrics .tat-growth-goal{grid-column:1/-1}
 #tattooExperience .tat-metric{min-height:150px}
 #tattooExperience .tat-finale{min-height:690px}
}
@media(prefers-reduced-motion:reduce){#tattooExperience .tat-ray-ring,#tattooExperience .tat-core-inner{animation:none!important}}


/* Cinematography pass: licensed unbaked photography, with native editable visual elements. */
#sectorTop[data-sector="tatuajes"]:before{
  opacity:1!important;
  background-image:linear-gradient(90deg,rgba(2,3,13,.98) 0%,rgba(3,4,17,.93) 27%,rgba(2,6,22,.63) 56%,rgba(2,3,16,.84) 86%,rgba(2,3,12,.92) 100%),url('assets/tattoo-client-phone.jpg'),url('assets/tattoo-studio-cinematic.jpg')!important;
  background-size:cover,auto 105%,cover!important;
  background-position:center,67% 44%,center 45%!important;
  background-repeat:no-repeat!important;
  filter:saturate(1.28) contrast(1.05)!important;
}
#sectorTop[data-sector="tatuajes"] .sector-grid{min-height:820px;gap:20px}
#sectorTop[data-sector="tatuajes"] .sector-title h1{font-size:clamp(45px,5.2vw,78px)}
#sectorTop[data-sector="tatuajes"] .sector-title .actions .cta{box-shadow:0 0 22px #25b7ffb0,0 0 33px #f025ed65}
#sectorTop[data-sector="tatuajes"] .phone{width:100%;max-width:425px;border:3px solid #167dff;border-radius:43px;box-shadow:0 0 0 1.5px #ff22e5,0 0 24px #31e6ffb2,0 0 54px #9b26ff8c,15px 26px 50px #000d}
#sectorTop[data-sector="tatuajes"] .tat-hero-channels b{box-shadow:0 0 18px #12a6ff85,0 0 9px #ad1bef64}
#tattooExperience .tat-attention:before{
 background:linear-gradient(90deg,rgba(1,3,15,.96) 0%,rgba(2,4,18,.88) 39%,rgba(2,4,18,.55) 70%,rgba(1,2,12,.7)),url('assets/tattoo-studio-cinematic.jpg') center center/cover no-repeat!important;
 opacity:1!important;
}
#tattooExperience .tat-paths:before{
 background:linear-gradient(90deg,rgba(2,4,17,.83),rgba(4,3,19,.78)),url('assets/tattoo-studio-cinematic.jpg') center 55%/cover no-repeat!important;opacity:1!important;
}
#tattooExperience .tat-core-section:before{
 background:linear-gradient(90deg,rgba(2,2,11,.83) 0%,rgba(2,2,11,.58) 30%,rgba(2,3,15,.56) 67%,rgba(3,2,13,.78) 100%),url('assets/tattoo-studio-cinematic.jpg') center 45%/cover no-repeat!important;
 filter:saturate(1.25) contrast(1.12)!important;opacity:1!important;
}
#tattooExperience .tat-core-section:after{
 background:radial-gradient(ellipse at 52% 67%,rgba(10,71,247,.36),transparent 31%),radial-gradient(ellipse at 15% 58%,rgba(15,101,255,.19),transparent 38%),radial-gradient(ellipse at 86% 63%,rgba(251,9,178,.25),transparent 38%),linear-gradient(0deg,rgba(2,2,14,.94),transparent 28%,transparent 75%,rgba(2,2,14,.65))!important;
}
#tattooExperience .tat-core-section .tat-heading{max-width:1040px}
#tattooExperience .tat-core-section .tat-heading p{max-width:655px}
#tattooExperience .tat-core-section .tat-heading{position:relative}
#tattooExperience .tat-core-section .tat-core-cta{position:absolute;top:7px;right:0;max-width:330px;display:block;transform:translateX(22%);border:1px solid #42dfff;border-radius:999px;padding:12px 20px;background:linear-gradient(90deg,#026ff8,#9a23e9,#fd24d6);box-shadow:0 0 24px #139effb9,0 0 33px #f31fe06e;color:#fff;font-size:13px;font-weight:800;text-decoration:none;text-align:center}
#tattooExperience .tat-core-center:before{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,#1d35ff55,transparent 69%);filter:blur(23px);pointer-events:none}
#tattooExperience .tat-flow-card{backdrop-filter:blur(11px);background:linear-gradient(132deg,rgba(3,18,50,.94),rgba(8,7,31,.94) 70%,rgba(27,7,43,.89))!important}
#tattooExperience .tat-inputs .tat-flow-card:nth-child(2){background:linear-gradient(135deg,#270b2ae8,#0d1643ed)!important}
#tattooExperience .tat-flow-card p{font-size:13px;max-width:90%}
#tattooExperience .tat-card-photo{position:absolute;right:14px;bottom:14px;width:66px;height:76px;border-radius:11px;border:1px solid #03d1fe;object-fit:cover;box-shadow:0 0 18px #1883ffc5}
#tattooExperience .tat-flow-card:nth-child(2) .tat-card-photo{border-color:#ed2fd4;box-shadow:0 0 15px #f31add99}
#tattooExperience .tat-flow-card.has-photo p{max-width:75%}
#tattooExperience .tat-core-sign{position:absolute;right:15px;top:-14px;z-index:2;font-family:cursive;font-weight:800;font-style:italic;color:#fb73ed;text-shadow:0 0 9px #ef00c8,0 0 24px #f500c1;transform:rotate(-7deg);font-size:clamp(19px,2.3vw,30px);line-height:1.03;text-align:right;opacity:.83;pointer-events:none}
#tattooExperience .tat-owner:before{
 background:linear-gradient(90deg,rgba(1,3,13,.92) 0%,rgba(1,3,13,.67) 42%,rgba(1,4,17,.86)),url('assets/tattoo-hand-phone.jpg') 25% 48%/cover no-repeat!important;opacity:1!important;filter:saturate(1.35)
}
#tattooExperience .tat-growth:before{
 background:linear-gradient(90deg,rgba(1,3,13,.91),rgba(1,3,13,.64) 49%,rgba(2,3,15,.86)),url('assets/tattoo-artist-neon.jpg') 55% 42%/cover no-repeat!important;opacity:1!important;
}
#tattooExperience .tat-finale:before{
 background-image:linear-gradient(180deg,rgba(1,2,8,.92) 0%,rgba(1,2,8,.54) 35%,rgba(1,2,10,.62) 68%,rgba(1,2,10,.97) 100%),url('assets/tattoo-artist-design.jpg')!important;background-position:center,70% 46%!important;background-size:cover,cover!important;opacity:1!important;filter:saturate(1.35) contrast(1.03)!important
}
#tattooExperience .tat-finale-inner{padding-top:45px}
#tattooExperience .tat-finale-inner h2{max-width:1190px;text-shadow:0 6px 24px #000c,0 0 29px #0411d760}
#tattooExperience .tat-finale-inner .tattoo-finale-cta{margin-top:55px}
@media(max-width:1100px){#tattooExperience .tat-core-section .tat-core-cta{right:0;top:-36px;transform:none;padding:9px 13px;font-size:10px}}
@media(max-width:740px){
 #sectorTop[data-sector="tatuajes"]:before{background-image:linear-gradient(180deg,#020515ee,#020515a4),url('assets/tattoo-client-phone.jpg')!important;background-position:center,55% 10%!important;background-size:cover,cover!important}
 #tattooExperience .tat-core-section .tat-core-cta{position:relative;right:auto;top:auto;margin-top:18px;display:inline-block;transform:none}
 #tattooExperience .tat-core-sign{position:relative;top:0;right:auto;text-align:center;transform:none;font-size:21px;margin-bottom:12px}
 #tattooExperience .tat-card-photo{width:60px;height:69px}
 #tattooExperience .tat-finale:before{background-position:center,60% 40%!important}
}
/* Four distinct realism references, not repeated mockup slices. */
#tattooExperience .tat-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));height:210px}
#tattooExperience .tat-media{grid-template-columns:repeat(4,minmax(0,1fr));height:84px}
#tattooExperience .tat-mini-ref{min-width:0;min-height:0}
@media(max-width:740px){#tattooExperience .tat-photo-grid{height:130px;gap:5px}#tattooExperience .tat-media{height:65px;gap:3px}}

/* Tattoo hero: authentic editable WhatsApp conversation, not the inherited V2 sample dashboard. */
#sectorTop .tat-hero-mock{display:none}
#sectorTop[data-sector="tatuajes"] .phone>.bubble,#sectorTop[data-sector="tatuajes"] .phone>.dashlets,#sectorTop[data-sector="tatuajes"] .phone>.camera{display:none!important}
#sectorTop[data-sector="tatuajes"] .phone{overflow:hidden;min-height:620px;align-self:center}
#sectorTop[data-sector="tatuajes"] .phone .phonehead{padding:15px 17px;border-bottom:1px solid #3675ce}
#sectorTop[data-sector="tatuajes"] .phonehead div>div{font-size:0!important}
#sectorTop[data-sector="tatuajes"] .phonehead div>div::after{content:"WhatsApp · Atención";font-size:10px;color:#31ead7}
#sectorTop[data-sector="tatuajes"] .tat-hero-mock{background:radial-gradient(ellipse at top,#0e2445,#051329 65%);display:flex;flex-direction:column;gap:11px;position:relative;flex:1;padding:14px;min-height:555px;font-size:12px;color:#eaf7ff}
#sectorTop[data-sector="tatuajes"] .tat-hero-day{font-size:9px;color:#72b0d3;text-align:center;background:#102d46;padding:8px;border-radius:9px;align-self:center}
#sectorTop[data-sector="tatuajes"] .tat-hero-msg{padding:10px 12px;border-radius:13px;line-height:1.45;max-width:90%;font-size:12px;text-align:left}
#sectorTop[data-sector="tatuajes"] .tat-hero-msg.from-client{align-self:flex-end;background:#035855;border:1px solid #178e8e}
#sectorTop[data-sector="tatuajes"] .tat-hero-msg.from-goura{align-self:flex-start;background:#192548;border:1px solid #314b98}
#sectorTop[data-sector="tatuajes"] .tat-hero-msg b{display:block;font-size:10px;margin-bottom:5px;color:#51faff}
#sectorTop[data-sector="tatuajes"] .tat-hero-msg small{display:block;text-align:right;color:#a6d1de;margin-top:7px;font-size:9px}
#sectorTop[data-sector="tatuajes"] .tat-hero-refs{align-self:flex-end;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border:1px solid #279a91;border-radius:10px;overflow:hidden;width:85%;height:104px}
#sectorTop[data-sector="tatuajes"] .tat-hero-refs img{width:100%;height:100%;min-width:0;object-fit:cover}
#sectorTop[data-sector="tatuajes"] .tat-hero-input{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid #1c5d87;padding:10px 4px 0;color:#64ccfd;font-size:17px}
#sectorTop[data-sector="tatuajes"] .tat-hero-input i{flex:1;font-style:normal;font-size:11px;border-radius:999px;padding:11px;background:#061a34;border:1px solid #2a5795;color:#8ebcdd}
@media(max-width:740px){#sectorTop[data-sector="tatuajes"] .phone{min-height:560px}#sectorTop[data-sector="tatuajes"] .tat-hero-mock{min-height:505px;gap:9px;padding:11px}#sectorTop[data-sector="tatuajes"] .tat-hero-msg{font-size:11px}#sectorTop[data-sector="tatuajes"] .tat-hero-refs{height:82px}}