/* ============================================================
   Adpulze — Página Adpulze MCP (mcp.html)
   Estilos exclusivos de esta página. Se carga después de styles.css
   y solo agrega las secciones nuevas (.enhero, .enprob, .enflow,
   .enbuild/.enmock, .endfy, .encompare). CTA y footer reutilizan
   styles.css. Estructura espejada de hyros.com/enterprise con la
   estética de Adpulze (paneles grises, acentos naranjas, pills).
   ============================================================ */

/* ---------- Badge de sección (pill negra, como .pasteps__badge) ---------- */
.en-badge{display:inline-flex;align-items:center;padding:9px 14px;background:#000000;color:var(--white);border-radius:var(--radius-pill);font-size:18px;font-weight:400;line-height:1.63;white-space:nowrap}
.en-badge--accent{background:var(--accent)}
/* Título de sección solo para lectores de pantalla (jerarquía h2 > h3) */
.en-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ---------- Hero Adpulze MCP ----------
   Mismo panel prismático que precios/partners: el degradado NO está
   recortado por el panel — son dos capas aparte (multiply + screen)
   con inset negativo. El gris del panel debe ser EXACTAMENTE #F6F6F6. */
.enhero{position:relative;background:var(--white);padding:150px 0 0;overflow-x:clip}
.enhero__panel{position:relative;background:#F6F6F6;border-radius:var(--radius-lg);padding:44px 16px 44px;text-align:center}
.enhero__panel::before{content:"";position:absolute;inset:-9.23% -7.32% 0;z-index:0;pointer-events:none;
  background:url("img/phero-glow-3.jpg") 72% center/cover no-repeat;mix-blend-mode:multiply}
.enhero__panel::after{content:"";position:absolute;inset:-9.23% -7.32% 0;z-index:0;pointer-events:none;
  background:url("img/phero-shine-3.jpg") 72% center/cover no-repeat;mix-blend-mode:screen}
.enhero__panel>*{position:relative;z-index:1}
.enhero__icon{display:block;width:56px;height:56px;margin:0 auto;border-radius:16px;box-shadow:0 12px 30px rgba(244,57,0,0.22)}
.enhero__eyebrow{margin-top:20px;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:2.4px;text-transform:uppercase;color:var(--brand)}
.enhero__title{margin:12px auto 0;max-width:840px;font-size:36px;font-weight:500;line-height:1.02;letter-spacing:-1.5px;color:#37322F;text-wrap:balance}
.enhero__title-accent{color:var(--brand)}
.enhero__sub{margin:18px auto 0;max-width:600px;font-size:16px;line-height:1.63;color:#4B4B4B}
.enhero__sub strong{font-weight:600;color:#1A1A1A}
.enhero__caps{margin:18px auto 0;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:1.6px;text-transform:uppercase;color:#8A8A9E}
.enhero__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:26px}
.enhero__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;background:var(--brand);border-radius:var(--radius-pill);font-size:16px;font-weight:600;line-height:1.2;letter-spacing:-0.64px;color:var(--white);text-decoration:none;transition:background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}
.enhero__cta:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 10px 26px rgba(244,57,0,0.35)}
.enhero__cta:active{transform:translateY(0) scale(0.97)}
.enhero__cta--ghost{background:var(--white);color:var(--ink);border:1px solid rgba(0,0,0,0.16)}
.enhero__cta--ghost:hover{background:var(--white);border-color:rgba(0,0,0,0.4);box-shadow:0 10px 26px rgba(0,0,0,0.08)}
.enhero__scroll{display:inline-flex;align-items:center;gap:7px;margin-top:28px;font-size:14px;font-weight:500;color:#6B6B6B;text-decoration:none;transition:color 0.2s ease}
.enhero__scroll svg{transition:transform 0.25s ease}
.enhero__scroll:hover{color:var(--ink)}
.enhero__scroll:hover svg{transform:translateY(3px)}
@media (min-width:768px){
  .enhero{padding-top:190px}
  .enhero__panel{border-radius:31px;padding:64px 32px 60px}
  .enhero__panel::before,
  .enhero__panel::after{background-position:center;background-size:100% 100%}
  .enhero__icon{width:68px;height:68px;border-radius:19px}
  .enhero__eyebrow{margin-top:24px;font-size:13px}
  .enhero__title{margin-top:14px;font-size:50px;letter-spacing:-2.1px}
  .enhero__sub{margin-top:20px;max-width:640px;font-size:18px}
  .enhero__caps{margin-top:22px;font-size:12px}
  .enhero__actions{margin-top:30px}
  .enhero__scroll{margin-top:34px}
}
@media (min-width:1120px){
  .enhero{padding-top:210px}
  .enhero__panel{border-radius:38px;padding:72px 40px 70px}
  .enhero__title{font-size:56px;letter-spacing:-2.4px}
}

/* ---------- El problema / Cómo lo resolvemos ---------- */
.enprob{padding-block:32px}
.enprob__card{background:#F8F8F8;border-radius:var(--radius-lg);padding:20px 16px}
.enprob__grid{display:grid;gap:16px}
.enprob__col{display:flex;flex-direction:column;align-items:flex-start;background:var(--white);border:1px solid rgba(0,0,0,0.08);border-radius:var(--radius-md);padding:28px 24px 30px}
.enprob__col--solution{background:#FFF6F3;border-color:rgba(255,94,38,0.28)}
.enprob__title{margin-top:20px;font-size:26px;font-weight:500;line-height:1.1;letter-spacing:-1px;color:#463E39;text-wrap:balance}
.enprob__accent{color:var(--accent)}
.enprob__text{margin-top:14px;font-size:16px;line-height:1.63;color:var(--body)}
.enprob__col--solution .enprob__text{color:#463E39}
.enprob__text strong{font-weight:600;color:var(--ink)}
@media (min-width:768px){
  .enprob__card{padding:24px}
  .enprob__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .enprob__col{padding:34px 30px 36px}
  .enprob__title{font-size:30px;letter-spacing:-1.2px}
}
@media (min-width:1120px){
  .enprob{padding-block:40px 32px}
  .enprob__card{border-radius:38px;padding:32px}
  .enprob__col{border-radius:var(--radius-lg);padding:44px 40px 46px}
  .enprob__title{font-size:34px;letter-spacing:-1.36px}
  .enprob__text{font-size:17px}
}

/* ---------- Por dentro: flujo Datos → MCP → Tu suite ---------- */
.enflow{padding-block:32px}
.enflow__head{text-align:center}
.enflow__title{margin:18px auto 0;max-width:780px;font-size:30px;font-weight:500;line-height:1.05;letter-spacing:-1.2px;color:#463E39;text-wrap:balance}
.enflow__list{margin-top:32px;display:grid;gap:0}
.enflow__item{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;align-items:center;background:var(--white);border:1px solid rgba(0,0,0,0.08);border-radius:var(--radius-md);padding:22px 20px}
.enflow__item--core{background:#191919;border-color:#191919}
.enflow__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#F4F4F4;color:var(--accent)}
.enflow__item--core .enflow__icon{background:rgba(255,255,255,0.08);color:var(--brand)}
.en-claude{display:block;flex-shrink:0}
.enflow__body{min-width:0}
.enflow__name{font-size:19px;font-weight:600;line-height:1.2;letter-spacing:-0.4px;color:var(--ink)}
.enflow__name em{font-style:normal;color:var(--accent)}
.enflow__item--core .enflow__name{color:var(--white)}
.enflow__desc{margin-top:4px;font-size:15px;line-height:1.5;color:var(--body)}
.enflow__item--core .enflow__desc{color:#ADADAD}
/* Conector entre nodos: flecha hacia abajo en mobile, hacia la derecha en desktop */
.enflow__arrow{display:flex;justify-content:center;align-items:center;padding:6px 0;color:#B5B5B5}
.enflow__arrow svg{transform:rotate(90deg)}
@media (min-width:768px){
  .enflow__title{font-size:32px;letter-spacing:-1.28px}
  .enflow__list{margin-top:40px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);column-gap:10px;align-items:stretch}
  .enflow__item{grid-template-columns:minmax(0,1fr);row-gap:16px;justify-items:center;align-content:start;text-align:center;padding:28px 18px 30px}
  .enflow__arrow{padding:0;align-self:center}
  .enflow__arrow svg{transform:none}
  .enflow__name{font-size:18px}
}
@media (min-width:1120px){
  .enflow{padding-block:48px}
  .enflow__title{max-width:820px;font-size:40px;line-height:0.99;letter-spacing:-1.6px}
  .enflow__list{margin-top:48px;column-gap:16px}
  .enflow__item{border-radius:var(--radius-lg);padding:36px 28px 38px}
  .enflow__icon{width:60px;height:60px}
  .enflow__name{font-size:21px}
  .enflow__desc{font-size:16px}
}

/* ---------- Hecha para construir: copy + mock de Claude → MCP → reporte ---------- */
.enbuild{padding-block:32px}
.enbuild__card{background:#F8F8F8;border-radius:var(--radius-lg);padding:40px 16px 20px;overflow:hidden}
.enbuild__inner{display:grid;gap:32px}
.enbuild__copy{display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.enbuild__title{margin-top:18px;font-size:28px;font-weight:500;line-height:1.05;letter-spacing:-1.12px;color:#463E39;text-wrap:balance}
.enbuild__accent{color:var(--accent)}
.enbuild__text{margin-top:14px;max-width:460px;font-size:17px;line-height:1.63;color:#606060}

/* Mock: ventana oscura estilo terminal/chat */
.enmock{background:#191919;border-radius:var(--radius-lg);padding:18px 16px 16px;color:var(--white);box-shadow:0 30px 60px rgba(0,0,0,0.16)}
.enmock__bar{display:flex;align-items:center;gap:10px}
.enmock__dots{display:flex;gap:6px}
.enmock__dots span{display:block;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.14)}
.enmock__app{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,0.55)}
.enmock__prompt{margin-top:14px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:14px 16px;font-size:15px;line-height:1.55;color:var(--white);min-height:96px}
.enmock__prompt-accent{color:var(--brand);font-weight:500}
.enmock__caret{display:inline-block;width:2px;height:1em;margin-left:2px;background:var(--brand);vertical-align:-2px;animation:enBlink 1s steps(2,start) infinite}
@keyframes enBlink{to{visibility:hidden}}
.enmock__sent{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:500;color:#3FD39A}
.enmock__pipe{display:block;width:1px;height:20px;margin:6px auto;background:rgba(255,255,255,0.18)}
.enmock__node{display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:100%;margin:0 auto;padding:8px 16px;background:rgba(234,61,1,0.14);border:1px solid rgba(255,94,38,0.5);border-radius:var(--radius-pill);font-family:var(--font-heading);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:1.4px;text-transform:uppercase;color:var(--white)}
.enmock__node img{display:block;width:14px;height:14px}
.enmock__node-accent{color:var(--brand)}
.enmock__result{background:var(--white);border-radius:16px;padding:16px;color:var(--ink)}
.enmock__result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.enmock__result-title{font-size:14px;font-weight:600;letter-spacing:-0.2px;color:var(--ink)}
.enmock__live{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#16A876}
.enmock__live::before{content:"";width:6px;height:6px;border-radius:50%;background:#16A876;box-shadow:0 0 0 3px rgba(22,168,118,0.2)}
.enmock__rows{margin-top:12px;display:grid;gap:6px}
.enmock__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;background:#F8F8F8;border-radius:10px;font-size:14px;line-height:1.4}
.enmock__row-name{color:#3A3634}
.enmock__row-val{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-heading);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}
.enmock__row--flag .enmock__row-val::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.enmock__row--ok .enmock__row-val{color:#16A876}
.enmock__foot{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#8A8A9E}
.enmock__foot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}
/* Coreografía (solo cuando JS agrega .enmock--anim; sin JS todo queda visible) */
.enmock--anim .enmock__sent,
.enmock--anim .enmock__pipe,
.enmock--anim .enmock__node,
.enmock--anim .enmock__result{opacity:0;transform:translateY(8px);transition:opacity 0.4s ease,transform 0.4s ease}
.enmock--anim .enmock__row{opacity:0;transform:translateX(-8px);transition:opacity 0.35s ease,transform 0.35s ease}
.enmock--anim .enmock__foot{opacity:0;transition:opacity 0.35s ease}
.enmock--anim .is-on{opacity:1;transform:none}
.enmock--done .enmock__caret{display:none}
@media (min-width:768px){
  .enbuild__card{padding:56px 32px 32px}
  .enbuild__title{font-size:32px;letter-spacing:-1.28px}
  .enmock{padding:22px 22px 20px}
  .enmock__prompt{font-size:16px;padding:16px 18px}
  .enmock__result{padding:18px}
}
@media (min-width:1120px){
  .enbuild{padding-block:32px}
  .enbuild__card{border-radius:38px;padding:72px 56px 56px}
  .enbuild__inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;column-gap:64px}
  .enbuild__title{font-size:40px;line-height:0.99;letter-spacing:-1.6px}
  .enbuild__text{font-size:18px}
  .enmock{border-radius:28px;padding:26px 26px 24px}
}

/* ---------- Lo hacemos por vos ---------- */
.endfy{padding-block:32px}
.endfy__card{background:#F8F8F8;border-radius:var(--radius-lg);padding:48px 16px 40px;text-align:center}
.endfy__title{margin:18px auto 0;max-width:640px;font-size:30px;font-weight:500;line-height:1.05;letter-spacing:-1.2px;color:#463E39;text-wrap:balance}
.endfy__accent{color:var(--accent)}
.endfy__text{margin:14px auto 0;max-width:660px;font-size:17px;line-height:1.63;color:#606060}
.endfy__list{max-width:940px;margin:32px auto 0;display:grid;gap:12px;text-align:left}
.endfy__row{display:grid;gap:14px;background:var(--white);border:1px solid rgba(0,0,0,0.08);border-radius:var(--radius-md);padding:20px}
.endfy__q{font-size:17px;font-weight:500;line-height:1.4;letter-spacing:-0.2px;color:var(--ink)}
.endfy__chip{justify-self:start;display:inline-flex;align-items:center;padding:7px 13px;background:rgba(234,61,1,0.09);border:1px solid rgba(234,61,1,0.38);border-radius:var(--radius-pill);font-size:12px;font-weight:700;line-height:1.5;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);white-space:nowrap}
.endfy__row--again{border-color:rgba(255,94,38,0.28);background:#FFF6F3}
.endfy__row--again .endfy__chip{background:var(--accent);border-color:var(--accent);color:var(--white)}
@media (min-width:768px){
  .endfy__card{padding:64px 32px 56px}
  .endfy__title{font-size:32px;letter-spacing:-1.28px}
  .endfy__row{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px;padding:22px 26px}
  .endfy__chip{justify-self:end}
}
@media (min-width:1120px){
  .endfy{padding-block:32px}
  .endfy__card{border-radius:38px;padding:80px 48px 72px}
  .endfy__title{font-size:40px;line-height:0.99;letter-spacing:-1.6px}
  .endfy__text{font-size:18px}
  .endfy__list{margin-top:44px}
  .endfy__q{font-size:18px}
}
@media (max-width:479px){
  /* Chips largos: permitir salto de línea en pantallas muy angostas */
  .endfy__chip{white-space:normal;text-align:left}
}

/* ---------- Lo tuyo / Se terminó ---------- */
.encompare{padding-block:40px 32px}
.encompare__head{text-align:center}
.encompare__title{max-width:860px;margin-inline:auto;font-size:28px;font-weight:500;line-height:1.08;letter-spacing:-1.12px;color:#463E39;text-wrap:balance}
.encompare__accent{color:var(--accent)}
.encompare__caption{margin:14px auto 0;max-width:520px;font-size:17px;line-height:1.63;color:#606060}
.encompare__grid{margin-top:32px;display:grid;gap:16px}
.encompare__col{background:#F8F8F8;border:1px solid rgba(0,0,0,0.08);border-radius:var(--radius-lg);padding:28px 24px 30px}
.encompare__col--own{background:#FFF6F3;border-color:rgba(255,94,38,0.28)}
.encompare__col-title{font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-0.5px;color:var(--ink)}
.encompare__items{margin-top:18px;display:grid;gap:12px}
.encompare__item{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px;align-items:start;font-size:16px;line-height:1.5;color:#463E39}
.encompare__col--gone .encompare__item{color:#6B6B6B}
.encompare__label{min-width:0}
.encompare__item strong{font-weight:700;color:var(--ink)}
.encompare__mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0}
.encompare__mark--check{background:var(--accent);color:var(--white)}
.encompare__mark--x{background:#E9E9E9;color:#8A8A9E}
.encompare__foot{margin:28px auto 0;max-width:640px;text-align:center;font-size:17px;line-height:1.6;color:#4B4B4B}
.encompare__foot strong{font-weight:600;color:var(--ink)}
@media (min-width:768px){
  .encompare__title{font-size:32px;letter-spacing:-1.28px}
  .encompare__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .encompare__col{padding:34px 30px 36px}
  .encompare__item{font-size:17px}
}
@media (min-width:1120px){
  .encompare{padding-block:56px 40px}
  .encompare__title{font-size:40px;line-height:0.99;letter-spacing:-1.6px}
  .encompare__caption{font-size:18px}
  .encompare__grid{margin-top:44px}
  .encompare__col{padding:40px 38px 44px}
  .encompare__col-title{font-size:24px}
  .encompare__foot{margin-top:36px;font-size:18px}
}

/* ---------- CTA final: link secundario debajo del botón (extiende .cta) ---------- */
.encta__alt{display:inline-block;margin-top:18px;font-size:15px;font-weight:500;color:#ADADAD;text-decoration:underline;text-underline-offset:4px;transition:color 0.2s ease}
.encta__alt:hover{color:var(--white)}

/* ============================================================
   Sección "¿No es lo mismo que el MCP de Meta?" (.envs) y ajustes de
   la revisión del 2026-09-09. Fusionado desde el borrador mcp-v2 el
   2026-09-10. Los overrides del final ganan por orden de aparición.
   ============================================================ */
/* ---------- vs Meta: card + intro ---------- */
.envs{padding-block:32px}
.envs__card{background:#F8F8F8;border-radius:var(--radius-lg);padding:48px 16px 40px}
.envs__head{text-align:center}
.envs__title{margin:18px auto 0;max-width:760px;font-size:30px;font-weight:500;line-height:1.05;letter-spacing:-1.2px;color:#463E39;text-wrap:balance}
.envs__accent{color:var(--accent)}
.envs__intro{max-width:760px;margin:18px auto 0;text-align:left;display:grid;gap:12px}
.envs__text{font-size:16px;line-height:1.63;color:#606060}
.envs__text strong{font-weight:600;color:var(--ink)}

/* ---------- Tabla comparativa ---------- */
.envs__table-wrap{margin-top:32px}
.envs__table{width:100%;border-collapse:separate;border-spacing:0}

/* Mobile (<768): tabla como bloques/tarjetas */
.envs__table,
.envs__table thead,
.envs__table tbody,
.envs__table tr,
.envs__table th,
.envs__table td{display:block}
.envs__table .envs__thead-row{display:none}
.envs__table .envs__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:var(--white);border:1px solid rgba(0,0,0,0.08);border-radius:var(--radius-md);padding:14px 14px 12px;margin-top:10px}
.envs__table .envs__row:first-child{margin-top:0}
.envs__label{grid-column:1/-1;font-size:15px;font-weight:600;line-height:1.35;letter-spacing:-0.2px;color:var(--ink);text-align:left}
.envs__table .envs__cell{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:8px;align-items:center;padding:10px 12px;border-radius:10px;font-size:14px;color:#6B6B6B}
.envs__cell::before{content:attr(data-col);grid-column:1/-1;margin-bottom:6px;font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#6B6B7F}
.envs__cell--meta{background:#F4F4F4}
.envs__cell--own{background:#FFF6F3;border:1px solid rgba(255,94,38,0.28);color:#463E39}

/* Marca (check/x), igual look que .encompare__mark de mcp.css */
.envs__mark{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0}
.envs__mark--check{background:var(--accent);color:var(--white)}
.envs__mark--x{background:#E9E9E9;color:#8A8A9E}
.envs__val{font-size:14px;font-weight:600;vertical-align:middle;display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1.3}
.envs__cell--own .envs__val{color:var(--accent)}
.envs__note{display:block;font-size:12px;font-weight:500;letter-spacing:0.2px;color:#6B6B7F}
.envs__cell--own .envs__note{color:#C2410C}

/* Punch */
.envs__punch{margin:24px auto 0;max-width:640px;text-align:center;font-size:17px;line-height:1.6;color:#4B4B4B}
.envs__punch strong{font-weight:600;color:var(--ink)}

/* ---------- Panel oscuro: segunda objeción ---------- */
.envs__deep{margin-top:36px;background:#191919;border-radius:var(--radius-lg);padding:32px 16px 28px;color:var(--white)}
.envs__deep-head{text-align:center}
.envs__deep-title{margin:18px auto 0;max-width:820px;font-size:26px;font-weight:500;line-height:1.08;letter-spacing:-1px;color:var(--white);text-wrap:balance}
.envs__deep .envs__accent{color:var(--brand)}
.envs__deep-text{margin:16px auto 0;max-width:720px;font-size:16px;line-height:1.63;color:#ADADAD;text-align:left}
.envs__deep-text em{font-style:normal;color:var(--white);font-weight:600}
.envs__deep-label{margin-top:32px;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--brand);text-align:left}

.envs__breaks{margin-top:14px;display:grid;gap:12px;list-style:none;padding:0}
.envs__break{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px;align-items:start;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);padding:16px 18px}
.envs__deep .envs__mark--x{background:rgba(255,255,255,0.1);color:#ADADAD}
.envs__break-text{font-size:15px;line-height:1.55;color:#ADADAD}
.envs__break-text strong{font-weight:600;color:var(--white)}

.envs__answer{margin:28px auto 0;max-width:820px;font-size:16px;line-height:1.63;color:#D6D6D6;text-align:left}
.envs__answer-hook{display:block;margin-top:14px;font-weight:600;color:var(--brand)}

/* ---------- Cierre ---------- */
.envs__foot{margin:28px auto 0;max-width:680px;text-align:center;font-size:17px;line-height:1.6;color:#4B4B4B}
.envs__foot strong{font-weight:600;color:var(--ink)}
.envs__fine{margin:18px auto 0;max-width:680px;text-align:left;font-size:13px;line-height:1.6;color:#6B6B7F}

@media (min-width:768px){
  .envs__card{padding:64px 32px 56px}
  .envs__title{font-size:32px;letter-spacing:-1.28px}
  .envs__intro{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}

  /* Desktop: tabla real */
  .envs__table,
  .envs__table thead,
  .envs__table tbody{display:revert}
  .envs__table tr{display:table-row}
  .envs__table th,
  .envs__table td,
  .envs__table .envs__cell{display:table-cell}
  .envs__table .envs__thead-row{display:table-row}
  .envs__cell::before{content:none}

  .envs__th{padding:0 18px 14px;font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#6B6B7F;text-align:left}
  .envs__th--meta,
  .envs__th--own{text-align:center;width:180px}
  .envs__th--own{color:var(--accent);display:table-cell;white-space:nowrap}
  .envs__th--meta{white-space:nowrap}
  .envs__th--own img,
  .envs__th--meta svg{display:inline-block;vertical-align:-4px;margin-right:6px;width:18px;height:18px}

  .envs__table .envs__row{display:table-row;margin:0}
  /* En desktop la fila es table-row: el reveal solo con opacidad (transform en <tr> es inestable) */
  .envs__row.rv{transform:none}
  .envs__row .envs__label{padding:14px 18px;font-size:16px;font-weight:500;color:var(--ink);background:var(--white);border-top:0;border-bottom:1px solid rgba(0,0,0,0.08);border-left:1px solid rgba(0,0,0,0.08);text-align:left}
  .envs__cell{padding:14px 18px;text-align:center;vertical-align:middle;background:var(--white);border-top:0;border-bottom:1px solid rgba(0,0,0,0.08)}
  /* Gana a la regla base mobile .envs__table .envs__cell (0,2,0): sin esto el padding 10px 12px y el radio 10px se filtran a desktop */
  .envs__table .envs__cell{padding:14px 18px;border-radius:0}
  .envs__cell--meta{color:#6B6B6B;border-left:1px solid rgba(0,0,0,0.08)}
  .envs__note{white-space:nowrap}
  .envs__cell--own{background:#FFF6F3;border-right:1px solid rgba(255,94,38,0.28);color:#463E39}

  /* border-collapse:separate -> radios solo en la primera/última fila */
  .envs__table tbody tr:first-child th,
  .envs__table tbody tr:first-child td{border-top:1px solid rgba(0,0,0,0.08)}
  .envs__table tbody tr:first-child .envs__label{border-top-left-radius:14px}
  .envs__table tbody tr:first-child .envs__cell--own{border-top-right-radius:14px}
  .envs__table tbody tr:last-child .envs__label{border-bottom-left-radius:14px}
  .envs__table tbody tr:last-child .envs__cell--own{border-bottom-right-radius:14px}

  .envs__mark{display:inline-flex;vertical-align:middle;margin-right:8px}
  .envs__val{align-items:center}

  .envs__deep{padding:48px 36px 44px}
  .envs__deep-title{font-size:30px;letter-spacing:-1.2px}
  .envs__breaks{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .envs__break--wide{grid-column:1/-1}
  /* En desktop el panel oscuro y el fine print vuelven a centrarse */
  .envs__deep-text,
  .envs__answer,
  .envs__fine{text-align:center}
}
@media (min-width:1120px){
  .envs{padding-block:32px}
  .envs__card{border-radius:38px;padding:80px 56px 72px}
  .envs__title{font-size:40px;line-height:0.99;letter-spacing:-1.6px}
  .envs__text{font-size:17px}
  .envs__table-wrap{margin-top:44px}
  .envs__th--meta,
  .envs__th--own{width:210px}
  .envs__row .envs__label{font-size:17px;padding:16px 22px}
  .envs__cell{padding:16px 22px}
  .envs__table .envs__cell{padding:16px 22px}
  .envs__punch{font-size:18px;margin-top:32px}
  .envs__deep{margin-top:48px;border-radius:28px;padding:60px 56px 52px}
  .envs__deep-title{font-size:36px;letter-spacing:-1.44px}
  .envs__deep-text{font-size:17px}
  .envs__break{padding:20px 22px}
  .envs__break-text{font-size:16px}
  .envs__answer{font-size:18px;margin-top:36px}
  .envs__foot{font-size:18px;margin-top:36px}
  .envs__fine{font-size:14px}
}

/* ===== Ajustes de la revisión del 2026-09-09 (overrides: van después de las reglas originales de este archivo) ===== */
/* ---------- Badges de sección → eyebrow (mismo estilo que .enhero__eyebrow / .envs__deep-label). Va AL FINAL del archivo, después de la última @media ---------- */
.en-badge,
.en-badge--accent{background:transparent;color:var(--brand);padding:0;border-radius:0;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:2.4px;text-transform:uppercase}
.enprob__col:not(.enprob__col--solution) .en-badge,
.enbuild__copy .en-badge{color:#6B6B6B}
.enprob__title{margin-top:32px}
.enflow__title,
.enbuild__title,
.envs__title,
.envs__deep-title,
.endfy__title{margin-top:30px}
@media (min-width:768px){
  .en-badge,
  .en-badge--accent{font-size:13px}
}


/* ---------- vs Meta: CTA intermedio ---------- */
.envs__cta{margin-top:28px;text-align:center}

/* Mock #api: mientras .enbuild__inner está apilado (menos de 1120px) el reporte se ve de entrada; solo se anima el tipeo del prompt */
@media (max-width:1119px){
  .enmock--anim .enmock__sent,
  .enmock--anim .enmock__pipe,
  .enmock--anim .enmock__node,
  .enmock--anim .enmock__result,
  .enmock--anim .enmock__row,
  .enmock--anim .enmock__foot{opacity:1;transform:none;transition:none}
}

/* ---------- Contraste AA de los grises chicos que viven en mcp.css (.enhero__caps, .enmock__foot, .enmock__live están sobre blanco) ---------- */
.enhero__caps,
.enmock__foot{color:#6B6B7F}
.enmock__live{color:#0E7F58}

/* ---------- Segunda objeción: prueba pegada a la promesa ---------- */
.envs__proof{margin:32px auto 0;max-width:640px;text-align:center}
.envs__proof-text{margin:0;font-family:var(--font-slab);font-size:19px;font-weight:700;line-height:1.4;color:var(--white)}
.envs__proof-author{margin-top:10px;font-size:13px;color:#ADADAD}