*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#071c3c;line-height:1.45}.wrap{width:min(1180px,92%);margin:auto}.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #dbe5ee}.nav{height:78px;display:flex;align-items:center;gap:28px}.logo img{width:220px;display:block}.nav nav{margin-left:auto;display:flex;gap:27px}.nav nav a,.footerGrid nav a{font-size:14px;font-weight:750;color:#071c3c;text-decoration:none}.hamb{display:none;border:0;background:none;font-size:28px}.wa,.outline,.blueBtn{text-decoration:none;font-weight:800;border-radius:28px;display:inline-flex;align-items:center;justify-content:center}.wa{background:#12cc63;color:#fff}.navwa{padding:9px 20px;flex-direction:column;font-size:12px}.navwa b{font-size:14px}.hero{background:radial-gradient(circle at 68% 40%,#075879 0,#032c48 30%,#00172b 72%);color:#fff;overflow:hidden}.heroGrid{min-height:520px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center}.kicker{display:block;color:#00b7ef;font-size:12px;font-weight:900;letter-spacing:1.4px;margin-bottom:8px}.hero h1{font-size:50px;line-height:1.04;margin:0 0 17px;max-width:650px}.hero h1 em{font-style:normal}.heroText>p{font-size:19px;color:#d8e8f2;max-width:650px}.heroBtns{display:flex;gap:14px;margin:27px 0 35px}.primary{padding:13px 23px}.outline{border:1px solid #c8d9e5;color:#fff;padding:12px 22px}.proof{display:flex;gap:28px}.proof>div{display:flex;gap:9px;color:#00b7ef}.proof span{display:flex;flex-direction:column;color:#fff;font-size:13px}.proof small{color:#b8ccda}.visual{height:420px;position:relative;display:grid;place-items:center}.laptop{width:78%;filter:drop-shadow(0 28px 32px #0009);transform:perspective(900px) rotateY(-8deg)}.screen{aspect-ratio:1.58;background:linear-gradient(145deg,#031932,#00101d);border:10px solid #07121e;border-radius:11px;display:grid;place-items:center}.screen img{width:75%;filter:brightness(0) invert(1);opacity:.92}.base{height:18px;background:linear-gradient(#a9b2ba,#606b74);clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);border-radius:0 0 8px 8px}.tag{position:absolute;right:0;top:95px;font-size:20px;font-style:italic;line-height:1.5;color:#e8f7ff;transform:rotate(-4deg)}.section{padding:56px 0}.titleRow{display:flex;justify-content:space-between;align-items:center}.titleRow h2,.companies h2,.process h2,.about h2,.contact h2{font-size:34px;line-height:1.1;margin:0 0 20px}.titleRow a{color:#00a9e8;text-decoration:none;font-weight:800}.serviceGrid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:28px}.serviceGrid article{text-align:center;padding:10px 19px;border-right:1px solid #d9e2e9}.serviceGrid article:last-child{border:0}.serviceGrid i{font-style:normal;font-size:34px;font-weight:900;color:#05aef0}.serviceGrid .ssd{font-size:18px;border:2px solid #05aef0;border-radius:4px;padding:3px}.serviceGrid h3{font-size:15px}.serviceGrid p,.process p,.about p{font-size:14px;color:#52687d}.companies{background:linear-gradient(105deg,#00233d,#003653 66%,#001b30);color:#fff;padding:55px 0}.companyGrid{display:grid;grid-template-columns:1.7fr .8fr;gap:80px;align-items:center}.companies p{color:#d0e0eb}.blueBtn{background:#09b7ee;color:#05223a;padding:12px 22px;margin-top:10px}.checks{display:flex;flex-direction:column}.checks span{padding:10px 0;border-bottom:1px solid #ffffff20}.stepGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.stepGrid article{display:flex;gap:16px}.stepGrid b{flex:0 0 40px;height:40px;border-radius:50%;background:#08b2ee;color:#fff;display:grid;place-items:center}.stepGrid h3{margin:0;font-size:16px}.stepGrid p{margin:6px 0}.about{background:#f4f7fa}.aboutGrid{display:grid;grid-template-columns:1fr .8fr .9fr;gap:24px;align-items:stretch}.techPanel,.where{background:#062942;color:#fff;border-radius:12px;padding:28px}.techPanel{display:flex;flex-direction:column;justify-content:center}.techPanel span{color:#00b9f2;font-weight:900}.techPanel strong{font-size:26px}.techPanel small{margin-top:14px;color:#bfd2df}.where p{color:#c6d8e3}.contact{background:#062942;color:#fff;padding:32px 0}.contactGrid{display:grid;grid-template-columns:1.2fr auto 1fr;gap:30px;align-items:center}.contact h2{font-size:25px;margin-bottom:3px}.contact p{margin:0;color:#c8d8e3}.contact .primary{flex-direction:column}.links{display:flex;flex-direction:column;gap:7px}.links a{color:#fff;text-decoration:none}footer{background:#fff;padding:28px 0 18px}.footerGrid{display:flex;align-items:center;justify-content:space-between;gap:30px}.footerGrid img{width:205px}.footerGrid nav{display:flex;gap:22px}.legal{border-top:1px solid #dbe4eb;margin-top:22px;padding-top:14px;font-size:12px;color:#65798a}.floatWa{position:fixed;right:20px;bottom:20px;width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:#12cc63;color:#fff;text-decoration:none;font-size:28px;box-shadow:0 10px 30px #0005;z-index:30}
@media(max-width:860px){.nav{height:68px}.logo img{width:175px}.hamb{display:block;margin-left:auto}.navwa{display:none}.nav nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:20px 4%;flex-direction:column;box-shadow:0 12px 22px #0002}.nav nav.open{display:flex}.heroGrid{grid-template-columns:1fr;padding-top:50px}.hero h1{font-size:38px}.heroText>p{font-size:17px}.heroBtns{flex-direction:column}.proof{justify-content:space-between;gap:8px}.proof>div{display:block;text-align:center;font-size:12px}.proof span{font-size:11px}.visual{height:265px}.laptop{width:74%}.tag{display:none}.serviceGrid{grid-template-columns:1fr}.serviceGrid article{display:grid;grid-template-columns:55px 1fr;text-align:left;border:0;border-bottom:1px solid #dbe4eb;padding:12px 6px}.serviceGrid i{grid-row:1/3;align-self:center}.serviceGrid h3,.serviceGrid p{margin:2px 0}.companyGrid,.aboutGrid,.contactGrid{grid-template-columns:1fr;gap:24px}.stepGrid{grid-template-columns:1fr}.footerGrid{flex-direction:column;text-align:center}.footerGrid nav{flex-wrap:wrap;justify-content:center}.titleRow h2,.companies h2,.process h2,.about h2{font-size:28px}.section{padding:42px 0}}
@media(max-width:480px){.hero h1{font-size:34px}.proof small{display:none}.visual{height:225px}.laptop{width:88%}.footerGrid nav{font-size:12px}.floatWa{width:53px;height:53px}}
/* FullCore v1 */
.screen img{filter:none;opacity:1}
.floatWa{bottom:92px}
.fullcore-launcher{position:fixed;right:20px;bottom:20px;z-index:61;border:0;border-radius:30px;background:#071c3c;color:#fff;box-shadow:0 12px 32px #0005;padding:8px 15px 8px 8px;display:flex;align-items:center;gap:9px;cursor:pointer;font:inherit}.fc-botmark,.fc-avatar{display:grid;place-items:center;background:linear-gradient(145deg,#00c6ff,#0077c8);color:#fff;font-weight:900}.fc-botmark{width:40px;height:40px;border-radius:50%;font-size:12px}.fc-launcher-text{display:flex;flex-direction:column;text-align:left;line-height:1.1}.fc-launcher-text b{font-size:14px}.fc-launcher-text small{font-size:10px;color:#b9d3e4;margin-top:3px}.fullcore-chat{position:fixed;right:20px;bottom:80px;width:min(390px,calc(100vw - 28px));height:min(600px,calc(100vh - 110px));z-index:60;background:#fff;border:1px solid #cddce7;border-radius:18px;box-shadow:0 20px 60px #0006;display:none;overflow:hidden;grid-template-rows:auto 1fr auto auto}.fullcore-chat.open{display:grid}.fc-header{background:linear-gradient(115deg,#062942,#003b5e);color:#fff;padding:14px;display:flex;align-items:center;gap:10px}.fc-avatar{width:42px;height:42px;border-radius:12px;font-size:12px}.fc-header>div:nth-child(2){display:flex;flex-direction:column;flex:1}.fc-header strong{font-size:16px}.fc-header span{font-size:11px;color:#c8e0ed}.fc-header i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#19d46b}.fc-header button{border:0;background:none;color:#fff;font-size:27px;cursor:pointer}.fc-messages{padding:16px;overflow:auto;background:#f4f7fa;display:flex;flex-direction:column;gap:10px}.fc-msg{max-width:84%;padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.42}.fc-msg.bot{align-self:flex-start;background:#fff;color:#18364d;border:1px solid #dbe6ed;border-bottom-left-radius:4px}.fc-msg.user{align-self:flex-end;background:#087fb4;color:#fff;border-bottom-right-radius:4px}.fc-actions{padding:0 12px 10px;background:#f4f7fa;display:flex;flex-wrap:wrap;gap:7px}.fc-actions button{border:1px solid #08aee9;background:#fff;color:#006b98;border-radius:18px;padding:8px 10px;font-size:12px;font-weight:750;cursor:pointer}.fc-actions button:hover{background:#e8f8fe}.fc-input{display:flex;border-top:1px solid #dbe5ec;background:#fff;padding:10px}.fc-input input{flex:1;border:0;outline:0;font:inherit;font-size:13px;padding:7px}.fc-input button{width:36px;height:36px;border:0;border-radius:50%;background:#08afe9;color:#fff;font-size:18px;cursor:pointer}.fc-footer{text-align:center;font-size:10px;color:#708493;padding:5px;background:#fff}
@media(max-width:480px){.fullcore-launcher{right:14px;bottom:14px}.floatWa{right:14px;bottom:82px}.fullcore-chat{right:7px;bottom:72px;width:calc(100vw - 14px);height:calc(100vh - 90px);border-radius:15px}.fc-launcher-text{display:none}.fullcore-launcher{padding:7px}.fc-botmark{width:43px;height:43px}}
/* Ajuste solicitado: pantalla clara para que el logo oficial conserve contraste */
.screen{background:#fff}
.screen img{filter:none;opacity:1}

/* Ajuste solicitado: frase del hero en color oscuro */
.tag{color:#071c3c;}

/* Ajuste solicitado: slogan dentro de la pantalla de la notebook */
.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:22px 18px;}
.screen img{width:72%;max-height:54%;object-fit:contain;}
.screenTag{color:#071c3c;font-size:18px;font-weight:800;font-style:italic;line-height:1.25;text-align:center;max-width:82%;}
@media(max-width:860px){.screen{gap:8px;padding:14px 12px}.screenTag{font-size:13px;max-width:88%}}
@media(max-width:480px){.screen{gap:6px;padding:10px 8px}.screenTag{font-size:11px;max-width:90%}}


/* =========================================================
   HERO FOTOGRÁFICO — Full Soporte
   Fondo basado en el taller elegido por el cliente.
   El texto permanece en HTML para conservar legibilidad,
   accesibilidad, SEO y adaptación responsive.
   ========================================================= */
.hero{
  position:relative;
  isolation:isolate;
  background:#031b31 url("assets/hero-full-soporte-workshop.png") center center/cover no-repeat;
  color:#fff;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,
    rgba(0,15,31,.94) 0%,
    rgba(0,20,39,.88) 27%,
    rgba(0,22,42,.64) 43%,
    rgba(0,20,38,.18) 63%,
    rgba(0,16,31,.05) 100%);
}
.hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:110px;
  z-index:-1;
  background:linear-gradient(0deg,rgba(0,11,24,.34),transparent);
  pointer-events:none;
}
.heroGrid{
  min-height:590px;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  position:relative;
}
.heroText{
  max-width:660px;
  padding:58px 0 54px;
  text-shadow:0 2px 16px rgba(0,0,0,.22);
}
.kicker{
  color:#28c7ff;
  letter-spacing:1.6px;
  text-shadow:0 1px 12px rgba(0,0,0,.5);
}
.hero h1{
  font-size:52px;
  max-width:650px;
  text-wrap:balance;
}
.heroText>p{
  color:#eef7fc;
  max-width:625px;
  text-shadow:0 2px 14px rgba(0,0,0,.5);
}
.hero .outline{
  background:rgba(3,24,43,.42);
  border-color:rgba(255,255,255,.62);
  backdrop-filter:blur(6px);
}
.hero .outline:hover{background:rgba(255,255,255,.12)}
.hero .proof{
  max-width:650px;
  padding-top:4px;
}
.hero .proof>div{
  padding:8px 12px 8px 0;
  border-right:1px solid rgba(255,255,255,.18);
}
.hero .proof>div:last-child{border-right:0}
.hero .proof small{color:#d1e3ee}
.heroVisual{min-height:100%;pointer-events:none}

@media(max-width:860px){
  .hero{
    background-position:66% center;
  }
  .hero::before{
    background:linear-gradient(90deg,
      rgba(0,15,31,.96) 0%,
      rgba(0,19,37,.91) 55%,
      rgba(0,19,37,.54) 100%);
  }
  .heroGrid{
    min-height:610px;
    grid-template-columns:1fr;
    padding-top:0;
  }
  .heroText{
    max-width:620px;
    padding:68px 0 54px;
  }
  .hero h1{font-size:42px;max-width:570px}
  .heroVisual{display:none}
}

@media(max-width:560px){
  .hero{
    background-position:64% center;
  }
  .hero::before{
    background:linear-gradient(180deg,
      rgba(0,15,31,.92) 0%,
      rgba(0,18,36,.90) 54%,
      rgba(0,18,36,.82) 100%);
  }
  .heroGrid{min-height:640px}
  .heroText{padding:52px 0 42px}
  .hero h1{font-size:37px;line-height:1.03}
  .heroText>p{font-size:16px}
  .heroBtns{margin:24px 0 28px}
  .proof{align-items:flex-start}
}

/* Empresas: fondo fotográfico integrado */
.companies{position:relative;background-image:linear-gradient(90deg,rgba(0,20,38,.94) 0%,rgba(0,31,53,.82) 42%,rgba(0,30,50,.58) 68%,rgba(0,19,34,.72) 100%),url('assets/empresas-background.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat;min-height:350px;display:flex;align-items:center;text-shadow:0 1px 2px rgba(0,0,0,.22)}
.companies .companyGrid{position:relative;z-index:1;width:min(1180px,92%)}
.companies .checks{background:rgba(1,25,43,.38);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(3px);padding:8px 18px;border-radius:12px}

/* WhatsApp: icono oficial reconocible */
.floatWa{color:#fff}.floatWa svg{width:31px;height:31px;display:block}

/* FullCore: avatar robot */
.fc-botmark,.fc-avatar{overflow:hidden;padding:0;background:#062942}
.fc-botmark img,.fc-avatar img{width:100%;height:100%;object-fit:cover;object-position:22% 56%;display:block}
.fc-botmark{width:44px;height:44px}
.fc-avatar{width:44px;height:44px;border-radius:50%}

@media(max-width:860px){.companies{background-position:63% center}.companies:before{content:"";position:absolute;inset:0;background:rgba(0,24,42,.26)}.companies .companyGrid{padding:8px 0}.companies .checks{background:rgba(0,24,42,.7)}}

/* Ajuste final de servicios */
.serviceGrid article{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.serviceGrid i{height:48px;min-height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;line-height:1}
.serviceGrid .ssd{width:50px;height:38px;min-height:38px;margin-top:5px;margin-bottom:13px;padding:0;font-size:17px}
.serviceGrid h3{min-height:44px;margin:0 0 7px;display:flex;align-items:center;justify-content:center}
.serviceGrid p{margin:0}
.serviceGrid .serviceIcon{width:48px;color:#05aef0}
.serviceGrid .serviceIcon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:860px){.serviceGrid article{display:grid;grid-template-columns:55px 1fr;align-items:center;text-align:left}.serviceGrid i,.serviceGrid .ssd{grid-row:1/3;width:48px;height:48px;min-height:48px;margin:0;align-self:center}.serviceGrid .ssd{height:34px;min-height:34px}.serviceGrid h3{min-height:0;margin:2px 0;display:block}.serviceGrid p{margin:2px 0}}

/* FullCore IA v2: acciones de derivación claramente separadas */
.fc-actions{display:flex;flex-wrap:wrap;gap:8px}
.fc-actions button{margin:0}

/* FullCore IA v2.2: derivación clara y CTAs contextuales */
.fc-actions.fc-handoff{display:grid;grid-template-columns:1fr;gap:9px;padding:2px 12px 12px}
.fc-actions.fc-handoff button{width:100%;min-height:40px;border-radius:10px;font-size:12px;text-align:center}
.fc-actions.fc-handoff button:first-child{background:#16a34a;border-color:#16a34a;color:#fff}
.fc-actions.fc-handoff button:first-child:hover{background:#12833c}
.fc-actions.fc-handoff button:last-child{background:#fff;border-color:#08aee9;color:#006b98}


/* FullCore IA v2.2 corregida: handoff en dos controles fisicamente separados */
.fc-actions.fc-handoff{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:4px 12px 12px!important}
.fc-actions.fc-handoff .fc-handoff-primary,.fc-actions.fc-handoff .fc-handoff-secondary{display:block!important;width:100%!important;margin:0!important;min-height:42px!important;white-space:normal!important}
.fc-actions.fc-handoff .fc-handoff-primary{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}
.fc-actions.fc-handoff .fc-handoff-secondary{background:#fff!important;border-color:#08aee9!important;color:#006b98!important}


/* FullCore IA v2.3: cada CTA de derivacion vive en su propia fila DOM */
.fc-actions.fc-handoff .fc-handoff-row{display:block;width:100%;margin:0;padding:0}
.fc-actions.fc-handoff .fc-handoff-row + .fc-handoff-row{margin-top:10px}
.fc-actions.fc-handoff .fc-handoff-row button{display:block!important;width:100%!important;min-height:42px!important;margin:0!important}

/* FullCore V4.1: fuentes web compactas */
.fc-sources{margin-top:8px;padding-top:7px;border-top:1px solid rgba(0,87,160,.14);font-size:11px;line-height:1.5;color:#667085;display:flex;gap:6px;align-items:center;flex-wrap:wrap;max-width:100%}
.fc-sources a{display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 7px;border:1px solid rgba(0,180,255,.35);border-radius:999px;color:#006da8;text-decoration:none;background:#f7fcff}
.fc-sources a:hover{text-decoration:underline}
.fc-sources-toggle{border:0;background:transparent;color:#006da8;font:inherit;padding:2px 4px;cursor:pointer;text-decoration:underline}
.fc-sources-more{width:100%;display:flex;gap:6px;flex-wrap:wrap;padding-top:2px}
.fc-sources-more[hidden]{display:none}
