:root {
  scroll-behavior: smooth;
}

/* Evolución multipágina 2026-09-18: Home corta y distribuidora. */
.bd-hero-dot-mesh { opacity: .08 !important; }
.bd-problem-simple-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: clamp(32px, 5vw, 58px);
}
.bd-problem-simple-card {
  position: relative;
  min-height: 300px;
  padding: clamp(26px, 3vw, 38px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 28px;
  background: linear-gradient(150deg, rgba(170,147,255,.14), rgba(10,7,20,.92));
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.bd-problem-simple-card:hover {
  transform: translateY(-6px);
  border-color: rgba(215,255,99,.48);
  box-shadow: 0 24px 70px rgba(2,1,8,.46);
}
.bd-problem-simple-card > span { color: #d7ff63; font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.bd-problem-simple-card h3 { margin: 50px 0 14px; color: #fff; font-size: clamp(26px, 2.6vw, 39px); line-height: 1.02; letter-spacing: -.04em; }
.bd-problem-simple-card p { max-width: 34ch; margin: 0; color: #c4bbd0; font-size: 16px; line-height: 1.65; }
.bd-problem-simple-card a,
.bd-service-link,
.bd-inline-link { display: inline-flex; gap: 8px; align-items: center; margin-top: 24px; color: #d7ff63; font-weight: 800; text-decoration: none; }
.bd-problem-simple-card a i,
.bd-service-link i { font-style: normal; transition: transform .25s ease; }
.bd-problem-simple-card a:hover i,
.bd-service-link:hover i { transform: translate(3px,-3px); }

.bd-solution-card .service-body { display: flex; flex-direction: column; }
.bd-service-price { display: block; margin-top: 18px; color: #fff; font-size: 17px; }
.bd-service-subprice { display: block; margin-top: 5px; color: #d7ff63; font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.bd-service-link { align-self: flex-start; }
.services-section .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.bd-commerce-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(82px, 11vw, 158px) clamp(18px, 5vw, 76px);
  color: #fff;
  background: radial-gradient(circle at 70% 50%, rgba(110,67,245,.25), transparent 38%), linear-gradient(180deg,#080611,#110b21);
}
.bd-commerce-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 10% 4%;
  border: 1px solid rgba(170,147,255,.12);
  border-radius: 48px;
  pointer-events: none;
}
.bd-commerce-layout { display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(48px, 8vw, 120px); align-items: center; }
.bd-commerce-copy h2 { margin: 16px 0 24px; font-size: clamp(44px, 6vw, 84px); line-height: .94; letter-spacing: -.06em; }
.bd-commerce-copy h2 em { color: #aa93ff; font-family: Georgia, serif; font-weight: 400; }
.bd-commerce-copy > p { max-width: 520px; color: #c5bccf; font-size: 18px; line-height: 1.65; }
.bd-commerce-copy .bd-commerce-promise { padding-left: 18px; border-left: 2px solid #d7ff63; color: #fff; }
.bd-commerce-copy .button { margin-top: 14px; }
.bd-commerce-flow {
  display: grid;
  grid-template-columns: minmax(0,1fr) 34px minmax(0,1fr);
  grid-template-rows: auto 34px auto;
  gap: 10px;
  align-items: center;
  min-width: 0;
}
.bd-commerce-node:nth-of-type(1) { grid-column: 1; grid-row: 1; }
.bd-commerce-node:nth-of-type(2) { grid-column: 3; grid-row: 1; }
.bd-commerce-node:nth-of-type(3) { grid-column: 3; grid-row: 3; }
.bd-commerce-node:nth-of-type(4) { grid-column: 1; grid-row: 3; }
.bd-commerce-flow > i:nth-of-type(1) { grid-column: 2; grid-row: 1; }
.bd-commerce-flow > i:nth-of-type(2) { grid-column: 3; grid-row: 2; width: 2px; height: 34px; margin: 0 auto; }
.bd-commerce-flow > i:nth-of-type(2)::after { width: 100%; height: 48%; animation-name: bdCommerceLineVertical; }
.bd-commerce-flow > i:nth-of-type(3) { grid-column: 2; grid-row: 3; transform: rotate(180deg); }
.bd-commerce-node {
  position: relative;
  min-height: 155px;
  padding: 26px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 24px;
  background: rgba(12,8,24,.8);
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
  animation: bdCommerceGlow 6s ease-in-out infinite;
}
.bd-commerce-node:nth-of-type(2) { animation-delay: -4.5s; }
.bd-commerce-node:nth-of-type(3) { animation-delay: -3s; }
.bd-commerce-node:nth-of-type(4) { animation-delay: -1.5s; }
.bd-commerce-node span { color: #aa93ff; font-size: 11px; font-weight: 900; letter-spacing: .14em; }
.bd-commerce-node strong { display: block; margin-top: 18px; font-size: 21px; }
.bd-commerce-node small { display: block; margin-top: 7px; color: #b9b0c7; font-size: 13px; }
.bd-commerce-flow > i { position: relative; display: block; height: 2px; overflow: hidden; background: rgba(170,147,255,.22); }
.bd-commerce-flow > i::after { content: ""; position: absolute; inset: 0; width: 48%; background: linear-gradient(90deg,transparent,#d7ff63,transparent); animation: bdCommerceLine 2.5s linear infinite; }
@keyframes bdCommerceGlow { 0%,100% { border-color: rgba(255,255,255,.15); } 25% { border-color: rgba(215,255,99,.65); box-shadow: 0 20px 70px rgba(110,67,245,.25); } }
@keyframes bdCommerceLine { from { transform: translateX(-120%); } to { transform: translateX(260%); } }

.bd-about-home-link { display: flex; justify-content: center; margin-top: 28px; }
.bd-final-cta { padding: clamp(78px, 10vw, 140px) 20px; color: #fff; background: radial-gradient(circle at 50% 0%,rgba(110,67,245,.34),transparent 52%),#08060f; }
.bd-final-cta-inner { width: min(1120px,100%); margin: auto; text-align: center; }
.bd-final-cta h2 { margin: 16px 0 38px; font-size: clamp(44px, 7vw, 94px); line-height: .94; letter-spacing: -.06em; }
.bd-final-cta h2 em { color: #aa93ff; font-family: Georgia,serif; font-weight: 400; }
.bd-final-actions { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.bd-final-actions a { display: grid; place-items: center; min-height: 78px; padding: 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 18px; color: #fff; font-weight: 800; text-decoration: none; transition: transform .25s ease,border-color .25s ease,background .25s ease; }
.bd-final-actions a:hover { transform: translateY(-4px); border-color: #aa93ff; background: rgba(170,147,255,.12); }
.bd-final-actions .is-primary { border-color: #d7ff63; color: #17111f; background: #d7ff63; }
.bd-reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s ease var(--delay,0ms),transform .65s ease var(--delay,0ms); }
.bd-reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 900px) {
  .bd-problem-simple-grid,
  .services-section .services-grid,
  .bd-commerce-layout { grid-template-columns: 1fr; }
  .bd-commerce-flow { max-width: 680px; }
  .bd-final-actions { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 620px) {
  .bd-problem-simple-grid,
  .bd-team-grid,
  .bd-commerce-flow,
  .bd-final-actions { grid-template-columns: 1fr; }
  .bd-commerce-flow { grid-template-rows: none; gap: 0; }
  .bd-commerce-flow > .bd-commerce-node,
  .bd-commerce-flow > i { grid-column: 1 !important; grid-row: auto !important; transform: none !important; }
  .bd-problem-simple-card { min-height: 260px; }
  .bd-problem-simple-card h3 { margin-top: 34px; }
  .bd-commerce-flow > i { width: 2px; height: 28px; margin: -2px auto; }
  .bd-commerce-flow > i::after { width: 100%; height: 48%; animation-name: bdCommerceLineVertical; }
  .bd-team-card { grid-template-columns: 1fr; }
  .bd-team-photo { min-height: 340px; }
  .bd-final-actions a { min-height: 62px; }
}
@keyframes bdCommerceLineVertical { from { transform: translateY(-120%); } to { transform: translateY(260%); } }
@media (prefers-reduced-motion: reduce) {
  .bd-commerce-node,
  .bd-commerce-flow > i::after { animation: none !important; }
  .bd-reveal { opacity: 1; transform: none; transition: none; }
}

html,
body,
#root,
main {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
html,
body {
  overflow-x: visible;
  overscroll-behavior-x: none;
}
#root {
  overflow-x: clip;
  touch-action: pan-y pinch-zoom;
}
img,
video,
svg,
canvas {
  max-width: 100%;
}

/* Producto Touch temporalmente fuera de la oferta principal. */
#pantalla,
.touch-pricing {
  display: none !important;
}

html.bd-native-anchor-scroll {
  scroll-behavior: smooth;
}

#proceso,
#problemas,
#servicios,
#nosotros,
#portafolio,
#resultados,
#planes,
#posicionamiento,
#automatizacion,
#preguntas,
#contacto {
  scroll-margin-top: 5.5rem;
}

/* Equipo y relato de marca. */
.bd-about-section,
.bd-home-faq {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding: clamp(78px, 10vw, 150px) clamp(18px, 5vw, 76px);
  color: #fff;
  background: #0b0815;
}
.bd-about-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -20%;
  left: 50%;
  width: min(900px, 84vw);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, #6f43f536 0, #6f43f512 44%, transparent 70%);
  transform: translateX(-50%);
  pointer-events: none;
}
.bd-section-shell {
  width: min(1280px, 100%);
  margin-inline: auto;
}
.bd-about-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
  align-items: end;
  gap: clamp(28px, 6vw, 84px);
  margin-bottom: clamp(34px, 5vw, 62px);
}
.bd-about-heading h2,
.bd-faq-heading h2 {
  margin: 12px 0 0;
  font-size: clamp(40px, 6.5vw, 86px);
  line-height: .94;
  letter-spacing: -.06em;
}
.bd-about-heading h2 em,
.bd-faq-heading h2 em {
  color: #aa93ff;
  font-family: Georgia, serif;
  font-weight: 400;
}
.bd-about-heading > p,
.bd-faq-heading > p {
  margin: 0 0 6px;
  color: #beb5cc;
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.7;
}
.bd-team-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.bd-team-card {
  display: grid;
  grid-template-columns: minmax(210px, .88fr) minmax(0, 1.12fr);
  min-height: 430px;
  overflow: hidden;
  border: 1px solid #ffffff24;
  border-radius: 28px;
  background: linear-gradient(145deg, #aa93ff1a, #0c0918f5);
  box-shadow: 0 28px 90px #02010566;
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.bd-team-card:hover {
  transform: translateY(-7px);
  border-color: #aa93ff80;
  box-shadow: 0 34px 100px #02010585, 0 0 38px #6f43f51c;
}
.bd-team-photo {
  position: relative;
  min-height: 430px;
  margin: 0;
  overflow: hidden;
  background: #171224;
}
.bd-team-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 65%, #0c09183d), linear-gradient(180deg, transparent 68%, #09061166);
  pointer-events: none;
}
.bd-team-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.92) contrast(1.03);
  transition: transform .65s ease, filter .65s ease;
}
.bd-team-photo-mary img { object-position: 50% 44%; }
.bd-team-photo-antonio img { object-position: 50% 48%; }
.bd-team-card:hover img { transform: scale(1.025); filter: saturate(1) contrast(1.02); }
.bd-team-copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(24px, 3.2vw, 40px);
}
.bd-team-copy > span,
.bd-about-promise > div > span {
  color: #d7ff63;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.45;
  letter-spacing: .13em;
}
.bd-team-copy h3 {
  margin: 9px 0 16px;
  font-size: clamp(34px, 4vw, 54px);
  letter-spacing: -.05em;
}
.bd-team-copy p {
  margin: 0;
  color: #b9b0c7;
  font-size: 15px;
  line-height: 1.7;
}
.bd-about-promise {
  display: grid;
  grid-template-columns: 1fr 1.08fr auto;
  align-items: center;
  gap: clamp(24px, 4vw, 54px);
  margin-top: 20px;
  padding: clamp(24px, 3vw, 36px);
  border: 1px solid #d7ff6340;
  border-radius: 24px;
  background: radial-gradient(circle at 8% 50%, #d7ff6310, transparent 28%), #0d0a19e8;
}
.bd-about-promise h3 { margin: 9px 0 0; font-size: clamp(22px, 2.3vw, 31px); line-height: 1.15; }
.bd-about-promise p { margin: 0; color: #b9b0c7; font-size: 15px; line-height: 1.65; }
.bd-about-promise .button { white-space: nowrap; }

/* Preguntas frecuentes antes de la conversión. */
.bd-home-faq {
  background: radial-gradient(circle at 12% 28%, #6f43f526, transparent 32%), linear-gradient(180deg, #100b1f, #08060f);
}
.bd-faq-layout {
  display: grid;
  grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
  align-items: start;
  gap: clamp(42px, 7vw, 100px);
}
.bd-faq-heading { position: sticky; top: 110px; }
.bd-faq-heading p { max-width: 530px; margin: 24px 0 28px; }
.bd-faq-list { border-top: 1px solid #ffffff24; }
.bd-faq-item {
  border-bottom: 1px solid #ffffff24;
  color: #fff;
  transition: background .25s ease, border-color .25s ease;
}
.bd-faq-item[open] { border-color: #aa93ff80; background: #aa93ff0b; }
.bd-faq-item summary {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 16px;
  min-height: 94px;
  padding: 14px 18px;
  cursor: pointer;
  list-style: none;
}
.bd-faq-item summary::-webkit-details-marker { display: none; }
.bd-faq-item summary > span { color: #aa93ff; font-size: 11px; font-weight: 900; letter-spacing: .1em; }
.bd-faq-item summary strong { font-size: clamp(17px, 1.55vw, 22px); line-height: 1.35; }
.bd-faq-item summary i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #d7ff6352;
  border-radius: 50%;
  color: #d7ff63;
  font-size: 21px;
  font-style: normal;
  transition: transform .25s ease, background .25s ease;
}
.bd-faq-item[open] summary i { transform: rotate(45deg); background: #d7ff6312; }
.bd-faq-item > div { padding: 0 70px 28px 76px; }
.bd-faq-item p { max-width: 760px; margin: 0; color: #b9b0c7; font-size: 16px; line-height: 1.75; }

/* Automatización vive dentro de Planes. El recorte original de ese contenedor
   anulaba position: sticky; se libera para que el robot acompañe todo el tramo. */
#planes:has(#automatizacion) {
  overflow: visible !important;
}

/* Navegación refinada. */
.site-nav .nav-links {
  gap: clamp(12px, 1.6vw, 26px);
}
.site-nav .nav-links a {
  white-space: nowrap;
}
.bd-mobile-menu-toggle {
  display: none;
}
.bd-nav-services { position: relative; }
.bd-nav-services summary {
  list-style: none;
  cursor: pointer;
  color: inherit;
  white-space: nowrap;
  transition: color .2s ease;
}
.bd-nav-services summary::-webkit-details-marker { display: none; }
.bd-nav-services summary::after { content: "⌄"; display: inline-block; margin-left: 6px; font-size: 11px; transition: transform .2s ease; }
.bd-nav-services[open] summary::after { transform: rotate(180deg); }
.bd-nav-services summary:hover { color: #fff; }
.bd-nav-dropdown {
  position: absolute;
  top: calc(100% + 14px);
  left: -18px;
  display: grid;
  min-width: 230px;
  padding: 9px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  background: rgba(11,8,24,.96);
  box-shadow: 0 24px 65px rgba(3,1,8,.48);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
  backdrop-filter: blur(18px);
}
.bd-nav-services[open] .bd-nav-dropdown { opacity: 1; visibility: visible; transform: none; }
.site-nav .nav-links .bd-nav-dropdown a { padding: 10px 12px; border-radius: 10px; color: rgba(255,255,255,.78); font-size: 13px; }
.site-nav .nav-links .bd-nav-dropdown a:hover { background: rgba(170,147,255,.12); color: #fff; }

/* CTA real del primer hero. */
.cinematic-hero .scroll-statement {
  pointer-events: none !important;
}

/* Hero comercial: copy orientado a crecimiento, CTA doble y malla QHD. */
.bd-hero-dot-mesh {
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background-image:
    radial-gradient(circle, rgba(215, 255, 99, .52) 0 1px, transparent 1.35px),
    radial-gradient(circle, rgba(170, 147, 255, .42) 0 1px, transparent 1.35px);
  background-position: 0 0, 15px 15px;
  background-size: 30px 30px;
  -webkit-mask-image: radial-gradient(ellipse 88% 76% at 50% 45%, #000 0%, rgba(0, 0, 0, .72) 48%, transparent 88%);
  mask-image: radial-gradient(ellipse 88% 76% at 50% 45%, #000 0%, rgba(0, 0, 0, .72) 48%, transparent 88%);
  transform: perspective(900px) rotateX(4deg) scale(1.04);
  transform-origin: 50% 60%;
}

.statement-one {
  width: min(1280px, calc(100% - 64px));
}
/* Evita que el antiguo gancho de precio aparezca durante el primer fotograma. */
.statement-one > .hero-management-hook {
  opacity: 0;
  visibility: hidden;
}
.statement-one h1 {
  display: grid;
  justify-items: center;
  gap: .03em;
  font-size: clamp(48px, 5.7vw, 88px);
  line-height: .94;
}
.statement-one h1 > span,
.statement-one h1 > em {
  display: block;
}
.statement-one p {
  max-width: 860px;
  margin-top: 22px;
  color: rgba(255,255,255,.78);
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.58;
  text-wrap: balance;
}
.bd-hero-actions {
  position: relative;
  z-index: 30;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  pointer-events: auto;
}
.bd-hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.2;
  text-decoration: none;
  transition: transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease;
}
.bd-hero-primary {
  color: #15111e;
  background: var(--lime, #d7ff63);
  box-shadow: 0 14px 42px rgba(215,255,99,.2);
}
.bd-hero-secondary {
  color: #fff;
  border-color: rgba(255,255,255,.32);
  background: rgba(9,8,16,.58);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.bd-hero-cta:hover,
.bd-hero-cta:focus-visible {
  transform: translateY(-3px);
}
.bd-hero-primary:hover,
.bd-hero-primary:focus-visible {
  box-shadow: 0 18px 48px rgba(215,255,99,.34);
}
.bd-hero-secondary:hover,
.bd-hero-secondary:focus-visible {
  border-color: rgba(170,147,255,.8);
  background: rgba(111,67,245,.18);
}
.bd-hero-cta:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
}
.bd-hero-promise {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 9px 22px;
  margin-top: 18px;
  color: rgba(255,255,255,.64);
  font-size: 9px;
  font-weight: 850;
  line-height: 1.4;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.bd-hero-promise span {
  position: relative;
}
.bd-hero-promise span + span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -12px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--lime, #d7ff63);
  box-shadow: 0 0 10px rgba(215,255,99,.75);
  transform: translateY(-50%);
}

@media (min-width: 1920px) {
  .bd-hero-dot-mesh {
    background-position: 0 0, 18px 18px;
    background-size: 36px 36px;
  }
  .statement-one {
    width: min(1500px, calc(100% - 120px));
  }
  .statement-one h1 {
    font-size: clamp(76px, 4.7vw, 112px);
  }
  .statement-one p {
    max-width: 980px;
    font-size: 20px;
  }
  .bd-hero-cta {
    min-height: 54px;
    padding-inline: 28px;
    font-size: 15px;
  }
  .bd-hero-promise {
    font-size: 11px;
  }
}

@media (max-width: 760px) {
  .bd-hero-dot-mesh {
    opacity: .24;
    background-position: 0 0, 12px 12px;
    background-size: 24px 24px;
  }
  .statement-one {
    width: calc(100% - 28px);
    padding-bottom: 42px;
  }
  .statement-one .hero-kicker {
    max-width: 330px;
    margin-inline: auto;
    margin-bottom: 13px;
    font-size: 8px;
  }
  .statement-one h1 {
    gap: .07em;
    font-size: clamp(37px, 10.8vw, 54px) !important;
    line-height: .96 !important;
  }
  .statement-one p {
    max-width: 590px;
    margin-top: 17px;
    font-size: 14px;
    line-height: 1.5;
  }
  .bd-hero-actions {
    flex-direction: column;
    gap: 9px;
    width: min(340px, 92%);
    margin: 18px auto 0;
  }
  .bd-hero-cta {
    width: 100%;
    min-height: 45px;
    padding-inline: 16px;
    font-size: 12px;
  }
  .bd-hero-promise {
    gap: 6px 15px;
    max-width: 340px;
    margin: 14px auto 0;
    font-size: 7.5px;
    letter-spacing: .09em;
  }
  .bd-hero-promise span + span::before {
    left: -9px;
  }
}

.hero-management-hook {
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative;
  z-index: 30;
}
.hero-management-hook b {
  font-size: clamp(12px, 0.9vw, 13px) !important;
  line-height: 1.45 !important;
}
.hero-management-hook i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: var(--lime, #d7ff63);
  color: #15111e;
  font-style: normal;
  font-weight: 850;
  transition: transform .25s ease, box-shadow .25s ease;
}
.hero-management-hook:hover i,
.hero-management-hook:focus-visible i {
  transform: translateY(-2px);
  box-shadow: 0 0 30px #d7ff636e;
}
.hero-management-hook:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 5px;
}

/* Cuarta escena: tres objetivos accionables. */
.hero-service-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  place-self: center;
  justify-items: stretch;
  gap: 10px;
  width: min(980px, 94vw);
  margin: 24px auto 0;
  text-align: center;
}
.hero-service-action {
  min-height: 76px;
  padding: 14px 16px;
  border: 1px solid #ffffff3d;
  border-radius: 18px;
  background: #ffffff12;
  color: #fff;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 4px;
  text-decoration: none;
  cursor: pointer;
  pointer-events: auto !important;
  position: relative;
  z-index: 30;
  backdrop-filter: blur(12px);
  transition: transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
.hero-service-action small {
  color: #d7ff63;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
}
.hero-service-action strong {
  font-size: clamp(15px, 1.45vw, 21px);
}
.hero-service-action:hover,
.hero-service-action:focus-visible {
  transform: translateY(-5px);
  border-color: #d7ff63;
  background: #ffffff20;
  box-shadow: 0 16px 45px #07030f59, 0 0 28px #d7ff632b;
  outline: none;
}
.statement-four .hero-actions {
  display: none !important;
}

/* Portafolio con más aire y CTA visible. */
.portfolio-heading {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 980px;
}
.portfolio-heading h2 {
  max-width: 920px;
  font-size: clamp(30px, 4.2vw, 62px) !important;
}
.portfolio-heading h2 em {
  color: #aa93ff;
  font-style: normal;
}
.portfolio-heading .bd-portfolio-summary {
  max-width: 760px;
  margin-top: 20px !important;
  color: #b9b0ca;
  font-size: clamp(13px, 1.25vw, 18px) !important;
  line-height: 1.65;
}
@media (min-width: 900px) {
  .portfolio-project {
    width: min(540px, 40vw) !important;
  }
}
.portfolio-details a[target="_blank"] {
  position: relative;
  isolation: isolate;
  border-color: #d7ff63 !important;
  animation: bdVisitGlow 4.8s ease-in-out infinite;
}
.portfolio-details a[target="_blank"] span {
  display: inline-block;
  transition: transform .25s ease;
}
.portfolio-details a[target="_blank"]:hover span,
.portfolio-details a[target="_blank"]:focus-visible span {
  transform: translate(4px, -2px);
}
@keyframes bdVisitGlow {
  0%, 70%, 100% { box-shadow: 0 0 0 #d7ff6300; }
  82% { box-shadow: 0 0 28px #d7ff6354; }
}

/* Nuevas ofertas comerciales. */
.bd-commercial-block {
  margin-top: clamp(70px, 10vw, 150px);
  scroll-margin-top: 92px;
}
#posicionamiento {
  --bd-portrait-deep: #6f43f5;
  --bd-portrait-mid: #aa93ff;
  --bd-portrait-front: #f4f0ff;
  position: relative;
  isolation: isolate;
  overflow: clip;
}
#posicionamiento > :not(.bd-data-portrait) {
  position: relative;
  z-index: 2;
}
.bd-data-portrait {
  position: absolute;
  z-index: 0;
  inset: 0 0 auto;
  width: 100%;
  height: clamp(570px, 56vw, 760px);
  overflow: hidden;
  pointer-events: none;
  opacity: .9;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 61%, transparent 96%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 61%, transparent 96%);
}
.bd-data-portrait::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #100b1f 0%, #100b1ff0 35%, transparent 64%);
}
.bd-data-portrait-canvas {
  display: block;
  width: 100%;
  height: 100%;
  opacity: .98;
  filter: drop-shadow(0 0 14px #8e73ff24);
}
#posicionamiento.bd-particle-fallback::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 38px;
  right: -3%;
  width: min(44vw, 620px);
  aspect-ratio: 760 / 950;
  background: url("/bd-profile-ads-guide.webp") center / contain no-repeat;
  opacity: .52;
  filter: saturate(.88) drop-shadow(0 0 24px #8e73ff38);
  -webkit-mask-image: linear-gradient(to bottom, #000 0 63%, transparent 98%);
  mask-image: linear-gradient(to bottom, #000 0 63%, transparent 98%);
}
#automatizacion {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 300px);
  column-gap: clamp(24px, 4vw, 54px);
  align-items: start;
  min-height: 980px;
}
#automatizacion > :not(.bd-automation-robot) {
  grid-column: 1;
}
#automatizacion .bd-commercial-heading {
  max-width: 820px;
}
.bd-commercial-heading {
  max-width: 900px;
  margin-bottom: 34px;
}
.bd-commercial-heading .kicker {
  color: #d7ff63;
}
.bd-commercial-heading h3 {
  margin: 12px 0 16px;
  color: #fff;
  font-size: clamp(38px, 6vw, 78px);
  line-height: .96;
  letter-spacing: -.055em;
}
.bd-commercial-heading h3 em {
  color: #aa93ff;
  font-style: normal;
}
.bd-commercial-heading p {
  max-width: 820px;
  color: #ffffffb3;
  font-size: clamp(14px, 1.4vw, 18px);
  line-height: 1.65;
}
.bd-offer-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.bd-offer-group + .bd-offer-group {
  margin-top: clamp(54px, 7vw, 90px);
  padding-top: clamp(42px, 6vw, 68px);
  border-top: 1px solid #ffffff1a;
}
.bd-offer-group-heading {
  max-width: 760px;
  margin-bottom: 24px;
}
.bd-offer-group-heading > span,
.bd-offer-group-heading > small {
  color: #d7ff63;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.bd-offer-group-heading h4 {
  margin: 9px 0 6px;
  color: #fff;
  font-size: clamp(27px, 3.2vw, 46px);
  letter-spacing: -.04em;
}
.bd-offer-group-heading p {
  margin: 0 0 9px;
  color: #ffffffad;
  line-height: 1.55;
}
.bd-offer-card {
  min-width: 0;
  padding: clamp(24px, 3vw, 42px);
  border: 1px solid #ffffff24;
  border-radius: 30px;
  background: linear-gradient(145deg, #ffffff10, #ffffff05);
  color: #fff;
  box-shadow: 0 24px 70px #05020e36;
  scroll-margin-top: 90px;
  display: flex;
  flex-direction: column;
}
.bd-offer-card.featured {
  border-color: #d7ff635e;
  background: radial-gradient(circle at 95% 0, #d7ff6326, transparent 38%), linear-gradient(145deg, #20183a, #120d23);
}
.bd-offer-card .bd-label {
  color: #d7ff63;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .15em;
}
.bd-offer-card h4 {
  margin: 13px 0 8px;
  font-size: clamp(25px, 3vw, 40px);
  letter-spacing: -.04em;
}
.bd-offer-grid .bd-offer-card h4 {
  font-size: clamp(23px, 2.25vw, 34px);
  line-height: 1.04;
}
.bd-price {
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(25px, 3.4vw, 44px);
  font-weight: 900;
}
.bd-price small {
  display: block;
  margin-top: 5px;
  color: #ffffff91;
  font-size: 12px;
  font-weight: 700;
}
.bd-offer-card > p {
  color: #ffffffa8;
  line-height: 1.6;
}
.bd-offer-card ul {
  margin: 22px 0;
  padding: 0;
  display: grid;
  gap: 9px;
  list-style: none;
}
.bd-offer-card li {
  color: #ffffffcf;
  font-size: 12px;
}
.bd-offer-card li::before {
  content: "✓";
  color: #d7ff63;
  margin-right: 9px;
  font-weight: 900;
}
.bd-offer-card .button {
  margin-top: 8px;
  width: 100%;
  min-height: 48px;
  padding-inline: 17px;
  text-align: center;
}
.bd-exclusion {
  margin: 3px 0 14px;
  padding: 14px 15px;
  border: 1px solid #ff8ece36;
  border-radius: 14px;
  background: #ff8ece0b;
}
.bd-exclusion strong {
  color: #ff9bd2;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.bd-exclusion p,
.bd-business-note,
.bd-client-material {
  margin: 6px 0 0 !important;
  color: #ffffffa6 !important;
  font-size: 10.5px !important;
  line-height: 1.55 !important;
}
.bd-business-note {
  margin: 0 0 16px !important;
  padding-left: 12px;
  border-left: 2px solid #d7ff63;
}
.bd-client-material {
  margin: 0 0 14px !important;
}
.bd-client-material strong { color: #d7ff63; }
.bd-offer-card > .button:last-child { margin-top: auto; }

/* Aclaración general de precios y paquete personalizado. */
.bd-price-terms {
  max-width: 1050px;
  margin: 18px auto 0;
  padding: 13px 18px;
  border: 1px solid #ffffff17;
  border-radius: 14px;
  background: #ffffff07;
  color: #ffffff91;
  font-size: 10.5px;
  line-height: 1.55;
  text-align: center;
}
.bd-price-terms strong { color: #d7ff63; }
.bd-custom-package {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(26px, 5vw, 70px);
  margin-top: clamp(66px, 9vw, 120px);
  padding: clamp(28px, 5vw, 58px);
  border: 1px solid #d7ff6338;
  border-radius: clamp(24px, 3vw, 38px);
  background: radial-gradient(circle at 0 0, #d7ff6316, transparent 40%), radial-gradient(circle at 100% 100%, #7458ff1c, transparent 42%), #ffffff06;
  box-shadow: 0 30px 80px #05020e3d;
}
.bd-custom-package h3 {
  margin: 13px 0 0;
  color: #fff;
  font-size: clamp(30px, 4vw, 56px);
  line-height: 1;
  letter-spacing: -.05em;
}
.bd-custom-package h3 em { color: #aa93ff; font-style: normal; }
.bd-custom-package-copy { color: #ffffffad; font-size: clamp(13px, 1.1vw, 16px); line-height: 1.65; }
.bd-custom-package-copy p { margin: 0 0 13px; }
.bd-custom-package-copy > strong { display: block; margin: 20px 0; color: #fff; }
.bd-custom-package .button { width: max-content; max-width: 100%; }
.bd-contract-note,
.bd-token-note {
  margin-top: 18px;
  padding: 15px 18px;
  border-left: 3px solid #d7ff63;
  border-radius: 0 12px 12px 0;
  background: #ffffff0a;
  color: #ffffffb3;
  font-size: 11px;
  line-height: 1.55;
}
.bd-automation-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 28px 0;
}
.bd-automation-item {
  padding: 20px;
  border: 1px solid #ffffff1d;
  border-radius: 18px;
  background: #ffffff08;
}
.bd-automation-item h4 {
  margin: 0 0 10px;
  color: #d7ff63;
  font-size: 13px;
}
.bd-automation-item p {
  margin: 0;
  color: #ffffffa6;
  font-size: 11px;
  line-height: 1.6;
}

/* Robot constructor: la caída y reconstrucción se controlan con el scroll. */
.bd-automation-robot {
  --flight-lift: 0;
  --flame-intensity: .03;
  position: sticky;
  z-index: 3;
  top: clamp(88px, 12vh, 118px);
  grid-column: 2;
  grid-row: 1 / span 10;
  align-self: start;
  width: 100%;
  height: max-content;
  min-width: 250px;
  color: #fff;
  pointer-events: none;
  filter: drop-shadow(0 30px 50px #05020e66);
}
.bd-robot-status {
  display: flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  max-width: 100%;
  margin: 0 auto 10px;
  padding: 8px 12px;
  border: 1px solid #d7ff6347;
  border-radius: 999px;
  background: #0c0818d9;
  color: #d7ff63;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .1em;
  text-align: center;
}
.bd-robot-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d7ff63;
  box-shadow: 0 0 13px #d7ff63;
  animation: bdRobotPulse 1.2s ease-in-out infinite;
}
.bd-robot-stage {
  position: relative;
  height: 300px;
  overflow: visible;
  border: 0;
  background: transparent;
}
.bd-worker-bot {
  position: absolute;
  left: 5px;
  bottom: 3px;
  width: 72%;
  overflow: visible;
  transform: translate3d(0, calc(var(--flight-lift) * -28px), 0);
  transform-origin: center bottom;
  will-change: transform;
}
.bd-worker-bot path,
.bd-worker-bot circle,
.bd-worker-bot rect {
  vector-effect: non-scaling-stroke;
}
.bd-bot-head,
.bd-bot-body {
  fill: url(#bdRobotBody);
  stroke: #ffffff7a;
  stroke-width: 2;
}
.bd-thruster-pod {
  fill: #4e3d86;
  stroke: #bcaaff;
  stroke-width: 2;
}
.bd-thruster-flame {
  fill: url(#bdRocketFlame);
  filter: url(#bdRobotGlow);
  opacity: calc(.08 + var(--flame-intensity) * .92);
  transform-box: fill-box;
  transform-origin: center top;
  transform: scaleY(calc(.12 + var(--flame-intensity) * .88));
  will-change: transform, opacity;
}
.flame-right { animation-delay: -.12s; }
.bd-bot-face,
.bd-bot-panel {
  fill: #0b0717;
  stroke: #d7ff6352;
  stroke-width: 2;
}
.bd-bot-eyes {
  fill: #d7ff63;
  filter: url(#bdRobotGlow);
}
.bd-bot-mouth,
.bd-bot-signal,
.bd-bot-antenna,
.bd-bot-arm,
.bd-bot-feet {
  fill: none;
  stroke: #d7ff63;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.bd-bot-antenna circle,
.bd-bot-arm circle {
  fill: #d7ff63;
  stroke: #0b0717;
  stroke-width: 3;
}
.bd-bot-arm {
  transform-box: fill-box;
  transform-origin: center top;
  animation: bdRobotWork .85s ease-in-out infinite alternate;
}
.bd-bot-arm-right { animation-delay: -.42s; }
.bd-bot-mouth-frustrated { opacity: 0; }
.bd-block-stack {
  position: absolute;
  right: 17px;
  bottom: 24px;
  width: 86px;
  height: 220px;
}
.bd-build-block {
  --block-x: 0px;
  --block-y: 0px;
  --block-r: 0deg;
  position: absolute;
  left: 5px;
  width: 72px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid #ffffff52;
  border-radius: 12px;
  background: linear-gradient(145deg, #7a58ff, #3f2b8f);
  color: #fff;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .08em;
  box-shadow: inset 0 1px #ffffff4d, 0 11px 20px #06030e59;
  transform: translate(var(--block-x), var(--block-y)) rotate(var(--block-r));
  transition: box-shadow .2s ease, border-color .2s ease;
  will-change: transform;
}
.block-one { bottom: 0; }
.block-two { bottom: 47px; background: linear-gradient(145deg, #d7ff63, #6d8c19); color: #11150b; }
.block-three { bottom: 94px; }
.block-four { bottom: 141px; background: linear-gradient(145deg, #ff8ece, #8b3971); }
.bd-robot-spark {
  position: absolute;
  color: #d7ff63;
  font-size: 20px;
  animation: bdRobotSpark 1.1s ease-in-out infinite alternate;
}
.spark-one { top: 35px; left: 35px; }
.spark-two { top: 80px; right: 22px; animation-delay: -.5s; }
.bd-automation-robot[data-phase="falling"] .bd-bot-arm,
.bd-automation-robot[data-phase="rebuilding"] .bd-bot-arm {
  animation-duration: .38s;
}
.bd-automation-robot[data-phase="frustrated"] .bd-worker-bot {
  animation: bdRobotFrustrated .35s ease-in-out infinite alternate;
}
.bd-automation-robot[data-phase="frustrated"] .bd-bot-eyes {
  transform-box: fill-box;
  transform-origin: center;
  transform: scaleY(.45);
}
.bd-automation-robot[data-phase="frustrated"] .bd-bot-mouth-happy { opacity: 0; }
.bd-automation-robot[data-phase="frustrated"] .bd-bot-mouth-frustrated { opacity: 1; }
.bd-automation-robot[data-phase="frustrated"] .bd-robot-status {
  color: #ff8ece;
  border-color: #ff8ece73;
}
.bd-automation-robot[data-phase="frustrated"] .bd-robot-status i {
  background: #ff8ece;
  box-shadow: 0 0 13px #ff8ece;
}
@keyframes bdRobotWork {
  to { transform: rotate(12deg) translateY(3px); }
}
@keyframes bdRobotFrustrated {
  to { transform: translateX(5px) rotate(1.5deg); }
}
@keyframes bdRobotPulse {
  50% { opacity: .3; transform: scale(.75); }
}
@keyframes bdRobotSpark {
  to { opacity: .25; transform: translateY(-7px) rotate(25deg); }
}

/* Cierre unificado: conserva el diseño Empecemos y usa el formulario completo. */
#contacto.bd-contact-combined {
  grid-template-columns: minmax(0, .85fr) minmax(420px, 1fr);
  align-items: center;
  gap: clamp(42px, 6vw, 90px);
  min-height: 760px;
}
#contacto.bd-contact-combined > .contact-card {
  display: none !important;
}
#contacto #brief-web {
  z-index: auto;
  min-height: 0;
  padding: 0;
  display: block;
  overflow: visible;
  background: transparent;
}
#contacto #brief-web::before,
#contacto #brief-web::after,
#contacto #brief-web .brief-glow,
#contacto #brief-web .brief-preview,
#contacto #brief-web .brief-intro > .kicker,
#contacto #brief-web .brief-intro > h2,
#contacto #brief-web .brief-intro > p {
  display: none !important;
}
#contacto #brief-web .brief-intro {
  max-width: none;
}
#contacto #brief-web .brief-toggle {
  width: 100%;
  margin-top: 0;
  background: #d9ff6214;
}
#contacto #brief-web .brief-intro > small {
  margin-left: 14px;
}
#contacto #brief-web .brief-form-shell {
  width: 100%;
}
#contacto.bd-contact-combined:has(#brief-web.is-open) {
  grid-template-columns: 1fr;
  align-items: start;
}
#contacto.bd-contact-combined:has(#brief-web.is-open) .contact-copy {
  max-width: 960px;
}
#contacto #brief-web.is-open .brief-form-shell {
  width: min(1120px, 100%);
  margin-top: 28px;
}

/* Paleta de secciones inspirada en el robot, conservando violeta, lima y fondo profundo. */
#proceso {
  background:
    radial-gradient(circle at 10% 18%, #aa93ff24, transparent 31%),
    radial-gradient(circle at 91% 82%, #d7ff6326, transparent 30%),
    linear-gradient(145deg, #ffffff 0%, #f8f5ff 57%, #f1f7e8 100%);
}
#portafolio {
  background:
    radial-gradient(circle at 82% 14%, #6f43f52e, transparent 30%),
    radial-gradient(circle at 12% 78%, #294bb52b, transparent 34%),
    linear-gradient(145deg, #080611, #17102e 54%, #090d1d);
}
#planes.pricing-section {
  background:
    radial-gradient(circle at 8% 9%, #db69a517, transparent 24%),
    radial-gradient(circle at 87% 20%, #6f43f52b, transparent 31%),
    linear-gradient(155deg, #080611 0%, #120c25 48%, #090d1c 100%);
}
#planes.pricing-section::before {
  opacity: .85;
  background:
    radial-gradient(circle at 19% 27%, #aa93ff1b, transparent 26%),
    radial-gradient(circle at 82% 65%, #d7ff6312, transparent 27%);
}
#posicionamiento,
#automatizacion {
  border: 1px solid #aa93ff24;
  border-radius: clamp(28px, 4vw, 54px);
  padding: clamp(38px, 5vw, 72px);
  background:
    radial-gradient(circle at 88% 9%, #6f43f53c, transparent 33%),
    radial-gradient(circle at 9% 92%, #274fc824, transparent 34%),
    linear-gradient(145deg, #130d26e8, #0b0817f2 58%, #11192de8);
  box-shadow: inset 0 1px #ffffff0d, 0 32px 90px #02010542;
}
#automatizacion {
  background:
    radial-gradient(circle at 82% 14%, #d7ff631b, transparent 24%),
    radial-gradient(circle at 97% 64%, #db69a51b, transparent 28%),
    radial-gradient(circle at 8% 90%, #6f43f536, transparent 37%),
    linear-gradient(145deg, #120c25, #080611 62%, #141025);
}
.bd-custom-package {
  background:
    radial-gradient(circle at 0 0, #d7ff6321, transparent 42%),
    radial-gradient(circle at 100% 100%, #db69a51e, transparent 38%),
    linear-gradient(145deg, #21123fc4, #101329de);
}

/* Cierre claro, como Cómo trabajamos, con formulario completo en alto contraste. */
#contacto.bd-contact-combined {
  color: #17101f;
  background:
    radial-gradient(circle at 8% 12%, #aa93ff26, transparent 28%),
    radial-gradient(circle at 92% 88%, #d7ff6329, transparent 27%),
    linear-gradient(145deg, #ffffff, #f8f5ff 58%, #f2f8e9) !important;
}
#contacto.bd-contact-combined .kicker { color: #6f43f5; }
#contacto.bd-contact-combined h2 { color: #17101f; }
#contacto.bd-contact-combined h2 em { color: #6f43f5; }
#contacto.bd-contact-combined .contact-copy > p { color: #62596b; }
#contacto.bd-contact-combined .contact-note { color: #6f6675; }
#contacto.bd-contact-combined .contact-note > span {
  color: #d7ff63;
  background: #6f43f5;
  box-shadow: 0 12px 30px #6f43f53d;
}
#contacto.bd-contact-combined .contact-note strong { color: #211729; }
#contacto #brief-web .brief-toggle {
  color: #fff;
  border-color: #6f43f55c;
  background: linear-gradient(110deg, #6f43f5, #4e2abc);
  box-shadow: 0 16px 38px #4d2bc13b;
}
#contacto #brief-web .brief-toggle:hover {
  background: linear-gradient(110deg, #5d36dd, #3c1f9a);
}
#contacto #brief-web .brief-intro > small { color: #73697b; }
#contacto #brief-web .web-brief-form {
  color: #17101f;
  background: #fffffff2;
  border-color: #6f43f52b;
  box-shadow: 0 35px 90px #442c6a24;
}

/* Aparición progresiva: cada tarjeta entra desde una dirección distinta con el scroll. */
.bd-scroll-card {
  transform-origin: 50% 100%;
  transition:
    transform .62s cubic-bezier(.2,.75,.2,1) var(--bd-card-delay, 0ms),
    opacity .45s ease var(--bd-card-delay, 0ms),
    border-color .3s ease,
    box-shadow .3s ease,
    background .3s ease;
}
.bd-scroll-card:not(.is-revealed) {
  opacity: .08;
  transform: translate3d(0, 54px, 0) scale(.97);
  pointer-events: none;
}
.bd-scroll-card.is-revealed {
  opacity: 1;
  transform: none;
}

/* Footer ordenado: marca y descripción comparten una columna estable. */
.parallax-footer {
  grid-template-columns: minmax(230px,.8fr) minmax(520px,2fr) auto !important;
  grid-template-areas:
    "brand links copyright"
    "summary links copyright";
  align-items: start !important;
  gap: 12px clamp(36px,5vw,80px) !important;
}
.parallax-footer > .brand { grid-area: brand; align-self: end; }
.parallax-footer > p {
  grid-area: summary;
  max-width: 310px;
  color: #a8a2ad;
  font-size: 13px;
  line-height: 1.55;
}
.parallax-footer > div {
  grid-area: links;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(130px,1fr));
  align-content: start;
  gap: 12px 28px !important;
}
.parallax-footer > div a { line-height: 1.35; text-decoration: none; }
.parallax-footer > small { grid-area: copyright; align-self: center; white-space: nowrap; }

@media (max-width: 1100px) {
  .parallax-footer {
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas:
      "brand copyright"
      "summary summary"
      "links links";
  }
  .parallax-footer > div { margin-top: 14px; }
}

@media (max-width: 760px) {
  .parallax-footer {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas: "brand" "summary" "links" "copyright";
    gap: 16px !important;
  }
  .parallax-footer > p { order: initial; width: auto; max-width: 34ch; }
  .parallax-footer > div {
    width: 100%;
    margin: 4px 0 0;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px 18px !important;
    font-size: 12px;
  }
  .parallax-footer > small { display: block; margin-top: 8px; }
}

/* Formulario, ya después de los servicios. */
#brief-web {
  scroll-margin-top: 90px;
}

@media (max-width: 760px) {
  *,
  *::before,
  *::after {
    min-width: 0;
  }
  html,
  body,
  #root,
  main,
  main > section,
  main > footer {
    width: var(--bd-stable-page-width, 100%);
    max-width: none;
    min-width: 0;
  }
  main > section,
  main > footer,
  .section,
  .parallax-panel,
  .pricing-section,
  .web-brief-section,
  .contact-section,
  .parallax-footer {
    box-sizing: border-box;
    max-inline-size: 100%;
  }
  .cinematic-hero .hero-sticky,
  .portfolio-story .portfolio-sticky {
    max-inline-size: 100%;
    overflow-x: clip;
  }
  .hero-visual::before {
    width: min(440px, 118vw);
    height: min(440px, 118vw);
  }
  .browser-card {
    width: min(420px, 112vw);
  }
  .brief-glow {
    width: min(420px, 112vw);
    height: min(420px, 112vw);
  }
  .web-plan-grid > *,
  .bd-offer-grid > *,
  .bd-automation-grid > *,
  .process-grid > *,
  .contact-section > *,
  .brief-grid > * {
    min-inline-size: 0;
    max-inline-size: 100%;
  }
  input,
  select,
  textarea,
  button {
    max-inline-size: 100%;
  }
  .site-nav {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    width: var(--bd-stable-page-width, 100%);
    max-width: none;
    padding-inline: 14px;
    overflow: visible;
  }
  .site-nav.bd-mobile-menu-open {
    transform: translateY(0) !important;
  }
  .site-nav .brand {
    min-width: 0;
    overflow: hidden;
    font-size: clamp(15px, 4.6vw, 19px);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .site-nav .nav-cta {
    grid-column: 2;
    padding: 9px 10px;
    font-size: 11px;
    white-space: nowrap;
  }
  .bd-mobile-menu-toggle {
    display: inline-grid;
    grid-column: 3;
    place-content: center;
    gap: 4px;
    width: 40px;
    height: 40px;
    border: 1px solid #ffffff52;
    border-radius: 999px;
    background: #0b0818cc;
    color: #fff;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .bd-mobile-menu-toggle span {
    display: block;
    width: 16px;
    height: 1.5px;
    border-radius: 99px;
    background: currentColor;
    transition: transform .22s ease, opacity .18s ease;
  }
  .bd-mobile-menu-toggle[aria-expanded="true"] span:first-child {
    transform: translateY(5.5px) rotate(45deg);
  }
  .bd-mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
  }
  .bd-mobile-menu-toggle[aria-expanded="true"] span:last-child {
    transform: translateY(-5.5px) rotate(-45deg);
  }
  .site-nav .nav-links {
    position: absolute;
    z-index: 100;
    top: calc(100% + 8px);
    right: 12px;
    left: 12px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    max-height: 0;
    padding: 0 16px;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 20px;
    background: #0b0818f2;
    box-shadow: 0 24px 65px #0301087a;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px) scale(.985);
    transform-origin: top;
    pointer-events: none;
    transition: max-height .3s ease, padding .3s ease, opacity .2s ease, transform .24s ease, visibility .2s;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
  }
  .bd-about-section,
  .bd-home-faq { padding: 70px 18px; }
  .bd-about-heading,
  .bd-faq-layout { grid-template-columns: 1fr; gap: 24px; }
  .bd-about-heading h2,
  .bd-faq-heading h2 { font-size: clamp(39px, 12.8vw, 56px); }
  .bd-team-grid { grid-template-columns: 1fr; }
  .bd-team-card { grid-template-columns: 1fr; }
  .bd-team-photo { min-height: 0; aspect-ratio: 4 / 5; }
  .bd-about-promise { grid-template-columns: 1fr; }
  .bd-about-promise .button { width: 100%; text-align: center; }
  .bd-faq-heading { position: static; }
  .bd-faq-heading .button { width: 100%; text-align: center; }
  .bd-faq-item summary { grid-template-columns: 30px minmax(0, 1fr) 32px; gap: 10px; min-height: 82px; padding-inline: 10px; }
  .bd-faq-item > div { padding: 0 10px 24px 50px; }
  .site-nav.bd-mobile-menu-open .nav-links {
    max-height: 430px;
    padding-block: 10px;
    border-color: #ffffff24;
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
  }
  .site-nav .nav-links .bd-nav-services { width: 100%; border-bottom: 1px solid #ffffff12; }
  .site-nav .nav-links .bd-nav-services summary { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 13px 4px; color: #fff; font-size: 14px; }
  .site-nav .nav-links .bd-nav-dropdown { position: static; display: none; min-width: 0; padding: 0 0 8px; border: 0; background: transparent; box-shadow: none; opacity: 1; visibility: visible; transform: none; backdrop-filter: none; }
  .site-nav .nav-links .bd-nav-services[open] .bd-nav-dropdown { display: grid; }
  .site-nav .nav-links .bd-nav-dropdown a { padding: 10px 14px; border-bottom: 0; color: #cfc8da; font-size: 13px; }
  .site-nav .nav-links a {
    width: 100%;
    padding: 13px 4px;
    border-bottom: 1px solid #ffffff12;
    color: #fff;
    font-size: 14px;
  }
  .site-nav .nav-links a:last-child {
    border-bottom: 0;
  }
  .hero-management-hook b {
    font-size: 11px !important;
  }
  .hero-service-actions {
    grid-template-columns: 1fr;
    gap: 7px;
    width: min(390px, 88vw);
    margin: 14px auto 0;
  }
  .hero-service-action {
    min-height: 54px;
    padding: 9px 13px;
    border-radius: 14px;
  }
  .hero-service-action strong {
    font-size: 15px;
  }
  .bd-offer-grid,
  .bd-automation-grid {
    grid-template-columns: 1fr;
  }
  .bd-commercial-block {
    margin-top: clamp(54px, 15vw, 70px);
  }
  .bd-commercial-heading { margin-bottom: 24px; }
  .bd-commercial-heading h3 { font-size: clamp(34px, 12vw, 48px); }
  #posicionamiento .bd-data-portrait {
    height: clamp(570px, 150vw, 650px);
    opacity: .78;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 68%, transparent 98%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 68%, transparent 98%);
  }
  #posicionamiento .bd-data-portrait::after {
    background: linear-gradient(90deg, #100b1ffc 0%, #100b1ff1 47%, #100b1fac 70%, transparent 96%);
  }
  #posicionamiento .bd-data-portrait-canvas {
    filter: saturate(1.16) brightness(1.2) drop-shadow(0 0 23px #aa93ff61);
  }
  #posicionamiento.bd-particle-fallback::before {
    top: 24px;
    right: -12%;
    width: min(112vw, 480px);
    opacity: .48;
  }
  .bd-offer-card {
    border-radius: 22px;
    padding: 24px 20px;
  }
  .bd-offer-card .bd-price {
    font-size: clamp(27px, 9vw, 38px);
    overflow-wrap: anywhere;
  }
  .bd-offer-card .button {
    min-height: 52px;
    font-size: 11px;
  }
  .bd-custom-package {
    grid-template-columns: 1fr;
    padding: 28px 22px;
  }
  .bd-custom-package .button {
    width: 100%;
    text-align: center;
  }
  #automatizacion {
    display: block;
    min-height: 0;
    padding-top: 0;
  }
  #automatizacion .bd-commercial-heading {
    max-width: none;
  }
  .bd-automation-robot {
    position: sticky;
    top: max(72px, calc(100svh - 205px));
    right: auto;
    z-index: 2;
    width: min(158px, 46vw);
    min-width: 0;
    margin: 0 0 16px auto;
    opacity: .96;
  }
  .bd-robot-status {
    max-width: 150px;
    padding: 6px 8px;
    font-size: 6px;
  }
  .bd-robot-stage {
    height: 154px;
    border: 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
  }
  .bd-worker-bot {
    left: 0;
    width: 78%;
    transform: translate3d(0, calc(var(--flight-lift) * -17px), 0);
  }
  .bd-block-stack {
    right: -2px;
    bottom: 2px;
    transform: scale(.53);
    transform-origin: right bottom;
  }
  .bd-robot-spark { font-size: 13px; }
  .spark-one { top: 22px; left: 14px; }
  .spark-two { top: 45px; right: 4px; }
  #automatizacion > :not(.bd-automation-robot) {
    position: relative;
    z-index: 3;
  }
  #contacto.bd-contact-combined {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  #posicionamiento,
  #automatizacion {
    padding: 28px 18px;
    border-radius: 28px;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  .bd-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bd-automation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-service-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(680px, 88vw);
  }
  #automatizacion .bd-commercial-heading { max-width: none; }
  #automatizacion {
    grid-template-columns: minmax(0, 1fr) 250px;
    column-gap: 22px;
  }
  .bd-automation-robot { width: 250px; min-width: 0; }
  #contacto.bd-contact-combined { grid-template-columns: 1fr; }
  .bd-custom-package { grid-template-columns: 1fr; }
  #posicionamiento .bd-data-portrait {
    height: 620px;
    opacity: .66;
  }
  #posicionamiento .bd-data-portrait::after {
    background: linear-gradient(90deg, #100b1ff5 0%, #100b1fd9 43%, transparent 72%);
  }
}

/* Portafolio: interacción táctil clara, capturas legibles y controles accesibles. */
.project-abastik .project-site-view {
  background: radial-gradient(circle at 50% 45%, #253764 0, #102247 48%, #07152f 100%);
}
.project-abastik .project-site-view > img {
  width: 76%;
  height: 64%;
  margin: 9% auto 0;
  object-fit: contain;
}
.project-abastik .project-site-view::after {
  background: linear-gradient(90deg, #03122a80, transparent 68%);
}
.project-abastik .project-site-copy > span {
  color: #07152f;
  background: #d7ff63;
}

@media (max-width: 760px) {
  .portfolio-story .portfolio-orbit {
    isolation: isolate;
    touch-action: pan-y !important;
    cursor: default;
    -webkit-tap-highlight-color: transparent;
  }
  .portfolio-story .portfolio-project {
    --project-opacity: 0 !important;
    opacity: 0 !important;
    visibility: hidden;
    filter: none !important;
    pointer-events: none !important;
    transition: opacity .24s ease, visibility .24s ease, transform .52s cubic-bezier(.2,.75,.2,1) !important;
  }
  .portfolio-story .portfolio-project:not(.is-active) {
    display: none !important;
  }
  .portfolio-story .portfolio-project.is-active {
    --project-opacity: 1 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible;
    transform: translate3d(-50%, -46%, 0) !important;
  }
  .portfolio-story .portfolio-project.is-active .desktop-computer {
    opacity: 1 !important;
    background: linear-gradient(145deg, #5a5461 0%, #17131d 48%, #3d3744 100%);
    border-color: #ffffff70;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: 0 28px 65px #020106d9, inset 0 1px #ffffff52, 0 0 48px #8b6dff4a !important;
  }
  .portfolio-story .portfolio-project.is-active .computer-screen {
    opacity: 1 !important;
    background: #07060b;
    box-shadow: inset 0 0 0 1px #ffffff2e;
  }
  .portfolio-story .portfolio-project.is-active .project-site-view {
    isolation: isolate;
    opacity: 1 !important;
    background-color: #07060b;
  }
  .portfolio-story .portfolio-project.is-active .project-site-view > img {
    opacity: 1 !important;
  }
  .portfolio-story .portfolio-arrows button {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-color: #ffffff4a;
    background: #100c1fe8;
  }
  .portfolio-story .portfolio-arrows p {
    color: #ffffff9c;
  }
  .whatsapp-float {
    right: max(10px, env(safe-area-inset-right));
    bottom: max(10px, env(safe-area-inset-bottom));
    padding: 0;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
  }
  .whatsapp-icon {
    width: 46px;
    height: 46px;
  }
}

/* Recorrido comercial: problemas, soluciones, evidencia y conversión. */
.bd-problem-section,
.bd-results-section {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding: clamp(84px, 10vw, 154px) clamp(18px, 5vw, 76px);
}
.bd-problem-section {
  color: #fff;
  background: radial-gradient(circle at 70% 24%, #6e43f52f, transparent 35%), #0b0815;
}
.bd-problem-ambient {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
}
.bd-problem-ambient b {
  position: absolute;
  top: 20%;
  right: 6%;
  width: min(520px, 48vw);
  aspect-ratio: 1;
  border: 1px solid #ffffff12;
  border-radius: 50%;
  box-shadow: inset 0 0 90px #6e43f520, 0 0 80px #6e43f512;
  transition: transform .65s cubic-bezier(.2,.75,.25,1), border-radius .65s ease;
}
.bd-problem-ambient i {
  position: absolute;
  top: calc(20% + min(260px, 24vw));
  right: calc(6% + min(260px, 24vw));
  width: 11px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #d9ff62;
  box-shadow: 0 0 24px #d9ff62;
  transition: transform .7s cubic-bezier(.2,.75,.25,1), background .35s ease;
}
.bd-problem-ambient i:nth-child(1) { transform: translate(-13vw, -9vw); }
.bd-problem-ambient i:nth-child(2) { transform: translate(11vw, -2vw); background: #aa93ff; box-shadow: 0 0 24px #aa93ff; }
.bd-problem-ambient i:nth-child(3) { transform: translate(-2vw, 12vw); background: #ff80b8; box-shadow: 0 0 24px #ff80b8; }
.bd-problem-section[data-active-problem="confianza"] .bd-problem-ambient b { transform: rotate(45deg) scale(.84); border-radius: 25%; }
.bd-problem-section[data-active-problem="confianza"] .bd-problem-ambient i:nth-child(1) { transform: translate(-8vw, -8vw); }
.bd-problem-section[data-active-problem="confianza"] .bd-problem-ambient i:nth-child(2) { transform: translate(8vw, -8vw); }
.bd-problem-section[data-active-problem="confianza"] .bd-problem-ambient i:nth-child(3) { transform: translate(0, 9vw); }
.bd-problem-section[data-active-problem="tiempo"] .bd-problem-ambient b { transform: scale(.68); }
.bd-problem-section[data-active-problem="tiempo"] .bd-problem-ambient i:nth-child(1) { transform: translate(-5vw, 0); }
.bd-problem-section[data-active-problem="tiempo"] .bd-problem-ambient i:nth-child(2) { transform: translate(0, 0); }
.bd-problem-section[data-active-problem="tiempo"] .bd-problem-ambient i:nth-child(3) { transform: translate(5vw, 0); }
.bd-problem-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
  align-items: end;
  gap: clamp(28px, 6vw, 84px);
  margin-bottom: clamp(38px, 6vw, 72px);
}
.bd-problem-heading h2,
.bd-results-heading h2 {
  margin: 12px 0 0;
  font-size: clamp(42px, 6.5vw, 88px);
  line-height: .94;
  letter-spacing: -.06em;
}
.bd-problem-heading h2 em,
.bd-results-heading h2 em {
  color: #aa93ff;
  font-family: Georgia, serif;
  font-weight: 400;
}
.bd-problem-heading > p {
  margin: 0;
  max-width: 590px;
  color: #c2bacf;
  font-size: clamp(16px, 1.35vw, 19px);
  line-height: 1.7;
}
.bd-problem-layout {
  display: grid;
  grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
  gap: 18px;
}
.bd-problem-tabs {
  display: grid;
  align-content: start;
  gap: 9px;
}
.bd-problem-tab {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 10px;
  min-height: 88px;
  padding: 15px 18px;
  border: 1px solid #ffffff1c;
  border-radius: 19px;
  background: #ffffff08;
  color: #fff;
  text-align: left;
  cursor: pointer;
  transition: transform .28s ease, background .28s ease, border-color .28s ease;
}
.bd-problem-tab span { color: #d9ff62; font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.bd-problem-tab strong { font-size: 13px; line-height: 1.35; letter-spacing: .04em; }
.bd-problem-tab i { color: #ffffff70; font-style: normal; font-size: 20px; }
.bd-problem-tab:hover,
.bd-problem-tab.is-active { transform: translateX(7px); border-color: #aa93ff80; background: #6e43f526; }
.bd-problem-tab:focus-visible,
.bd-problem-panel:focus-visible,
.bd-solution-links a:focus-visible,
.bd-case-card > a:focus-visible,
.bd-contact-goals a:focus-visible {
  outline: 3px solid #d9ff62;
  outline-offset: 4px;
}
.bd-problem-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr);
  gap: clamp(28px, 5vw, 64px);
  min-height: 390px;
  padding: clamp(28px, 4.2vw, 58px);
  border: 1px solid #ffffff22;
  border-radius: 30px;
  background: linear-gradient(145deg, #ffffff0e, #100b20e8);
  box-shadow: 0 32px 100px #0201056e;
}
.bd-problem-panel.is-changing { animation: bdProblemChange .5s cubic-bezier(.2,.75,.25,1); }
@keyframes bdProblemChange { from { opacity: .25; transform: translateY(12px) scale(.99); } to { opacity: 1; transform: none; } }
.bd-problem-eyebrow,
.bd-problem-statement small,
.bd-problem-result small,
.bd-problem-solutions > span {
  display: block;
  color: #d9ff62;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .13em;
}
.bd-problem-copy h3 {
  margin: 16px 0 32px;
  max-width: 760px;
  font-size: clamp(31px, 4vw, 57px);
  line-height: 1.02;
  letter-spacing: -.05em;
}
.bd-problem-statement,
.bd-problem-result { padding: 17px 0; border-top: 1px solid #ffffff1d; }
.bd-problem-statement p,
.bd-problem-result p { margin: 8px 0 0; color: #c8c1d2; line-height: 1.62; }
.bd-problem-result p { color: #fff; }
.bd-problem-solutions { display: flex; flex-direction: column; }
.bd-problem-solutions nav { display: grid; margin: 15px 0 25px; }
.bd-problem-solutions nav a {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 2px;
  border-bottom: 1px solid #ffffff1d;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}
.bd-problem-solutions nav a:hover { color: #d9ff62; }
.bd-problem-solutions nav i { font-style: normal; }
.bd-problem-solutions .button { margin-top: auto; text-align: center; }

#servicios { display: block; }
.bd-solution-card { height: auto; text-decoration: none; }
.bd-solution-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.bd-solution-links a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: inherit;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}
.bd-solution-links a:hover { color: #6e43f5; }
.bd-solution-links i { font-style: normal; }

.bd-results-section { color: #17131f; background: #f7f4ed; }
.bd-results-heading { max-width: 1040px; margin-bottom: clamp(38px, 6vw, 70px); }
.bd-results-heading h2 em { color: #6e43f5; }
.bd-results-heading > p { max-width: 690px; color: #665e70; font-size: clamp(16px, 1.3vw, 19px); line-height: 1.65; }
.bd-results-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.bd-case-card {
  display: flex;
  flex-direction: column;
  min-height: 490px;
  padding: clamp(24px, 3vw, 38px);
  border: 1px solid #211a2c20;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 22px 70px #2b20320c;
  transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.bd-case-card:hover { transform: translateY(-7px); border-color: #6e43f56b; box-shadow: 0 30px 80px #2b20331c; }
.bd-case-index { color: #6e43f5; font-size: 11px; font-weight: 900; letter-spacing: .13em; }
.bd-case-card dl { margin: 28px 0; }
.bd-case-card dl > div { padding: 18px 0; border-top: 1px solid #211a2c16; }
.bd-case-card dt { color: #877d90; font-size: 10px; font-weight: 900; letter-spacing: .13em; }
.bd-case-card dd { margin: 7px 0 0; font-size: 15px; line-height: 1.62; }
.bd-case-card dl > div:last-child dd { font-weight: 750; }
.bd-case-card > a { margin-top: auto; color: #17131f; font-weight: 850; text-decoration: none; }
.bd-case-card > a:hover { color: #6e43f5; }

.process-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.process-grid article { min-width: 0; }
.process-grid h3 { font-size: clamp(18px, 1.8vw, 25px); }
.bd-plan-goal {
  margin: 14px 0 2px;
  padding-left: 13px;
  border-left: 2px solid #d9ff62;
  color: #fff;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
}
.bd-contact-goals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 24px 0 4px; }
.bd-contact-goals a {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 15px;
  border: 1px solid #ffffff2c;
  border-radius: 14px;
  background: #ffffff0a;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.bd-contact-goals a:hover { transform: translateY(-2px); border-color: #d9ff6280; background: #d9ff6210; }

.bd-reveal[data-bd-reveal-bound] { opacity: 0; transform: translateY(28px); transition: opacity .65s ease var(--delay, 0ms), transform .65s cubic-bezier(.2,.75,.25,1) var(--delay, 0ms); }
.bd-reveal[data-bd-reveal-bound].is-visible { opacity: 1; transform: none; }
.hero-service-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }

@media (max-width: 1100px) {
  .bd-results-grid { grid-template-columns: 1fr; }
  .bd-case-card { min-height: 0; }
  .process-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .bd-problem-heading { grid-template-columns: 1fr; }
  .bd-problem-layout { grid-template-columns: 1fr; }
  .bd-problem-tab { min-height: 72px; }
  .bd-problem-tab:hover,
  .bd-problem-tab.is-active { transform: none; }
  .bd-problem-panel { grid-template-columns: 1fr; min-height: 0; border-radius: 24px; }
  .bd-problem-copy h3 { font-size: clamp(30px, 10vw, 43px); }
  .bd-problem-ambient { opacity: .62; }
  .bd-problem-ambient b { top: 17%; right: -28%; width: 95vw; }
  .bd-problem-ambient i { top: 31%; right: 20%; }
  .process-grid { grid-template-columns: 1fr; }
  .bd-contact-goals { grid-template-columns: 1fr; }
  .hero-service-actions { grid-template-columns: 1fr; }
}

@media (min-width: 1920px) {
  .bd-section-shell { width: min(1480px, 100%); }
  .bd-problem-layout { gap: 24px; }
  .bd-problem-panel { min-height: 450px; }
  .bd-results-grid { gap: 22px; }
}

@media (prefers-reduced-motion: reduce) {
  html.bd-native-anchor-scroll {
    scroll-behavior: auto;
  }

  :root { scroll-behavior: auto; }
  .portfolio-details a[target="_blank"] { animation: none; }
  .hero-service-action,
  .hero-management-hook i,
  .portfolio-details a[target="_blank"] span { transition: none; }
  .bd-bot-arm,
  .bd-worker-bot,
  .bd-thruster-flame,
  .bd-robot-status i,
  .bd-robot-spark { animation: none !important; }
  .bd-scroll-card,
  .bd-scroll-card:not(.is-revealed) {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    pointer-events: auto;
  }
  .bd-problem-ambient *,
  .bd-problem-panel,
  .bd-reveal[data-bd-reveal-bound] {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

.site-nav .nav-links .bd-nav-agenda {
  padding: 7px 11px;
  border: 1px solid rgba(207, 255, 107, 0.34);
  border-radius: 999px;
  color: #d7ff63;
}


/* 2026-09-19 · Mejoras Home + puente a BD Empresas */
.services-section .services-grid {
  gap: 22px;
}
.services-section .service-card,
.services-section .bd-solution-card {
  overflow: hidden;
  border: 1px solid #ddd6ce !important;
  border-radius: 34px;
  background: linear-gradient(180deg, #fcfaf6 0%, #f7f3ec 100%) !important;
  box-shadow: 0 18px 40px rgba(22, 16, 34, .06);
}
.services-section .service-media {
  position: relative;
  padding: 16px 16px 0;
  background: linear-gradient(180deg, rgba(16,11,31,.03), rgba(16,11,31,0));
}
.services-section .service-media img {
  display: block;
  width: 100%;
  height: clamp(250px, 26vw, 360px) !important;
  object-fit: cover;
  object-position: center center;
  border-radius: 28px;
  transform: none !important;
}
.services-section .service-number {
  position: absolute;
  top: 28px;
  left: 28px;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: rgba(10, 8, 24, .76);
  color: #d7ff63;
  border: 1px solid rgba(255,255,255,.09);
  box-shadow: 0 10px 28px rgba(8, 6, 15, .16);
}
.services-section .service-body {
  gap: 0;
  padding: 28px 28px 30px;
}
.services-section .service-body h3,
.services-section .service-body p,
.services-section .bd-service-price {
  color: #1c1630 !important;
}
.services-section .service-body h3 {
  font-size: clamp(29px, 2.6vw, 42px);
  letter-spacing: -.045em;
}
.services-section .service-body p {
  margin-top: 12px;
  color: #5c546e !important;
}
.services-section .bd-service-price {
  margin-top: 20px;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -.04em;
}
.services-section .bd-service-subprice {
  margin-top: 7px;
  color: #6f8d00;
  font-size: 14px;
}
.services-section .bd-service-link {
  margin-top: 22px;
  padding: 13px 18px;
  border-radius: 999px;
  color: #17122a;
  background: #d7ff63;
  border: 1px solid rgba(23, 18, 42, .08);
  box-shadow: 0 8px 20px rgba(215,255,99,.28);
}
.services-section .bd-service-link:hover {
  background: #e2ff84;
  box-shadow: 0 12px 28px rgba(215,255,99,.34);
}
@media (max-width: 760px) {
  .services-section .service-media img { height: 240px !important; }
  .services-section .service-body { padding: 22px 20px 24px; }
  .services-section .bd-service-link { width: 100%; justify-content: center; }
}

.bd-enterprise-bridge {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding: clamp(84px, 10vw, 148px) clamp(18px, 5vw, 76px);
  color: #fff;
  background:
    radial-gradient(circle at 15% 12%, rgba(105, 92, 255, .18), transparent 32%),
    radial-gradient(circle at 88% 22%, rgba(215, 255, 99, .12), transparent 26%),
    linear-gradient(180deg, #080611 0%, #0d0a19 100%);
}
.bd-enterprise-layout {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(320px, 1.14fr);
  gap: clamp(34px, 6vw, 78px);
  align-items: center;
}
.bd-enterprise-copy h2 {
  margin: 14px 0 18px;
  font-size: clamp(40px, 5.8vw, 76px);
  line-height: .96;
  letter-spacing: -.06em;
}
.bd-enterprise-copy h2 em { color: #aa93ff; font-style: normal; }
.bd-enterprise-copy p {
  max-width: 580px;
  color: #c8c1d6;
  font-size: clamp(15px, 1.45vw, 18px);
  line-height: 1.7;
}
.bd-enterprise-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px; }
.bd-enterprise-visual {
  position: relative;
  min-height: 510px;
  border-radius: 38px;
  border: 1px solid rgba(255,255,255,.11);
  background: linear-gradient(150deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  box-shadow: 0 28px 90px rgba(0, 0, 0, .32);
  overflow: hidden;
}
.bd-enterprise-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.95), transparent 96%);
}
.bd-enterprise-helix {
  position: absolute; inset: 52px 24% 52px 24%;
}
.bd-enterprise-helix::before,
.bd-enterprise-helix::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0; width: 2px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(103, 232, 249, .06), rgba(170,147,255,.42), rgba(215,255,99,.18));
}
.bd-enterprise-helix span {
  position: absolute;
  left: 50%;
  width: 64%;
  height: 2px;
  transform-origin: center;
  background: linear-gradient(90deg, rgba(103,232,249,.12), rgba(215,255,99,.36), rgba(170,147,255,.12));
}
.bd-enterprise-helix span::before,
.bd-enterprise-helix span::after {
  content: "";
  position: absolute; top: 50%; width: 13px; height: 13px; border-radius: 50%; transform: translateY(-50%);
  box-shadow: 0 0 22px currentColor;
}
.bd-enterprise-helix span::before { left: -6px; background: #d7ff63; color: #d7ff63; }
.bd-enterprise-helix span::after { right: -6px; background: #8b7cff; color: #8b7cff; }
.bd-enterprise-helix span:nth-child(1) { top: 11%; transform: translateX(-50%) rotate(-14deg); }
.bd-enterprise-helix span:nth-child(2) { top: 26%; transform: translateX(-50%) rotate(14deg); }
.bd-enterprise-helix span:nth-child(3) { top: 41%; transform: translateX(-50%) rotate(-12deg); }
.bd-enterprise-helix span:nth-child(4) { top: 56%; transform: translateX(-50%) rotate(12deg); }
.bd-enterprise-helix span:nth-child(5) { top: 71%; transform: translateX(-50%) rotate(-14deg); }
.bd-enterprise-helix span:nth-child(6) { top: 86%; transform: translateX(-50%) rotate(14deg); }
.bd-enterprise-float {
  position: absolute;
  max-width: 240px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  background: rgba(8, 6, 18, .72);
  box-shadow: 0 24px 48px rgba(5,4,12,.32);
  backdrop-filter: blur(10px);
}
.bd-enterprise-float small { display: block; color: #d7ff63; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; font-weight: 900; }
.bd-enterprise-float strong { display: block; margin-top: 9px; font-size: 24px; letter-spacing: -.03em; }
.bd-enterprise-float p { margin: 8px 0 0; color: #c8c1d6; font-size: 13px; line-height: 1.58; }
.bd-enterprise-float.is-symptom { right: 26px; top: 28px; }
.bd-enterprise-float.is-root { left: 26px; bottom: 120px; }
.bd-enterprise-float.is-system { right: 54px; bottom: 26px; }
@media (max-width: 980px) {
  .bd-enterprise-layout { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .bd-enterprise-visual { min-height: 430px; }
  .bd-enterprise-helix { inset: 42px 18% 42px 18%; }
  .bd-enterprise-float { max-width: calc(100% - 34px); }
  .bd-enterprise-float.is-symptom { right: 16px; top: 16px; }
  .bd-enterprise-float.is-root { left: 16px; bottom: 108px; }
  .bd-enterprise-float.is-system { display: none; }
}


/* 2026-09-19 · Home visual refresh option 3 */
:root {
  --bd-purple-strong:#8b35ff;
  --bd-purple-core:#9d14ff;
  --bd-purple-soft:#c858c6;
  --bd-purple-deep:#3f0d74;
  --bd-red-wine:#670707;
  --bd-ink:#07050d;
  --bd-panel:#0f0a18;
  --bd-panel-2:#130d1f;
  --bd-lime:#d7ff63;
}
html,body,#root,main { background: linear-gradient(180deg, #07040d 0%, #0b0713 40%, #08050f 100%) !important; }
body::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(circle at 15% 20%, rgba(157,20,255,.10), transparent 24%),
    radial-gradient(circle at 82% 14%, rgba(200,88,198,.10), transparent 22%),
    radial-gradient(circle at 52% 65%, rgba(103,7,7,.08), transparent 28%);
}
main, .site-nav, .parallax-footer { position:relative; z-index:1; }
.parallax-panel,
.services-section,
.portfolio-story,
.pricing-section,
.contact-section,
.parallax-footer,
.bd-problem-section,
.bd-enterprise-bridge,
.bd-commerce-section,
.bd-about-section,
.bd-final-cta,
.bd-home-faq { border-radius: 0 !important; }
.site-nav .brand span {
  background: linear-gradient(90deg, var(--bd-purple-core) 0%, var(--bd-purple-soft) 55%, #ffffff 140%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.site-nav .nav-cta,
.bd-hero-primary,
.bd-enterprise-maincta {
  background: linear-gradient(135deg, var(--bd-lime) 0%, #e8ff89 100%) !important;
  color:#17111f !important;
  box-shadow: 0 16px 40px rgba(215,255,99,.18), 0 0 0 1px rgba(255,255,255,.1) inset;
}
.bd-hero-secondary,
.bd-final-actions .is-primary,
.button.button-lime {
  border-color: rgba(200,88,198,.34);
}
.bd-hero-secondary:hover,
.bd-hero-secondary:focus-visible {
  background: linear-gradient(135deg, rgba(157,20,255,.22), rgba(200,88,198,.14));
  border-color: rgba(200,88,198,.8);
}
.statement-one .hero-kicker,
.kicker,
.kicker.light,
.bd-commercial-heading .kicker,
.services-section .section-heading .kicker {
  color: var(--bd-lime) !important;
}
.statement-one h1 em,
.bd-problem-heading h2 em,
.services-section .section-heading h2 em,
.portfolio-heading h2 em,
.bd-commerce-copy h2 em,
.bd-about-heading h2 em,
.bd-final-cta h2 em,
.bd-enterprise-copy h2 em {
  background: linear-gradient(90deg, #ff77b3 0%, #c858c6 42%, #9d14ff 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent !important;
}
.bd-problem-simple-card,
.bd-commerce-node,
.bd-team-card,
.services-section .service-card,
.portfolio-story .portfolio-card {
  background: linear-gradient(180deg, rgba(19,13,31,.92) 0%, rgba(10,8,18,.98) 100%) !important;
  border-color: rgba(200,88,198,.18) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.24);
}
.bd-problem-simple-card:hover,
.services-section .service-card:hover,
.portfolio-story .portfolio-card:hover,
.bd-team-card:hover {
  border-color: rgba(157,20,255,.42) !important;
  box-shadow: 0 24px 70px rgba(157,20,255,.12), 0 22px 52px rgba(0,0,0,.28);
}
.bd-problem-simple-card > span,
.bd-service-subprice,
.bd-enterprise-float small { color: var(--bd-lime) !important; }
.services-section,
#portafolio,
#nosotros,
#contacto,
#problemas {
  background:
    radial-gradient(circle at 12% 10%, rgba(157,20,255,.07), transparent 22%),
    radial-gradient(circle at 85% 14%, rgba(200,88,198,.06), transparent 22%),
    linear-gradient(180deg, #090611 0%, #08050f 100%) !important;
}
.bd-enterprise-bridge {
  padding: clamp(40px, 5vw, 68px) clamp(18px, 5vw, 76px);
  background:
    radial-gradient(circle at 10% 0%, rgba(200,88,198,.14), transparent 32%),
    radial-gradient(circle at 88% 0%, rgba(157,20,255,.14), transparent 34%),
    linear-gradient(180deg, #0a0611 0%, #100a18 100%);
}
.bd-enterprise-layout.is-compact {
  grid-template-columns: minmax(0, .95fr) minmax(280px, 1.05fr);
  gap: clamp(22px, 4vw, 44px);
  align-items: center;
}
.bd-enterprise-copy h2 {
  margin: 10px 0 14px;
  font-size: clamp(34px, 4.8vw, 58px);
}
.bd-enterprise-copy p {
  max-width: 58ch;
  font-size: 15px;
  line-height: 1.7;
}
.bd-enterprise-mini-tags {
  display:flex; flex-wrap:wrap; gap:10px; margin-top:18px;
}
.bd-enterprise-mini-tags span {
  display:inline-flex; align-items:center; min-height:36px; padding:0 14px;
  border-radius:999px; border:1px solid rgba(200,88,198,.24);
  background: linear-gradient(135deg, rgba(157,20,255,.15), rgba(200,88,198,.08));
  color:#f6f2ff; font-size:12px; font-weight:800; letter-spacing:.03em;
}
.bd-enterprise-actions { margin-top: 18px; align-items:center; }
.bd-enterprise-actions .enterprise-link { color:#f3b5ff; }
.bd-enterprise-visual {
  min-height: 320px;
  border-radius: 28px;
  border-color: rgba(200,88,198,.18);
  background:
    radial-gradient(circle at 50% 50%, rgba(157,20,255,.11), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
}
.bd-enterprise-grid { opacity:.6; background-size: 34px 34px; }
.bd-enterprise-orbit {
  position:absolute; inset:18px;
  border-radius:24px;
  background:
    radial-gradient(circle at 72% 12%, rgba(200,88,198,.18), transparent 18%),
    radial-gradient(circle at 14% 84%, rgba(157,20,255,.18), transparent 20%);
  pointer-events:none;
}
.bd-enterprise-helix { inset: 34px 28% 34px 28%; transform: rotate(10deg) scale(.95); }
.bd-enterprise-helix::before,
.bd-enterprise-helix::after {
  background: linear-gradient(180deg, rgba(200,88,198,.08), rgba(157,20,255,.42), rgba(215,255,99,.14));
}
.bd-enterprise-helix span {
  width: 72%;
  background: linear-gradient(90deg, rgba(200,88,198,.14), rgba(157,20,255,.36), rgba(215,255,99,.14));
}
.bd-enterprise-helix span::before { background: var(--bd-lime); color: var(--bd-lime); }
.bd-enterprise-helix span::after { background: #c858c6; color: #c858c6; }
.bd-enterprise-float {
  max-width: 220px;
  padding: 14px 15px;
  border-radius: 18px;
  border-color: rgba(200,88,198,.16);
  background: rgba(10,8,18,.78);
}
.bd-enterprise-float strong { font-size: 21px; }
.bd-enterprise-float p { font-size: 12px; line-height:1.55; }
.bd-enterprise-float.is-symptom { right: 18px; top: 18px; }
.bd-enterprise-float.is-root { left: 18px; bottom: 78px; }
.bd-enterprise-float.is-system { right: 38px; bottom: 18px; }
.portfolio-story .portfolio-heading .bd-portfolio-summary { max-width:54ch; }
@media (max-width: 980px) {
  .bd-enterprise-layout.is-compact { grid-template-columns:1fr; }
  .bd-enterprise-copy { text-align:left; }
}
@media (max-width: 680px) {
  .bd-enterprise-bridge { padding: 34px 18px 44px; }
  .bd-enterprise-copy h2 { font-size: clamp(32px, 10vw, 44px); }
  .bd-enterprise-visual { min-height: 280px; }
  .bd-enterprise-helix { inset: 26px 26% 32px 26%; }
  .bd-enterprise-float { max-width: 188px; }
  .bd-enterprise-float strong { font-size: 18px; }
  .bd-enterprise-float.is-system { display:none; }
}


/* 2026-09-19 · Requested refinements pack 2 */
.bd-final-cta,
.bd-final-cta * { overflow: visible; }
.bd-final-cta { padding-top: clamp(86px, 10vw, 146px); }
.bd-final-cta h2 {
  line-height: 1.02;
  padding-inline: .06em;
  padding-top: .06em;
  text-wrap: balance;
}

/* Stronger contrast on service cards */
.services-section .service-card,
.services-section .bd-solution-card {
  background:
    radial-gradient(circle at 82% 18%, rgba(200,88,198,.13), transparent 26%),
    radial-gradient(circle at 18% 0%, rgba(157,20,255,.14), transparent 24%),
    linear-gradient(180deg, rgba(18,11,30,.96) 0%, rgba(9,7,18,.98) 100%) !important;
}
.services-section .service-media {
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
}
.services-section .service-body h3,
.services-section .service-body p,
.services-section .bd-service-price,
.services-section .bd-service-subprice,
.services-section .service-body strong,
.services-section .service-body small {
  opacity: 1 !important;
}
.services-section .service-body h3,
.services-section .bd-service-price {
  color: #fff !important;
}
.services-section .service-body p {
  color: rgba(244,240,255,.76) !important;
}
.services-section .bd-service-price {
  text-shadow: 0 4px 18px rgba(157,20,255,.15);
}
.services-section .bd-service-subprice {
  color: var(--bd-lime) !important;
}
.services-section .service-number {
  background: rgba(255,255,255,.09);
  border-color: rgba(255,255,255,.12);
}

/* Gradient language on hero statements */
.statement-one h1,
.statement-two h2,
.statement-three h2,
.statement-four h2 {
  background: linear-gradient(92deg, #ffffff 0%, #f6f1ff 22%, #e5d7ff 48%, #f183c2 74%, #9d14ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}
.statement-one h1 em,
.statement-two h2 em,
.statement-three h2 em,
.statement-four h2 em {
  background: linear-gradient(92deg, #ffd1e8 0%, #f183c2 28%, #c858c6 62%, #9d14ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}
.statement-two,
.statement-three,
.statement-four {
  position: relative;
  overflow: hidden;
}
.statement-two::before,
.statement-three::before,
.statement-four::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 12%;
  width: min(74vw, 860px);
  aspect-ratio: 1;
  transform: translateX(-50%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 34% 36%, rgba(255,255,255,.14), transparent 17%),
    radial-gradient(circle at 38% 26%, rgba(200,88,198,.34), transparent 26%),
    radial-gradient(circle at 66% 64%, rgba(81,134,255,.26), transparent 28%),
    radial-gradient(circle at 50% 50%, rgba(157,20,255,.17), rgba(157,20,255,.09) 46%, transparent 68%);
  box-shadow: 0 0 120px rgba(157,20,255,.18), inset 0 0 44px rgba(255,255,255,.07);
  opacity: .95;
}
.statement-two::after,
.statement-three::after,
.statement-four::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 16%;
  width: min(88vw, 1080px);
  height: min(28vw, 220px);
  transform: translateX(-50%);
  border-radius: 50%;
  pointer-events: none;
  border: 1px solid rgba(157,20,255,.18);
  box-shadow: 0 0 0 1px rgba(255,255,255,.03) inset;
  opacity: .55;
}
.statement-two > *,
.statement-three > *,
.statement-four > * {
  position: relative;
  z-index: 1;
}
.hero-service-action {
  background: linear-gradient(180deg, rgba(17,12,27,.56), rgba(10,8,18,.7));
  border-color: rgba(255,255,255,.18);
}
.hero-service-action strong { color: #fff; }
.hero-service-action:hover,
.hero-service-action:focus-visible {
  border-color: rgba(215,255,99,.85);
  box-shadow: 0 16px 45px rgba(157,20,255,.16), 0 0 28px rgba(215,255,99,.18);
}

/* Keep the new brand gradient consistent on home sections (except BD Empresas) */
#bdcommerce,
#nosotros,
#contacto,
#servicios,
#problemas,
#portafolio {
  background:
    radial-gradient(circle at 14% 0%, rgba(157,20,255,.09), transparent 22%),
    radial-gradient(circle at 86% 12%, rgba(200,88,198,.09), transparent 24%),
    linear-gradient(180deg, #090611 0%, #07050d 100%) !important;
}
#bdcommerce .bd-commerce-copy h2 em,
#nosotros .bd-about-heading h2 em,
#contacto .bd-final-cta h2 em,
#portafolio .portfolio-heading h2 em,
#problemas .bd-problem-heading h2 em {
  background: linear-gradient(92deg, #ffd1e8 0%, #f183c2 28%, #c858c6 62%, #9d14ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}


/* 2026-09-19 · Requested refinements pack 3 */
/* Fix final CTA clipping */
.bd-final-cta-inner{overflow:visible!important;padding-inline:clamp(16px,3vw,42px)}
.bd-final-cta h2{max-width:1180px;margin-inline:auto;font-size:clamp(44px,6.1vw,84px)!important;letter-spacing:-.045em!important;overflow:visible!important}
.bd-final-cta h2 em{display:inline-block;padding:.04em .12em .12em;margin-inline:-.05em;overflow:visible!important}

/* Actual rotating disk/orbits use the new BD gradient */
.hero-video-fallback{
  background:radial-gradient(circle at 50% 67%,#2c0d48 0,#12071f 31%,#05040a 63%)!important;
}
.digital-core{
  background:
    radial-gradient(circle at 38% 30%,rgba(255,255,255,.25) 0 5%,rgba(241,131,194,.32) 12%,rgba(157,20,255,.42) 30%,#12091f 56%,#030307 72%)!important;
  box-shadow:0 0 15px rgba(241,131,194,.7),0 0 42px rgba(157,20,255,.7),0 0 130px rgba(107,60,255,.5),inset -22px -16px 54px rgba(200,88,198,.22)!important;
}
.digital-core:after{
  background:conic-gradient(from 45deg,transparent,#ffd1e8,#f183c2,#9d14ff,transparent 21% 56%,#6b3cff,#c858c6,transparent 79%)!important;
}
.digital-orbit{border-color:rgba(200,88,198,.42)!important;filter:drop-shadow(0 0 13px rgba(157,20,255,.58))!important}
.digital-horizon{
  background:radial-gradient(at 50% 0,#ffd1e8 0 1px,#c858c6 2px,#5c1e86ba 8%,#0b0713 25%,#030306 68%)!important;
  box-shadow:0 -4px 48px rgba(157,20,255,.56)!important;
}

/* Show project hero screenshots cleanly in portfolio preview */
.project-liozar .project-site-nav,.project-liozar .project-site-copy,
.project-abastik .project-site-nav,.project-abastik .project-site-copy,
.project-terrazas .project-site-nav,.project-terrazas .project-site-copy{display:none!important}
.project-liozar .project-site-view>img,
.project-abastik .project-site-view>img,
.project-terrazas .project-site-view>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;opacity:1!important;filter:none!important}
.project-liozar .project-site-view,
.project-abastik .project-site-view,
.project-terrazas .project-site-view{background:#05040a!important}

/* Liozar service tile prioritizes the actual hero screenshot */
.services-section .service-card:nth-child(2) .service-media img{object-position:top center!important}
/* 2026-09-19 · Focused corrections v5 */
/* Restore a lightweight, readable cinematic hero. */
.cinematic-hero { height: 330vh !important; }
.scroll-statement h1,
.scroll-statement h2,
.statement-one h1,
.statement-two h2,
.statement-three h2,
.statement-four h2 {
  background: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(54px, 7vw, 104px) !important;
  line-height: .94 !important;
  text-shadow: 0 10px 42px rgba(0,0,0,.28);
}
.scroll-statement h1 em,
.scroll-statement h2 em,
.statement-one h1 em,
.statement-two h2 em,
.statement-three h2 em,
.statement-four h2 em {
  display: inline;
  background: linear-gradient(92deg, #ffd1e8 0%, #f183c2 28%, #c858c6 62%, #9d14ff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none;
}
.statement-two::before,
.statement-three::before,
.statement-four::before,
.statement-two::after,
.statement-three::after,
.statement-four::after {
  display: none !important;
  content: none !important;
}
.digital-core {
  width: min(29vw, 380px) !important;
  top: 58% !important;
  background:
    radial-gradient(circle at 35% 28%, rgba(255,255,255,.13) 0 5%, transparent 18%),
    radial-gradient(circle at 36% 34%, rgba(200,88,198,.38) 0 14%, rgba(90,50,138,.22) 34%, rgba(13,9,24,.98) 69%) !important;
  box-shadow:
    0 0 18px rgba(200,88,198,.20),
    0 0 70px rgba(157,20,255,.20),
    inset -16px -12px 42px rgba(107,60,255,.10) !important;
}
.digital-core::after {
  opacity: .48 !important;
  filter: blur(1px) !important;
  animation-duration: 18s !important;
  background: conic-gradient(
    from 36deg,
    transparent 0 13%,
    rgba(241,131,194,.82) 18%,
    transparent 25% 52%,
    rgba(126,88,255,.78) 59%,
    transparent 67% 100%
  ) !important;
}
.digital-orbit {
  width: 68vw !important;
  height: 13vw !important;
  border-color: rgba(200,88,198,.24) !important;
  filter: drop-shadow(0 0 6px rgba(157,20,255,.14)) !important;
}
.orbit-b { opacity: .28 !important; }
.digital-horizon {
  opacity: .64 !important;
  box-shadow: 0 -3px 28px rgba(157,20,255,.22) !important;
}
.hero-shade {
  background:
    linear-gradient(rgba(2,2,6,.76) 0%, rgba(2,2,7,.16) 36%, rgba(2,2,8,.28) 66%, rgba(2,2,6,.90) 100%),
    linear-gradient(90deg, rgba(2,2,7,.62), transparent 36% 64%, rgba(2,2,7,.54)) !important;
}

/* Services: restore hierarchy and contrast. */
.services-section .section-heading h2 {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: 0 8px 28px rgba(0,0,0,.24);
}
.services-section .section-heading h2 em {
  background: linear-gradient(92deg, #ffd1e8 0%, #f183c2 28%, #c858c6 62%, #9d14ff 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
.services-section .section-heading p,
.services-section .bd-commercial-heading p {
  color: rgba(244,240,255,.78) !important;
  opacity: 1 !important;
}
.services-section .service-body h3,
.services-section .service-body p,
.services-section .bd-service-price,
.services-section .bd-service-subprice {
  opacity: 1 !important;
}
.services-section .service-body h3 { color: #fff !important; }
.services-section .service-body p { color: rgba(245,241,255,.78) !important; }
.services-section .bd-service-price { color: #fff !important; }
.services-section .bd-service-subprice { color: #d7ff63 !important; }

/* The navigation must reappear immediately on upward scrolling. */
.site-nav.bd-force-visible {
  transform: translateY(0) !important;
}

/* Real live site previews: keep the existing image as fallback. */
.project-site-view,
.hero-media.bd-live-hero,
.project-card .bd-live-project-host {
  position: relative;
  overflow: hidden;
}
.project-site-view > img,
.hero-media.bd-live-hero > img,
.project-card .bd-live-project-host > img {
  position: relative;
  z-index: 0;
}
.bd-live-site-frame {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 1440px;
  height: 900px;
  border: 0;
  background: #fff;
  transform-origin: 0 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity .35s ease;
}
.bd-live-site-frame.is-loaded { opacity: 1; }
.project-site-view.bd-has-live-preview .project-site-nav,
.project-site-view.bd-has-live-preview .project-site-copy { display: none !important; }
@media (max-width: 760px) {
  .cinematic-hero { height: 305vh !important; }
  .scroll-statement h1,
  .scroll-statement h2,
  .statement-one h1,
  .statement-two h2,
  .statement-three h2,
  .statement-four h2 { font-size: clamp(44px, 12vw, 68px) !important; }
  .digital-core { width: min(58vw, 310px) !important; }
}


/* 2026-09-19 · Stability fixes v6 */
/* Restore the original absolute positioning used by the scroll-driven hero. */
.cinematic-hero .scroll-statement,
.cinematic-hero .statement-one,
.cinematic-hero .statement-two,
.cinematic-hero .statement-three,
.cinematic-hero .statement-four {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  overflow: visible !important;
}
.cinematic-hero .statement-two,
.cinematic-hero .statement-three,
.cinematic-hero .statement-four {
  width: min(1120px, calc(100% - 48px)) !important;
}
/* Earlier palette overrides accidentally changed these scenes to position:relative. */
.statement-two, .statement-three, .statement-four { position:absolute !important; overflow:visible !important; }

/* Navigation stays fixed; JS only controls its vertical visibility. */
.site-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1000 !important;
}
.site-nav.bd-force-visible { transform: translateY(0) !important; }

/* Compact corporate bridge: a real dotted DNA, not a zig-zag ladder. */
.bd-enterprise-helix { display:none !important; }
.bd-enterprise-dna {
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  pointer-events:none;
  filter: drop-shadow(0 0 14px rgba(160,124,255,.12));
}
.bd-enterprise-orbit { z-index:1; }
.bd-enterprise-float { z-index:3; }
.bd-enterprise-grid { z-index:0; opacity:.22 !important; }
.bd-enterprise-visual { overflow:hidden; }

/* Never replace project images with cross-origin iframes. */
.bd-live-site-frame { display:none !important; }
.project-site-view.bd-has-live-preview .project-site-nav,
.project-site-view.bd-has-live-preview .project-site-copy { display:flex !important; }
.project-site-view > img { opacity:1 !important; visibility:visible !important; }
.portfolio-project .project-site-view > img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:top center !important;
  filter:none !important;
}
@media (max-width:760px) {
  .cinematic-hero .scroll-statement { width:calc(100% - 28px) !important; }
}


/* 2026-09-19 · Generated project covers */
.services-section .service-media .bd-project-picture{display:block;width:100%;height:100%}
.services-section .service-media .bd-project-picture img{display:block;width:100%;height:clamp(250px,26vw,360px)!important;object-fit:cover;object-position:center;border-radius:28px}
.portfolio-story .project-site-view>img{object-fit:cover!important;object-position:center!important}
@media(max-width:680px){.services-section .service-media .bd-project-picture img{height:320px!important;object-fit:cover}}

/* 2026-09-19 · ARC PORTFOLIO GALLERY v2 · compact, looped, manual controls */
.arc-portfolio {
  position: relative;
  overflow: hidden;
  padding: clamp(54px, 5.5vw, 82px) 0 clamp(48px, 5vw, 72px);
  background:
    radial-gradient(circle at 50% 30%, rgba(157,20,255,.14), transparent 28%),
    radial-gradient(circle at 16% 12%, rgba(200,88,198,.07), transparent 22%),
    linear-gradient(180deg,#08050f 0%,#0b0714 58%,#07050d 100%) !important;
}
.arc-gallery-shell {
  width: min(1480px, calc(100% - 44px));
  margin: 0 auto;
  position: relative;
}
.arc-gallery-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 28px;
  position: relative;
  z-index: 20;
}
.arc-gallery-header h2 {
  margin: 9px 0 0;
  max-width: 700px;
  font-size: clamp(38px,5vw,70px);
  line-height: .92;
  letter-spacing: -.055em;
  color: #fff;
}
.arc-gallery-header h2 em {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 400;
  font-style: italic;
  background: linear-gradient(92deg,#ffd1e8 0%,#f183c2 28%,#c858c6 60%,#9d14ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.arc-gallery-progress {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #d9d2e5;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .13em;
  padding-bottom: 7px;
}
.arc-gallery-progress i { width: 64px; height: 1px; background: rgba(255,255,255,.2); }
.arc-gallery-progress [data-arc-current] { color: var(--bd-lime,#d7ff63); }

.arc-gallery-stage {
  position: relative;
  height: clamp(430px, 39vw, 535px);
  margin-top: clamp(18px, 2.4vw, 32px);
  outline: none;
  touch-action: pan-y;
  cursor: grab;
  user-select: none;
}
.arc-gallery-stage.is-dragging { cursor: grabbing; }
.arc-gallery-stage::before,
.arc-gallery-stage::after {
  content: '';
  position: absolute;
  pointer-events: none;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid rgba(200,88,198,.12);
  border-radius: 50%;
  z-index: 0;
}
.arc-gallery-stage::before {
  width: min(1050px, 82vw);
  height: 280px;
  top: 64px;
}
.arc-gallery-stage::after {
  width: min(1270px, 98vw);
  height: 360px;
  top: 22px;
  border-color: rgba(157,20,255,.07);
}
.arc-gallery-rings {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.045), transparent 10%),
    radial-gradient(circle at 50% 38%, rgba(157,20,255,.07), transparent 29%);
}
.arc-gallery-cards { position: absolute; inset: 0 0 54px; }
.arc-project-card {
  --arc-x: 0px;
  --arc-y: 0px;
  --arc-r: 0deg;
  --arc-s: 1;
  --arc-o: 1;
  position: absolute;
  left: 50%;
  top: 0;
  width: clamp(190px, 16vw, 245px);
  aspect-ratio: 9 / 16;
  transform: translateX(-50%) translate3d(var(--arc-x),var(--arc-y),0) rotate(var(--arc-r)) scale(var(--arc-s));
  transform-origin: 50% 100%;
  opacity: var(--arc-o);
  border-radius: clamp(20px,1.7vw,28px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.13);
  background: #0c0911;
  box-shadow: 0 24px 65px rgba(0,0,0,.34);
  transition: box-shadow .28s ease, filter .28s ease, border-color .28s ease;
  will-change: transform,opacity;
}
.arc-project-card.is-active {
  border-color: rgba(215,255,99,.7);
  box-shadow: 0 30px 78px rgba(0,0,0,.43),0 0 34px rgba(157,20,255,.15);
  filter: saturate(1.04) brightness(1.035);
}
.arc-project-card img { width:100%; height:100%; object-fit:cover; display:block; pointer-events:none; }
.arc-card-hit { position:absolute; inset:0; z-index:5; border:0; background:transparent; cursor:pointer; }
.arc-card-number {
  position:absolute; z-index:4; left:12px; top:12px;
  display:grid; place-items:center; width:38px; height:38px; border-radius:50%;
  background:rgba(7,5,13,.74); border:1px solid rgba(255,255,255,.13);
  color:#fff; font-size:10px; font-weight:900; letter-spacing:.08em; backdrop-filter:blur(9px);
}
.arc-card-caption {
  position:absolute; z-index:4; left:0; right:0; bottom:0; padding:40px 15px 15px;
  background:linear-gradient(180deg,transparent,rgba(4,3,8,.9));
  display:grid; gap:4px; pointer-events:none;
}
.arc-card-caption small { color:#d7ff63; font-size:8px; text-transform:uppercase; letter-spacing:.1em; font-weight:900; }
.arc-card-caption strong { color:#fff; font-size:16px; line-height:1.05; }

.arc-nav-btn {
  position:absolute;
  top:46%;
  transform:translateY(-50%);
  z-index:60;
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(9,7,18,.76);
  color:#fff;
  font-size:22px;
  cursor:pointer;
  backdrop-filter:blur(12px);
  box-shadow:0 12px 30px rgba(0,0,0,.2);
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}
.arc-nav-prev { left:8px; }
.arc-nav-next { right:8px; }
.arc-nav-btn:hover,
.arc-nav-btn:focus-visible {
  border-color:rgba(215,255,99,.78);
  background:rgba(157,20,255,.18);
  transform:translateY(-50%) scale(1.05);
}

.arc-gallery-controls {
  position:absolute;
  left:50%;
  right:auto;
  bottom:0;
  transform:translateX(-50%);
  z-index:55;
  width:min(620px, 72%);
  display:grid;
  grid-template-columns:auto minmax(160px,1fr);
  align-items:center;
  gap:18px;
}
.arc-gallery-hint {
  display:flex;
  align-items:center;
  gap:8px;
  color:#a79faf;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-weight:800;
  white-space:nowrap;
}
.arc-gallery-hint i { color:#d7ff63; font-size:16px; font-style:normal; }
.arc-slider-wrap { display:block; min-width:0; }
.arc-slider {
  width:100%;
  height:22px;
  margin:0;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  cursor:pointer;
}
.arc-slider::-webkit-slider-runnable-track {
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(200,88,198,.6),rgba(157,20,255,.8),rgba(215,255,99,.72));
  box-shadow:0 0 0 1px rgba(255,255,255,.05);
}
.arc-slider::-webkit-slider-thumb {
  appearance:none;
  -webkit-appearance:none;
  width:18px;
  height:18px;
  margin-top:-7.5px;
  border-radius:50%;
  border:2px solid #0a0711;
  background:#d7ff63;
  box-shadow:0 0 0 2px rgba(215,255,99,.22),0 4px 14px rgba(0,0,0,.28);
}
.arc-slider::-moz-range-track {
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(200,88,198,.6),rgba(157,20,255,.8),rgba(215,255,99,.72));
}
.arc-slider::-moz-range-thumb {
  width:16px;
  height:16px;
  border-radius:50%;
  border:2px solid #0a0711;
  background:#d7ff63;
}
.sr-only {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.arc-gallery-footer {
  position: relative;
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 26px;
  align-items: center;
  margin-top: 10px;
  padding: 20px 0 0;
  border-top: 1px solid rgba(255,255,255,.12);
}
.arc-project-copy {
  max-width: 720px;
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(170px,auto) minmax(220px,1fr);
  align-items:center;
  gap:20px;
}
.arc-project-copy > span {
  color:#c858c6;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  max-width:170px;
}
.arc-project-copy h3 {
  margin:0;
  color:#fff;
  font-size:clamp(28px,3vw,46px);
  line-height:.98;
  letter-spacing:-.04em;
  white-space:nowrap;
}
.arc-project-copy p {
  margin:0;
  color:#b8afc2;
  font-size:14px;
  line-height:1.55;
  max-width:430px;
}
.arc-project-actions { display:flex; align-items:center; gap:12px; flex-wrap:nowrap; justify-content:flex-end; }
.arc-project-actions a {
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  border-radius:999px;
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.arc-visit { color:#111; background:#d7ff63; }
.arc-all { color:#fff; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.04); }
.arc-visit:hover,.arc-all:hover { transform:translateY(-2px); }

@media (max-width: 1050px) {
  .arc-gallery-shell { width:min(100% - 30px,1050px); }
  .arc-gallery-stage { height:470px; }
  .arc-project-card { width:clamp(188px,22vw,225px); }
  .arc-project-copy {
    grid-template-columns:auto minmax(140px,auto) 1fr;
    gap:15px;
  }
  .arc-project-copy p { font-size:13px; }
  .arc-project-actions { gap:8px; }
  .arc-project-actions a { padding-inline:14px; }
}

@media (max-width: 760px) {
  .arc-portfolio { padding:44px 0 48px; }
  .arc-gallery-shell { width:min(100% - 24px,760px); }
  .arc-gallery-header { align-items:flex-end; gap:12px; }
  .arc-gallery-header h2 { font-size:clamp(34px,9vw,50px); }
  .arc-gallery-progress { font-size:10px; gap:7px; }
  .arc-gallery-progress i { width:32px; }
  .arc-gallery-stage { height:430px; margin-top:16px; }
  .arc-project-card { width:min(52vw,220px); border-radius:21px; }
  .arc-gallery-stage::before { width:112vw; height:220px; top:76px; }
  .arc-gallery-stage::after { width:142vw; height:285px; top:38px; }
  .arc-nav-btn { width:42px; height:42px; font-size:19px; top:43%; }
  .arc-nav-prev { left:0; }
  .arc-nav-next { right:0; }
  .arc-gallery-controls {
    width:calc(100% - 84px);
    grid-template-columns:1fr;
    gap:4px;
    bottom:2px;
  }
  .arc-gallery-hint { justify-content:center; font-size:8px; }
  .arc-slider { height:18px; }
  .arc-gallery-footer {
    display:block;
    margin-top:8px;
    padding-top:18px;
  }
  .arc-project-copy {
    display:block;
    max-width:none;
    width:100%;
  }
  .arc-project-copy > span {
    display:block;
    max-width:none;
    margin:0 0 7px;
    font-size:9px;
    line-height:1.35;
  }
  .arc-project-copy h3 {
    display:block;
    margin:0 0 9px;
    white-space:normal;
    font-size:clamp(28px,8.5vw,38px);
    line-height:1;
  }
  .arc-project-copy p {
    display:block;
    margin:0;
    max-width:38ch;
    font-size:13px;
    line-height:1.55;
    color:#bdb4c7;
  }
  .arc-project-actions {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-top:16px;
  }
  .arc-project-actions a { width:100%; min-height:44px; padding:0 12px; font-size:11px; }
}

@media (max-width: 500px) {
  .arc-gallery-header h2 { font-size:clamp(31px,10vw,43px); }
  .arc-gallery-stage { height:400px; }
  .arc-project-card { width:min(55vw,208px); }
  .arc-nav-btn { width:40px; height:40px; }
  .arc-gallery-controls { width:calc(100% - 96px); }
  .arc-project-actions { grid-template-columns:1fr; }
  .arc-project-copy h3 { font-size:31px; }
  .arc-project-copy p { font-size:12.5px; }
}

@media (prefers-reduced-motion: reduce) {
  .arc-project-card,
  .arc-nav-btn,
  .arc-project-actions a { transition:none !important; }
}