/* WEB-DEV-004. Hero Home heredado sin cambios. Composiciones DOM; fotos pendientes. */
.organic-hub{position:relative;isolation:isolate;width:166px;height:166px;display:grid;place-items:center;margin:16px auto;border-radius:43% 57% 61% 39% / 55% 38% 62% 45%;background:radial-gradient(ellipse at 35% 20%,#0ad4fb55,transparent 42%),radial-gradient(ellipse at 85% 80%,#eb18d777,transparent 45%),radial-gradient(circle,#090c29 35%,#281356 65%,#051625);box-shadow:inset 8px 6px 24px #02d8ff44,inset -7px -8px 24px #d52aff88,0 0 32px #7621bf44;border:1px solid #ad69f5;flex-shrink:0}
.organic-hub:before,.organic-hub:after,.organic-hub i{content:'';position:absolute;inset:3%;border:1px solid #20e6ff88;border-radius:37% 63% 42% 58% / 53% 34% 66% 47%;transform:rotate(35deg);box-shadow:0 0 9px #08d9ff55;z-index:-1}.organic-hub:after{inset:8%;transform:rotate(120deg);border-color:#ee41ea;box-shadow:0 0 10px #e829f977}.organic-hub i:nth-child(1){inset:-5%;transform:rotate(-20deg);border-color:#8649ff77}.organic-hub i:nth-child(2){inset:16%;transform:rotate(65deg);border-color:#05b3ff66}.organic-hub i:nth-child(3){inset:24%;transform:rotate(-55deg);border-color:#eb44df66}
.hub-brand{font-size:25px;font-weight:900;letter-spacing:-1px;color:#fff;text-shadow:0 2px 12px #000;max-width:130px;text-align:center;line-height:1.1}.brand-o{background:conic-gradient(#e62df0,#8037f0,#02ddf6,#137dfb,#e62df0);background-clip:text;color:transparent}.brand-os{display:block;color:#06deff;font-size:28px}.home-connect .organic-hub{width:145px;height:145px}.orbit{height:auto;min-height:240px;gap:22px;background:radial-gradient(ellipse at center,#1d134055,transparent 65%)}.orbit-node{font-weight:700;font-size:18px;text-align:center}.orbit-node small{font-size:12px;color:#bdccdb;display:block;margin-top:8px}.orbit-link{font-size:32px;color:#4ee5fc;position:relative;flex:1;max-width:100px;text-align:right;border-bottom:1px solid #0edbff;line-height:0}
.section:not(#inicio){background:linear-gradient(120deg,#050a12,#080d1c 65%,#110b20)}.sector-detail{padding:52px 0}.sector-detail h2{font-size:clamp(25px,3vw,36px);line-height:1.2;max-width:900px}.lead{line-height:1.7}.panel{background:linear-gradient(145deg,#0c1622,#070c15);border-color:#334351}.channel-grid{grid-template-columns:1.4fr .65fr .95fr 1fr;gap:26px}.channel-grid>.panel:not(:last-child):after{right:-26px;width:26px;text-align:center;top:50%;font-size:24px;line-height:1;border-bottom:1px solid #06d9f6}.channel-grid>.center-core{border:0;background:transparent;box-shadow:none;padding:0}.channel-button{min-height:148px;background:#08101a}.channel-button .channel-icon{width:48px;height:48px}.channel-name{font-size:13px;font-weight:650}.channel-query{font-size:12px;color:#d2dae5}.channel-button:hover{background:#182030}#sectorSocials{grid-template-columns:repeat(3,minmax(0,1fr))}.wa-action{min-height:48px}.checks li{font-size:13px;line-height:1.65}.channel-grid .bubble{font-size:13px;line-height:1.7}.channel-grid .panel h3{line-height:1.5}
.sector-hero:before{background:radial-gradient(ellipse at 25% 40%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 65%),linear-gradient(110deg,#060a12,#0d0e1b);filter:none}.sector-grid{grid-template-columns:1.05fr .76fr .68fr;gap:28px;position:relative;padding-top:35px;min-height:0;padding-bottom:48px}.sector-ambient{grid-column:1/-1;padding:24px 30px;border-left:2px solid var(--accent);background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 9%,#080b12),#080c16);display:grid;grid-template-columns:1fr 1fr;column-gap:30px;position:relative;overflow:hidden}.sector-ambient h2{font-size:28px;margin:10px 0}.sector-ambient p{margin:0;line-height:1.65;color:#c1cedb}.sector-ambient small{font-size:11px;color:#afbdce;margin-top:14px}.ambient-thread{grid-column:2;grid-row:1/4;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}.ambient-thread b{color:var(--accent);font-size:24px}.ambient-thread span{padding:8px 0;border-bottom:1px solid #385066}.phone,.sidebar{margin-top:16px}.sector-title h1{font-size:clamp(32px,3.4vw,47px)}.camera{background:#0a211d}.camera label{position:static;display:block}.owner-preview{padding:8px 12px;display:grid;gap:8px}.owner-preview span{font-size:11px;padding:6px 0;border-bottom:1px solid #2b574b}.camera label{font-size:10px}.sidebar button{border-color:#34414e;background:#0d1520;line-height:1.5}.operation-summary{padding:30px;text-align:left;background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 12%,#090e16),#090c13);border-left:2px solid var(--accent)}.operation-summary h3{font-size:24px;line-height:1.4}.operation-summary p{font-size:16px;line-height:1.8}.operation-summary small{color:#bccada}.visual-reference{border-color:#34414e}
.work-scene{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:32px;border:1px solid #465160;border-radius:16px;background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),#0b1018;margin:26px 0 30px;position:relative}.scene-intro h3{font-size:32px;letter-spacing:-1px;margin:14px 0}.scene-intro p{line-height:1.7;max-width:400px;color:#c3cfdb}.scene-intro small{color:#b4c3d3;font-size:11px}.work-paper{background:#e9e3d7;color:#26313a;padding:24px;border-radius:3px;box-shadow:8px 14px 26px #0005;transform:rotate(1deg);align-self:start;border-top:5px solid var(--accent)}.work-paper small{font-size:10px;font-weight:750;letter-spacing:.8px}.work-paper h3{font-size:21px;margin:12px 0 18px}.work-paper div{border-top:1px solid #bbc0c0;padding:13px 0;display:flex;gap:12px;font-size:13px;line-height:1.5}.work-paper div span{color:#596579;font-weight:700}.work-paper footer{font-size:11px;border-top:1px solid #bbc0c0;padding-top:12px}.station-route{display:grid;gap:0;align-self:start}.station-route button{min-height:82px;text-align:left;border:1px solid #52606c;background:#121a23;color:#f2f5fa;border-radius:10px;padding:16px;display:grid;grid-template-columns:36px 1fr;gap:6px 12px}.station-route button strong{font-size:15px}.station-route button small{grid-column:2;color:#c2cfdd;font-size:12px}.station-index{grid-row:1/3;color:var(--accent);font-size:21px}.station-route button:hover{border-color:var(--accent)}.station-route button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 10%,#111720);border-color:var(--accent)}.station-connector{height:25px;line-height:25px;color:var(--accent);margin-left:33px;font-size:22px}.supervision{border-top:1px solid #586070;padding-top:22px;align-self:end}.supervision strong{display:block;font-size:22px;margin-top:15px;line-height:1.4}.supervision p{line-height:1.7;font-size:13px;color:#c8d4e0}.supervision .outline{font-size:12px;min-height:48px;border-color:var(--accent)}
[data-industry=tatuajes] .work-paper{background:#e0dbe9;transform:rotate(-2deg);border-left:12px solid #36303f}[data-industry=tatuajes] .work-scene{background:radial-gradient(ellipse at 80% 10%,#60245f44,transparent 60%),#111017}[data-industry=restaurantes] .work-scene{grid-template-columns:.85fr 1.15fr;background:linear-gradient(150deg,#302019,#111211)}[data-industry=restaurantes] .work-paper{background:#f0e5ce;border-top:8px double #ac7740;transform:none}[data-industry=restaurantes] .station-route button{border-left:5px solid #bd884c;border-radius:3px;background:#211c17}[data-industry=pastelerias] .work-scene{background:radial-gradient(ellipse at 100% 0,#5e304477,transparent 70%),#191019}[data-industry=pastelerias] .work-paper{background:#f6e7e7;border-top:7px solid #e4a1c2;transform:rotate(2deg)}[data-industry=pastelerias] .station-route button{border-radius:18px;background:#261923}[data-industry=clinicas] .work-scene{background:linear-gradient(120deg,#14232a,#0c151c)}[data-industry=clinicas] .work-paper{background:#e5f1f0;transform:none;border-left:8px solid #488a95}[data-industry=hoteles] .work-scene{background:linear-gradient(120deg,#2e241c,#101316)}[data-industry=hoteles] .work-paper{background:#e9e1ce;border:1px solid #ad8f63;transform:none}[data-industry=hoteles] .station-route button{border-radius:0;border-color:#86795e;background:#231e17}[data-industry=ecommerce] .work-scene{background:linear-gradient(140deg,#21242a,#11151b)}[data-industry=ecommerce] .work-paper{background:#dbcaac;transform:rotate(-1deg);border-top:8px dashed #6a604e}[data-industry=ecommerce] .station-route button{border-radius:3px;background:#191f28}[data-industry=servicios] .work-scene{background:linear-gradient(135deg,#212034,#0e121b)}[data-industry=servicios] .work-paper{background:#ebeaf1;transform:none;border-left:12px solid #6c658b}
#internalSteps{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}#internalSteps .process-card,#externalSteps .process-card{background:#0c121b;border:1px solid #344453;box-shadow:none;border-radius:10px;padding:18px;min-width:0}#internalSteps .process-card{border-top:2px solid var(--accent)}.process-card h3{font-size:15px;line-height:1.45}.mini-msg{font-size:13px;line-height:1.7;background:#121f2a;border:0;border-left:2px solid #536b81;padding:12px}.role-label{font-size:11px;color:#c0d3e2;line-height:1.6}.task-state{display:block;font-size:10px;color:#c2d4d9;letter-spacing:.3px;margin-top:16px;border-top:1px solid #304252;padding-top:10px}.process-card:after{color:var(--accent,#06d9f6);right:-20px;top:50%;font-size:20px}.branch-row{display:grid;grid-template-columns:220px 32px 1fr;padding:18px;background:#090f18;border-radius:8px}.branch-row strong{font-size:14px}.branch-row small{font-size:12px}.branch-row.active{background:color-mix(in srgb,var(--accent) 8%,#0b1119)}
.story-art{background:radial-gradient(ellipse at 70% 90%,#401b5a,#0b101b);padding:34px;display:grid;gap:28px}.story-art:after{display:none}.dispersed{display:flex;gap:10px;flex-wrap:wrap}.dispersed span{padding:12px;border:1px solid #53606e;border-radius:9px;font-size:12px;color:#bdc8d5;transform:rotate(-2deg)}.dispersed span:nth-child(even){transform:rotate(2deg)}.story-resolution{border-left:2px solid #00dcf9;padding-left:20px}.story-resolution>span{font-size:10px;color:#00dcf9;letter-spacing:1px}.story-resolution strong{font-size:24px;display:block;line-height:1.4;margin-top:10px}.case{min-height:260px;background:radial-gradient(ellipse at top right,#55317077,#080f19 75%)}.case-bakery{background:radial-gradient(ellipse at top right,#7c3e5677,#130b13 75%)}.case-restaurant{background:radial-gradient(ellipse at top right,#77512a77,#130f0b 75%)}.case:before{content:'ESCENARIO DEMO / REVISIÓN HUMANA';position:absolute;left:18px;top:24px;font-size:10px;letter-spacing:1px;color:#b7ccdf}.bottom-cta:before{background:none}.industry-preview{min-height:175px;display:flex;flex-direction:column;gap:14px;padding:18px 14px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--tile-accent) 20%,transparent),transparent 75%),#10121b;border-bottom:1px solid var(--tile-accent);text-align:left}.industry-preview>span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--tile-accent)}.industry-preview strong{font-size:19px;line-height:1.2}.industry-preview small{font-size:11px;color:#c3cedc;line-height:1.6}.tile-text{background:#09101a}.industry-tile:hover{border-color:var(--tile-accent);transform:translateY(-3px)}
.personal-hero{background:radial-gradient(ellipse at 75% 45%,#34206077,transparent 70%),#090d17;padding:58px 0}.personal-hero p{max-width:600px;line-height:1.7}.adaptive-map{display:grid;grid-template-columns:1fr 32px 190px 32px 1fr;gap:16px;align-items:center;max-width:1040px;margin:35px 0 0}.adaptive-map>div:not(.organic-hub){padding:25px;border:1px solid #455576;border-radius:12px;background:#0b1523}.adaptive-map small{display:block;color:#10dbf8;letter-spacing:1px;font-size:10px;margin-bottom:12px}.adaptive-map strong{display:block;line-height:1.6;font-size:18px}.adaptive-map>span{font-size:28px;color:#13dbf5}.personal-steps{gap:18px;padding-bottom:35px}.personal-steps .process-card{background:#0b111a;border-color:#3e4c60}.step-document{min-height:165px;background:linear-gradient(150deg,#182235,#161023);padding:18px;border-left:2px solid #9e63ee;margin:16px 0;display:flex;flex-direction:column;gap:15px}.step-document small{font-size:9px;color:#bdcbe3;letter-spacing:.7px}.step-document strong{font-size:18px;line-height:1.4}.step-document span{font-size:12px;color:#c1d2e2;line-height:1.6}.owner-decisions button{border-left:3px solid var(--accent)}.section-head{padding-top:44px;padding-bottom:24px}.three .step{background:#0a1321;border-color:#344451}.three .step p{font-size:13px;line-height:1.7}button:focus-visible,a:focus-visible{outline:3px solid #8af5ff;outline-offset:4px}table{table-layout:fixed}td{overflow-wrap:anywhere}
@media(max-width:1100px){.channel-grid{grid-template-columns:1fr}.channel-grid>.panel:not(:last-child):after{content:'↓';display:block;top:auto;bottom:-27px;right:calc(50% - 13px);border:0}.channel-grid{gap:32px}.channel-grid .center-core{padding:12px}#sectorSocials{grid-template-columns:repeat(5,minmax(0,1fr))}.sector-grid{grid-template-columns:1fr 1fr}.sector-ambient{grid-template-columns:1fr}.ambient-thread{grid-column:1;grid-row:auto;margin-top:18px}.sector-grid .sidebar{grid-column:1/-1}#internalSteps,.process-cards{grid-template-columns:1fr 1fr}.process-card:after{display:none}.adaptive-map{grid-template-columns:1fr 28px 160px 28px 1fr;gap:10px}.industry-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.personal-steps{grid-template-columns:1fr 1fr}.branch-row{grid-template-columns:180px 24px 1fr}}
@media(max-width:740px){.sector-grid{display:flex;flex-direction:column;padding-top:18px;gap:24px}.sector-grid>*{width:100%}.sector-ambient{padding:22px;margin-bottom:0}.sector-ambient h2{font-size:25px}.sector-title{margin-bottom:0}.sector-grid .phone{width:min(308px,100%);margin:8px auto}.sector-grid .sidebar{margin-top:0;display:block}.work-scene,[data-industry=restaurantes] .work-scene{grid-template-columns:1fr;padding:22px 18px;gap:26px}.scene-intro h3{font-size:28px}.work-paper{transform:none!important}.scene-intro small{line-height:1.6;display:block}.supervision strong{font-size:20px}#internalSteps,.process-cards,.personal-steps{grid-template-columns:1fr}.process-card:not(:last-child):after{content:'↓';display:block;top:auto;bottom:-24px;right:50%;font-size:22px}.process-cards,#internalSteps{gap:30px}.branch-row{grid-template-columns:1fr 24px}.branch-row small{grid-column:1/-1}#sectorSocials{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-button{min-height:140px}.sector-detail{padding:36px 0}.orbit{flex-direction:column;gap:22px;padding:24px 0}.orbit-link{flex:none;width:1px;height:28px;border-bottom:0;border-left:1px solid #0edbff;font-size:0}.orbit-link:after{content:'↓';font-size:26px;position:absolute;bottom:0;left:-9px}.orbit .organic-hub{margin:4px auto}.personal-hero{padding:40px 0}.personal-hero h1{font-size:35px}.adaptive-map{grid-template-columns:1fr;text-align:center;gap:16px}.adaptive-map>span{transform:rotate(90deg);line-height:1}.industry-strip{grid-template-columns:1fr 1fr}.industry-preview strong{font-size:17px}.industry-preview{min-height:170px}.story-art{padding:24px}.operation-summary{padding:22px}.operation-summary h3{font-size:21px}.home-connect{gap:22px}.home-connect>.connector{line-height:1}.home-connect>.wa-destination{width:100%}}
@media(prefers-reduced-motion:reduce){.organic-hub,.organic-hub *{animation:none!important;transition:none!important}}
/* Composición operativa propia: no repetir la misma disposición en cada industria. */
@media(min-width:1101px){
[data-industry=tatuajes] .work-scene{grid-template-columns:1.15fr .85fr;grid-template-areas:'intro paper' 'stations paper' 'stations owner'}
[data-industry=tatuajes] .scene-intro{grid-area:intro}[data-industry=tatuajes] .work-paper{grid-area:paper;min-height:320px}[data-industry=tatuajes] .station-route{grid-area:stations}[data-industry=tatuajes] .supervision{grid-area:owner}
[data-industry=restaurantes] .work-scene{grid-template-columns:1fr 1fr;grid-template-areas:'intro paper' 'stations stations' 'owner owner'}
[data-industry=restaurantes] .scene-intro{grid-area:intro}[data-industry=restaurantes] .work-paper{grid-area:paper}[data-industry=restaurantes] .station-route{grid-area:stations;display:flex;align-items:center;gap:12px}[data-industry=restaurantes] .station-route button{flex:1}[data-industry=restaurantes] .station-connector{transform:rotate(-90deg);margin:0}[data-industry=restaurantes] .supervision{grid-area:owner;display:grid;grid-template-columns:1fr 1fr;gap:12px}[data-industry=restaurantes] .supervision .outline{justify-self:start}
[data-industry=pastelerias] .work-scene{grid-template-columns:1fr 1.15fr;grid-template-areas:'intro intro' 'paper stations' 'owner stations'}
[data-industry=pastelerias] .scene-intro{grid-area:intro;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}[data-industry=pastelerias] .scene-intro h3{grid-column:1;grid-row:2/4}[data-industry=pastelerias] .scene-intro p{grid-column:2;grid-row:1/3}[data-industry=pastelerias] .work-paper{grid-area:paper}[data-industry=pastelerias] .station-route{grid-area:stations}[data-industry=pastelerias] .supervision{grid-area:owner}
[data-industry=clinicas] .work-scene{grid-template-columns:.9fr 1.1fr;grid-template-areas:'intro stations' 'paper stations' 'owner owner'}
[data-industry=clinicas] .scene-intro{grid-area:intro}[data-industry=clinicas] .station-route{grid-area:stations;align-self:center}[data-industry=clinicas] .work-paper{grid-area:paper}[data-industry=clinicas] .supervision{grid-area:owner;border-left:3px solid #76d9e4;padding:18px 24px;background:#15252c}
[data-industry=hoteles] .work-scene{grid-template-columns:1fr 1fr;grid-template-areas:'intro paper' 'owner stations'}
[data-industry=hoteles] .scene-intro{grid-area:intro}[data-industry=hoteles] .work-paper{grid-area:paper}[data-industry=hoteles] .station-route{grid-area:stations}[data-industry=hoteles] .supervision{grid-area:owner}
[data-industry=ecommerce] .work-scene{grid-template-columns:1fr 1fr;grid-template-areas:'intro intro' 'stations paper' 'owner paper'}
[data-industry=ecommerce] .scene-intro{grid-area:intro}[data-industry=ecommerce] .work-paper{grid-area:paper;min-height:350px}[data-industry=ecommerce] .station-route{grid-area:stations}[data-industry=ecommerce] .supervision{grid-area:owner}
[data-industry=servicios] .work-scene{grid-template-columns:1.1fr .9fr;grid-template-areas:'paper intro' 'paper stations' 'owner stations'}
[data-industry=servicios] .scene-intro{grid-area:intro}[data-industry=servicios] .work-paper{grid-area:paper;min-height:320px}[data-industry=servicios] .station-route{grid-area:stations}[data-industry=servicios] .supervision{grid-area:owner}
}
@media(min-width:1101px){.channel-grid{grid-template-columns:minmax(0,1.4fr) minmax(180px,.65fr) minmax(0,.95fr) minmax(0,1fr)}}
.work-intake{padding:16px 18px;border-left:2px solid #03dcf9;background:#0b1723;margin:20px 0}.work-intake p{font-size:14px;line-height:1.65;margin:10px 0}.work-intake small{font-size:10px;color:#b9cbdc}
@media(min-width:1101px){[data-industry=pastelerias] .scene-intro .work-intake{grid-column:1/-1}[data-industry=pastelerias] .scene-intro>small{grid-column:1/-1}}