/* GOURA · WEB-VISUAL-005 · Fotografía limpia + diseño con valor humano.
   Texto, botones y conectores son HTML/CSS; no hay capturas de interfaz pegadas. */
:root{--value-cyan:#00e3ff;--value-violet:#9148f9;--value-pink:#ee20e2}
body{background:#030611}
#home .section{background:linear-gradient(128deg,#040714,#071025 67%,#110721)}
#inicio.cinema{background:#030712}
#inicio.cinema:before{opacity:.62;filter:saturate(1.12) contrast(1.06) blur(.5px);background-position:center}
#inicio .hero-grid{grid-template-columns:minmax(340px,.88fr) minmax(480px,1.12fr);min-height:665px;gap:42px}
#inicio .hero-copy h1{font-size:clamp(57px,6.4vw,88px);letter-spacing:-.063em;text-shadow:0 5px 35px #000}
#inicio .hero-copy>p{font-size:clamp(15px,1.3vw,18px);max-width:540px;color:#e3eaf8;line-height:1.72;text-shadow:0 2px 12px #000a}
#inicio .hero-copy .benefits{border-top:1px solid #a97afa55;padding-top:22px;gap:12px 23px}
#inicio .hero-copy .benefits span{color:#d5e9f9;font-weight:700}
#inicio .hero-human{transform:none;max-width:665px;position:relative;width:100%;padding:21px;background:linear-gradient(140deg,#06142be8,#0a0e25e9 56%,#19092fec);border:1px solid #7248b2b7;border-radius:27px;box-shadow:0 24px 70px #000b,0 0 32px #651ceb36;backdrop-filter:blur(12px);isolation:isolate}
#inicio .hero-human::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 80% 45%,#b120ee13,transparent 51%)}
.hero-human .human-journey-head{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 17px}
.hero-human .human-journey-head .overline{font-size:10px;color:#45edff}
.hero-human .journey-proof{font-size:9px;white-space:nowrap;color:#b3c0df;border:1px solid #7587b073;padding:6px 10px;border-radius:99px}
.hero-human .human-journey{position:relative;display:grid;gap:7px}
.hero-human .human-message{display:flex;align-items:center;gap:14px;padding:12px 15px;border:1px solid #3f75b69c;background:linear-gradient(110deg,#07172cdd,#0c1029dc);border-radius:16px;box-shadow:inset 0 0 17px #125ae411}
.hero-human .human-message small,.hero-human .human-engine small{display:block;color:#47e7f3;font-size:9px;letter-spacing:.13em;font-weight:850;margin-bottom:5px}
.hero-human .human-message strong,.hero-human .human-engine strong{display:block;font-size:14px;line-height:1.25;color:#fff}
.hero-human .human-message div>span,.hero-human .human-engine div>span:not(.hub-brand){display:block;color:#b1c4dd;font-size:11px;margin-top:5px;line-height:1.4}
.hero-human .journey-index{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#0e2b53;border:1px solid #39c9f0;color:#d0faff;font-size:13px;font-weight:950}
.hero-human .journey-check{margin-left:auto;color:#60fbd1;font-size:20px;font-weight:900}
.hero-human .journey-stream{text-align:center;color:#18dcef;font-size:23px;line-height:16px;text-shadow:0 0 12px #00e1ff}
.hero-human .human-engine{display:flex;align-items:center;gap:15px;padding:7px 16px 9px 4px;border-radius:18px;border:1px solid #a04af1cb;background:radial-gradient(circle at 19% 48%,#6b1ba15e,transparent 44%),#080d24;box-shadow:0 0 20px #ae21dd29}
.hero-human .human-engine .organic-hub{flex:0 0 110px;width:110px!important;height:98px!important;min-height:0!important;margin:-5px 0!important;transform:scale(.82)}
.hero-human .human-engine .hub-brand{font-size:17px!important;white-space:nowrap}
.hero-human .human-message-team{border-color:#8349c1bd;background:linear-gradient(110deg,#160d31e8,#080e27e5)}
.hero-human .human-message-team .journey-index{border-color:#ac4cea;background:#48105f;color:#f4d3ff}
.hero-human .human-message-owner{border-color:#158f92bf;background:linear-gradient(110deg,#06262fdf,#081025e8)}
.hero-human .human-message-owner .journey-index{border-color:#41dbbf;background:#0a434b;color:#b3fff2}
#inicio .hero-human>.mobile-note{display:block;font-size:10px;line-height:1.5;color:#a6b9d4;text-align:center;margin:12px 0 2px}
#problema .story{min-height:405px;grid-template-columns:1fr 1fr;background:#040918}
#problema .story-art{min-height:405px;background-image:linear-gradient(90deg,#040713e8,#030a1b7f 63%,#06091ab9),url('assets/visual-servicios.jpg')!important;background-position:center 42%;background-size:cover;isolation:isolate}
#problema .story-art::after{background:linear-gradient(0deg,#060716b0,transparent 75%)}
#problema .dispersed{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:13px;padding:32px}
#problema .dispersed span{position:static!important;transform:none!important;display:block;max-width:100%;font-size:12px;font-weight:650;line-height:1.4;border:1px solid #4a83bc9a;border-radius:13px;background:#06152de2;color:#f3f9ff;padding:14px 12px;box-shadow:0 7px 27px #0008,0 0 12px #066de233}
#problema .dispersed span:nth-child(2),#problema .dispersed span:nth-child(3){border-color:#a33feea3}
#problema .story-resolution{z-index:2;position:relative;margin:14px 32px;color:#fff}
#problema .story-resolution span{display:block;color:#50e8ff;font-size:10px;font-weight:850;letter-spacing:.15em;margin-bottom:8px}
#problema .story-resolution strong{display:block;font-size:clamp(21px,2.5vw,32px);line-height:1.18;text-shadow:0 2px 15px #000}
#problema .story-content{padding:clamp(32px,4.4vw,72px);background:radial-gradient(circle at 20% 80%,#50148c7b,transparent 70%),#060d1c}
#problema .story-content h2{font-size:clamp(30px,3vw,46px);line-height:1.06;letter-spacing:-.03em}
#problema .story-content p{font-size:14px;line-height:1.75}
#problema .problem-benefits{display:flex;flex-direction:column;gap:9px;color:#c1f7f2;font-size:13px;font-weight:730;margin:18px 0 24px}
#como-funciona .three{gap:14px}
#como-funciona .step{position:relative;min-height:220px;padding:25px;background:linear-gradient(145deg,#051629ed,#140d2ae8);border-color:#2b72b6a1;box-shadow:0 17px 42px #0005,inset 0 0 25px #244dc811;overflow:hidden}
#como-funciona .step::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#00dff7,#7942ff,#ec18e6)}
#como-funciona .step .step-icon{font-size:37px;filter:drop-shadow(0 0 15px #a53aff)}
#como-funciona .step strong{font-size:22px;line-height:1.3;color:#fff}
#como-funciona .step p{font-size:13px;line-height:1.6;color:#cad7ef;max-width:330px}
#como-funciona .step .benefits{font-size:11px;color:#63f8f9}
#soluciones .industry-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
#soluciones .industry-tile{position:relative;min-height:284px;border:1px solid #634caaab;border-radius:16px;background:#050a19;box-shadow:0 9px 33px #0008;overflow:hidden;isolation:isolate}
#soluciones .industry-tile .industry-preview{position:relative;display:block;height:174px!important;min-height:174px!important;padding:0!important;margin:0!important;background:#061428!important;overflow:hidden}
#soluciones .industry-tile .industry-preview::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#050a17dd,transparent 66%),linear-gradient(112deg,#0610251a,#9715cb1d)}
#soluciones .industry-tile .industry-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:brightness(.74) saturate(.97) contrast(1.08);transform:scale(1.02);transition:transform .36s ease,filter .36s ease}
#soluciones .industry-tile:hover .industry-preview img{transform:scale(1.1);filter:brightness(.92) saturate(1.09) contrast(1.08)}
#soluciones .industry-tile .industry-visual-mark{position:absolute;z-index:2;top:12px;right:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #71daf2a8;background:#07132bcc;color:#b8f7ff;box-shadow:0 0 15px #1c73ff99}
#soluciones .industry-tile .tile-text{position:relative;display:flex;flex-direction:column;text-align:left;min-height:109px;padding:12px 12px 17px;background:linear-gradient(140deg,#06162a,#15092b)}
#soluciones .industry-tile .tile-text strong{font-size:13px;line-height:1.26;color:white}
#soluciones .industry-tile .tile-text small{font-size:11px;line-height:1.4;color:#b4c9e3;margin-top:5px}
#soluciones .industry-tile .tile-text em{right:9px;bottom:6px;position:absolute;color:#10ebf9;font-size:18px}
#soluciones .industry-tile:hover{transform:translateY(-5px);border-color:#c03ef0;box-shadow:0 17px 40px #000b,0 0 20px #862bdd60}
#casos .case-grid{gap:17px}
#casos .case{position:relative;min-height:290px;border-radius:18px;border-color:#285cb4a8;background:#060a17;box-shadow:0 16px 40px #0009;isolation:isolate}
#casos .case::before{content:'';inset:0;position:absolute;background:linear-gradient(0deg,#040917d9 0%,#080b1820 70%),var(--photo) center 40%/cover;filter:brightness(.87) saturate(1.08)}
#casos .case-tattoo{--photo:url('assets/visual-tatuajes.jpg')}
#casos .case-bakery{--photo:url('assets/visual-pastelerias.jpg')}
#casos .case-restaurant{--photo:url('assets/visual-restaurantes.jpg')}
#casos .case::after{background:linear-gradient(0deg,#050715e8 0%,transparent 85%)}
#casos .case>div{left:19px;right:19px;bottom:18px;text-align:left}
#casos .case h3{font-size:19px;text-shadow:0 4px 16px #000}
#casos .case p{font-size:13px;line-height:1.53;color:#dbe9f5}
#home .home-connect{border-radius:20px;box-shadow:inset 0 0 23px #5d189131}
#home .orbit{border-radius:22px;border:1px solid #5947a28e;background:radial-gradient(circle at 50% 45%,#14206d,transparent 67%),#030716;margin:22px 0}
#home .orbit .organic-hub{filter:drop-shadow(0 0 17px #a035f3c9)}
#sectorTop{position:relative;isolation:isolate;background:#040718}
#sectorTop::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#040816f9 0%,#05091aec 38%,#070a1bcd 70%,#030717ef),var(--scene) center 38%/cover;filter:saturate(1.14)}
#sectorTop .sector-title h1{max-width:670px;text-shadow:0 4px 25px #000d}
#sectorTop .sector-title>p{max-width:570px;color:#dfebf7}
#sectorTop .phone{border-color:#6849bc;box-shadow:0 18px 47px #0009,0 0 25px #7f36ca45}
#sectorTop .dashlets{opacity:.78}
#sectorTop .sidebar{background:#070e21e6;backdrop-filter:blur(13px)}
#sectorTop .benefits-human{color:#c9fafd}
#sector-flujo .panel{background:linear-gradient(135deg,#061428ee,#120a27e8);border-color:#4b42a0a3}
#personaliza .personal-hero{position:relative;isolation:isolate;background:linear-gradient(92deg,#040718f9 0%,#050a1dec 52%,#090b1aca),url('assets/visual-servicios.jpg') center 35%/cover}
#personaliza .personal-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 80% 70%,#6d24c03b,transparent 54%)}
#personaliza .adaptive-map{background:linear-gradient(130deg,#08172be5,#130a2be9);border:1px solid #694fb697;border-radius:19px;box-shadow:0 18px 39px #0007}
@media(max-width:1250px){#inicio .hero-grid{grid-template-columns:minmax(320px,.96fr) minmax(380px,1.04fr);gap:22px}#soluciones .industry-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){#inicio .hero-grid{grid-template-columns:1fr;gap:28px;min-height:0;padding:54px 0}#inicio .hero-human{max-width:100%}#soluciones .industry-strip{grid-template-columns:repeat(3,minmax(0,1fr))}#problema .story{grid-template-columns:1fr}#problema .story-art{min-height:300px}#problema .story-content{padding:36px 28px}#como-funciona .three{grid-template-columns:1fr}#casos .case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){#inicio .hero-grid{gap:21px;padding:35px 0}#inicio .hero-copy h1{font-size:clamp(47px,13vw,65px);letter-spacing:-.065em}#inicio .hero-human{border-radius:19px;padding:14px 12px}#inicio .hero-human .human-message{padding:11px;gap:10px}#inicio .hero-human .human-message strong{font-size:12px}#inicio .hero-human .human-message div>span{font-size:10px}#inicio .hero-human .human-engine .organic-hub{flex-basis:89px;width:89px!important;transform:scale(.73);margin:-10px -7px!important}#inicio .hero-human .human-engine strong{font-size:12px}#inicio .human-journey-head .journey-proof{display:none}#soluciones .industry-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#soluciones .industry-tile{min-height:245px}#soluciones .industry-tile .industry-preview{height:141px!important;min-height:141px!important}#soluciones .industry-tile .tile-text{min-height:105px}#problema .dispersed{padding:19px;gap:8px}#problema .story-resolution{margin:10px 19px}#casos .case-grid{grid-template-columns:1fr}#casos .case{min-height:285px}}
@media(prefers-reduced-motion:reduce){#soluciones .industry-tile .industry-preview img{transition:none}}

#soluciones .industry-tile .industry-preview .industry-photo{display:block;width:100%;height:100%;background-size:cover;background-position:center;filter:brightness(.73) saturate(.94) contrast(1.09);transform:scale(1.02);transition:filter .36s ease,transform .36s ease}
#soluciones .industry-tile:hover .industry-preview .industry-photo{filter:brightness(.90) saturate(1.07);transform:scale(1.10)}
#soluciones .photo-tatuajes{background-image:url('assets/visual-tatuajes.jpg')}
#soluciones .photo-restaurantes{background-image:url('assets/visual-restaurantes.jpg')}
#soluciones .photo-pastelerias{background-image:url('assets/visual-pastelerias.jpg')}
#soluciones .photo-clinicas{background-image:url('assets/visual-clinicas.jpg')}
#soluciones .photo-hoteles{background-image:url('assets/visual-hoteles.jpg')}
#soluciones .photo-ecommerce{background-image:url('assets/visual-ecommerce.jpg')}
#soluciones .photo-servicios{background-image:url('assets/visual-servicios.jpg')}
@media(prefers-reduced-motion:reduce){#soluciones .industry-tile .industry-preview .industry-photo{transition:none}}

/* Sector cinematográfico: protagonistas humanos, no inventario de CRM. */
#sectorTop::before{background:linear-gradient(103deg,rgba(3,7,20,.96) 0%,rgba(4,9,21,.67) 40%,rgba(4,9,20,.70) 100%),var(--scene) center 42%/cover;filter:saturate(1.2) brightness(1.2)}
#sectorTop .sector-ambient{min-height:205px;border:1px solid #5b4ca69c;border-left:3px solid var(--accent);border-radius:21px;box-shadow:0 16px 42px #0008,0 0 28px #4e27a324;background:linear-gradient(99deg,rgba(5,9,24,.97) 0%,rgba(7,12,29,.88) 40%,rgba(10,12,29,.41) 100%),var(--scene) right 42%/cover;backdrop-filter:blur(9px);padding:27px 33px}
#sectorTop .sector-ambient::before{content:'';position:absolute;right:0;top:0;bottom:0;width:38%;background:linear-gradient(90deg,#0a0e1e00,#0a0e1e25);pointer-events:none}
#sectorTop .sector-ambient h2{font-size:clamp(27px,2.6vw,39px);letter-spacing:-.035em;line-height:1.14;max-width:455px;text-shadow:0 2px 19px #000e}
#sectorTop .sector-ambient p{font-size:14px;max-width:520px;color:#d0e8f5;text-shadow:0 1px 7px #000}
#sectorTop .sector-ambient .ambient-thread{position:relative;z-index:1;align-content:center;gap:7px 12px;max-width:470px;justify-content:flex-end;justify-self:end;padding:18px;border-radius:15px;background:rgba(4,9,22,.53);border:1px solid #595eaf78;backdrop-filter:blur(6px)}
#sectorTop .sector-ambient .ambient-thread span{padding:9px 10px;background:rgba(10,18,39,.85);border:1px solid #5370b075;border-radius:10px;font-size:12px;font-weight:700;box-shadow:0 0 15px #4a36cb22}
#sectorTop .sector-ambient .ambient-thread b{font-size:23px;text-shadow:0 0 11px #a54fff}
#sectorTop .sector-title h1{font-size:clamp(36px,3.6vw,53px);max-width:620px}
#sectorTop .sector-title>p{font-size:15px;line-height:1.74;color:#e4e9f7}
#sectorTop .sidebar{border-radius:16px;border-color:#4251a899;background:linear-gradient(150deg,rgba(6,13,34,.89),rgba(17,9,36,.94));box-shadow:0 18px 42px #0008,0 0 25px #6635df20}
#sectorTop .sidebar h3{font-size:16px}
#sectorTop .phone{box-shadow:0 16px 53px #000c,0 0 35px #792cf851}
@media(max-width:1100px){#sectorTop .sector-ambient .ambient-thread{max-width:unset;justify-self:stretch;justify-content:flex-start;margin-top:22px}#sectorTop .sector-ambient{min-height:220px}}
@media(max-width:740px){#sectorTop .sector-ambient{padding:22px 19px;border-radius:17px;background:linear-gradient(93deg,rgba(5,8,21,.91),rgba(6,8,22,.63)),var(--scene) center/cover}#sectorTop .sector-ambient .ambient-thread{gap:7px;padding:10px;flex-wrap:wrap}#sectorTop .sector-ambient .ambient-thread span{font-size:11px;padding:8px 9px}#sectorTop .sector-ambient .ambient-thread b{font-size:17px}#sectorTop .sector-ambient h2{font-size:28px}}

/* Pantallas pequeñas: corregir ancho real, scroll lateral y espacio vacío de V3. */
@media(max-width:740px){
 html,body{max-width:100%;overflow-x:clip}
 .container{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;min-width:0}
 .navin{gap:10px;max-width:100%;min-width:0;justify-content:space-between}
 .navin .mark{font-size:20px;flex-shrink:0;letter-spacing:-1px}
 .navin .mark small{font-size:5.5px;letter-spacing:.85px}
 .navin>.cta{display:none}
 .menu-toggle{display:block!important;flex:0 0 auto;margin-left:auto}
 .navmenu{min-width:0}
 #inicio .hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:100%;min-height:0;gap:22px;padding:35px 0 43px!important}
 #inicio .hero-grid>*{min-width:0;max-width:100%;width:100%}
 #inicio .hero-copy{padding-top:10px!important;margin:0!important;min-width:0}
 #inicio .hero-copy h1{font-size:clamp(48px,12.1vw,70px);line-height:.97;letter-spacing:-.07em;max-width:100%;overflow-wrap:normal}
 #inicio .hero-copy>p{font-size:15px;line-height:1.65;max-width:100%;overflow-wrap:break-word}
 #inicio .hero-copy .actions{gap:9px}
 #inicio .hero-copy .actions .cta,#inicio .hero-copy .actions .outline{padding:12px 14px;font-size:12px;max-width:100%}
 #inicio .hero-copy .benefits{flex-wrap:wrap;gap:11px 16px}
 #inicio .hero-human{margin:0!important;justify-self:stretch;align-self:start;min-width:0!important;max-width:100%!important;width:100%!important;overflow:hidden}
 #inicio .hero-human .human-message{min-width:0}
 #inicio .hero-human .human-message>div,#inicio .hero-human .human-engine>div{min-width:0;overflow-wrap:break-word}
 #inicio .human-engine .organic-hub{flex-shrink:0}
 #inicio .hero-human .human-journey-head{min-width:0}
 #inicio.cinema::before{background:linear-gradient(90deg,rgba(3,7,20,.94),rgba(3,7,20,.58)),linear-gradient(0deg,#050914 0%,transparent 45%),url('assets/main-scene.webp') center top/cover;opacity:.62}
 #problema .story-art,#problema .story-content{max-width:100%;min-width:0}
 #problema .story-content h2{overflow-wrap:break-word;font-size:clamp(28px,7.7vw,40px)}
 #soluciones .industry-strip{min-width:0}
 #soluciones .industry-tile{min-width:0}
 #soluciones .industry-tile .tile-text{overflow-wrap:break-word}
 #sectorTop .sector-grid{padding-top:18px!important}
 #sectorTop .sector-ambient{max-width:100%;min-width:0}
 #sectorTop .sector-title{width:100%;min-width:0}
 #sectorTop .sector-title h1{overflow-wrap:break-word}
 .home-connect{min-width:0}
 .orbit{overflow:hidden;max-width:100%}
}
@media(max-width:410px){
 #inicio .hero-copy h1{font-size:clamp(45px,12vw,52px)}
 #inicio .human-journey-head .overline{font-size:9px}
 #inicio .hero-human .human-message strong{font-size:12px}
 #inicio .hero-human .human-engine{gap:5px;padding:5px}
 #inicio .hero-human .human-engine .organic-hub{flex:0 0 80px;width:80px!important;transform:scale(.65);margin:-12px -7px!important}
 #inicio .hero-human .human-engine strong{font-size:11px}
 #inicio .hero-human .journey-index{width:34px;flex-basis:34px;height:34px}
 #inicio .hero-copy .actions>a{flex:0 1 auto}
 #inicio .hero-copy .actions>a:nth-child(3){flex-basis:100%;justify-self:start;width:max-content}
}

/* CLEAN HERO: photographic owner, no screenshot or baked-in text, GOURA elements remain DOM. */
#inicio.cinema::before{
 background-image:linear-gradient(90deg,rgba(2,6,19,.94) 0%,rgba(3,7,22,.83) 28%,rgba(5,8,27,.27) 59%,rgba(6,4,21,.33) 100%),linear-gradient(0deg,#040919 0%,transparent 54%),radial-gradient(ellipse at 71% 38%,rgba(164,38,242,.17),transparent 46%),url('assets/hero-clean-005.jpg');
 background-size:cover,cover,cover,cover;
 background-position:center,center,center,center 45%;
 background-repeat:no-repeat;
 filter:saturate(1.28) contrast(1.06) brightness(1.2);
 opacity:.98;
}
#inicio.cinema::after{background:radial-gradient(circle at 75% 46%,#bd1ffa28,transparent 32%),radial-gradient(circle at 60% 75%,#069edc16,transparent 42%);pointer-events:none}
@media(max-width:740px){
 #inicio.cinema::before{
  background-image:linear-gradient(180deg,#050917eb 0%,#050917d9 34%,#050917da 66%,#050917eb 100%),radial-gradient(ellipse at 66% 40%,#6b22a71f,transparent 55%),url('assets/hero-clean-005.jpg');
  background-position:center,center,70% center;
  background-size:cover,cover,auto 100%;
  background-repeat:no-repeat;
  opacity:.9;
 }
}