/* Presentación pública NOM-035: compartida por producto y guía; no altera el CRM.
   Capturas: componentes del módulo con datos ficticios. Publicación: guía externa al VPS. */
body.n35-web { background:#fff; }
.n35-web .navbar-section { background:#244f89; }
.n35-web .techvio-responsive-nav { background:#244f89; }
.n35-web .techvio-responsive-nav .mean-container a.meanmenu-reveal { color:#fff; }
.n35-web .techvio-responsive-nav .mean-container a.meanmenu-reveal span { background:#fff; }
.n35-web .n35-main { color:#17344f; font-family:'Plus Jakarta Sans',Arial,sans-serif; }
.n35-main * { box-sizing:border-box; }
.n35-main .n35-wrap { width:min(1200px,calc(100% - 48px)); margin-inline:auto; }
.n35-main h1,.n35-main h2,.n35-main h3 { color:#173e68; text-wrap:balance; line-height:1.2; }
.n35-main h1 { font-size:clamp(34px,3.8vw,54px); letter-spacing:-1.7px; margin:14px 0 22px; }
.n35-main h2 { font-size:clamp(28px,3vw,38px); letter-spacing:-.8px; margin:0 0 22px; }
.n35-main h3 { font-size:21px; margin:0 0 14px; }
.n35-main p,.n35-main li { color:#465e73; font-size:17px; line-height:1.8; text-align:left; }
body.n35-web .n35-main p { text-align:left; }
.n35-main p { margin:0 0 18px; }
.n35-main a { color:#0765b6; text-underline-offset:4px; }
.n35-main a:not(.n35-btn):hover { text-decoration:underline; }
.n35-main a:focus-visible,.n35-main summary:focus-visible { outline:3px solid #168ba6; outline-offset:5px; }
.n35-main section[id],.n35-main article[id] { scroll-margin-top:110px; }
.n35-main .n35-eyebrow { display:block; color:#087b75; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:1.7px; margin-bottom:15px; }
.n35-main .n35-hero { padding:155px 0 78px; background:linear-gradient(125deg,#edf5ff,#f4faf7); border-bottom:1px solid #dce8ed; }
.n35-main .n35-hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:45px; align-items:center; }
.n35-main .n35-hero-grid>* { min-width:0; }
.n35-main .n35-lead { font-size:19px; line-height:1.8; }
.n35-main .n35-hero-image { background:#fff; padding:14px; border:1px solid #cddde7; border-radius:18px; box-shadow:0 20px 60px #244f8912; transform:rotate(1deg); margin:0; }
.n35-main figure img { display:block; width:100%; height:auto; border-radius:8px; }
.n35-main figcaption { font-size:12px; color:#53697b; line-height:1.65; margin-top:12px; }
.n35-main .n35-actions { display:flex; flex-wrap:wrap; gap:12px; margin:26px 0 18px; }
.n35-main .n35-btn { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:13px 23px; border:1px solid #1c6fc1; border-radius:8px; background:#1c6fc1; color:#fff; font-size:15px; font-weight:700; text-decoration:none; transition:background .15s; }
.n35-main .n35-btn:hover { background:#124d87; border-color:#124d87; color:#fff; }
.n35-main .n35-btn-secondary { color:#175b99; background:#fff; }
.n35-main .n35-small { font-size:13px; line-height:1.7; color:#53697b; }
.n35-main .n35-band { padding:22px 0; border-bottom:1px solid #dce8ed; }
.n35-main .n35-band .n35-wrap { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; }
.n35-main .n35-band span { color:#315570; font-size:14px; font-weight:600; }
.n35-main .n35-section { padding:76px 0; }
.n35-main .n35-soft { background:#f4f8fb; }
.n35-main .n35-intro { max-width:780px; margin-bottom:34px; }
.n35-main .n35-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.n35-main .n35-card { padding:28px; border:1px solid #dbe5ed; border-radius:12px; background:#fff; }
.n35-main .n35-card p:last-child { margin-bottom:0; }
.n35-main .n35-card .n35-number { display:block; color:#087b75; font-size:13px; font-weight:800; margin-bottom:17px; letter-spacing:1px; }
.n35-main .n35-steps { list-style:none; padding:0; margin:34px 0 0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; counter-reset:steps; }
.n35-main .n35-steps li { border-top:3px solid #8dbf37; padding-top:18px; font-size:15px; }
.n35-main .n35-steps strong { display:block; color:#183e68; font-size:18px; margin-bottom:10px; }
.n35-main .n35-steps strong:before { counter-increment:steps; content:'0' counter(steps) ' / '; color:#087b75; font-size:13px; }
.n35-main .n35-showcase { display:grid; grid-template-columns:1.1fr .9fr; gap:46px; align-items:center; margin:45px 0 66px; }
.n35-main .n35-showcase:nth-child(odd) figure { order:2; }
.n35-main .n35-showcase figure { min-width:0; margin:0; padding:12px; background:#fff; border:1px solid #d6e3eb; border-radius:12px; }
.n35-main .n35-showcase ul { padding-left:20px; }
.n35-main .n35-note { padding:22px 26px; border-left:4px solid #168b83; background:#edf7f4; border-radius:0 9px 9px 0; }
.n35-main .n35-note p:last-child { margin-bottom:0; }
.n35-main .n35-table-scroll { overflow-x:auto; margin:28px 0; border:1px solid #dbe5ed; border-radius:10px; }
.n35-main table { border-collapse:collapse; width:100%; font-size:15px; background:#fff; }
.n35-main th,.n35-main td { padding:18px; border-bottom:1px solid #dbe5ed; text-align:left; vertical-align:top; line-height:1.7; }
.n35-main th { color:#173e68; background:#eaf2f9; }
.n35-main td { color:#465e73; }
.n35-main tr:last-child td { border-bottom:0; }
.n35-main details { padding:21px 0; border-bottom:1px solid #d6e3eb; }
.n35-main summary { cursor:pointer; font-size:18px; font-weight:700; color:#173e68; padding-right:10px; }
.n35-main details p { margin:16px 0 0; }
.n35-main .n35-cta { padding:55px; border-radius:18px; background:#173e68; }
.n35-main .n35-cta h2,.n35-main .n35-cta p { color:white; }
.n35-main .n35-cta .n35-btn { background:#fff; color:#173e68; }
.n35-main .n35-cta .n35-btn-secondary { background:transparent; color:white; border-color:#8fb4da; }
.n35-main .n35-guide-head { max-width:920px; }
.n35-main .n35-guide-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:58px; align-items:start; }
.n35-main .n35-guide-layout>* { min-width:0; }
.n35-main .n35-toc { position:sticky; top:105px; padding:24px; border:1px solid #d6e3eb; border-radius:10px; background:#f4f8fb; }
.n35-main .n35-toc strong { display:block; margin-bottom:12px; }
.n35-main .n35-toc a { display:block; padding:8px 0; font-size:14px; line-height:1.5; }
.n35-main .n35-article section { margin-bottom:58px; }
.n35-main .n35-article figure { margin:26px 0; }
.n35-main .n35-article ul,.n35-main .n35-article ol { padding-left:23px; }
.n35-main .n35-example { border:1px solid #c8e0da; border-radius:10px; padding:26px; margin:26px 0; background:#f3faf7; }
.n35-main .n35-example dt { font-weight:700; margin-top:16px; color:#173e68; }
.n35-main .n35-example dd { color:#465e73; margin:5px 0 0; line-height:1.8; }
.n35-main .n35-source-list { padding-left:20px; }
.n35-main .n35-source-list li { font-size:14px; }
@media(max-width:1100px) { .n35-main .n35-hero-grid { gap:25px; }.n35-main .n35-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }.n35-main .n35-guide-layout { grid-template-columns:210px minmax(0,1fr); gap:28px; } }
@media(max-width:800px) { .n35-main .n35-hero-grid,.n35-main .n35-showcase,.n35-main .n35-guide-layout { grid-template-columns:1fr; }.n35-main .n35-hero { padding-top:120px; }.n35-main .n35-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.n35-main .n35-hero-image { transform:none; }.n35-main .n35-showcase:nth-child(odd) figure { order:0; }.n35-main .n35-toc { position:static; }.n35-main .n35-showcase { gap:25px; } }
@media(max-width:520px) { .n35-main .n35-wrap { width:calc(100% - 32px); }.n35-main .n35-section { padding:48px 0; }.n35-main .n35-hero { padding-bottom:45px; }.n35-main .n35-grid,.n35-main .n35-steps { grid-template-columns:1fr; }.n35-main .n35-card,.n35-main .n35-cta { padding:24px; }.n35-main .n35-lead { font-size:17px; }.n35-main h1 { letter-spacing:-.8px; }.n35-main .n35-actions { flex-direction:column; }.n35-main table { min-width:530px; }.n35-main .n35-showcase { margin:30px 0 45px; }.n35-main .n35-note { padding:18px; }.n35-main .n35-steps { gap:24px; } }
/* Dejar libre la posición del acceso flotante de WhatsApp en pantallas pequeñas. */
@media(max-width:520px) { .n35-main .n35-hero { padding-top:175px; } }
