/* Producto, servicios y planes: jerarquía comercial con identidad Zen. */
.zen-trust-cert { display:flex; justify-content:center; margin-top:30px; }
.hero-sello .iso-chip-logo { padding:4px; background:#fff; border-radius:50%; }
.sales-hero .product-stage {
  background:transparent; border:0; border-radius:0; box-shadow:none;
  overflow:visible; color:#f1f6f4;
}
.sales-hero .stage-nav {
  width:fit-content; max-width:100%; margin:0 auto 22px; padding:5px;
  background:rgba(24,48,58,.7); border:1px solid #91cdb528; border-radius:14px;
}
.sales-hero .stage-nav button { color:#b9cccd; border-radius:10px; }
.sales-hero .stage-nav button[aria-selected=true] {
  color:#fff; background:#1d7044; box-shadow:0 4px 14px #0002;
}
.sales-hero .stage-image {
  min-height:0; aspect-ratio:auto; background:transparent; padding:0;
  position:relative; isolation:isolate;
}
.sales-hero .stage-image::before {
  content:""; position:absolute; z-index:-1; inset:12% 10%; border-radius:50%;
  background:radial-gradient(ellipse,#2bba7330,transparent 68%);
  filter:blur(30px); pointer-events:none;
}
.sales-hero .stage-image img {
  width:100%; height:auto; max-height:430px; object-fit:contain;
  border-radius:16px; filter:drop-shadow(0 18px 30px #0003);
}
.sales-hero .product-stage figcaption {
  background:transparent; border:0; color:#e2efea; padding:20px 12px 0;
  text-align:center; font-size:.86rem;
}
.sales-hero .product-stage figcaption span { color:#9bafb2; font-size:.7rem; margin-top:5px; }
.sales-hero .product-stage .product-demo { border-radius:16px; box-shadow:0 18px 40px #0002; }
.sales-hero .sales-visual { position:relative; }
.sales-hero .brand-tag { box-shadow:0 6px 24px #0001; }

.service-showcase {
  position:relative; overflow:hidden; color:#eaf3ee;
  background:radial-gradient(ellipse at 92% 12%,#134d515c,transparent 60%),#091b28;
}
.service-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:48px; margin-bottom:42px; }
.service-heading h2 { color:#fff; font-size:clamp(2rem,3.1vw,3rem); letter-spacing:-.045em; line-height:1.14; margin:14px 0 0; }
.service-heading h2 span { color:#69d89c; }
.service-heading .sales-kicker { color:#8bd5b2; }
.service-heading>p { max-width:330px; font-size:1rem; line-height:1.75; color:#aac0c7; margin:0; }
.service-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.service-cards article {
  display:flex; align-items:flex-start; flex-direction:column; padding:32px;
  border:1px solid #abcdb726; border-radius:20px; min-width:0;
  background:linear-gradient(145deg,#ffffff09,#ffffff02);
  transition:transform .25s,border-color .25s;
}
.service-cards article:hover { transform:translateY(-5px); border-color:#73c89678; }
.service-cards .service-featured {
  background:radial-gradient(ellipse at 45% 0%,#2176455c,transparent 70%),#0c2a2d;
  border-color:#65bb8469;
}
.service-pictogram {
  position:relative; display:grid; place-items:center; width:78px; height:78px;
  border:1px solid #8cdab22e; border-radius:22px; margin-bottom:26px;
  background:linear-gradient(135deg,#75d59c1a,#3ac9e90d); color:#78dfad;
  box-shadow:0 0 38px #31bb7610;
}
.service-pictogram::after { content:""; position:absolute; width:9px; height:9px; right:-4px; top:15px; border:3px solid #10302f; border-radius:50%; background:#6de0a0; }
.service-pictogram svg { width:35px; height:35px; }
.service-label { font-size:.73rem; font-weight:600; letter-spacing:.06em; color:#93b5b9; }
.service-cards h3 { color:#fff; margin:12px 0 14px; font-size:clamp(1.4rem,1.8vw,1.7rem); font-weight:500; letter-spacing:-.035em; }
.service-cards p { color:#afc1c8; font-size:.91rem; line-height:1.7; margin:0 0 22px; }
.service-cards ul { padding:0; margin:0 0 30px; list-style:none; color:#d2e5dd; font-size:.82rem; line-height:1.6; }
.service-cards li { padding:5px 0 5px 19px; position:relative; }
.service-cards li::before { content:""; position:absolute; left:0; top:12px; width:5px; height:5px; background:#6cce98; border-radius:50%; }
.service-cards .btn { width:100%; margin-top:auto; gap:8px; padding:12px 10px; font-size:.8rem; white-space:normal; text-align:center; }
.service-cards .btn svg { width:15px; height:15px; flex-shrink:0; }

.onboarding-showcase { background:radial-gradient(ellipse at 50% 30%,#e6f5ed,transparent 64%),#f8faf7; }
.onboarding-showcase .sales-heading { max-width:680px; text-align:center; margin:0 auto 46px; }
.onboarding-showcase .plans { gap:24px; max-width:1120px; margin:0 auto; align-items:stretch; }
.onboarding-showcase .plan { background:#fff; padding:30px; border:1px solid #d7e4dc; border-radius:20px; box-shadow:0 8px 30px #173d1c05; }
.onboarding-showcase .plan.hot { background:linear-gradient(145deg,#e8f8ec,#e3f3f4); border-color:#299b56; box-shadow:0 12px 40px #228d4e14; }
.onboarding-showcase .plan h3 { font-size:1.65rem; }
.onboarding-showcase .plan-sub { min-height:48px; font-size:.88rem; }
.onboarding-showcase .check-list { font-size:.84rem; }
.onboarding-showcase .plan .btn { min-height:46px; font-size:.84rem; }
.onboarding-note { margin:30px auto 0; text-align:center; max-width:660px; color:#65776c; font-size:.84rem; line-height:1.7; }
.onboarding-note a { color:#166e38; font-weight:600; display:inline-flex; align-items:center; gap:5px; margin-left:3px; }
.onboarding-note a svg { width:14px; height:14px; }

@media(max-width:1000px) {
  .service-cards { gap:14px; }
  .service-cards article { padding:25px; }
  .service-heading { gap:30px; }
}
@media(max-width:760px) {
  .sales-hero .stage-nav { margin-bottom:18px; }
  .sales-hero .stage-image img { max-height:420px; }
  .sales-hero .product-stage figcaption { padding-top:16px; }
  .service-heading { display:block; margin-bottom:32px; }
  .service-heading>p { margin:22px 0 0; max-width:540px; }
  .service-cards { grid-template-columns:1fr; gap:18px; }
  .service-cards article { padding:28px; }
  .service-pictogram { width:62px; height:62px; border-radius:18px; margin-bottom:20px; }
  .service-pictogram svg { width:29px; height:29px; }
  .service-cards h3 { font-size:1.65rem; }
  .service-cards ul { margin-bottom:24px; }
  .onboarding-showcase .sales-heading { margin-bottom:34px; }
  .onboarding-showcase .plans { grid-template-columns:1fr; gap:26px; max-width:480px; }
  .onboarding-showcase .plan { padding:28px; }
  .onboarding-showcase .plan-sub { min-height:0; }
}
@media(prefers-reduced-motion:reduce) {
  .service-cards article { transition:none; }
  .service-cards article:hover { transform:none; }
}