/* ============================================================================
   SAFE CREATIVE · CAPA DE DISEÑO 2026
   safecreative-2026.css

   Capa de tokens y componentes pensada para CONVIVIR con veridika.css e ir
   sustituyéndolo por zonas. Todo el color, tipografía y espaciado de la nueva
   identidad sale de aquí. Para "restilizar" una página interior basta con:
     1) enlazar este archivo después de veridika.css,
     2) envolver el contenido en .sc26 (ámbito de la nueva capa),
     3) usar los componentes (.sc-btn, .sc-card, .sc-section, etc.).

   El prefijo .sc26 evita colisiones con los estilos heredados: nada de aquí
   afecta a la página salvo lo que esté dentro de un contenedor .sc26.
   ============================================================================ */

/* ---------- 1. TOKENS ---------- */
.sc26{
  /* Marca */
  --sc-red:#FF4E3F;            /* rojo oficial (= --color-rojo de producción) */
  --sc-red-strong:#E63322;     /* hover / activo */
  --sc-red-wash:#FFECEA;       /* fondo suave de marca */

  /* Neutros */
  --sc-ink:#1A1A1A;            /* titulares */
  --sc-black:#111111;          /* fondos oscuros */
  --sc-text:#33373B;           /* cuerpo */
  --sc-muted:#6A7077;          /* secundario */
  --sc-line:#E6E7E9;           /* divisores suaves */
  --sc-line-2:#D2D5D9;         /* divisores marcados */
  --sc-paper:#FFFFFF;          /* fondo base */
  --sc-paper-2:#FAFAFA;        /* fondo alterno */

  /* Estado (semánticos, para tablas/feedback) */
  --sc-yes:#0F7A3D;
  --sc-yes-wash:#EAF6EE;

  /* Tipografía */
  --sc-font-display:"CodeProBlack","Arial Black",system-ui,sans-serif;
  --sc-font-body:"Lato","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --sc-font-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;

  /* Forma */
  --sc-radius:14px;
  --sc-radius-lg:18px;
  --sc-radius-xl:24px;
  --sc-radius-pill:999px;
  --sc-shadow:0 1px 2px rgba(17,17,17,.05),0 14px 40px rgba(17,17,17,.07);
  --sc-shadow-soft:0 1px 2px rgba(17,17,17,.04),0 8px 22px rgba(17,17,17,.05);

  /* Medidas */
  --sc-max:1180px;

  font-family:var(--sc-font-body);
  color:var(--sc-text);
  -webkit-font-smoothing:antialiased;
}

/* La display propia (CodeProBlack) ya la registra veridika.css mediante su
   propio @font-face (apunta a /public/webfonts/). No se repite aquí para no
   duplicar la declaración ni provocar un 404 del .woff2 inexistente. */

/* ---------- 2. PRIMITIVAS ---------- */
.sc26 *{box-sizing:border-box}
.sc26 .sc-container{width:min(var(--sc-max),calc(100% - 40px));margin:0 auto}

.sc26 h1,.sc26 h2,.sc26 .sc-h1,.sc26 .sc-h2{
  font-family:var(--sc-font-display);color:var(--sc-ink);margin:0;
  line-height:1.05;letter-spacing:-.015em;text-transform:uppercase;font-weight:900;
}
.sc26 h1,.sc26 .sc-h1{font-size:clamp(36px,5vw,62px)}
.sc26 h2,.sc26 .sc-h2{font-size:clamp(26px,3.3vw,44px)}
.sc26 .sc-h3{font-family:var(--sc-font-body);font-weight:900;font-size:20px;color:var(--sc-ink);letter-spacing:-.005em;margin:0}
.sc26 .sc-lede{color:var(--sc-muted);font-size:clamp(17px,1.6vw,20px);line-height:1.5;margin:0;font-weight:400}

.sc26 .sc-eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-family:var(--sc-font-body);
  font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sc-red-strong);
}
.sc26 .sc-eyebrow::before{content:"";width:18px;height:2px;background:var(--sc-red)}

/* ---------- 3. BOTONES ---------- */
.sc26 .sc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:13px 24px;border-radius:var(--sc-radius-pill);
  border:1.5px solid transparent;font-family:var(--sc-font-body);font-weight:700;
  font-size:15px;line-height:1;cursor:pointer;text-decoration:none;
  transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;
}
.sc26 .sc-btn--red{background:var(--sc-red);color:#fff}
.sc26 .sc-btn--red:hover{background:var(--sc-red-strong)}
.sc26 .sc-btn--dark{background:var(--sc-ink);color:#fff}
.sc26 .sc-btn--dark:hover{background:#000}
.sc26 .sc-btn--ghost{background:transparent;color:var(--sc-ink);border-color:var(--sc-line-2)}
.sc26 .sc-btn--ghost:hover{border-color:var(--sc-ink)}
.sc26 .sc-btn--light{background:#fff;color:var(--sc-ink);border-color:rgba(255,255,255,.4)}
.sc26 .sc-btn--outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.sc26 .sc-btn--outline:hover{background:#fff;color:var(--sc-ink)}
.sc26 .sc-link{color:var(--sc-red-strong);font-weight:700;font-size:14px;text-decoration:none}
.sc26 .sc-link:hover{text-decoration:underline}

/* ---------- 4. SECCIONES ---------- */
.sc26 .sc-section{padding:88px 0}
.sc26 .sc-section--alt{background:var(--sc-paper-2);border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line)}
.sc26 .sc-head{max-width:820px;margin:0 0 46px}
.sc26 .sc-head--center{margin-left:auto;margin-right:auto;text-align:center}
.sc26 .sc-head h2,.sc26 .sc-head .sc-h2{margin:14px 0 0}
.sc26 .sc-head .sc-lede{margin-top:18px}

/* ---------- 5. TARJETA BASE ---------- */
.sc26 .sc-card{
  background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);
  padding:28px;box-shadow:var(--sc-shadow-soft);
}
.sc26 .sc-card--soft{box-shadow:var(--sc-shadow-soft)}
.sc26 .sc-card--raised{box-shadow:var(--sc-shadow)}
.sc26 .sc-card--dark{background:var(--sc-black);border-color:var(--sc-black);color:#fff}
.sc26 .sc-card--dark .sc-h3{color:#fff}
.sc26 .sc-card--feature{border:1.5px solid var(--sc-red)}

/* ---------- 6. PÍLDORAS / CHIPS ---------- */
.sc26 .sc-pill{
  font-size:12.5px;font-weight:700;color:var(--sc-ink);background:#fff;
  border:1px solid var(--sc-line-2);border-radius:var(--sc-radius-pill);padding:8px 14px;display:inline-block;
}
.sc26 .sc-pill--red{background:var(--sc-red);color:#fff;border-color:var(--sc-red)}

/* ---------- 7. TABLA COMPARATIVA ---------- */
.sc26 .sc-table{width:100%;border-collapse:collapse;background:#fff}
.sc26 .sc-table th,.sc26 .sc-table td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--sc-line);font-size:14.5px;vertical-align:middle}
.sc26 .sc-table thead th{font-family:var(--sc-font-body);font-weight:900;color:var(--sc-ink);background:var(--sc-paper-2);text-transform:uppercase;font-size:12.5px;letter-spacing:.03em}
.sc26 .sc-table thead th.is-hl{color:var(--sc-red-strong)}
.sc26 .sc-table td:first-child{font-weight:700;color:var(--sc-ink)}
.sc26 .sc-table .sc-yes{color:var(--sc-yes);font-weight:700}
.sc26 .sc-table .sc-no{color:var(--sc-muted)}
.sc26 .sc-table tr:last-child td{border-bottom:0}
.sc26 .sc-table-wrap{border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);overflow:hidden;box-shadow:var(--sc-shadow-soft)}

/* ---------- 8. ACORDEÓN (FAQ) ---------- */
.sc26 .sc-acc{border:1px solid var(--sc-line);border-radius:var(--sc-radius);background:#fff;padding:18px 20px}
.sc26 .sc-acc summary{cursor:pointer;font-family:var(--sc-font-display);text-transform:uppercase;font-size:14px;letter-spacing:.01em;color:var(--sc-ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.sc26 .sc-acc summary::-webkit-details-marker{display:none}
.sc26 .sc-acc summary::after{content:"+";color:var(--sc-red);font-family:var(--sc-font-body);font-weight:700;font-size:20px;line-height:1}
.sc26 .sc-acc[open] summary::after{content:"\2013"}
.sc26 .sc-acc p{margin:14px 0 0;color:var(--sc-muted);font-size:14.5px}

/* ---------- 9. HEADER / FOOTER (compartidos en todo el sitio) ---------- */
.sc26 .sc-topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--sc-line)}
.sc26 .sc-nav{min-height:72px;display:flex;align-items:center;gap:24px}
.sc26 .sc-brand{display:inline-flex;align-items:center;color:var(--sc-red)}
.sc26 .sc-brand svg,.sc26 .sc-brand img{height:40px;width:auto;display:block;max-width:260px}
.sc26 .sc-nav-links{display:flex;align-items:center;gap:22px;margin-left:10px;font-size:14.5px;font-weight:600;color:var(--sc-muted)}
.sc26 .sc-nav-links a{color:inherit;text-decoration:none}
.sc26 .sc-nav-links a:hover{color:var(--sc-ink)}
.sc26 .sc-nav-right{margin-left:auto;display:flex;align-items:center;gap:14px}
.sc26 .sc-lang{font-size:13px;font-weight:700;color:var(--sc-muted);letter-spacing:.04em}
.sc26 .sc-lang b{color:var(--sc-ink)}

/* ---------- 9.bis MEGA-MENÚ (header desplegable global · main.html, en TODAS las páginas con header) ---------- */
/* En páginas NO migradas el mega-menú va envuelto en <div class="sc26 mm-global"> para heredar
   tokens y scope del diseño 2026 SOLO en el header (sin meter .sc26 en el <body>, que re-estilaría
   el contenido legacy). display:contents evita que ese wrapper genere caja y rompa el position:sticky
   del .sc-topbar (un sticky se constriñe a su contenedor): así el header vuelve a colgar del <body>. */
.mm-global{display:contents}
body.sc26{height:auto !important}
.sc26 .sc-topbar a{text-decoration:none}
.sc26 .sc-lang a{color:var(--sc-muted);text-decoration:none}
.sc26 .sc-lang a:hover{color:var(--sc-ink)}
.sc26 .sc-lang a.sel{color:var(--sc-ink);font-weight:800}/* idioma activo */
.sc26 .mm-nav{display:flex;align-items:center;gap:4px;margin-left:8px}
.sc26 .mm-item{position:static}
.sc26 .mm-trigger,.sc26 .mm-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--sc-font-body);font-weight:700;font-size:14.5px;color:var(--sc-text);background:transparent;border:0;padding:9px 13px;border-radius:var(--sc-radius);cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
.sc26 .mm-trigger:hover,.sc26 .mm-link:hover,.sc26 .mm-item.open .mm-trigger{background:var(--sc-paper-2);color:var(--sc-ink)}
.sc26 .mm-trigger .chev{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform .2s;opacity:.6}
.sc26 .mm-item.open .mm-trigger .chev{transform:rotate(-135deg) translateY(-1px)}
/* Panel desplegable anclado bajo la barra */
.sc26 .mm-panel{position:absolute;left:0;right:0;top:100%;padding:14px 0 26px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
.sc26 .mm-item:hover .mm-panel,.sc26 .mm-item:focus-within .mm-panel,.sc26 .mm-item.open .mm-panel{opacity:1;visibility:visible;transform:translateY(0)}
.sc26 .mm-panel-inner{max-width:var(--sc-max);margin:0 auto;padding:26px;background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);box-shadow:0 18px 50px -12px rgba(20,24,31,.22)}
.sc26 .mm-cols{display:grid;gap:26px}
.sc26 .mm-cols.c-sol{grid-template-columns:1.1fr 1fr 1.2fr .9fr}
.sc26 .mm-cols.c-prod{grid-template-columns:1.15fr 1.1fr 1fr}
.sc26 .mm-colhead{display:block;font-family:var(--sc-font-mono);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--sc-red-strong);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--sc-line)}
.sc26 a.mm-colhead:hover{color:var(--sc-red);text-decoration:underline}
.sc26 .mm-list{display:grid;gap:2px}
.sc26 .mm-l{display:block;padding:8px 10px;border-radius:var(--sc-radius);text-decoration:none;transition:background .14s}
.sc26 .mm-l:hover{background:var(--sc-paper-2)}
.sc26 .mm-l b{display:block;font-size:13.5px;color:var(--sc-ink);font-weight:700}
.sc26 .mm-l span{display:block;font-size:12px;color:var(--sc-muted);margin-top:1px;line-height:1.35}
.sc26 .mm-all{display:inline-block;margin-top:8px;padding:6px 10px;text-decoration:none}
.sc26 .mm-all b{font-size:12.5px;font-weight:700;color:var(--sc-red-strong)}
.sc26 .mm-all:hover b{text-decoration:underline}
.sc26 .mm-sectors{display:grid;grid-template-columns:1fr 1fr;gap:1px 14px}
.sc26 .mm-sectors .mm-l{padding:6px 10px}
.sc26 .mm-sectors .mm-l b{font-weight:600}
/* Tarjeta destacada oscura dentro del panel */
.sc26 .mm-feat{background:linear-gradient(135deg,var(--sc-black),#23303f);color:#fff;border-radius:var(--sc-radius-lg);padding:20px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none}
.sc26 .mm-feat .fe{font-family:var(--sc-font-mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ff8a86}
.sc26 .mm-feat b{display:block;font-family:var(--sc-font-display);font-size:18px;margin:10px 0 6px;line-height:1.1}
.sc26 .mm-feat span{font-size:12.5px;color:rgba(255,255,255,.78);line-height:1.4}
.sc26 .mm-feat .go{margin-top:14px;font-size:12.5px;font-weight:700;color:#fff}
/* Acceso de usuario en la barra */
.sc26 .sc-login{display:inline-flex;align-items:center;font-family:var(--sc-font-body);font-weight:700;font-size:14px;color:var(--sc-text);text-decoration:none;padding:9px 12px;border-radius:var(--sc-radius);white-space:nowrap;transition:background .15s,color .15s}
.sc26 .sc-login:hover{background:var(--sc-paper-2);color:var(--sc-ink)}
.sc26 .mm-user{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--sc-ink);font-weight:700;font-size:14px;padding:6px 8px;border-radius:var(--sc-radius)}
.sc26 .mm-user:hover{background:var(--sc-paper-2)}
.sc26 .mm-user .av{width:30px;height:30px;border-radius:50%;flex:none;background:var(--sc-red);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;overflow:hidden}
.sc26 .mm-user .av img{width:100%;height:100%;object-fit:cover}
.sc26 .mm-user .nm{font-size:15px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Lanzador express "Empezar" (desplegable de acciones de alta conversión) */
.sc26 .xpress{position:relative;display:inline-flex}
.sc26 .xpress-trigger{display:inline-flex;align-items:center;gap:8px;font-family:var(--sc-font-body);font-weight:700;font-size:14.5px;color:#fff;background:var(--sc-red);border:0;cursor:pointer;border-radius:var(--sc-radius-pill);min-height:44px;padding:10px 18px;line-height:1;white-space:nowrap;transition:background .15s}
.sc26 .xpress-trigger:hover,.sc26 .xpress.open .xpress-trigger{background:var(--sc-red-strong)}
.sc26 .xpress-trigger .chev{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s;opacity:.9}
.sc26 .xpress.open .xpress-trigger .chev{transform:rotate(-135deg) translateY(1px)}
.sc26 .xpress-panel{position:absolute;top:calc(100% + 10px);right:0;width:320px;background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);box-shadow:0 18px 50px -12px rgba(20,24,31,.22);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;z-index:60}
.sc26 .xpress.open .xpress-panel{opacity:1;visibility:visible;transform:translateY(0)}
.sc26 .xpress-head{font-family:var(--sc-font-mono);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sc-red-strong);margin:6px 10px 8px}
.sc26 .xpress-l{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--sc-radius-lg);text-decoration:none;transition:background .14s}
.sc26 .xpress-l:hover{background:var(--sc-paper-2)}
.sc26 .xpress-l .ic{width:38px;height:38px;flex:none;border-radius:10px;background:var(--sc-red-wash);color:var(--sc-red-strong);display:grid;place-items:center}
.sc26 .xpress-l .ic svg{width:20px;height:20px}
.sc26 .xpress-l .tx{flex:1;min-width:0}
.sc26 .xpress-l b{display:block;font-size:13.5px;color:var(--sc-ink);font-weight:700;letter-spacing:-.005em}
.sc26 .xpress-l small{display:block;font-size:11.5px;color:var(--sc-muted);margin-top:1px;line-height:1.3}
.sc26 .xpress-l .arw{flex:none;color:var(--sc-red-strong);font-weight:900;font-size:15px;opacity:0;transform:translateX(-3px);transition:opacity .15s,transform .15s}
.sc26 .xpress-l:hover .arw{opacity:1;transform:translateX(0)}
.sc26 .xpress-foot{display:block;margin:6px 2px 2px;padding:11px 8px 6px;border-top:1px solid var(--sc-line);font-size:12.5px;font-weight:700;color:var(--sc-text);text-decoration:none}
.sc26 .xpress-foot:hover{color:var(--sc-ink)}
/* Hamburguesa (móvil) */
.sc26 .mm-burger{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--sc-line);border-radius:var(--sc-radius);background:#fff;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.sc26 .mm-burger i{width:18px;height:2px;background:var(--sc-ink);border-radius:2px;transition:transform .2s,opacity .2s}
@media (max-width:980px){
  .sc26 .sc-topbar .mm-burger{display:flex}
  .sc26 .sc-topbar .sc-lang{display:none}
  /* veridika.css (@media 820px) fuerza HEADER{overflow-y:scroll;max-height:100%}. Como .sc-topbar
     tiene backdrop-filter (= bloque contenedor del .mm-nav fijo), eso recortaba el menú al alto del
     header. Lo devolvemos a visible para que el desplegable se vea entero por encima del contenido. */
  .sc26 .sc-topbar{overflow:visible;max-height:none}
  .sc26 .mm-nav{position:fixed;inset:72px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--sc-line);max-height:0;overflow:hidden;margin:0;padding:0;box-shadow:0 18px 40px -16px rgba(20,24,31,.2);transition:max-height .25s;z-index:60}
  .sc26 .sc-topbar.nav-open .mm-nav{max-height:80vh;overflow:auto}
  .sc26 .mm-item{border-bottom:1px solid var(--sc-line)}
  .sc26 .mm-trigger,.sc26 .mm-link{width:100%;justify-content:space-between;border-radius:0;padding:15px 24px}
  .sc26 .mm-panel{position:static;opacity:1;visibility:visible;transform:none;padding:0;max-height:0;overflow:hidden;transition:max-height .25s}
  .sc26 .mm-item.open .mm-panel{max-height:1600px}
  .sc26 .mm-panel-inner{border:0;border-radius:0;box-shadow:none;padding:6px 24px 18px;background:var(--sc-paper-2)}
  .sc26 .mm-cols.c-sol,.sc26 .mm-cols.c-prod{grid-template-columns:1fr;gap:18px}
  .sc26 .mm-sectors{grid-template-columns:1fr}
  .sc26 .xpress-panel{width:min(320px,calc(100vw - 28px))}
}

.sc26 .sc-footer{padding:42px 0;border-top:1px solid var(--sc-line);color:var(--sc-muted);font-size:13.5px;background:#fff}
.sc26 .sc-footer .sc-container{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}

/* Breadcrumb compartido (mismo en todas las páginas de producto) */
.sc26 .breadcrumb{font-size:13px;color:var(--sc-muted);padding:18px 0}
.sc26 .breadcrumb a{color:var(--sc-muted);text-decoration:none}
.sc26 .breadcrumb a:hover{color:var(--sc-ink)}

/* Sub-navegación de página (índice de secciones), sticky bajo el header de 72px. Compartida en todas las páginas. */
.sc26 .sc-subnav{position:sticky;top:72px;z-index:45;background:#fff;border-bottom:1px solid var(--sc-line)}
.sc26 .sc-subnav-inner{display:flex;align-items:center;gap:20px;width:min(var(--sc-max),calc(100% - 40px));margin:0 auto;height:50px;overflow-x:auto;scrollbar-width:none}
.sc26 .sc-subnav-inner::-webkit-scrollbar{display:none}
.sc26 .sc-subnav-links{display:flex;gap:22px;flex:1;min-width:0}
.sc26 .sc-subnav-links a{font-family:var(--sc-font-body);font-size:13.5px;font-weight:600;color:var(--sc-muted);text-decoration:none;white-space:nowrap;padding:14px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.sc26 .sc-subnav-links a:hover{color:var(--sc-ink);border-bottom-color:var(--sc-red)}
/* Sección visible: la marca por JS (IntersectionObserver) la página que lo implemente */
.sc26 .sc-subnav-links a.is-active{color:var(--sc-ink);border-bottom-color:var(--sc-red)}
.sc26 .sc-subnav-cta{font-family:var(--sc-font-body);font-size:13.5px;font-weight:700;color:var(--sc-red-strong);text-decoration:none;white-space:nowrap}
.sc26 .sc-subnav-cta:hover{text-decoration:underline}
@media (max-width:980px){.sc26 .sc-subnav-cta{display:none}}

/* ---------- 10. UTILIDADES ---------- */
.sc26 .sc-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.sc26 .sc-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sc26 .sc-mono{font-family:var(--sc-font-mono)}
.sc26 .sc-center{text-align:center}

/* ---------- 11. ACCESIBILIDAD / RESPONSIVE BASE ---------- */
.sc26 :focus-visible{outline:3px solid var(--sc-red);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){.sc26 *{transition:none!important}}
@media (max-width:980px){
  .sc26 .sc-nav-links{display:none}
  .sc26 .sc-grid-3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .sc26 .sc-section{padding:58px 0}
  .sc26 .sc-grid-2,.sc26 .sc-grid-3{grid-template-columns:1fr}
}

/* ============================================================================
   12. TEMAS — dos estados de ánimo del MISMO sistema.
   No tocan los invariantes de marca (rojo --sc-red, tipografía, lenguaje de
   prueba, botones, logo). Solo reajustan ambiente: fondos, ritmo, acentos.
   Se activan añadiendo la clase junto a .sc26 en el <body>:
       <body class="sc26 theme-creator">   (cálido, aireado, expresivo)
       <body class="sc26 theme-business">   (frío, estructurado, sobrio)
   Sin tema, .sc26 mantiene el registro NEUTRO (home, precios).
   ============================================================================ */

/* CREADOR — cálido y con aire */
.sc26.theme-creator{
  --sc-paper:#FFFCF9;        /* blanco cálido */
  --sc-paper-2:#FFF1EA;      /* wash cálido para secciones alternas */
  --sc-line:#F1E6E0;
  --sc-line-2:#E7D6CE;
  --sc-black:#1A1413;        /* casi-negro cálido */
  --sc-accent-2:#FF8A5B;     /* ámbar de apoyo (solo en degradados de acento) */
}
.sc26.theme-creator .sc-section{padding:96px 0}                 /* más respiración */
.sc26.theme-creator .sc-eyebrow::before{background:linear-gradient(90deg,var(--sc-red),var(--sc-accent-2))}

/* EMPRESA — frío y estructurado */
.sc26.theme-business{
  --sc-paper:#FFFFFF;
  --sc-paper-2:#EEF2F6;      /* gris frío para secciones alternas */
  --sc-line:#E3E9EE;
  --sc-line-2:#CCD5DC;
  --sc-black:#0F141A;        /* casi-negro frío */
  --sc-accent-2:#33405A;     /* pizarra de apoyo */
}
.sc26.theme-business .sc-section{padding:80px 0}                /* algo más denso */
.sc26.theme-business .sc-card{border-radius:var(--sc-radius-lg)} /* esquinas más sobrias */

/* ============================================================================
   13. ESTILOS POR PÁGINA
   Bloques específicos de cada página. Conviven en este único fichero (que se
   carga en todo el sitio), pero CADA página se acota con su propia clase de
   scope en el <body> (.ss-home, .ss-file, …) para que los nombres de clase
   reutilizados entre páginas (.tech, .case, .plan, .chip…) NO colisionen.
   Patrón: <body class="sc26 ss-XXX"> + reglas bajo .sc26.ss-XXX .
   ============================================================================ */

/* ---------- 13.0 COMPONENTES COMPARTIDOS DE LANDINGS (reglas idénticas que estaban repetidas en cada .ss-pagina; las variantes propias de una página quedan como override) ---------- */
.sc26 .case{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);padding:24px;box-shadow:var(--sc-shadow-soft);transition:border-color .15s,transform .15s}
.sc26 .case .ic{width:40px;height:40px;border-radius:10px;background:var(--sc-red-wash);color:var(--sc-red-strong);display:grid;place-items:center;font-family:var(--sc-font-mono);font-size:12px;font-weight:700;margin-bottom:12px}
.sc26 .case h3{font-family:var(--sc-font-body);font-weight:900;font-size:16px;margin:0 0 7px;color:var(--sc-ink)}
.sc26 .case p{color:var(--sc-muted);font-size:13.5px;margin:0;font-weight:400}
.sc26 .case.feat{grid-column:span 2;grid-row:span 2;background:linear-gradient(150deg,#fff,var(--sc-red-wash));border-color:var(--sc-red)}
.sc26 .case.feat .ic{background:var(--sc-red);color:#fff;width:48px;height:48px;font-size:14px}
.sc26 .case.feat .tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:7px}
.sc26 .case.feat .tags span{font-size:11.5px;font-weight:700;color:var(--sc-red-strong);background:#fff;border:1px solid var(--sc-line-2);border-radius:var(--sc-radius-pill);padding:5px 11px}
.sc26 .case.feat h3{font-family:var(--sc-font-display);text-transform:uppercase;font-size:21px;letter-spacing:-.01em;margin:6px 0 10px}
.sc26 .case.feat p{font-size:15px;color:var(--sc-text)}
.sc26 .case.wide{grid-column:span 2}
.sc26 .case:hover{border-color:var(--sc-red);transform:translateY(-2px)}
.sc26 .cases{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:16px}
.sc26 .chip{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sc-ink);background:#fff;border:1px solid var(--sc-line-2);border-radius:var(--sc-radius-pill);padding:6px 11px}
.sc26 .chip.red{background:var(--sc-red);color:#fff;border-color:var(--sc-red)}
.sc26 .enterprise-cta{margin-top:22px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;justify-content:space-between;padding:22px 26px;border:1px dashed var(--sc-line-2);border-radius:var(--sc-radius-xl);background:var(--sc-paper-2)}
.sc26 .enterprise-cta b{color:var(--sc-ink)}
.sc26 .enterprise-cta p{font-size:14.5px;color:var(--sc-text);margin:0;font-weight:400}
.sc26 .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sc26 .faq-grid .sc-acc p{font-weight:400}
.sc26 .faq-grid .sc-acc summary{font-family:var(--sc-font-body);font-weight:700}
.sc26 .legal{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.sc26 .legal .checklist{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:12px}
.sc26 .legal .checklist .ck{flex:none;width:24px;height:24px;border-radius:50%;background:var(--sc-red-wash);color:var(--sc-red-strong);display:grid;place-items:center;font-size:13px;font-weight:700}
.sc26 .legal .checklist li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:14.5px;color:var(--sc-text)}
.sc26 .legal-fine{margin-top:22px;font-size:12.5px;color:var(--sc-muted);max-width:880px;line-height:1.55}
.sc26 .m-hero h1 .accent{color:var(--sc-red)}
.sc26 .mode{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);padding:30px;box-shadow:var(--sc-shadow-soft)}
.sc26 .mode .for b{color:var(--sc-ink)}
.sc26 .mode .tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--sc-font-mono);font-size:12px;font-weight:700;color:var(--sc-red-strong);background:var(--sc-red-wash);border-radius:var(--sc-radius-pill);padding:7px 13px;align-self:flex-start}
.sc26 .modes{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sc26 .ncert .seal::after{content:"";position:absolute;inset:10px;border-radius:50%;border:2.5px solid #fff;border-right-color:transparent;transform:rotate(40deg)}
.sc26 .ncert .top{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--sc-line);background:linear-gradient(180deg,#fff,var(--sc-paper-2))}
.sc26 .ncert .top span{font-size:12px;color:var(--sc-muted)}
.sc26 .nom{margin-top:28px;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);background:#fff;padding:22px 24px;box-shadow:var(--sc-shadow-soft)}
.sc26 .nom .flag{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0f7a3d;background:#eaf6ee;border:1px solid #cfe9d8;border-radius:var(--sc-radius-pill);padding:5px 11px}
.sc26 .nom .g{background:var(--sc-paper-2);border:1px solid var(--sc-line);border-radius:var(--sc-radius);padding:14px 16px}
.sc26 .nom .g b{display:block;font-size:13.5px;color:var(--sc-ink);margin-bottom:4px}
.sc26 .nom .g span{font-size:12.5px;color:var(--sc-muted);line-height:1.45}
.sc26 .nom .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.sc26 .nom .nom-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sc26 .nom .nom-h h3{font-family:var(--sc-font-body);font-weight:900;font-size:16.5px;margin:0;color:var(--sc-ink)}
.sc26 .nom .psc{margin-top:16px;font-size:12.5px;color:var(--sc-muted)}
.sc26 .nom .psc b{color:var(--sc-ink)}
.sc26 .nom p{font-size:14px;color:var(--sc-muted);margin:12px 0 0}
.sc26 .nom p b{color:var(--sc-ink)}
.sc26 .plan{padding:32px}
.sc26 .plan .p-sub{color:var(--sc-muted);font-size:14.5px;margin-top:10px;font-weight:400}
.sc26 .plan .p-tag{font-family:var(--sc-font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--sc-red-strong);text-transform:uppercase}
.sc26 .plan h3{font-family:var(--sc-font-body);font-weight:900;font-size:22px;margin:12px 0 0;color:var(--sc-ink)}
.sc26 .plan li{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:14.5px;font-weight:400}
.sc26 .plan li .ck{color:var(--sc-red);font-weight:700}
.sc26 .plan ul{list-style:none;margin:20px 0 24px;padding:0;display:grid;gap:11px}
.sc26 .plan.sc-card--dark .p-sub{color:rgba(255,255,255,.74)}
.sc26 .plan.sc-card--dark .p-tag{color:#ff8a86}
.sc26 .plan.sc-card--dark h3{color:#fff}
.sc26 .plan.sc-card--dark li{color:rgba(255,255,255,.82)}
.sc26 .plan.sc-card--dark li .ck{color:#ff8a86}
.sc26 .plans{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sc26 .problem-band{background:var(--sc-black);color:#fff;border-radius:var(--sc-radius-xl);padding:40px;box-shadow:var(--sc-shadow);display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.sc26 .problem-band .sc-eyebrow{color:#ff8a86}
.sc26 .problem-band .vs{display:grid;gap:12px}
.sc26 .problem-band .vs .line{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:14.5px;color:rgba(255,255,255,.84)}
.sc26 .problem-band .vs .mk{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:13px}
.sc26 .problem-band .vs .no .mk{background:rgba(255,255,255,.12);color:rgba(255,255,255,.7)}
.sc26 .problem-band .vs .yes .mk{background:var(--sc-red-wash);color:var(--sc-red-strong)}
.sc26 .problem-band h2{color:#fff}
.sc26 .problem-band p{color:rgba(255,255,255,.78);font-size:16px;font-weight:400;margin:14px 0 0}
.sc26 .scope-note b{color:var(--sc-ink)}
.sc26 .step{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);padding:24px 22px;box-shadow:var(--sc-shadow-soft)}
.sc26 .step h3{font-size:15px;margin:0 0 8px}
.sc26 .step p{color:var(--sc-muted);font-size:13.5px;margin:0;font-weight:400}
.sc26 .step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:var(--sc-font-display);color:var(--sc-red);font-size:28px;letter-spacing:-.04em;display:block;margin-bottom:12px}
.sc26 .steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sc26 .xsell{margin-top:18px;padding:18px 20px;border-left:3px solid var(--sc-red);background:var(--sc-red-wash);border-radius:0 var(--sc-radius) var(--sc-radius) 0;font-size:14px;color:var(--sc-text)}
.sc26 .xsell b{color:var(--sc-ink)}
@media (max-width:640px){
  .sc26 .case.feat, .case.wide{grid-column:span 1}
  .sc26 .m-hero .acts .sc-btn{width:100%}
  .sc26 .steps, .cases{grid-template-columns:1fr}
}
@media (max-width:680px){
  .sc26 .nom .grid3{grid-template-columns:1fr}
}
@media (max-width:980px){
  .sc26 .case.feat, .case.wide{grid-column:span 2;grid-row:auto}
  .sc26 .cases{grid-template-columns:repeat(2,1fr)}
  .sc26 .faq-grid{grid-template-columns:1fr}
  .sc26 .ncert{margin:0 auto}
  .sc26 .nom .grid3{grid-template-columns:1fr}
  .sc26 .steps{grid-template-columns:repeat(2,1fr)}
}

/* ---------- 13.a HOME (app/views/Application/info.html · body.sc26.ss-home) ---------- */
body.ss-home{background:var(--sc-paper)}
.ss-home a{color:inherit}

/* Hero */
.sc26.ss-home .h-hero{padding:64px 0 56px;background:radial-gradient(circle at 84% 8%,rgba(255,78,63,.10),transparent 46%)}
.sc26.ss-home .h-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,56px);align-items:center}
.sc26.ss-home .h-hero h1{margin:16px 0 0;font-size:clamp(34px,5vw,58px)}
.sc26.ss-home .h-hero h1 .accent{color:var(--sc-red)}
.sc26.ss-home .h-hero p.intro{margin:22px 0 0;color:var(--sc-muted);font-size:18px;max-width:54ch;font-weight:400}
.sc26.ss-home .h-hero .acts{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.sc26.ss-home .h-hero .trust{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:13.5px;color:var(--sc-muted)}
.sc26.ss-home .h-hero .trust b{color:var(--sc-ink)}

/* Lockup de marca en hero */
.sc26.ss-home .brand-lockup{display:inline-flex;align-items:center;gap:10px;margin-bottom:6px}
.sc26.ss-home .brand-lockup .bl-tag{font-family:var(--sc-font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sc-muted);border:1px solid var(--sc-line);border-radius:var(--sc-radius-pill);padding:4px 10px}
.sc26.ss-home .brand-lockup .bl-tag b{color:var(--sc-red-strong)}

/* EMPEZAR · dos caminos (hecho puntual vs. recurrente) */
.sc26.ss-home .paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.sc26.ss-home .path{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);padding:clamp(26px,3vw,34px);box-shadow:var(--sc-shadow-soft);transition:border-color .15s,transform .15s,box-shadow .15s}
.sc26.ss-home .path:hover{transform:translateY(-3px);box-shadow:var(--sc-shadow)}
.sc26.ss-home .path--feature{border:1.5px solid var(--sc-red)}
.sc26.ss-home .path .ribbon{position:absolute;top:20px;right:20px;font-family:var(--sc-font-body);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--sc-red);border-radius:var(--sc-radius-pill);padding:6px 12px}
.sc26.ss-home .path .path-tag{display:inline-block;background:transparent;font-family:var(--sc-font-body);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sc-red-strong)}
.sc26.ss-home .path h3{font-family:var(--sc-font-body);font-weight:900;font-size:clamp(21px,2.2vw,25px);color:var(--sc-ink);letter-spacing:-.01em;margin:14px 0 0;line-height:1.12}
.sc26.ss-home .path .desc{font-size:14.5px;color:var(--sc-muted);line-height:1.6;margin:12px 0 0;max-width:42ch;font-weight:400}
.sc26.ss-home .path ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:11px}
.sc26.ss-home .path li{position:relative;padding-left:24px;font-size:14px;color:var(--sc-text);font-weight:400}
.sc26.ss-home .path li::before{content:"";position:absolute;left:3px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--sc-red)}
.sc26.ss-home .path .sep{border:0;border-top:1px dashed var(--sc-line-2);background:transparent;height:0;margin:24px 0}
.sc26.ss-home .path .path-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;min-height:30px}
.sc26.ss-home .path .path-price .from{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sc-muted)}
.sc26.ss-home .path .path-price .amt{font-family:var(--sc-font-body);font-weight:900;font-size:26px;color:var(--sc-ink);line-height:1}
.sc26.ss-home .path .path-price .unit{font-size:13px;color:var(--sc-muted)}
.sc26.ss-home .path .path-price.is-plan .amt{font-size:18px}
.sc26.ss-home .path .acts{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;gap:13px;align-items:flex-start}
.sc26.ss-home .path .acts .sc-btn{width:100%}

/* Collage de fichas-prueba en el hero */
.sc26.ss-home .hero-art{position:relative;min-height:340px}
.sc26.ss-home .mini{position:absolute;background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);box-shadow:var(--sc-shadow);padding:14px 16px;width:210px}
.sc26.ss-home .mini .mh{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.sc26.ss-home .mini .mh .d{width:26px;height:26px;border-radius:7px;flex:none;background:var(--sc-red-wash);color:var(--sc-red-strong);display:grid;place-items:center;font-family:var(--sc-font-mono);font-size:10px;font-weight:700}
.sc26.ss-home .mini .mh b{font-family:var(--sc-font-display);text-transform:uppercase;font-size:11px;letter-spacing:.03em;color:var(--sc-ink)}
.sc26.ss-home .mini .ln{display:flex;justify-content:space-between;font-size:11px;padding:3px 0;color:var(--sc-muted)}
.sc26.ss-home .mini .ln .mono{font-family:var(--sc-font-mono);color:var(--sc-ink)}
.sc26.ss-home .mini .chip{display:inline-block;margin-top:8px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#fff;background:var(--sc-red);border-radius:var(--sc-radius-pill);padding:3px 9px}
.sc26.ss-home .mini.m1{top:6px;left:6px;z-index:3}
.sc26.ss-home .mini.m2{top:96px;right:0;z-index:2}
.sc26.ss-home .mini.m3{bottom:6px;left:40px;z-index:1}
.sc26.ss-home .mini .seal{width:26px;height:26px;border-radius:50%;flex:none;background:var(--sc-red);position:relative}
.sc26.ss-home .mini .seal::after{content:"";position:absolute;inset:7px;border-radius:50%;border:2px solid #fff;border-right-color:transparent;transform:rotate(40deg)}

/* Tira de confianza */
.sc26.ss-home .stripe{border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line);background:#fff}
.sc26.ss-home .stripe .row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:26px 0;text-align:center}
.sc26.ss-home .stripe .stat .n{font-family:var(--sc-font-display);font-size:28px;color:var(--sc-ink);line-height:1}
.sc26.ss-home .stripe .stat .l{font-size:13px;color:var(--sc-muted);margin-top:6px}

/* Rejilla de productos */
.sc26.ss-home .prods{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sc26.ss-home .prod{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);padding:28px;box-shadow:var(--sc-shadow-soft);text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.sc26.ss-home .prod:hover{border-color:var(--sc-red);transform:translateY(-3px);box-shadow:var(--sc-shadow)}
.sc26.ss-home .prod .pk{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.sc26.ss-home .prod .pk .ic{width:40px;height:40px;border-radius:10px;flex:none;background:var(--sc-red);color:#fff;display:grid;place-items:center;font-family:var(--sc-font-mono);font-size:12px;font-weight:700}
.sc26.ss-home .prod .pk .nm{font-family:var(--sc-font-display);text-transform:uppercase;font-size:17px;letter-spacing:.01em;color:var(--sc-ink)}
.sc26.ss-home .prod .pk .nm small{display:block;font-family:var(--sc-font-body);font-weight:700;font-size:11px;letter-spacing:.1em;color:var(--sc-muted)}
.sc26.ss-home .prod .claim{font-size:14.5px;color:var(--sc-text);margin:0 0 14px;flex:1;font-weight:400}
.sc26.ss-home .prod .claim b{color:var(--sc-ink)}
.sc26.ss-home .prod .tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.sc26.ss-home .prod .tags span{font-size:11px;font-weight:700;color:var(--sc-muted);background:var(--sc-paper-2);border:1px solid var(--sc-line);border-radius:var(--sc-radius-pill);padding:4px 9px}
.sc26.ss-home .prod .go{font-size:13.5px;font-weight:700;color:var(--sc-red-strong);display:inline-flex;align-items:center;gap:6px}
.sc26.ss-home .prod:hover .go{gap:10px}

/* Cómo elegir */
.sc26.ss-home .choose{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.sc26.ss-home .ch{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);padding:20px 22px;box-shadow:var(--sc-shadow-soft)}
.sc26.ss-home .ch .q{font-size:14.5px;color:var(--sc-ink);font-weight:700}
.sc26.ss-home .ch .a{font-size:13.5px;color:var(--sc-muted);margin-top:4px}
.sc26.ss-home .ch .a a{color:var(--sc-red-strong);font-weight:700;text-decoration:none}
.sc26.ss-home .ch .mk{width:30px;height:30px;border-radius:8px;flex:none;background:var(--sc-red-wash);color:var(--sc-red-strong);display:grid;place-items:center;font-family:var(--sc-font-mono);font-size:13px;font-weight:700}

/* Cómo funciona */
.sc26.ss-home .how{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:hw}
.sc26.ss-home .hw{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);padding:26px;box-shadow:var(--sc-shadow-soft);counter-increment:hw}
.sc26.ss-home .hw::before{content:counter(hw,decimal-leading-zero);font-family:var(--sc-font-display);color:var(--sc-red);font-size:26px;display:block;margin-bottom:10px}
.sc26.ss-home .hw h3{font-size:16px;margin:0 0 8px}
.sc26.ss-home .hw p{font-size:13.5px;color:var(--sc-muted);margin:0;font-weight:400}

/* Valores */
.sc26.ss-home .values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sc26.ss-home .val{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);padding:28px;box-shadow:var(--sc-shadow-soft)}
.sc26.ss-home .val .ic{width:44px;height:44px;border-radius:11px;background:var(--sc-red-wash);color:var(--sc-red-strong);display:grid;place-items:center;font-family:var(--sc-font-mono);font-weight:700;font-size:18px;margin-bottom:14px}
.sc26.ss-home .val h3{font-family:var(--sc-font-body);font-weight:900;font-size:18px;margin:0 0 8px;color:var(--sc-ink)}
.sc26.ss-home .val p{font-size:14px;color:var(--sc-muted);margin:0;font-weight:400}

/* Banda tecnología / API */
.sc26.ss-home .tech{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;background:var(--sc-black);color:#fff;border-radius:var(--sc-radius-xl);padding:44px;box-shadow:var(--sc-shadow)}
.sc26.ss-home .tech h2{color:#fff}
.sc26.ss-home .tech .sc-eyebrow{color:#ff8a86}
.sc26.ss-home .tech p{color:rgba(255,255,255,.8);font-size:15.5px;margin:14px 0 0;font-weight:400}
.sc26.ss-home .tech ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:11px}
.sc26.ss-home .tech li{display:grid;grid-template-columns:auto 1fr;gap:11px;font-size:14.5px;color:rgba(255,255,255,.85);font-weight:400}
.sc26.ss-home .tech li .ck{color:#ff8a86;font-weight:800}
.sc26.ss-home .tech .term{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--sc-radius-lg);padding:22px;font-family:var(--sc-font-mono);font-size:12.5px;color:rgba(255,255,255,.9);line-height:1.7}
.sc26.ss-home .tech .term .c{color:#7d8aa3} .sc26.ss-home .tech .term .k{color:#ff8a86} .sc26.ss-home .tech .term .s{color:#7fd1a0}
.sc26.ss-home .tech .note{margin-top:12px;font-size:12px;color:rgba(255,255,255,.6)}


@media (max-width:980px){
  .sc26.ss-home .h-hero-grid,.sc26.ss-home .tech{grid-template-columns:1fr}
  .sc26.ss-home .paths{grid-template-columns:1fr}
  .sc26.ss-home .hero-art{min-height:300px;margin-top:10px}
  .sc26.ss-home .stripe .row{grid-template-columns:repeat(2,1fr);gap:24px 18px}
  .sc26.ss-home .prods{grid-template-columns:repeat(2,1fr)}
  .sc26.ss-home .choose{grid-template-columns:1fr}
  .sc26.ss-home .how,.sc26.ss-home .values{grid-template-columns:1fr}
}
@media (max-width:640px){
  .sc26.ss-home .prods{grid-template-columns:1fr}
  .sc26.ss-home .h-hero .acts .sc-btn{width:100%}
  .sc26.ss-home .mini{position:relative;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%;margin-bottom:12px}
}


/* ---------- 13.b WEB (app/views/Pagestamper/index.html · body.sc26.ss-web) ---------- */
body.ss-web{background:var(--sc-paper)}
.ss-web a{color:inherit}

/* Hero */
.sc26.ss-web .w-hero{padding:60px 0 72px;background:radial-gradient(circle at 88% 12%,rgba(51,64,90,.10),transparent 44%)}
.sc26.ss-web .w-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,56px);align-items:center}
.sc26.ss-web .w-hero h1{margin:16px 0 0}
.sc26.ss-web .w-hero h1 .accent{color:var(--sc-red)}
.sc26.ss-web .w-hero p.intro{margin:22px 0 0;color:var(--sc-muted);font-size:18px;max-width:52ch;font-weight:400}
.sc26.ss-web .w-hero .acts{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.sc26.ss-web .w-hero .note{margin-top:20px;font-size:13.5px;font-weight:400;color:var(--sc-muted)}
.sc26.ss-web .w-hero .note b{color:var(--sc-ink)}

/* Ficha de certificado web (firma del hero): ventana de navegador */
.sc26.ss-web .webcert{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);box-shadow:var(--sc-shadow);overflow:hidden;max-width:480px;margin-left:auto}
.sc26.ss-web .webcert .bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--sc-line);background:var(--sc-paper-2)}
.sc26.ss-web .webcert .bar i{width:11px;height:11px;border-radius:50%;display:block;background:var(--sc-line-2)}
.sc26.ss-web .webcert .bar .url{margin-left:8px;font-family:var(--sc-font-mono);font-size:11.5px;color:var(--sc-muted);background:#fff;border:1px solid var(--sc-line);border-radius:6px;padding:4px 10px;flex:1}
.sc26.ss-web .webcert .shot{height:150px;background:linear-gradient(135deg,var(--sc-red-wash),#fff 70%),repeating-linear-gradient(180deg,transparent,transparent 22px,var(--sc-line) 22px,var(--sc-line) 23px);position:relative;display:flex;align-items:center;justify-content:center}
.sc26.ss-web .webcert .shot .rec{position:absolute;top:12px;right:14px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#fff;background:var(--sc-red);border-radius:var(--sc-radius-pill);padding:4px 10px;text-transform:uppercase;letter-spacing:.05em}
.sc26.ss-web .webcert .shot .rec::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff}
.sc26.ss-web .webcert .shot .stamp{font-family:var(--sc-font-display);text-transform:uppercase;color:var(--sc-red);font-size:18px;text-align:center;letter-spacing:.02em;opacity:.85}
.sc26.ss-web .webcert dl{margin:0;padding:8px 18px 12px}
.sc26.ss-web .webcert .row{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:8px 0;border-bottom:1px dashed var(--sc-line);font-size:13px}
.sc26.ss-web .webcert .row:last-of-type{border-bottom:0}
.sc26.ss-web .webcert dt{font-size:11px;font-weight:700;color:var(--sc-muted);text-transform:uppercase;letter-spacing:.05em}
.sc26.ss-web .webcert dd{margin:0;color:var(--sc-ink);font-weight:600}
.sc26.ss-web .webcert dd.mono{font-family:var(--sc-font-mono);font-size:11.5px;font-weight:500;color:var(--sc-text);word-break:break-all}
.sc26.ss-web .webcert .foot{display:flex;flex-wrap:wrap;gap:7px;padding:12px 18px 16px;border-top:1px solid var(--sc-line);background:var(--sc-paper-2)}

/* Problema: la captura no basta */

/* Dos modalidades */
.sc26.ss-web .mode h3{font-family:var(--sc-font-body);font-weight:900;font-size:21px;margin:16px 0 8px;color:var(--sc-ink)}
.sc26.ss-web .mode p{color:var(--sc-muted);font-size:14.5px;font-weight:400;margin:0}
.sc26.ss-web .mode ul{list-style:none;margin:18px 0 0;padding:18px 0 0;border-top:1px solid var(--sc-line);display:grid;gap:10px}
.sc26.ss-web .mode li{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:14px;font-weight:400;color:var(--sc-text)}
.sc26.ss-web .mode li .ck{color:var(--sc-red);font-weight:800}
.sc26.ss-web .mode .for{margin-top:16px;font-size:13px;color:var(--sc-muted)}

/* Pasos */
.sc26.ss-web .step p{color:var(--sc-muted);font-size:13.5px;font-weight:400;margin:0}

/* Casos (bento) */
.sc26.ss-web .case p{color:var(--sc-muted);font-size:13.5px;font-weight:400;margin:0}

/* Respaldo legal */
.sc26.ss-web .xsell a{color:var(--sc-red-strong);text-decoration:none}
.sc26.ss-web .xsell a:hover{text-decoration:underline}

/* Planes */
.sc26.ss-web .plan .p-sub{color:var(--sc-muted);font-size:14.5px;font-weight:400;margin-top:10px}
.sc26.ss-web .enterprise-cta p{font-size:14.5px;font-weight:400;color:var(--sc-text);margin:0}

/* Acordeón FAQ: Lato en vez de CodeProBlack (ilegible a este tamaño) y respuestas en peso normal */

/* Nota regional NOM-151 (acotada a México) */


@media (max-width:980px){
  .sc26.ss-web .w-hero-grid,.sc26.ss-web .problem-band,.sc26.ss-web .modes,.sc26.ss-web .legal,.sc26.ss-web .plans{grid-template-columns:1fr}
  .sc26.ss-web .webcert{margin:0 auto}
}
@media (max-width:640px){
  .sc26.ss-web .w-hero .acts .sc-btn{width:100%}
}

/* ---------- 13.c MAIL (app/views/Mailstamper/index.html · body.sc26.ss-mail) ---------- */
body.ss-mail{background:var(--sc-paper)}
.ss-mail a{color:inherit}

/* Hero */
.sc26.ss-mail .m-hero{padding:60px 0 72px;background:radial-gradient(circle at 88% 12%,rgba(51,64,90,.10),transparent 44%)}
.sc26.ss-mail .m-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,56px);align-items:center}
.sc26.ss-mail .m-hero h1{margin:16px 0 0}
.sc26.ss-mail .m-hero p.intro{margin:22px 0 0;color:var(--sc-muted);font-size:18px;max-width:52ch;font-weight:400}
.sc26.ss-mail .m-hero .acts{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.sc26.ss-mail .m-hero .note{margin-top:20px;font-size:13.5px;font-weight:400;color:var(--sc-muted)}
.sc26.ss-mail .m-hero .note b{color:var(--sc-ink)}

/* Certificado de email (firma del hero) */
.sc26.ss-mail .mailcert{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);box-shadow:var(--sc-shadow);overflow:hidden;max-width:480px;margin-left:auto}
.sc26.ss-mail .mailcert .top{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--sc-line);background:linear-gradient(180deg,#fff,var(--sc-paper-2))}
.sc26.ss-mail .mailcert .seal{width:38px;height:38px;border-radius:50%;flex:none;background:var(--sc-red);position:relative;box-shadow:0 0 0 4px var(--sc-red-wash)}
.sc26.ss-mail .mailcert .seal::after{content:"";position:absolute;inset:10px;border-radius:50%;border:2.5px solid #fff;border-right-color:transparent;transform:rotate(40deg)}
.sc26.ss-mail .mailcert .top h4{font-family:var(--sc-font-display);text-transform:uppercase;font-size:13px;letter-spacing:.04em;margin:0;color:var(--sc-ink)}
.sc26.ss-mail .mailcert .top span{font-size:12px;color:var(--sc-muted)}
.sc26.ss-mail .mailcert .status{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#0f7a3d;background:#eaf6ee;border:1px solid #cfe9d8;padding:6px 10px;border-radius:var(--sc-radius-pill);text-transform:uppercase;letter-spacing:.05em}
.sc26.ss-mail .mailcert .status::before{content:"";width:7px;height:7px;border-radius:50%;background:#16a34a}
.sc26.ss-mail .mailcert dl{margin:0;padding:6px 20px 14px}
.sc26.ss-mail .mailcert .row{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:11px 0;border-bottom:1px dashed var(--sc-line)}
.sc26.ss-mail .mailcert .row:last-child{border-bottom:0}
.sc26.ss-mail .mailcert dt{font-size:11.5px;font-weight:700;color:var(--sc-muted);text-transform:uppercase;letter-spacing:.05em}
.sc26.ss-mail .mailcert dd{margin:0;font-size:13.5px;color:var(--sc-ink);font-weight:600}
.sc26.ss-mail .mailcert dd.mono{font-family:var(--sc-font-mono);font-size:12px;font-weight:500;color:var(--sc-text);word-break:break-all}
.sc26.ss-mail .mailcert .foot{display:flex;flex-wrap:wrap;gap:7px;padding:13px 20px 18px;border-top:1px solid var(--sc-line);background:var(--sc-paper-2)}

/* Problema */

/* Cómo funciona (pasos) */
.sc26.ss-mail .step p{color:var(--sc-muted);font-size:13.5px;font-weight:400;margin:0}
.sc26.ss-mail .step code{font-family:var(--sc-font-mono);font-size:12.5px;background:var(--sc-paper-2);border:1px solid var(--sc-line);border-radius:6px;padding:2px 6px;color:var(--sc-red-strong);word-break:break-all}

/* Beneficios */
.sc26.ss-mail .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sc26.ss-mail .benefit .ic{width:40px;height:40px;border-radius:10px;background:var(--sc-red-wash);color:var(--sc-red-strong);display:grid;place-items:center;font-size:16px;margin-bottom:12px}
.sc26.ss-mail .benefit h3{font-family:var(--sc-font-body);font-weight:900;font-size:16px;margin:0 0 8px;color:var(--sc-ink)}
.sc26.ss-mail .benefit p{color:var(--sc-muted);font-size:14px;font-weight:400;margin:0}

/* Casos por departamento (tabla) */
.sc26.ss-mail .dept td:first-child{white-space:nowrap;width:230px}

/* Tecnología / respaldo */
.sc26.ss-mail .notify-note{margin-top:18px;padding:18px 20px;border-left:3px solid var(--sc-red);background:var(--sc-red-wash);border-radius:0 var(--sc-radius) var(--sc-radius) 0;font-size:14px;color:var(--sc-text)}
.sc26.ss-mail .notify-note b{color:var(--sc-ink)}
.sc26.ss-mail .notify-note a{color:var(--sc-red-strong);text-decoration:none}
.sc26.ss-mail .notify-note a:hover{text-decoration:underline}

/* Planes */
.sc26.ss-mail .plan .p-sub{color:var(--sc-muted);font-size:14.5px;font-weight:400;margin-top:10px}
.sc26.ss-mail .enterprise-cta p{font-size:14.5px;font-weight:400;color:var(--sc-text);margin:0}

/* Acordeón FAQ: Lato en bold en vez de CodeProBlack y respuestas en peso normal */

/* Nota regional NOM-151 (acotada a México) */


@media (max-width:980px){
  .sc26.ss-mail .m-hero-grid,.sc26.ss-mail .problem-band,.sc26.ss-mail .legal,.sc26.ss-mail .plans{grid-template-columns:1fr}
  .sc26.ss-mail .mailcert{margin:0 auto}
  .sc26.ss-mail .steps,.sc26.ss-mail .benefits{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .sc26.ss-mail .steps,.sc26.ss-mail .benefits{grid-template-columns:1fr}
  .sc26.ss-mail .dept td:first-child{width:auto;white-space:normal}
}

/* Capa/modal "Cómo certificar un correo" (disparada desde los 3 botones de certificar) */
.sc26 .mail-modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(15,23,32,.6);backdrop-filter:blur(2px);padding:24px;overflow-y:auto}
.sc26 .mail-modal.open{display:grid;place-items:center}
.sc26 .mail-modal-card{position:relative;background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);box-shadow:var(--sc-shadow);max-width:520px;width:100%;padding:32px}
.sc26 .mail-modal-card h3{font-family:var(--sc-font-display);text-transform:uppercase;letter-spacing:.03em;font-size:20px;margin:0 40px 12px 0;color:var(--sc-ink)}
.sc26 .mail-modal-card>p{margin:0 0 20px;color:var(--sc-muted);font-size:15px;font-weight:400}
.sc26 .mail-modal-x{position:absolute;top:14px;right:16px;background:none;border:0;cursor:pointer;font-size:26px;line-height:1;color:var(--sc-muted)}
.sc26 .mail-modal-x:hover{color:var(--sc-ink)}
.sc26 .mail-modal-addrs{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}
.sc26 .mail-modal-addrs li{display:flex;flex-direction:column;gap:4px;background:var(--sc-paper-2);border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);padding:14px 16px}
.sc26 .mail-modal-addrs .addr-row{display:flex;align-items:center;gap:10px}
.sc26 .mail-modal-addrs code{font-family:var(--sc-font-mono);font-size:14px;font-weight:600;color:var(--sc-red-strong);word-break:break-all;flex:1}
.sc26 .mail-modal-addrs span{font-size:13px;color:var(--sc-muted);font-weight:400}
.sc26 .addr-copy{flex:none;position:relative;background:#fff;border:1px solid var(--sc-line);border-radius:8px;width:34px;height:34px;cursor:pointer;color:var(--sc-muted);font-size:14px;display:grid;place-items:center;transition:color .15s ease,border-color .15s ease}
.sc26 .addr-copy:hover{color:var(--sc-ink);border-color:var(--sc-line-2)}
.sc26 .addr-copy.copied{color:#0f7a3d;border-color:#cfe9d8}
.sc26 .addr-copy.copied .fa-copy:before{content:"\f00c"}

/* ---------- 13.d NOTIFY (app/views/Notistamper/index.html · body.sc26.ss-notify) ---------- */
body.ss-notify{background:var(--sc-paper)}
/* Hero */
.sc26.ss-notify .n-hero{padding:60px 0 72px;background:radial-gradient(circle at 88% 12%,rgba(51,64,90,.10),transparent 44%)}
.sc26.ss-notify .n-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,56px);align-items:center}
.sc26.ss-notify .n-hero h1{margin:16px 0 0}
.sc26.ss-notify .n-hero h1 .accent{color:var(--sc-red)}
.sc26.ss-notify .n-hero p.intro{margin:22px 0 0;color:var(--sc-muted);font-size:18px;max-width:52ch;font-weight:400}
.sc26.ss-notify .n-hero .acts{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.sc26.ss-notify .n-hero .note{margin-top:20px;font-size:13.5px;color:var(--sc-muted)}
.sc26.ss-notify .n-hero .note b{color:var(--sc-ink)}
/* Ficha de notificación (firma del hero): estados de seguimiento */
.sc26.ss-notify .ncert{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);box-shadow:var(--sc-shadow);overflow:hidden;max-width:480px;margin-left:auto}
.sc26.ss-notify .ncert .seal{width:38px;height:38px;border-radius:50%;flex:none;background:var(--sc-red);position:relative;box-shadow:0 0 0 4px var(--sc-red-wash)}
.sc26.ss-notify .ncert .top h4{font-family:var(--sc-font-display);text-transform:uppercase;font-size:13px;letter-spacing:.04em;margin:0;color:var(--sc-ink)}
.sc26.ss-notify .ncert .body{padding:8px 20px 12px}
.sc26.ss-notify .ncert .meta{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:9px 0;border-bottom:1px dashed var(--sc-line);font-size:13px}
.sc26.ss-notify .ncert .meta dt{color:var(--sc-muted);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.05em}
.sc26.ss-notify .ncert .meta dd{margin:0;color:var(--sc-ink);font-weight:600}
.sc26.ss-notify .track{padding:6px 20px 18px}
.sc26.ss-notify .track .ev{display:grid;grid-template-columns:22px 1fr auto;gap:11px;align-items:center;padding:8px 0}
.sc26.ss-notify .track .ev .dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}
.sc26.ss-notify .track .ev.done .dot{background:#eaf6ee;color:#0f7a3d;border:1px solid #cfe9d8}
.sc26.ss-notify .track .ev.pending .dot{background:var(--sc-paper-2);color:var(--sc-muted);border:1px solid var(--sc-line-2)}
.sc26.ss-notify .track .ev .lbl{font-size:13.5px;font-weight:700;color:var(--sc-ink)}
.sc26.ss-notify .track .ev.pending .lbl{color:var(--sc-muted);font-weight:600}
.sc26.ss-notify .track .ev .ts{font-family:var(--sc-font-mono);font-size:11.5px;color:var(--sc-muted)}
.sc26.ss-notify .ncert .foot{display:flex;flex-wrap:wrap;gap:7px;padding:13px 20px 18px;border-top:1px solid var(--sc-line);background:var(--sc-paper-2)}
/* Mail vs Notify */
.sc26.ss-notify .vs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sc26.ss-notify .vs .card{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);padding:28px;box-shadow:var(--sc-shadow-soft)}
.sc26.ss-notify .vs .card.is-this{border:1.5px solid var(--sc-red)}
.sc26.ss-notify .vs .tag{font-family:var(--sc-font-mono);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sc-muted);background:transparent;padding:0;border-radius:0}
.sc26.ss-notify .vs .card.is-this .tag{color:var(--sc-red-strong)}
.sc26.ss-notify .vs h3{font-family:var(--sc-font-body);font-weight:900;font-size:19px;margin:10px 0 8px;color:var(--sc-ink)}
.sc26.ss-notify .vs p{color:var(--sc-muted);font-size:14px;margin:0;font-weight:400}
.sc26.ss-notify .vs .what{margin:16px 0 0;font-size:13.5px;color:var(--sc-text)}
.sc26.ss-notify .vs .what b{color:var(--sc-ink)}
/* Pasos */
.sc26.ss-notify .steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sc26.ss-notify .step{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);padding:26px 22px;box-shadow:var(--sc-shadow-soft)}
.sc26.ss-notify .step h3{font-size:16px;margin:0 0 8px}
/* Qué se certifica (4 hitos) */
.sc26.ss-notify .marks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sc26.ss-notify .mark{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);padding:24px;box-shadow:var(--sc-shadow-soft);text-align:center}
.sc26.ss-notify .mark .ic{width:44px;height:44px;margin:0 auto 12px;border-radius:11px;background:var(--sc-red);color:#fff;display:grid;place-items:center;font-family:var(--sc-font-mono);font-weight:700;font-size:14px}
.sc26.ss-notify .mark h3{font-size:15px;margin:0 0 6px}
.sc26.ss-notify .mark p{color:var(--sc-muted);font-size:13px;margin:0;font-weight:400}
/* Controles / opciones */
.sc26.ss-notify .opts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sc26.ss-notify .opt{display:grid;grid-template-columns:auto 1fr;gap:12px;background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);padding:20px;box-shadow:var(--sc-shadow-soft)}
.sc26.ss-notify .opt .ck{flex:none;width:26px;height:26px;border-radius:7px;background:var(--sc-red-wash);color:var(--sc-red-strong);display:grid;place-items:center;font-weight:800;font-size:13px}
.sc26.ss-notify .opt b{display:block;font-size:14.5px;color:var(--sc-ink)}
.sc26.ss-notify .opt span{display:block;font-size:13px;color:var(--sc-muted);margin-top:3px}
/* Casos */
.sc26.ss-notify .cases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sc26.ss-notify .case .ic{width:42px;height:42px;border-radius:10px;background:var(--sc-red-wash);color:var(--sc-red-strong);display:grid;place-items:center;font-family:var(--sc-font-mono);font-size:13px;font-weight:700;margin-bottom:14px}
.sc26.ss-notify .case h3{font-family:var(--sc-font-body);font-weight:900;font-size:16px;margin:0 0 8px;color:var(--sc-ink)}
/* Respaldo legal */
.sc26.ss-notify .mail-note{margin-top:18px;padding:18px 20px;border-left:3px solid var(--sc-red);background:var(--sc-red-wash);border-radius:0 var(--sc-radius) var(--sc-radius) 0;font-size:14px;color:var(--sc-text)}
.sc26.ss-notify .mail-note b{color:var(--sc-ink)}
/* Planes */
/* Nota regional NOM-151 (acotada a México) */
/* Bloque MASC destacado */
.sc26.ss-notify .masc{background:var(--sc-black);color:#fff;border-radius:var(--sc-radius-xl);padding:44px;box-shadow:var(--sc-shadow);display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.sc26.ss-notify .masc h2{color:#fff}
.sc26.ss-notify .masc .sc-eyebrow{color:#ff8a86}
.sc26.ss-notify .masc p{color:rgba(255,255,255,.82);font-size:15.5px;margin:14px 0 0;font-weight:400}
.sc26.ss-notify .masc .law{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-family:var(--sc-font-mono);font-size:12px;font-weight:700;color:#ff8a86;background:rgba(255,138,91,.12);border:1px solid rgba(255,138,91,.3);border-radius:var(--sc-radius-pill);padding:6px 12px}
.sc26.ss-notify .masc ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:11px}
.sc26.ss-notify .masc li{display:grid;grid-template-columns:auto 1fr;gap:11px;font-size:14.5px;color:rgba(255,255,255,.85);font-weight:400}
.sc26.ss-notify .masc li .ck{color:#ff8a86;font-weight:800}
.sc26.ss-notify .masc .acts{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}
.sc26.ss-notify .masc .panel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--sc-radius-lg);padding:24px}
.sc26.ss-notify .masc .panel h3{font-family:var(--sc-font-display);text-transform:uppercase;font-size:13px;letter-spacing:.04em;color:#fff;margin:0 0 14px}
.sc26.ss-notify .masc .panel .flow{display:grid;gap:10px}
.sc26.ss-notify .masc .panel .fl{display:grid;grid-template-columns:26px 1fr;gap:12px;align-items:start}
.sc26.ss-notify .masc .panel .fl .num{width:26px;height:26px;border-radius:7px;background:var(--sc-red);color:#fff;display:grid;place-items:center;font-family:var(--sc-font-display);font-size:12px}
.sc26.ss-notify .masc .panel .fl b{display:block;font-size:13.5px;color:#fff}
.sc26.ss-notify .masc .panel .fl span{display:block;font-size:12.5px;color:rgba(255,255,255,.66);margin-top:2px;line-height:1.45}
.sc26.ss-notify .conf-note{margin-top:20px;padding:16px 18px;border-left:3px solid #ff8a86;background:rgba(255,138,91,.1);border-radius:0 var(--sc-radius) var(--sc-radius) 0;font-size:13px;color:rgba(255,255,255,.85)}
.sc26.ss-notify .conf-note b{color:#fff}
@media (max-width:980px){
  .sc26.ss-notify .masc{grid-template-columns:1fr}
  .sc26.ss-notify .n-hero-grid,.sc26.ss-notify .vs,.sc26.ss-notify .legal,.sc26.ss-notify .plans{grid-template-columns:1fr}
  .sc26.ss-notify .steps,.sc26.ss-notify .marks,.sc26.ss-notify .opts,.sc26.ss-notify .cases{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .sc26.ss-notify .steps,.sc26.ss-notify .marks,.sc26.ss-notify .opts,.sc26.ss-notify .cases{grid-template-columns:1fr}
  .sc26.ss-notify .n-hero .acts .sc-btn{width:100%}
}

/* ---------- 13.e APP (app/views/Photostamper/index.html · body.sc26.ss-app) ---------- */
body.ss-app{background:var(--sc-paper)}
/* Hero */
.sc26.ss-app .a-hero{padding:60px 0 72px;background:radial-gradient(circle at 88% 12%,rgba(51,64,90,.10),transparent 44%)}
.sc26.ss-app .a-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,56px);align-items:center}
.sc26.ss-app .a-hero h1{margin:16px 0 0}
.sc26.ss-app .a-hero h1 .accent{color:var(--sc-red)}
.sc26.ss-app .a-hero p.intro{margin:22px 0 0;color:var(--sc-muted);font-size:18px;max-width:52ch;font-weight:400}
.sc26.ss-app .a-hero .acts{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sc26.ss-app .a-hero .stores{display:flex;gap:10px;margin-top:18px}
.sc26.ss-app .a-hero .store{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--sc-line-2);border-radius:var(--sc-radius);padding:8px 14px;font-size:13px;font-weight:700;color:var(--sc-ink);background:#fff;text-decoration:none}
.sc26.ss-app .a-hero .store:hover{border-color:var(--sc-red);color:var(--sc-red-strong)}
.sc26.ss-app .a-hero .note{margin-top:18px;font-size:13.5px;color:var(--sc-muted)}
.sc26.ss-app .a-hero .note b{color:var(--sc-ink)}
/* Maqueta de móvil con certificado */
.sc26.ss-app .phone{justify-self:end;width:300px;max-width:100%;background:#0c1118;border-radius:34px;padding:12px;box-shadow:var(--sc-shadow);border:1px solid #222b38}
.sc26.ss-app .phone .screen{background:#fff;border-radius:24px;overflow:hidden}
.sc26.ss-app .phone .view{position:relative;height:300px;background:linear-gradient(160deg,#33405a,#0f141a);display:flex;align-items:flex-end}
.sc26.ss-app .phone .view .grid-ov{position:absolute;inset:0;background:linear-gradient(transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%) 0 0/100% 34px,linear-gradient(90deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%) 0 0/34px 100%}
.sc26.ss-app .phone .view .rec{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#fff;background:rgba(0,0,0,.35);border-radius:var(--sc-radius-pill);padding:5px 10px}
.sc26.ss-app .phone .view .rec::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sc-red)}
.sc26.ss-app .phone .view .gps{position:relative;margin:14px;padding:10px 12px;background:rgba(0,0,0,.45);border-radius:12px;color:#fff;width:100%}
.sc26.ss-app .phone .view .gps .ln{display:flex;justify-content:space-between;font-size:11px;margin:2px 0}
.sc26.ss-app .phone .view .gps .ln span:first-child{color:rgba(255,255,255,.6)}
.sc26.ss-app .phone .view .gps .ln .mono{font-family:var(--sc-font-mono)}
.sc26.ss-app .phone .shutter{display:flex;align-items:center;justify-content:center;padding:16px;background:#fff}
.sc26.ss-app .phone .shutter .btn{width:52px;height:52px;border-radius:50%;background:var(--sc-red);box-shadow:0 0 0 4px var(--sc-red-wash)}
.sc26.ss-app .phone .cert{padding:14px 16px 18px;border-top:1px solid var(--sc-line)}
.sc26.ss-app .phone .cert .t{font-family:var(--sc-font-display);text-transform:uppercase;font-size:12px;color:var(--sc-ink);margin-bottom:8px}
.sc26.ss-app .phone .cert .row{display:flex;justify-content:space-between;font-size:12px;padding:3px 0}
.sc26.ss-app .phone .cert .row span:first-child{color:var(--sc-muted)}
.sc26.ss-app .phone .cert .row .mono{font-family:var(--sc-font-mono);color:var(--sc-ink)}
.sc26.ss-app .phone .cert .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.sc26.ss-app .chip{font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--sc-ink);background:#fff;border:1px solid var(--sc-line-2);border-radius:var(--sc-radius-pill);padding:4px 9px}
/* Problema */
.sc26.ss-app .problem-band p{color:rgba(255,255,255,.78);font-size:16px;margin:14px 0 0;font-weight:400}
/* Qué incluye el certificado */
.sc26.ss-app .incl{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sc26.ss-app .inc{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);padding:24px;box-shadow:var(--sc-shadow-soft);text-align:center}
.sc26.ss-app .inc .ic{width:44px;height:44px;margin:0 auto 12px;border-radius:11px;background:var(--sc-red);color:#fff;display:grid;place-items:center;font-family:var(--sc-font-mono);font-weight:700;font-size:13px}
.sc26.ss-app .inc h3{font-size:15px;margin:0 0 6px}
.sc26.ss-app .inc p{color:var(--sc-muted);font-size:13px;margin:0;font-weight:400}
/* Pasos */
/* Casos (bento) */
/* Sector público destacado */
.sc26.ss-app .sector{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;background:var(--sc-black);color:#fff;border-radius:var(--sc-radius-xl);padding:44px;box-shadow:var(--sc-shadow)}
.sc26.ss-app .sector h2{color:#fff}
.sc26.ss-app .sector .sc-eyebrow{color:#ff8a86}
.sc26.ss-app .sector p{color:rgba(255,255,255,.8);font-size:15.5px;margin:14px 0 0;font-weight:400}
.sc26.ss-app .sector ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:11px}
.sc26.ss-app .sector li{display:grid;grid-template-columns:auto 1fr;gap:11px;font-size:14.5px;color:rgba(255,255,255,.85);font-weight:400}
.sc26.ss-app .sector li .ck{color:#ff8a86;font-weight:800}
.sc26.ss-app .sector .panel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--sc-radius-lg);padding:24px}
.sc26.ss-app .sector .panel .q{font-size:14px;color:#fff;font-weight:700}
.sc26.ss-app .sector .panel .a{font-size:13.5px;color:rgba(255,255,255,.7);margin:6px 0 16px;font-weight:400}
.sc26.ss-app .sector .panel .a:last-child{margin-bottom:0}
/* Respaldo legal */
/* Planes */
/* Nota regional NOM-151 (acotada a México) */
.sc26.ss-app .nom p{font-size:14px;color:var(--sc-muted);margin:12px 0 0;font-weight:400}
@media (max-width:980px){
  .sc26.ss-app .a-hero-grid,.sc26.ss-app .problem-band,.sc26.ss-app .sector,.sc26.ss-app .legal,.sc26.ss-app .plans{grid-template-columns:1fr}
  .sc26.ss-app .phone{justify-self:center}
  .sc26.ss-app .incl,.sc26.ss-app .steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .sc26.ss-app .incl,.sc26.ss-app .steps,.sc26.ss-app .cases{grid-template-columns:1fr}
  .sc26.ss-app .a-hero .acts .sc-btn{width:100%}
}

/* ---------- 13.f FILE (app/views/Filestamper/index.html · body.sc26.ss-file) ---------- */
body.ss-file{background:var(--sc-paper)}
/* especificidad baja a propósito (.ss-file, no .sc26.ss-file) para que los .sc-btn ganen y no hereden color */
.ss-file a{color:inherit}

/* Hero */
.sc26.ss-file .f-hero{padding:60px 0 72px;background:radial-gradient(circle at 88% 12%,rgba(51,64,90,.10),transparent 44%)}
.sc26.ss-file .f-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,56px);align-items:center}
.sc26.ss-file .f-hero h1{margin:16px 0 0}
.sc26.ss-file .f-hero h1 .accent{color:var(--sc-red)}
.sc26.ss-file .f-hero p.intro{margin:22px 0 0;color:var(--sc-muted);font-size:18px;max-width:52ch;font-weight:400}
.sc26.ss-file .f-hero .acts{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.sc26.ss-file .f-hero .note{margin-top:20px;font-size:13.5px;color:var(--sc-muted)}
.sc26.ss-file .f-hero .note b{color:var(--sc-ink)}

/* Ficha de certificado de fichero */
.sc26.ss-file .filecert{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);box-shadow:var(--sc-shadow);overflow:hidden;max-width:480px;margin-left:auto}
.sc26.ss-file .filecert .top{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--sc-line);background:linear-gradient(180deg,#fff,var(--sc-paper-2))}
.sc26.ss-file .filecert .ico{width:38px;height:38px;border-radius:9px;flex:none;background:var(--sc-red-wash);color:var(--sc-red-strong);display:grid;place-items:center;font-family:var(--sc-font-mono);font-weight:700;font-size:13px}
.sc26.ss-file .filecert .top h4{font-family:var(--sc-font-display);text-transform:uppercase;font-size:13px;letter-spacing:.04em;margin:0;color:var(--sc-ink)}
.sc26.ss-file .filecert .top span{font-size:12px;color:var(--sc-muted)}
.sc26.ss-file .filecert .top .st{margin-left:auto;font-size:11px;font-weight:700;color:#0f7a3d;background:#eaf6ee;border:1px solid #cfe9d8;padding:5px 9px;border-radius:var(--sc-radius-pill);text-transform:uppercase;letter-spacing:.04em}
.sc26.ss-file .filecert .meta{padding:10px 20px 6px}
.sc26.ss-file .filecert .meta .row{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:7px 0;font-size:13px;border-bottom:1px dashed var(--sc-line)}
.sc26.ss-file .filecert .meta dt{font-size:11px;font-weight:700;color:var(--sc-muted);text-transform:uppercase;letter-spacing:.05em}
.sc26.ss-file .filecert .meta dd{margin:0;color:var(--sc-ink);font-weight:600}
.sc26.ss-file .filecert .hashes{padding:8px 20px 4px}
.sc26.ss-file .filecert .hashes .hl{font-size:11px;font-weight:700;color:var(--sc-muted);text-transform:uppercase;letter-spacing:.05em;margin:6px 0 6px}
.sc26.ss-file .filecert .hashes .h{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center;padding:4px 0;font-family:var(--sc-font-mono);font-size:11.5px}
.sc26.ss-file .filecert .hashes .h b{color:var(--sc-red-strong);font-weight:700}
.sc26.ss-file .filecert .hashes .h span{color:var(--sc-text);word-break:break-all}
.sc26.ss-file .filecert .foot{display:flex;flex-wrap:wrap;gap:7px;padding:12px 20px 18px;border-top:1px solid var(--sc-line);background:var(--sc-paper-2);margin-top:6px}

/* Qué demuestra (existencia + integridad) */
.sc26.ss-file .proves{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sc26.ss-file .prove{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);padding:30px;box-shadow:var(--sc-shadow-soft)}
.sc26.ss-file .prove .ic{width:46px;height:46px;border-radius:11px;background:var(--sc-red);color:#fff;display:grid;place-items:center;font-family:var(--sc-font-mono);font-weight:700;font-size:13px;margin-bottom:14px}
.sc26.ss-file .prove h3{font-family:var(--sc-font-body);font-weight:900;font-size:19px;margin:0 0 8px;color:var(--sc-ink)}
.sc26.ss-file .prove p{color:var(--sc-muted);font-size:14.5px;margin:0;font-weight:400}
.sc26.ss-file .scope-note{margin-top:18px;padding:16px 20px;border-left:3px solid var(--sc-line-2);background:var(--sc-paper-2);border-radius:0 var(--sc-radius) var(--sc-radius) 0;font-size:14px;color:var(--sc-text)}

/* Confidencialidad (solo hash) destacado */
.sc26.ss-file .conf{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;background:var(--sc-black);color:#fff;border-radius:var(--sc-radius-xl);padding:44px;box-shadow:var(--sc-shadow)}
.sc26.ss-file .conf h2{color:#fff}
.sc26.ss-file .conf .sc-eyebrow{color:#ff8a86}
.sc26.ss-file .conf p{color:rgba(255,255,255,.82);font-size:15.5px;margin:14px 0 0;font-weight:400}
.sc26.ss-file .conf ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:11px}
.sc26.ss-file .conf li{display:grid;grid-template-columns:auto 1fr;gap:11px;font-size:14.5px;color:rgba(255,255,255,.85);font-weight:400}
.sc26.ss-file .conf li .ck{color:#ff8a86;font-weight:800}
.sc26.ss-file .conf .panel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--sc-radius-lg);padding:24px;font-family:var(--sc-font-mono);font-size:12.5px;color:rgba(255,255,255,.85);line-height:1.7}
.sc26.ss-file .conf .panel .c{color:#ff8a86}
.sc26.ss-file .conf .panel .k{color:#7fd1a0}

/* Pasos */
.sc26.ss-file .steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sc26.ss-file .step{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);padding:26px 22px;box-shadow:var(--sc-shadow-soft)}
.sc26.ss-file .step h3{font-size:16px;margin:0 0 8px}

/* Casos (bento) */

/* API */
.sc26.ss-file .api{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.sc26.ss-file .api .checklist{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:11px}
.sc26.ss-file .api .checklist li{display:grid;grid-template-columns:auto 1fr;gap:11px;font-size:14.5px;color:var(--sc-text)}
.sc26.ss-file .api .checklist .ck{color:var(--sc-red-strong);font-weight:800}
.sc26.ss-file .api .term{background:var(--sc-black);border-radius:var(--sc-radius-lg);padding:22px;font-family:var(--sc-font-mono);font-size:12.5px;color:rgba(255,255,255,.9);line-height:1.7;box-shadow:var(--sc-shadow)}
.sc26.ss-file .api .term .c{color:#7d8aa3}
.sc26.ss-file .api .term .k{color:#ff8a86}
.sc26.ss-file .api .term .s{color:#7fd1a0}
.sc26.ss-file .api .note{margin-top:14px;font-size:12.5px;color:var(--sc-muted)}

/* Respaldo legal */

/* Nota regional NOM-151 (acotada a México) */

/* Planes */


@media (max-width:980px){
  .sc26.ss-file .f-hero-grid,.sc26.ss-file .proves,.sc26.ss-file .conf,.sc26.ss-file .api,.sc26.ss-file .legal,.sc26.ss-file .plans{grid-template-columns:1fr}
  .sc26.ss-file .filecert{margin:0 auto}
  .sc26.ss-file .steps{grid-template-columns:1fr}
}
@media (max-width:640px){
  .sc26.ss-file .cases{grid-template-columns:1fr}
  .sc26.ss-file .f-hero .acts .sc-btn{width:100%}
}

/* ---------- 13.g SIGNATURE (app/views/Signatures/index.html · body.sc26.ss-signature) ---------- */
body.ss-signature{background:var(--sc-paper)}
/* especificidad baja a propósito (.ss-signature, no .sc26.ss-signature) para que los .sc-btn ganen y no hereden color */
.ss-signature a{color:inherit}

/* Hero */
.sc26.ss-signature .s-hero{padding:60px 0 72px;background:radial-gradient(circle at 88% 12%,rgba(51,64,90,.10),transparent 44%)}
.sc26.ss-signature .s-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,56px);align-items:center}
.sc26.ss-signature .s-hero h1{margin:16px 0 0}
.sc26.ss-signature .s-hero h1 .accent{color:var(--sc-red)}
.sc26.ss-signature .s-hero p.intro{margin:22px 0 0;color:var(--sc-muted);font-size:18px;max-width:52ch;font-weight:400}
.sc26.ss-signature .s-hero .acts{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px}
.sc26.ss-signature .s-hero .note{margin-top:20px;font-size:13.5px;color:var(--sc-muted)}
.sc26.ss-signature .s-hero .note b{color:var(--sc-ink)}

/* Ficha de documento firmado */
.sc26.ss-signature .doccert{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);box-shadow:var(--sc-shadow);overflow:hidden;max-width:480px;margin-left:auto}
.sc26.ss-signature .doccert .top{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--sc-line);background:linear-gradient(180deg,#fff,var(--sc-paper-2))}
.sc26.ss-signature .doccert .ico{width:38px;height:38px;border-radius:9px;flex:none;background:var(--sc-red-wash);color:var(--sc-red-strong);display:grid;place-items:center;font-family:var(--sc-font-mono);font-weight:700;font-size:12px}
.sc26.ss-signature .doccert .top h4{font-family:var(--sc-font-display);text-transform:uppercase;font-size:13px;letter-spacing:.04em;margin:0;color:var(--sc-ink)}
.sc26.ss-signature .doccert .top span{font-size:12px;color:var(--sc-muted)}
.sc26.ss-signature .doccert .top .st{margin-left:auto;font-size:11px;font-weight:700;color:#0f7a3d;background:#eaf6ee;border:1px solid #cfe9d8;padding:5px 9px;border-radius:var(--sc-radius-pill);text-transform:uppercase;letter-spacing:.04em}
.sc26.ss-signature .doccert .body{padding:10px 20px 8px}
.sc26.ss-signature .doccert .meta{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:7px 0;font-size:13px;border-bottom:1px dashed var(--sc-line)}
.sc26.ss-signature .doccert .meta dt{font-size:11px;font-weight:700;color:var(--sc-muted);text-transform:uppercase;letter-spacing:.05em}
.sc26.ss-signature .doccert .meta dd{margin:0;color:var(--sc-ink);font-weight:600}
.sc26.ss-signature .doccert .signers{padding:6px 20px 4px}
.sc26.ss-signature .doccert .signer{display:flex;align-items:center;gap:11px;padding:8px 0;border-bottom:1px dashed var(--sc-line)}
.sc26.ss-signature .doccert .signer:last-child{border-bottom:0}
.sc26.ss-signature .doccert .av{width:30px;height:30px;border-radius:50%;flex:none;background:var(--sc-paper-2);border:1px solid var(--sc-line-2);display:grid;place-items:center;font-family:var(--sc-font-mono);font-size:11px;font-weight:700;color:var(--sc-muted)}
.sc26.ss-signature .doccert .signer .nm{font-size:13px;font-weight:700;color:var(--sc-ink)}
.sc26.ss-signature .doccert .signer .mt{font-size:11.5px;color:var(--sc-muted);font-family:var(--sc-font-mono)}
.sc26.ss-signature .doccert .signer .ok{margin-left:auto;font-size:11px;font-weight:700;color:#0f7a3d}
.sc26.ss-signature .doccert .foot{display:flex;flex-wrap:wrap;gap:7px;padding:12px 20px 18px;border-top:1px solid var(--sc-line);background:var(--sc-paper-2);margin-top:6px}

/* Pasos */

/* Modalidades de firma */
.sc26.ss-signature .mode h3{font-family:var(--sc-font-body);font-weight:900;font-size:20px;margin:16px 0 8px;color:var(--sc-ink)}
.sc26.ss-signature .mode p{color:var(--sc-muted);font-size:14.5px;margin:0;font-weight:400}
.sc26.ss-signature .mode .for{margin-top:16px;padding-top:16px;border-top:1px solid var(--sc-line);font-size:13px;color:var(--sc-muted);font-weight:300}

/* Niveles eIDAS */
.sc26.ss-signature .levels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sc26.ss-signature .lvl{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);padding:24px;box-shadow:var(--sc-shadow-soft)}
.sc26.ss-signature .lvl.is-this{border:1.5px solid var(--sc-red);position:relative}
.sc26.ss-signature .lvl.is-this::after{content:"Safe Stamper";position:absolute;top:-11px;left:24px;background:var(--sc-red);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:var(--sc-radius-pill)}
.sc26.ss-signature .lvl h3{font-family:var(--sc-font-body);font-weight:900;font-size:16px;margin:0 0 8px;color:var(--sc-ink)}
.sc26.ss-signature .lvl p{color:var(--sc-muted);font-size:13.5px;margin:0;font-weight:400}
.sc26.ss-signature .lvl .tagline{margin-top:12px;font-size:12.5px;font-weight:700;color:var(--sc-red-strong)}

/* Casos (bento) */

/* Ecosistema destacado */
.sc26.ss-signature .eco{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;background:var(--sc-black);color:#fff;border-radius:var(--sc-radius-xl);padding:44px;box-shadow:var(--sc-shadow)}
.sc26.ss-signature .eco h2{color:#fff}
.sc26.ss-signature .eco .sc-eyebrow{color:#ff8a86}
.sc26.ss-signature .eco p{color:rgba(255,255,255,.82);font-size:15.5px;margin:14px 0 0;font-weight:400}
.sc26.ss-signature .eco ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:11px}
.sc26.ss-signature .eco li{display:grid;grid-template-columns:auto 1fr;gap:11px;font-size:14.5px;color:rgba(255,255,255,.85);font-weight:400}
.sc26.ss-signature .eco li .ck{color:#ff8a86;font-weight:800}
.sc26.ss-signature .eco .panel{display:grid;gap:10px}
.sc26.ss-signature .eco .panel .pr{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--sc-radius);padding:14px 16px}
.sc26.ss-signature .eco .panel .pr .t{width:32px;height:32px;border-radius:8px;background:var(--sc-red);color:#fff;display:grid;place-items:center;font-family:var(--sc-font-mono);font-size:11px;font-weight:700}
.sc26.ss-signature .eco .panel .pr b{font-size:13.5px;color:#fff;display:block}
.sc26.ss-signature .eco .panel .pr span{font-size:12px;color:rgba(255,255,255,.65)}

/* Respaldo legal */
.sc26.ss-signature .legal .checklist li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:14.5px;color:var(--sc-text);font-weight:400}
.sc26.ss-signature .scope-note{margin-top:18px;padding:16px 20px;border-left:3px solid var(--sc-line-2);background:var(--sc-paper-2);border-radius:0 var(--sc-radius) var(--sc-radius) 0;font-size:14px;color:var(--sc-text);font-weight:400}
.sc26.ss-signature .scope-note b{color:var(--sc-ink);font-weight:700}

/* Nota regional NOM-151 (acotada a México) */
.sc26.ss-signature .nom p{font-size:14px;color:var(--sc-muted);margin:12px 0 0;font-weight:400}

/* Planes */

/* FAQ (contenedor .faq-grid, NO .faqs: veridika aplica padding:196px a .faqs) */

@media (max-width:980px){
  .sc26.ss-signature .s-hero-grid,.sc26.ss-signature .modes,.sc26.ss-signature .eco,.sc26.ss-signature .legal,.sc26.ss-signature .plans{grid-template-columns:1fr}
  .sc26.ss-signature .doccert{margin:0 auto}
  .sc26.ss-signature .levels{grid-template-columns:1fr}
}
@media (max-width:640px){
  .sc26.ss-signature .s-hero .acts .sc-btn{width:100%}
}

/* ---------- 13.h PRICES (app/views/Application/prices.html + tags/pricesPanel.html · body.sc26.ss-prices) ---------- */
body.ss-prices{background:var(--sc-paper)}
/* especificidad baja a propósito (.ss-prices, no .sc26.ss-prices) para que los .sc-btn ganen y no hereden color */
.ss-prices a{color:inherit}

/* Hero compacto */
.sc26.ss-prices .p-hero{padding:54px 0 8px;text-align:center}
.sc26.ss-prices .p-hero h1{margin:14px auto 0;font-size:clamp(32px,4.5vw,52px)}
.sc26.ss-prices .p-hero h1 .accent{color:var(--sc-red)}
.sc26.ss-prices .p-hero p.intro{margin:18px auto 0;color:var(--sc-muted);font-size:18px;max-width:60ch;font-weight:400}
.sc26.ss-prices .p-hero .sc-eyebrow{justify-content:center}

/* Toggle mensual/anual */
.sc26.ss-prices .toggle{margin:30px auto 0;display:inline-flex;background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-pill);padding:5px;box-shadow:var(--sc-shadow-soft)}
.sc26.ss-prices .toggle button{border:0;background:transparent;font-family:var(--sc-font-body);font-weight:700;font-size:14px;color:var(--sc-muted);padding:9px 20px;border-radius:var(--sc-radius-pill);cursor:pointer;transition:all .15s}
.sc26.ss-prices .toggle button.on{background:var(--sc-red);color:#fff;box-shadow:0 2px 8px rgba(255,78,63,.3)}
.sc26.ss-prices .toggle .save{font-size:11px;font-weight:700;color:var(--sc-red-strong);margin-left:4px}
.sc26.ss-prices .toggle button.on .save{color:#ffd9d4}

/* Dos vías (planes principales) */
.sc26.ss-prices .ways{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;align-items:start}
.sc26.ss-prices .way{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);padding:34px;box-shadow:var(--sc-shadow-soft);display:flex;flex-direction:column}
.sc26.ss-prices .way.feat{border:1.5px solid var(--sc-red);box-shadow:var(--sc-shadow);position:relative}
.sc26.ss-prices .way.feat::before{content:"Recomendado";position:absolute;top:-12px;left:34px;background:var(--sc-red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;border-radius:var(--sc-radius-pill)}
.sc26.ss-prices .way .w-tag{font-family:var(--sc-font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sc-red-strong)}
.sc26.ss-prices .way h2{font-family:var(--sc-font-body);font-weight:900;font-size:26px;margin:10px 0 0;color:var(--sc-ink)}
.sc26.ss-prices .way .w-sub{color:var(--sc-muted);font-size:14.5px;margin-top:8px;min-height:42px;font-weight:400}
.sc26.ss-prices .way .price{display:flex;margin:18px 0 4px;align-items:baseline;gap:8px}
.sc26.ss-prices .way .price .amount{font-family:var(--sc-font-display);font-size:40px;color:var(--sc-ink);line-height:1}
.sc26.ss-prices .way .price .unit{font-size:14px;color:var(--sc-muted)}
.sc26.ss-prices .way .price-note{font-size:12.5px;color:var(--sc-muted);min-height:18px;font-weight:400}
.sc26.ss-prices .way ul{list-style:none;margin:22px 0 26px;padding:0;display:grid;gap:12px;flex:1}
.sc26.ss-prices .way li{display:grid;grid-template-columns:auto 1fr;gap:11px;font-size:14.5px;color:var(--sc-text);font-weight:400}
.sc26.ss-prices .way li .ck{color:var(--sc-red);font-weight:700}
.sc26.ss-prices .way li.off{color:var(--sc-muted)}
.sc26.ss-prices .way li.off .ck{color:var(--sc-line-2)}
.sc26.ss-prices .way .sc-btn{width:100%;justify-content:center}
/* toggle: las clases viven en el <body> junto a .sc26.ss-prices, así que se combinan (no descendientes) */
/* especificidad alta (.price.price-annual = 5 clases) para ganar a .way .price{display:flex} (4 clases) */
.sc26.ss-prices .way .price.price-annual,.sc26.ss-prices .way .price.price-monthly{display:none}
.sc26.ss-prices.show-annual .way .price.price-annual{display:flex}
.sc26.ss-prices.show-monthly .way .price.price-monthly{display:flex}
.sc26.ss-prices .price-note-annual,.sc26.ss-prices .price-note-monthly{display:none}
.sc26.ss-prices.show-annual .price-note-annual{display:block}
.sc26.ss-prices.show-monthly .price-note-monthly{display:block}

/* Tabla de herramientas incluidas */
.sc26.ss-prices .tools-tbl{width:100%;border-collapse:collapse;margin-top:8px;background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);overflow:hidden}
.sc26.ss-prices .tools-tbl th,.sc26.ss-prices .tools-tbl td{text-align:left;padding:15px 20px;border-bottom:1px solid var(--sc-line);font-size:14.5px}
.sc26.ss-prices .tools-tbl td{font-weight:400}
.sc26.ss-prices .tools-tbl thead th{font-family:var(--sc-font-body);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.04em;color:var(--sc-ink);background:var(--sc-paper-2)}
.sc26.ss-prices .tools-tbl thead th:not(:first-child),.sc26.ss-prices .tools-tbl td:not(:first-child){text-align:center;width:150px}
.sc26.ss-prices .tools-tbl .tool b{color:var(--sc-ink)}
.sc26.ss-prices .tools-tbl .tool span{display:block;font-size:12.5px;color:var(--sc-muted);margin-top:2px;font-weight:400}
.sc26.ss-prices .tools-tbl .y{color:#0f7a3d;font-weight:700}
.sc26.ss-prices .tools-tbl .credit{color:var(--sc-muted);font-size:13px}
.sc26.ss-prices .tools-tbl .disc{color:var(--sc-red-strong);font-size:12.5px;font-weight:700}
.sc26.ss-prices .tools-tbl tr:last-child td{border-bottom:0}
/* Fila de firma con dos subtipos apilados que comparten el título: alinea valores con cada subtipo */
.sc26.ss-prices .tools-tbl .sig-row td{vertical-align:bottom}
.sc26.ss-prices .tools-tbl .sig-row .credit span,.sc26.ss-prices .tools-tbl .sig-row .y span{display:block}
.sc26.ss-prices .tools-tbl .sig-row .tool span,.sc26.ss-prices .tools-tbl .sig-row .credit span,.sc26.ss-prices .tools-tbl .sig-row .y span{line-height:1.6}

/* Bloque empresa (puente a SC) */
.sc26.ss-prices .bridge{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;background:var(--sc-black);color:#fff;border-radius:var(--sc-radius-xl);padding:44px;box-shadow:var(--sc-shadow)}
.sc26.ss-prices .bridge h2{color:#fff}
.sc26.ss-prices .bridge .sc-eyebrow{color:#ff8a86}
.sc26.ss-prices .bridge p{color:rgba(255,255,255,.82);font-size:15.5px;margin:14px 0 0;font-weight:400}
.sc26.ss-prices .bridge ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.sc26.ss-prices .bridge li{display:grid;grid-template-columns:auto 1fr;gap:11px;font-size:14px;color:rgba(255,255,255,.85);font-weight:400}
.sc26.ss-prices .bridge li .ck{color:#ff8a86;font-weight:800}
.sc26.ss-prices .bridge .cards{display:grid;gap:12px}
.sc26.ss-prices .bridge .pc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--sc-radius);padding:18px 20px}
.sc26.ss-prices .bridge .pc .pn{font-family:var(--sc-font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ff8a86}
.sc26.ss-prices .bridge .pc .pp{font-family:var(--sc-font-display);font-size:24px;color:#fff;margin:4px 0 2px}
.sc26.ss-prices .bridge .pc .pp small{font-family:var(--sc-font-body);font-weight:700;font-size:13px;color:rgba(255,255,255,.6)}
.sc26.ss-prices .bridge .pc .pd{font-size:12.5px;color:rgba(255,255,255,.66);font-weight:400}

/* FAQ (contenedor .faq-grid, NO .faqs: veridika aplica padding:196px a .faqs) */
.sc26.ss-prices .legal-fine{margin-top:22px;font-size:12px;color:var(--sc-muted);max-width:900px;line-height:1.55}

@media (max-width:980px){
  .sc26.ss-prices .ways,.sc26.ss-prices .bridge{grid-template-columns:1fr}
  .sc26.ss-prices .tools-tbl thead th:not(:first-child),.sc26.ss-prices .tools-tbl td:not(:first-child){width:auto}
}

/* ---------- 13.i MASC (app/views/Landings/masc.html · body.sc26.ss-masc · caso de uso /casos_de_uso/solucion_controversias_masc) ---------- */
body.ss-masc{background:var(--sc-paper)}
.ss-masc a{color:inherit}

/* Hero */
.sc26.ss-masc .m-hero{padding:56px 0 60px;background:radial-gradient(circle at 86% 10%,rgba(51,64,90,.10),transparent 46%)}
.sc26.ss-masc .m-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,5vw,56px);align-items:center}
.sc26.ss-masc .m-hero h1{margin:14px 0 0;font-size:clamp(30px,4vw,46px)}
.sc26.ss-masc .m-hero p.intro{margin:20px 0 0;color:var(--sc-muted);font-size:17.5px;max-width:54ch;font-weight:400}
.sc26.ss-masc .m-hero .acts{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
.sc26.ss-masc .m-hero .law{margin-top:18px;display:inline-flex;align-items:center;gap:8px;font-family:var(--sc-font-mono);font-size:12.5px;font-weight:700;color:var(--sc-red-strong);background:var(--sc-red-wash);border:1px solid var(--sc-line-2);border-radius:var(--sc-radius-pill);padding:7px 13px}

/* Ficha de seguimiento (reusa lenguaje de Notify) */
.sc26.ss-masc .ncert{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);box-shadow:var(--sc-shadow);overflow:hidden;max-width:460px;margin-left:auto}
.sc26.ss-masc .ncert .seal{width:36px;height:36px;border-radius:50%;flex:none;background:var(--sc-red);position:relative;box-shadow:0 0 0 4px var(--sc-red-wash)}
.sc26.ss-masc .ncert .top h4{font-family:var(--sc-font-display);text-transform:uppercase;font-size:12.5px;letter-spacing:.04em;margin:0;color:var(--sc-ink)}
.sc26.ss-masc .ncert .meta{padding:10px 20px 4px}
.sc26.ss-masc .ncert .row{display:grid;grid-template-columns:78px 1fr;gap:10px;padding:7px 0;border-bottom:1px dashed var(--sc-line);font-size:13px}
.sc26.ss-masc .ncert dt{font-size:11px;font-weight:700;color:var(--sc-muted);text-transform:uppercase;letter-spacing:.05em}
.sc26.ss-masc .ncert dd{margin:0;color:var(--sc-ink);font-weight:600}
.sc26.ss-masc .ncert .track{padding:6px 20px 16px}
.sc26.ss-masc .ncert .ev{display:grid;grid-template-columns:22px 1fr auto;gap:11px;align-items:center;padding:7px 0}
.sc26.ss-masc .ncert .ev .dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}
.sc26.ss-masc .ncert .ev.done .dot{background:#eaf6ee;color:#0f7a3d;border:1px solid #cfe9d8}
.sc26.ss-masc .ncert .ev.lock .dot{background:var(--sc-paper-2);color:var(--sc-muted);border:1px solid var(--sc-line-2)}
.sc26.ss-masc .ncert .ev .lbl{font-size:13px;font-weight:700;color:var(--sc-ink)}
.sc26.ss-masc .ncert .ev .ts{font-family:var(--sc-font-mono);font-size:11px;color:var(--sc-muted)}
.sc26.ss-masc .ncert .foot{display:flex;flex-wrap:wrap;gap:7px;padding:12px 20px 16px;border-top:1px solid var(--sc-line);background:var(--sc-paper-2)}

/* Qué es (contexto legal) */
.sc26.ss-masc .ctx{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sc26.ss-masc .ctx .c{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-xl);padding:28px;box-shadow:var(--sc-shadow-soft)}
.sc26.ss-masc .ctx h3{font-family:var(--sc-font-body);font-weight:900;font-size:18px;margin:0 0 10px;color:var(--sc-ink)}
.sc26.ss-masc .ctx p{color:var(--sc-muted);font-size:14.5px;margin:0;font-weight:400}
.sc26.ss-masc .ctx p b{color:var(--sc-ink)}

/* Bloque clave: confidencialidad */
.sc26.ss-masc .key{background:var(--sc-black);color:#fff;border-radius:var(--sc-radius-xl);padding:44px;box-shadow:var(--sc-shadow);display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.sc26.ss-masc .key h2{color:#fff}
.sc26.ss-masc .key .sc-eyebrow{color:#ff8a86}
.sc26.ss-masc .key p{color:rgba(255,255,255,.82);font-size:15.5px;margin:14px 0 0;font-weight:400}
.sc26.ss-masc .key ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:11px}
.sc26.ss-masc .key li{display:grid;grid-template-columns:auto 1fr;gap:11px;font-size:14.5px;color:rgba(255,255,255,.85);font-weight:400}
.sc26.ss-masc .key li .ck{color:#ff8a86;font-weight:800}
.sc26.ss-masc .key .panel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:var(--sc-radius-lg);padding:24px}
.sc26.ss-masc .key .panel .pl{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.sc26.ss-masc .key .panel .pl:last-child{border-bottom:0}
.sc26.ss-masc .key .panel .pl .ic{width:30px;height:30px;border-radius:8px;flex:none;display:grid;place-items:center;font-size:12px}
.sc26.ss-masc .key .panel .pl.ok .ic{background:rgba(127,209,160,.16);color:#7fd1a0}
.sc26.ss-masc .key .panel .pl.no .ic{background:rgba(255,138,134,.16);color:#ff8a86}
.sc26.ss-masc .key .panel .pl b{display:block;font-size:13.5px;color:#fff}
.sc26.ss-masc .key .panel .pl span{font-size:12.5px;color:rgba(255,255,255,.62)}

/* Pasos */
.sc26.ss-masc .step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-family:var(--sc-font-display);color:var(--sc-red);font-size:26px;letter-spacing:-.04em;display:block;margin-bottom:10px}

/* Respaldo legal */
.sc26.ss-masc .legal .checklist li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:14.5px;color:var(--sc-text);font-weight:400}
.sc26.ss-masc .legal .checklist .ck{flex:none;width:24px;height:24px;border-radius:50%;background:var(--sc-red-wash);color:var(--sc-red-strong);display:grid;place-items:center;font-size:12px;font-weight:700}
.sc26.ss-masc .scope-note{margin-top:18px;padding:16px 20px;border-left:3px solid var(--sc-line-2);background:var(--sc-paper-2);border-radius:0 var(--sc-radius) var(--sc-radius) 0;font-size:13.5px;color:var(--sc-text);font-weight:400}

/* FAQ (.faq-grid, NO .faqs — veridika tiene .faqs{padding:196px}) */

@media (max-width:980px){
  .sc26.ss-masc .m-hero-grid,.sc26.ss-masc .ctx,.sc26.ss-masc .key,.sc26.ss-masc .legal{grid-template-columns:1fr}
}
@media (max-width:640px){
  .sc26.ss-masc .steps{grid-template-columns:1fr}
}

/* ---------- 13.j LEGAL (app/views/Application/legal.html · body.sc26.ss-legal · /legal) ---------- */
body.ss-legal{background:var(--sc-paper)}
/* OJO: especificidad BAJA a propósito (.ss-legal a = 0,1,1), para NO ganar a .sc26 .sc-btn--red */
.ss-legal a{color:inherit}
.sc26.ss-legal h3{font-family:var(--sc-font-body);font-weight:900;font-size:18px;color:var(--sc-ink);letter-spacing:-.01em;margin:0;line-height:1.25}

/* Lockup de marca: la marca se subordina, no desaparece */
.sc26.ss-legal .lockup{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.sc26.ss-legal .lockup span{font-family:var(--sc-font-mono);font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--sc-line-2);border-radius:var(--sc-radius-pill);padding:6px 12px;color:var(--sc-muted)}
.sc26.ss-legal .lockup span b{color:var(--sc-red-strong)}
.sc26.ss-legal .lockup span.brand{color:var(--sc-ink)}

/* Hero */
.sc26.ss-legal .l-hero{padding:64px 0 70px;background:linear-gradient(160deg,#fff 0%,var(--sc-paper-2) 100%);border-bottom:1px solid var(--sc-line)}
.sc26.ss-legal .l-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(32px,5vw,56px);align-items:center}
.sc26.ss-legal .l-hero h1{margin:16px 0 0}
.sc26.ss-legal .l-hero .sc-lede{margin-top:18px;max-width:530px}
.sc26.ss-legal .l-hero .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sc26.ss-legal .hero-stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:34px;padding-top:24px;border-top:1px solid var(--sc-line)}
.sc26.ss-legal .hero-stats div{font-size:13px;color:var(--sc-muted);font-weight:400}
.sc26.ss-legal .hero-stats b{color:var(--sc-ink);font-weight:900;font-size:14.5px}

/* Ficha-prueba del hero: la ANATOMÍA del certificado (se muestra el resultado, no el proceso) */
.sc26.ss-legal .cert{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);box-shadow:var(--sc-shadow);overflow:hidden;max-width:450px;margin-left:auto}
.sc26.ss-legal .cert-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;background:linear-gradient(180deg,#fff,var(--sc-paper-2));border-bottom:1px solid var(--sc-line)}
.sc26.ss-legal .cert-head b{font-size:12.5px;color:var(--sc-ink)}
.sc26.ss-legal .cert-head .ok{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sc-yes);background:var(--sc-yes-wash);border:1px solid #cfe9d8;border-radius:var(--sc-radius-pill);padding:4px 9px}
.sc26.ss-legal .cert-head .ok::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--sc-yes)}
.sc26.ss-legal .cert-row{display:grid;grid-template-columns:118px 1fr;gap:12px;padding:12px 20px;border-bottom:1px solid var(--sc-line);align-items:baseline}
.sc26.ss-legal .cert-row dt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sc-muted)}
.sc26.ss-legal .cert-row dd{margin:0;font-size:13px;color:var(--sc-ink);font-weight:700;word-break:break-word}
.sc26.ss-legal .cert-row dd small{display:block;font-weight:400;font-size:11.5px;color:var(--sc-muted);margin-top:2px}
.sc26.ss-legal .cert-row .mono{font-family:var(--sc-font-mono);font-size:11.5px;font-weight:400;letter-spacing:-.01em}
.sc26.ss-legal .cert-foot{display:flex;flex-wrap:wrap;gap:7px;padding:14px 20px;background:var(--sc-paper-2)}
.sc26.ss-legal .cert-foot .chip{font-size:10px;padding:5px 10px}

/* Tabla: qué prueba y qué no */
.sc26.ss-legal .sc-table td .no{display:block;margin-top:4px;font-size:12.5px;color:var(--sc-muted);font-weight:400}
.sc26.ss-legal .sc-table td:first-child a{color:var(--sc-red-strong)}
.sc26.ss-legal .sc-table .prod{white-space:nowrap}
.sc26.ss-legal .sc-table caption{padding:14px 18px;font-size:12.5px;color:var(--sc-muted);caption-side:bottom;text-align:center}

/* Comparativa captura vs evidencia */
.sc26.ss-legal .versus{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.sc26.ss-legal .vs-card ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:11px}
.sc26.ss-legal .vs-card li{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:13.5px;line-height:1.5;color:var(--sc-text);font-weight:400}
/* Iconos con Font Awesome (FA 5.15.4), no glifos unicode en ::before: los ✓/– se veían como emoji */
.sc26.ss-legal .vs-card li i{font-size:12px;line-height:1.55}
.sc26.ss-legal .vs-card--weak li i{color:var(--sc-muted)}
.sc26.ss-legal .vs-card--weak{background:var(--sc-paper-2)}
.sc26.ss-legal .vs-card--strong li i{color:var(--sc-red)}
.sc26.ss-legal .vs-card--strong{border-color:var(--sc-red)}
.sc26.ss-legal .vs-card .verdict{margin-top:20px;padding-top:16px;border-top:1px solid var(--sc-line);font-size:13px;font-weight:700;color:var(--sc-ink)}
.sc26.ss-legal .vs-card--weak .verdict{color:var(--sc-muted)}

/* Marco legal: fichas de norma */
.sc26.ss-legal .laws{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.sc26.ss-legal .law{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}
.sc26.ss-legal .law .ref{font-family:var(--sc-font-mono);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sc-red-strong);background:var(--sc-red-wash);border-radius:var(--sc-radius-pill);padding:5px 10px;white-space:nowrap}
.sc26.ss-legal .law p{margin:9px 0 0;font-size:13.5px;color:var(--sc-muted);line-height:1.55;font-weight:400}
.sc26.ss-legal .law p b{color:var(--sc-ink)}

/* Bloque QTSP (el argumento fuerte de la página) */
.sc26.ss-legal .qtsp{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center;padding:42px;margin-bottom:26px}
.sc26.ss-legal .qtsp h2{color:#fff;margin:16px 0 0;font-size:clamp(23px,2.5vw,34px)}
.sc26.ss-legal .qtsp p{color:rgba(255,255,255,.78);margin:16px 0 0;font-size:14.5px;line-height:1.6;max-width:490px;font-weight:400}
.sc26.ss-legal .qtsp p b{color:#fff;font-weight:900}
.sc26.ss-legal .qtsp .qtsp-why{font-size:13px;color:rgba(255,255,255,.62)}
.sc26.ss-legal .qtsp .sc-pill{background:rgba(255,78,63,.16);border-color:rgba(255,78,63,.5);color:#ff8a86;font-size:10.5px;letter-spacing:.11em;text-transform:uppercase}
.sc26.ss-legal .qtsp-facts{display:grid;gap:14px}
.sc26.ss-legal .qtsp-facts div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--sc-radius);padding:18px 20px}
.sc26.ss-legal .qtsp-facts strong{display:block;color:#fff;font-size:14px;font-weight:900}
.sc26.ss-legal .qtsp-facts span{display:block;margin-top:6px;color:rgba(255,255,255,.7);font-size:12.5px;line-height:1.5}

/* Tira de sellos. La etiqueta de confianza UE (art. 23 eIDAS) solo la pueden mostrar
   los propios QTSP: aquí el sello se ATRIBUYE a Firmaprofesional, no se exhibe como propio. */
.sc26.ss-legal .seals{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sc26.ss-legal .seals li{background:#fff;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);padding:18px;text-align:center}
/* Caja de marca de alto fijo (72px) para que las cuatro tarjetas queden alineadas
   independientemente de la proporción de cada logo; a 40px los logos no se leen. */
.sc26.ss-legal .seals .seal-logo{display:grid;place-items:center;height:72px;margin-bottom:12px}
/* max-width además del alto: los logos apaisados (eIDAS, 500x153) llenarían la tarjeta
   y pesarían mucho más que las insignias cuadradas de al lado */
.sc26.ss-legal .seals .seal-logo img{max-height:72px;max-width:190px;width:auto;object-fit:contain}
.sc26.ss-legal .seals b{display:block;font-size:13px;color:var(--sc-ink)}
.sc26.ss-legal .seals .seal-cap{display:block;margin-top:5px;font-size:11.5px;color:var(--sc-muted);line-height:1.4}

/* Bloque oscuro: impugnación */
.sc26.ss-legal .impugn{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center;padding:44px}
.sc26.ss-legal .impugn h2{color:#fff;margin:16px 0 0;font-size:clamp(24px,2.6vw,36px)}
.sc26.ss-legal .impugn > div > p{color:rgba(255,255,255,.74);margin:16px 0 0;font-size:14.5px;line-height:1.6;max-width:480px;font-weight:400}
.sc26.ss-legal .impugn > div > p.nuance{margin-top:18px;font-size:13px}
.sc26.ss-legal .impugn .sc-pill{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.86);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase}
.sc26.ss-legal .impugn .quote{margin-top:22px;padding:18px 20px;border-left:2px solid var(--sc-red);background:rgba(255,255,255,.05);border-radius:0 var(--sc-radius) var(--sc-radius) 0}
.sc26.ss-legal .impugn .quote p{color:rgba(255,255,255,.82);font-size:13.5px;line-height:1.6;margin:0;max-width:none;font-weight:400}
.sc26.ss-legal .impugn .quote cite{display:block;margin-top:10px;font-style:normal;font-family:var(--sc-font-mono);font-size:10.5px;letter-spacing:.04em;color:rgba(255,255,255,.5)}
.sc26.ss-legal .steps-dark{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--sc-radius-lg);padding:26px;display:grid;gap:20px;counter-reset:sd}
.sc26.ss-legal .steps-dark > div{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.sc26.ss-legal .steps-dark > div::before{counter-increment:sd;content:counter(sd);flex:none;width:26px;height:26px;border-radius:50%;background:var(--sc-red);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}
.sc26.ss-legal .steps-dark strong{display:block;color:#fff;font-size:14px;font-weight:900}
.sc26.ss-legal .steps-dark span{display:block;margin-top:5px;color:rgba(255,255,255,.7);font-size:13px;line-height:1.5}

/* Garantías operativas */
.sc26.ss-legal .guar h3{font-size:16px}
.sc26.ss-legal .guar p{margin:10px 0 0;font-size:13.5px;color:var(--sc-muted);line-height:1.55;font-weight:400}
/* Enlaces en línea dentro del texto de las fichas: sin el peso 700 de .sc-link,
   que dentro de un párrafo largo pesaba demasiado (ficha MASC, "Comprobar un
   certificado" y el enlace a la página de NOM-151) */
.sc26.ss-legal .law .sc-link,.sc26.ss-legal .guar .sc-link,.sc26.ss-legal .nom151 .sc-link{font-weight:400}
.sc26.ss-legal .guar .ic{width:38px;height:38px;border-radius:11px;background:var(--sc-red-wash);color:var(--sc-red-strong);display:grid;place-items:center;margin-bottom:16px;font-size:17px}

/* Módulo NOM-151 (regional). Clase propia .nom151 para NO chocar con el
   componente compartido .sc26 .nom (caja blanca) de las demás landings. */
.sc26.ss-legal .nom151{border:1.5px solid var(--sc-yes);border-radius:var(--sc-radius-xl);padding:34px;background:var(--sc-yes-wash)}
.sc26.ss-legal .nom151 .region{display:inline-block;font-family:var(--sc-font-mono);font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#fff;background:var(--sc-yes);border-radius:var(--sc-radius-pill);padding:5px 12px}
.sc26.ss-legal .nom151 h2{margin:16px 0 0;font-size:clamp(22px,2.3vw,30px)}
.sc26.ss-legal .nom151 > p{margin:14px 0 0;max-width:660px;font-size:14.5px;color:var(--sc-text);line-height:1.6;font-weight:400}
.sc26.ss-legal .nom151-grid{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sc26.ss-legal .nom151-grid div{background:#fff;border:1px solid #cfe9d8;border-radius:var(--sc-radius);padding:18px}
.sc26.ss-legal .nom151-grid strong{display:block;font-size:14px;color:var(--sc-ink);font-weight:900}
.sc26.ss-legal .nom151-grid span{display:block;margin-top:7px;font-size:12.5px;color:var(--sc-muted);line-height:1.5}
.sc26.ss-legal .nom151 .src{margin-top:20px;font-size:12px;color:var(--sc-text);font-weight:400}

/* FAQ: una sola columna (respuestas largas), sobre el componente compartido .faq-grid */
.sc26.ss-legal .faq-grid{grid-template-columns:1fr;max-width:900px;margin:0 auto;gap:12px}

/* CTA final + nota legal */
.sc26.ss-legal .final{border-radius:var(--sc-radius-xl);padding:52px 40px;text-align:center;color:#fff;box-shadow:var(--sc-shadow);background:radial-gradient(circle at 88% 22%,rgba(255,78,63,.30),transparent 48%),radial-gradient(circle at 8% 82%,rgba(51,64,90,.55),transparent 52%),linear-gradient(135deg,var(--sc-black) 0%,#1b2027 100%)}
.sc26.ss-legal .final h2{color:#fff}
.sc26.ss-legal .final p{margin:16px auto 0;max-width:610px;color:rgba(255,255,255,.76);font-size:15.5px;font-weight:400}
.sc26.ss-legal .final-acts{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.sc26.ss-legal .legal-fine{max-width:880px;margin:48px auto 0;padding-top:22px;border-top:1px solid var(--sc-line);font-size:12px;line-height:1.65;color:var(--sc-muted);font-weight:400}
.sc26.ss-legal .legal-fine b{color:var(--sc-text)}

@media (max-width:980px){
  .sc26.ss-legal .l-hero-grid,.sc26.ss-legal .impugn,.sc26.ss-legal .laws,.sc26.ss-legal .versus,.sc26.ss-legal .qtsp{grid-template-columns:1fr}
  .sc26.ss-legal .cert{margin:0 auto}
  .sc26.ss-legal .impugn,.sc26.ss-legal .qtsp{padding:32px}
  .sc26.ss-legal .seals{grid-template-columns:repeat(2,1fr)}
  .sc26.ss-legal .nom151-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .sc26.ss-legal .l-hero{padding:42px 0 48px}
  .sc26.ss-legal .hero-stats{gap:18px}
  .sc26.ss-legal .l-hero .acts .sc-btn,.sc26.ss-legal .final-acts .sc-btn{width:100%}
  .sc26.ss-legal .cert-row{grid-template-columns:1fr;gap:3px}
  .sc26.ss-legal .final{padding:36px 22px}
  .sc26.ss-legal .nom151{padding:26px}
  .sc26.ss-legal .seals{grid-template-columns:1fr}
}