/* CTRL360 · CÓMO TRABAJAMOS · V1 */
body.page-como-trabajamos{--process-green:#61c832;--process-dark:#06110c}

/* HERO: same MASTER construction as Home / Departamento IT / Consultoría */
body.page-como-trabajamos .process-hero-v1,
body.page-como-trabajamos .process-hero-v1::before,
body.page-como-trabajamos .process-hero-v1::after{background:none!important}
body.page-como-trabajamos .process-hero-v1::before,
body.page-como-trabajamos .process-hero-v1::after{content:none!important;display:none!important}
body.page-como-trabajamos .process-hero-v1{
 position:relative!important;min-height:590px!important;padding:0!important;overflow:hidden!important;
 display:flex!important;align-items:center!important;isolation:isolate!important;background:#06110c!important;color:#fff!important
}
body.page-como-trabajamos .process-hero-photo{
 position:absolute!important;inset:0 0 0 auto!important;width:77%!important;z-index:0!important;
 background:url("photo-como-trabajamos.webp") 56% center/cover no-repeat!important
}
body.page-como-trabajamos .process-hero-shade{
 position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
 background:linear-gradient(90deg,rgba(3,13,8,.99) 0%,rgba(3,13,8,.97) 18%,rgba(3,13,8,.89) 31%,rgba(3,13,8,.69) 43%,rgba(3,13,8,.39) 55%,rgba(3,13,8,.13) 67%,rgba(3,13,8,0) 79%)!important
}
body.page-como-trabajamos .process-hero-inner{
 position:relative!important;z-index:2!important;width:min(var(--max,1180px),calc(100% - 42px))!important;margin:0 auto!important;padding:52px 0 44px!important
}
body.page-como-trabajamos .process-hero-copy{max-width:610px!important}
body.page-como-trabajamos .process-hero-v1 .breadcrumb{margin:0 0 20px!important;color:rgba(255,255,255,.62)!important;font-size:12px!important;font-weight:700!important}
body.page-como-trabajamos .process-hero-v1 .eyebrow{display:inline-flex!important;align-items:center!important;gap:10px!important;color:#74d13d!important;font-size:12px!important;font-weight:900!important;letter-spacing:1.05px!important;text-transform:uppercase!important}
body.page-como-trabajamos .process-hero-v1 .eyebrow::before{content:""!important;width:28px!important;height:1px!important;background:#74d13d!important}
body.page-como-trabajamos .process-hero-v1 h1{max-width:590px!important;margin:14px 0 18px!important;color:#fff!important;font-size:clamp(46px,4vw,60px)!important;line-height:1!important;letter-spacing:-1.9px!important;font-weight:800!important}
body.page-como-trabajamos .process-hero-v1 h1 span{display:block!important;color:#a7db37!important;margin-top:12px!important;font-size:.64em!important;line-height:1.04!important;letter-spacing:-.04em!important}
body.page-como-trabajamos .process-hero-v1>div p,
body.page-como-trabajamos .process-hero-copy>p{max-width:555px!important;margin:0!important;color:rgba(255,255,255,.84)!important;font-size:17px!important;line-height:1.55!important}
body.page-como-trabajamos .process-hero-v1 .hero-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:24px!important}
body.page-como-trabajamos .process-hero-v1 .btn{background:#58c52c!important;border-color:#58c52c!important;color:#fff!important;box-shadow:0 10px 26px rgba(86,196,43,.18)!important}
body.page-como-trabajamos .process-hero-v1 .btn.outline{background:rgba(4,16,10,.30)!important;border-color:rgba(255,255,255,.40)!important;box-shadow:none!important;backdrop-filter:blur(6px)!important}

/* proof strip */
body.page-como-trabajamos .process-proof{display:flex!important;gap:0!important;flex-wrap:wrap!important;margin-top:25px!important}
body.page-como-trabajamos .process-proof span{display:flex!important;flex-direction:column!important;min-width:150px!important;padding:0 18px!important;border:0!important;border-right:1px solid rgba(255,255,255,.16)!important;background:transparent!important;border-radius:0!important;color:#fff!important}
body.page-como-trabajamos .process-proof span:first-child{padding-left:0!important}
body.page-como-trabajamos .process-proof span:last-child{border-right:0!important}
body.page-como-trabajamos .process-proof b{font-size:12px!important;color:#fff!important}
body.page-como-trabajamos .process-proof small{margin-top:3px!important;font-size:12px!important;color:rgba(255,255,255,.60)!important}

/* PROCESS: turn five steps into a connected operating flow */
body.page-como-trabajamos .process-method-v1{background:#fff!important}
body.page-como-trabajamos .process{position:relative!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;margin-top:34px!important;border-top:1px solid #e5ece7!important;border-bottom:1px solid #e5ece7!important}
body.page-como-trabajamos .process::before{content:""!important;position:absolute!important;left:8%!important;right:8%!important;top:43px!important;height:1px!important;background:linear-gradient(90deg,rgba(97,200,50,.15),rgba(97,200,50,.65),rgba(97,200,50,.15))!important}
body.page-como-trabajamos .process .step{position:relative!important;z-index:1!important;padding:28px 22px 26px!important;background:#fff!important;border:0!important;border-right:1px solid #edf1ee!important;border-radius:0!important;box-shadow:none!important}
body.page-como-trabajamos .process .step:last-child{border-right:0!important}
body.page-como-trabajamos .process .step b{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;margin-bottom:17px!important;border-radius:50%!important;background:#fff!important;border:1px solid #71cc42!important;color:#54b829!important;font-size:12px!important;box-shadow:0 0 0 7px #fff!important}
body.page-como-trabajamos .process .step h3{font-size:17px!important;margin:0 0 8px!important}
body.page-como-trabajamos .process .step p{font-size:13px!important;color:#65736c!important;line-height:1.5!important}

/* TIMELINE: stronger operational character */
body.page-como-trabajamos .section.dark{background:linear-gradient(135deg,#07130e,#0a1812)!important}
body.page-como-trabajamos .timeline{position:relative!important}
body.page-como-trabajamos .timeline::before{background:linear-gradient(#61c832,rgba(97,200,50,.15))!important}
body.page-como-trabajamos .timeline-event{border-color:rgba(255,255,255,.10)!important;background:rgba(255,255,255,.025)!important;transition:transform .22s ease,border-color .22s ease,background .22s ease!important}
body.page-como-trabajamos .timeline-event:hover{transform:translateX(4px)!important;border-color:rgba(97,200,50,.38)!important;background:rgba(97,200,50,.045)!important}
body.page-como-trabajamos .timeline-event time{color:#78d447!important}

/* TEAM: replace emoji feel with controlled technical badges */
body.page-como-trabajamos .section.soft{background:#f8faf8!important}
body.page-como-trabajamos .team-card{background:#fff!important;border:1px solid #e8eee9!important;box-shadow:0 12px 30px rgba(28,56,37,.055)!important}
body.page-como-trabajamos .team-avatar{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;border-radius:14px!important;background:#eef8e9!important;border:1px solid #dcebd5!important;color:#56b72c!important;font-size:21px!important}
body.page-como-trabajamos .team-card blockquote{border-left-color:#66c737!important;color:#65736c!important}

@media(max-width:1050px){
 body.page-como-trabajamos .process-hero-photo{width:84%!important;background-position:64% center!important}
 body.page-como-trabajamos .process{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 body.page-como-trabajamos .process::before{display:none!important}
}
@media(max-width:760px){
 body.page-como-trabajamos .process-hero-v1{min-height:auto!important}
 body.page-como-trabajamos .process-hero-photo{width:100%!important;background-position:70% center!important}
 body.page-como-trabajamos .process-hero-shade{background:linear-gradient(180deg,rgba(3,13,8,.03) 0%,rgba(3,13,8,.10) 10%,rgba(3,13,8,.25) 20%,rgba(3,13,8,.50) 30%,rgba(3,13,8,.80) 35%,rgba(3,13,8,.95) 45%,rgba(3,13,8,.99) 58%,rgba(3,13,8,1) 75%)!important}
 body.page-como-trabajamos .process-hero-inner{padding:218px 0 60px!important}
 body.page-como-trabajamos .process-hero-v1 .breadcrumb{position:absolute!important;top:20px!important;left:0!important;margin:0!important}
 body.page-como-trabajamos .process-hero-v1 .eyebrow{color:#a7db37!important}
 body.page-como-trabajamos .process-hero-v1 h1{font-size:clamp(42px,13vw,62px)!important;line-height:.98!important;letter-spacing:-.055em!important}
 body.page-como-trabajamos .process-hero-v1 h1 span{font-size:.58em!important}
 body.page-como-trabajamos .process-hero-v1>div p,
 body.page-como-trabajamos .process-hero-copy>p{font-size:16px!important;line-height:1.62!important;color:#e2ece6!important;text-shadow:0 2px 15px rgba(0,0,0,.45)!important}
 body.page-como-trabajamos .process-proof span{width:100%!important;padding:9px 0!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
 body.page-como-trabajamos .process{grid-template-columns:1fr!important}
 body.page-como-trabajamos .process .step{border-right:0!important;border-bottom:1px solid #edf1ee!important}
}


/* =========================================================
   CÓMO TRABAJAMOS · V2
   Full-page layout QA and consolidation
   ========================================================= */

/* General vertical rhythm */
body.page-como-trabajamos .section{
  padding-top:76px !important;
  padding-bottom:76px !important;
}
body.page-como-trabajamos .section-head{
  margin-bottom:30px !important;
}
body.page-como-trabajamos .section-head h2{
  max-width:860px !important;
  margin-bottom:10px !important;
}
body.page-como-trabajamos .section-head p{
  max-width:760px !important;
}

/* ---------------------------------------------------------
   METHOD · 5 steps
   --------------------------------------------------------- */
body.page-como-trabajamos .process-method-v1{
  padding-top:72px !important;
  padding-bottom:72px !important;
}
body.page-como-trabajamos .process-method-v1 .section-head{
  max-width:880px !important;
  margin-bottom:30px !important;
}
body.page-como-trabajamos .process-method-v1 .section-head h2{
  font-size:clamp(38px,3.6vw,56px) !important;
  line-height:1.03 !important;
  letter-spacing:-1.5px !important;
}
body.page-como-trabajamos .process-method-v1 .section-head p{
  font-size:17px !important;
  line-height:1.55 !important;
  color:#65736c !important;
}

/* Compact, balanced, readable horizontal flow */
body.page-como-trabajamos .process{
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:0 !important;
  margin-top:28px !important;
  border-top:1px solid #e5ece7 !important;
  border-bottom:1px solid #e5ece7 !important;
  min-height:245px !important;
}
body.page-como-trabajamos .process::before{
  content:none !important;
  display:none !important;
}
body.page-como-trabajamos .process .step{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:14px !important;
  align-content:start !important;
  min-height:245px !important;
  padding:22px 20px 24px !important;
  background:#fff !important;
  border:0 !important;
  border-right:1px solid #edf1ee !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body.page-como-trabajamos .process .step:last-child{
  border-right:0 !important;
}
body.page-como-trabajamos .process .step b{
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:start !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  height:42px !important;
  margin:0 !important;
  border-radius:50% !important;
  background:#eaf7ef !important;
  border:0 !important;
  color:#15844e !important;
  font-size:15px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
body.page-como-trabajamos .process .step h3{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:center !important;
  margin:0 !important;
  font-size:17px !important;
  line-height:1.2 !important;
}
body.page-como-trabajamos .process .step p{
  grid-column:1 / -1 !important;
  grid-row:2 !important;
  margin:24px 0 0 !important;
  max-width:170px !important;
  color:#65736c !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

/* ---------------------------------------------------------
   INCIDENT TIMELINE
   --------------------------------------------------------- */
body.page-como-trabajamos .incident-method-v2{
  padding-top:78px !important;
  padding-bottom:78px !important;
}
body.page-como-trabajamos .incident-method-v2>.wrap.split{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;
  gap:56px !important;
  align-items:start !important;
}
body.page-como-trabajamos .incident-method-v2 .section-head,
body.page-como-trabajamos .incident-method-v2 h2{
  max-width:520px !important;
}
body.page-como-trabajamos .incident-method-v2 h2{
  font-size:clamp(34px,3vw,48px) !important;
  line-height:1.04 !important;
  letter-spacing:-1.2px !important;
}
body.page-como-trabajamos .incident-method-v2 .lead{
  max-width:500px !important;
  font-size:16px !important;
  line-height:1.55 !important;
}
body.page-como-trabajamos .timeline{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  padding:0 !important;
}
body.page-como-trabajamos .timeline::before{
  content:none !important;
  display:none !important;
}
body.page-como-trabajamos .timeline-event{
  position:relative !important;
  min-height:150px !important;
  padding:20px 18px 18px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.025) !important;
}
body.page-como-trabajamos .timeline-event:hover{
  transform:translateY(-2px) !important;
}
body.page-como-trabajamos .timeline-event time{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:58px !important;
  height:26px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  background:rgba(97,200,50,.10) !important;
  color:#83da54 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.4px !important;
}
body.page-como-trabajamos .timeline-event h3{
  margin:12px 0 7px !important;
  font-size:16px !important;
}
body.page-como-trabajamos .timeline-event p{
  margin:0 !important;
  color:#b9c8bf !important;
  font-size:12px !important;
  line-height:1.45 !important;
}

/* ---------------------------------------------------------
   TEAM
   --------------------------------------------------------- */
body.page-como-trabajamos .team-section-v2{
  background:#f7faf7 !important;
}
body.page-como-trabajamos .team-section-v2 .section-head{
  max-width:820px !important;
}
body.page-como-trabajamos .team-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
body.page-como-trabajamos .team-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:300px !important;
  padding:26px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid #e8eee9 !important;
  box-shadow:0 12px 30px rgba(28,56,37,.055) !important;
}
body.page-como-trabajamos .team-avatar{
  width:50px !important;
  height:50px !important;
  margin-bottom:30px !important;
  border-radius:14px !important;
  background:#edf8e9 !important;
  border:1px solid #dcebd5 !important;
  color:#56b72c !important;
  font-size:20px !important;
}
body.page-como-trabajamos .team-card .role{
  display:block !important;
  margin-bottom:8px !important;
  color:#58b72f !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.6px !important;
  text-transform:uppercase !important;
}
body.page-como-trabajamos .team-card h3{
  margin:0 0 12px !important;
  font-size:20px !important;
  line-height:1.15 !important;
}
body.page-como-trabajamos .team-card>p{
  color:#64736b !important;
  font-size:14px !important;
  line-height:1.52 !important;
}
body.page-como-trabajamos .team-card blockquote{
  margin:28px 0 0 !important;
  padding:16px 0 0 16px !important;
  border-left:2px solid #65c637 !important;
  color:#5f6e66 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

/* ===== Personas antes que departamentos: espaciado desequilibrado en
   las tarjetas. El icono quedaba pegado al bloque de texto (18px) y
   luego toda la altura sobrante de la tarjeta (hasta ~85px) se
   acumulaba de golpe justo antes de la cita, empujada por
   `blockquote{margin:auto 0 0}`. Reequilibrado: más aire tras el
   icono (18px -> 30px), menos aire antes de la cita (auto -> 28px
   fijos), y la tarjeta ya no fuerza una altura mínima de 360px (baja a
   300px, un suelo de seguridad) para no dejar hueco vacío de más.
   `align-items:stretch` en .team-grid sigue igualando la altura de las
   3 tarjetas de la fila entre sí. ===== */

/* ---------------------------------------------------------
   CLOSING
   --------------------------------------------------------- */
body.page-como-trabajamos .closing-section-v2{
  padding-top:66px !important;
  padding-bottom:66px !important;
}
body.page-como-trabajamos .closing-section-v2 .closeness{
  max-width:940px !important;
  padding:38px 42px !important;
  border-radius:20px !important;
  background:#fff !important;
  border:1px solid #e8eee9 !important;
  box-shadow:0 16px 38px rgba(25,52,34,.06) !important;
}
body.page-como-trabajamos .closing-section-v2 h2{
  max-width:700px !important;
  font-size:clamp(32px,3vw,44px) !important;
  line-height:1.05 !important;
}
body.page-como-trabajamos .closing-section-v2 .lead{
  max-width:760px !important;
  margin-bottom:22px !important;
}

/* Band spacing */
body.page-como-trabajamos .band{
  margin-top:0 !important;
}

/* ===== Known sitewide bug (same pattern already fixed on
   consultoria-tecnologica.html / departamento-it.html): the shared
   .band-row{align-items:stretch} rule stretches the CTA button to the
   full height of the row instead of letting it size to its own text,
   turning it into a tall rectangle. Also, the sitewide .btn{background:
   var(--x-green)!important} rule (experience-2026.css) overrides the
   intended dark/navy .btn.dark styling. Fix: pin the button to the
   bottom of the row at its natural size, restore the navy look, and
   give it its own clean hover state. */
body.page-como-trabajamos .band-row .btn{
  align-self:flex-end !important;
  min-height:0 !important;
  height:auto !important;
  width:auto !important;
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  padding:13px 20px !important;
  font-size:15px !important;
  background:var(--navy) !important;
  border-color:var(--navy) !important;
  color:#fff !important;
  box-shadow:none !important;
}
body.page-como-trabajamos .band-row .btn:hover{
  background:#58b947 !important;
  border-color:#58b947 !important;
  color:#fff !important;
  transform:none !important;
}

/* ===== Ejemplo de respuesta ante una incidencia: leftover timeline dot.
   migration-block4.css's .timeline-event:before draws a small fixed
   dot (left:24px;top:28px) meant for the old single-column, line-based
   timeline, so it just floated on top of/behind the time badge in every
   card. Neutralized here, and replaced with a proper dot placed right
   before the time itself (inside the pill, before "08:14"), which is
   where Pedro wants it — using an inline pseudo-element on <time> so it
   sits inline and vertically centered automatically via the pill's own
   flexbox, instead of another fragile fixed-pixel absolute position. */
body.page-como-trabajamos .timeline-event::before{
  content:none !important;
  display:none !important;
}

/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */
@media(max-width:1100px){
  body.page-como-trabajamos .process{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  body.page-como-trabajamos .process .step{
    min-height:220px !important;
    border-bottom:1px solid #edf1ee !important;
  }
  body.page-como-trabajamos .process .step:nth-child(3n){
    border-right:0 !important;
  }
  body.page-como-trabajamos .incident-method-v2>.wrap.split{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
  body.page-como-trabajamos .incident-method-v2 .section-head,
  body.page-como-trabajamos .incident-method-v2 h2,
  body.page-como-trabajamos .incident-method-v2 .lead{
    max-width:760px !important;
  }
}
@media(max-width:820px){
  body.page-como-trabajamos .process{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  body.page-como-trabajamos .process .step:nth-child(3n){
    border-right:1px solid #edf1ee !important;
  }
  body.page-como-trabajamos .process .step:nth-child(2n){
    border-right:0 !important;
  }
  body.page-como-trabajamos .timeline{
    grid-template-columns:1fr !important;
  }
  body.page-como-trabajamos .team-grid{
    grid-template-columns:1fr !important;
  }
  body.page-como-trabajamos .team-card{
    min-height:0 !important;
  }
}
@media(max-width:560px){
  body.page-como-trabajamos .section{
    padding-top:58px !important;
    padding-bottom:58px !important;
  }
  body.page-como-trabajamos .process{
    grid-template-columns:1fr !important;
  }
  body.page-como-trabajamos .process .step{
    min-height:0 !important;
    border-right:0 !important;
    grid-template-columns:42px minmax(0,1fr) !important;
  }
  body.page-como-trabajamos .process .step p{
    max-width:none !important;
    margin-top:16px !important;
  }
  body.page-como-trabajamos .closing-section-v2 .closeness{
    padding:28px 24px !important;
  }
}


/* =========================================================
   CÓMO TRABAJAMOS · V3
   Fine alignment: step circles + timeline time badges
   ========================================================= */

/* METHOD: remove any decorative overlap around numbering */
body.page-como-trabajamos .process .step{
  position:relative !important;
  overflow:visible !important;
}

body.page-como-trabajamos .process .step b{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#e8f6ed !important;
  color:#167c4c !important;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:800 !important;
  box-shadow:none !important;
  outline:none !important;
}

body.page-como-trabajamos .process .step b::before,
body.page-como-trabajamos .process .step b::after{
  content:none !important;
  display:none !important;
}

body.page-como-trabajamos .process .step h3{
  padding-top:1px !important;
}

/* Ensure no green line sits behind the step number */
body.page-como-trabajamos .process .step::before,
body.page-como-trabajamos .process .step::after{
  content:none !important;
  display:none !important;
}

/* TIMELINE: give time badge breathing room */
body.page-como-trabajamos .timeline-event{
  padding:22px 20px 20px !important;
  overflow:visible !important;
}

body.page-como-trabajamos .timeline-event time{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:64px !important;
  height:30px !important;
  margin:0 0 14px 0 !important;
  padding:0 11px !important;
  border-radius:999px !important;
  background:rgba(97,200,50,.11) !important;
  border:1px solid rgba(121,213,76,.24) !important;
  color:#88dd5b !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.4px !important;
  box-shadow:none !important;
}

body.page-como-trabajamos .timeline-event time::before,
body.page-como-trabajamos .timeline-event time::after{
  content:none !important;
  display:none !important;
}

body.page-como-trabajamos .timeline-event h3{
  margin:0 0 8px !important;
}

/* More breathing room between timeline cards */
body.page-como-trabajamos .timeline{
  gap:16px !important;
}

/* Responsive stability */
@media(max-width:820px){
  body.page-como-trabajamos .process .step b{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
  }
}


/* Re-declared at the very end of the file: an earlier rule further down
   (V3 section, "time::before, time::after{content:none}") was hiding
   this again, since same-specificity !important rules resolve by
   source order and that one came later. Keeping this as the last
   matching rule for .timeline-event time::before wins the cascade. */
body.page-como-trabajamos .timeline-event time::before{
  content:"" !important;
  display:inline-block !important;
  width:7px !important;
  height:7px !important;
  margin-right:7px !important;
  border-radius:50% !important;
  background:#61c832 !important;
  box-shadow:0 0 0 3px rgba(97,200,50,.20) !important;
}

/* FIX: "Una primera conversación" sin el mismo estilo que en
   consultoria-tecnologica.html — le faltaba el degradado de fondo por
   completo (pedido por Pedro, 24 oct 2026, mismo fallo repetido en
   varias vistas). */
body.page-como-trabajamos .closing-section-v2 .closeness{
  background:linear-gradient(135deg,#eef7df,#edf9f4)!important;
  border-radius:30px!important;
  padding:42px!important;
  border:1px solid #e9eeea!important;
}