/* ==========================================================
   Enfoque empresas + personas · 18/10/2026
   Laboratorio (Radar SCT), galería animada, aulas, IA desde Cero.
   Copia previa: version-antes-copy-empresas-2026-10-18/
   ========================================================== */

/* Huecos pendientes: muy visibles a propósito, para no publicarlos sin querer */
.pending-mark{display:inline-block;padding:10px 14px;border:2px dashed #7d133a;border-radius:10px;background:repeating-linear-gradient(-45deg,#f5ecc2 0 10px,#fafaf7 10px 20px);color:#7d133a!important;font:800 11px/1.5 Raleway,sans-serif;letter-spacing:.4px;text-transform:none}

/* Cuarta carpeta de servicios */
.service-folder:nth-child(4){--folder-color:#a7d4e4;background:var(--folder-color)}
.service-folder:nth-child(4) .folder-heading{color:#7d133a}
.service-folder:nth-child(4):before{left:auto!important;right:65px}
.service-folder:nth-child(4){z-index:4}

/* ---------- Laboratorio: Sistemas y Copiadoras ---------- */
.lab{background:#fafaf7}
.lab-case{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px 60px;align-items:center}
.lab-tag{display:inline-block;font:800 10px/1.4 Raleway;letter-spacing:1.6px;text-transform:uppercase;background:#a7d4e4;color:#191919;padding:7px 12px;border-radius:30px}
.lab-copy h3{font-size:clamp(44px,5vw,70px);margin:18px 0 10px}
.lab-steps{margin:0 0 26px;display:grid;gap:18px}
.lab-steps div{border-top:1px solid #7d133a30;padding-top:14px}
.lab-steps dt{font:800 10px/1.4 Raleway;letter-spacing:1.8px;text-transform:uppercase;color:#7d133a;margin-bottom:6px}
.lab-steps dd{margin:0;font-size:15px;color:#191919}
.lab-visual{margin:0;transform:rotate(1.5deg)}
.lab-visual img{display:block;width:100%!important;height:auto!important}
.lab-visual figcaption{font:11px/1.5 Raleway;padding:10px 15px 12px;color:#191919}
.lab-more{grid-column:2;justify-self:end}
.lab-hand{text-align:center;margin:55px 0 0;font-size:30px}

/* ---------- Galería animada «Lo que he creado» ---------- */
.gallery{background:#7d133a;color:#fafaf7;position:relative}
.gallery-pin{padding:85px 0 60px;overflow:hidden}
.gallery-head{padding-top:0;padding-bottom:40px}
.gallery-head h2{color:#fafaf7!important;margin:12px 0}
.gallery-head .eyebrow{color:#f5ecc2!important}
.gallery-head p{max-width:420px;color:#fafaf7!important;font-size:14px}
.gallery-window{overflow:hidden}
.gallery-track{list-style:none;margin:0;padding:20px max(50px,calc((100vw - 1240px)/2 + 50px)) 30px;display:flex;gap:48px;width:max-content;will-change:transform}
.g-item{width:min(60vw,760px);flex:none;transform:translateY(var(--gy,0px)) rotate(var(--gr,0deg))}
.g-item .screen-mockup{margin:0;background:#fafaf7;border-color:#fafaf740;box-shadow:0 30px 60px #0000004d}
.g-item img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}
.g-item p{margin:18px 0 0;color:#fafaf7!important;font-size:13px}
.g-item p b{display:block;font:400 28px/1.15 'DM Serif Display',Georgia,serif;color:#f5ecc2}
.g-slot{aspect-ratio:16/9;display:grid;place-items:center;padding:30px;background:#fafaf7}
.gallery-hand{color:#f5ecc2!important;margin:30px auto 0;padding-top:0!important;padding-bottom:0!important}
/* modo con scroll: la sección se fija y la tira se desplaza en horizontal */
.gallery.g-pinned .gallery-pin{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0}
.gallery.g-pinned .gallery-head{padding-bottom:20px}

/* ---------- Aulas y testimonios ---------- */
.classroom-facts{list-style:none;margin:0 0 50px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.classroom-facts li{border-top:2px solid #7d133a;padding-top:16px}
.classroom-facts b{display:block;font:400 26px/1.15 'DM Serif Display',Georgia,serif;color:#7d133a}
.classroom-facts span{font-size:13px;color:#191919}
.classroom-facts .fact-pending{border-top-style:dashed}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.quote{margin:0;background:#f5ecc2;border-radius:18px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:220px}
.quote:nth-child(2){background:#a7d4e4;transform:translateY(24px)}
.quote blockquote{margin:0;font:400 22px/1.35 'DM Serif Display',Georgia,serif;color:#7d133a}
.quote figcaption{font:800 10px/1.4 Raleway;letter-spacing:1.4px;text-transform:uppercase;color:#191919}

/* ---------- IA desde Cero ---------- */
.weekly{background:#f5ecc2}
.weekly-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.weekly-copy h2{font-size:clamp(46px,6vw,84px);margin:12px 0 18px}
.weekly-lead{font-size:19px!important;line-height:1.6;max-width:520px}
.weekly-copy p{max-width:480px;font-size:15px}
.weekly-btn{margin-top:14px;background:#7d133a;color:#fafaf7!important}
.weekly-note{font-size:12px!important;opacity:.8;margin-top:14px}
.weekly-phone{justify-self:center;width:min(340px,100%);border:10px solid #191919;border-radius:38px;background:#efe7dc;overflow:hidden;box-shadow:24px 24px 0 #a7d4e4;transform:rotate(3deg)}
.wp-head{display:flex;gap:12px;align-items:center;background:#7d133a;color:#fafaf7;padding:16px 18px}
.wp-head b{display:block;font-size:14px}.wp-head small{font-size:11px;opacity:.8}
.wp-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f5ecc2;color:#7d133a;font:20px/1 'DM Serif Display',serif}
.wp-chat{padding:22px 16px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:330px}
.wp-day{align-self:center;font:800 9px/1 Raleway;letter-spacing:1.5px;background:#fafaf7;color:#191919;padding:7px 12px;border-radius:12px}
.wp-bubble{background:#fafaf7;border-radius:4px 16px 16px 16px;padding:14px 16px 10px;width:88%;box-shadow:0 2px 0 #0000000f}
.wp-bubble b{display:block;font-size:13px;color:#7d133a;margin-bottom:12px}
.wp-bubble i{display:block;height:6px;border-radius:4px;background:#7d133a22;margin:9px 0}
.wp-bubble i.short{width:62%}
.wp-bubble small{display:block;text-align:right;font-size:10px;color:#4f9fbd;margin-top:10px}
.wp-caption{align-self:center;font-size:10px;color:#191919;opacity:.6;margin-top:auto}

/* Contacto: alternativa sin compromiso */
.contact-alt{font-size:14px}
.contact-alt a{text-decoration:underline;text-underline-offset:4px;font-weight:700}

/* ---------- Móvil ---------- */
@media(max-width:800px){
  .lab-case{grid-template-columns:1fr}
  .lab-visual{transform:none}
  .lab-more{grid-column:1;justify-self:start}
  .lab-hand{font-size:24px;margin-top:35px}
  .gallery-pin{padding:55px 0 40px}
  .gallery-window{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .gallery-track{padding:10px 24px 20px;gap:20px}
  .g-item{width:82vw;scroll-snap-align:center;transform:none}
  .g-item p b{font-size:23px}
  .classroom-facts{grid-template-columns:1fr 1fr}
  .quotes{grid-template-columns:1fr}
  .quote:nth-child(2){transform:none}
  .weekly-grid{grid-template-columns:1fr;gap:45px}
  .weekly-phone{transform:rotate(2deg);box-shadow:14px 14px 0 #a7d4e4}
  .service-folder:nth-child(4):before{right:28px}
}
@media(prefers-reduced-motion:reduce){
  .g-item{transform:none!important;transition:none}
  .gallery-window{overflow-x:auto}
  .lab-visual,.weekly-phone{transform:none}
}

/* Ajustes de la galería fijada: cabecera compacta y capturas que caben en pantalla */
/* la captura del portal trae la barra del navegador: se recorta por arriba */
.g-crop-top{position:relative;aspect-ratio:16/9;overflow:hidden;background:#e8e6e2}
.g-item .g-crop-top img{position:absolute;top:-19%;left:0;width:100%;height:auto;aspect-ratio:auto;object-fit:initial}
.g-item .screen-mockup{overflow:hidden}
@media(min-width:801px){
  .gallery.g-pinned .gallery-head{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-bottom:10px}
  .gallery.g-pinned .gallery-head h2{font-size:clamp(34px,3.6vw,48px)}
  .gallery.g-pinned .gallery-head{flex-wrap:wrap;row-gap:0}
  .gallery.g-pinned .gallery-head .eyebrow{flex-basis:100%}
  .gallery.g-pinned .g-item{width:min(56vw,calc((100vh - 400px)*1.7))}
  .gallery.g-pinned .gallery-hand{margin-top:6px;font-size:24px}
}

/* Miniaturas del Radar bajo el caso */
.lab-more{grid-column:1/-1;justify-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:10px}
.lab-more .screen-mockup{margin:0}
.lab-more img{display:block;width:100%!important;height:auto!important}
.lab-more figcaption{font:11px/1.5 Raleway;padding:10px 15px 12px;color:#191919}
.lab-more figure:nth-child(1){transform:rotate(-1deg)}.lab-more figure:nth-child(2){transform:rotate(1deg) translateY(18px)}
@media(max-width:800px){.lab-more{grid-template-columns:1fr}.lab-more figure{transform:none!important}}

/* Capturas completas: sin recortar por los lados (antes se forzaba 16:9 y se cortaban) */
.g-item img{aspect-ratio:auto!important;height:auto!important;object-fit:contain}
.gallery-track{align-items:flex-start}
@media(min-width:801px){.gallery.g-pinned .g-item{width:min(58vw,calc((100vh - 380px)*1.95))}}