/* Producto y Funciones · continuación del sistema editorial de Home y Precios. */
.product-next{background:#fff}
.product-next main{overflow:clip}
.product-next .hn-footer{margin-top:0}
.pn-section,.fn-section{padding:clamp(64px,7vw,104px) 0}
.pn-section h2,.fn-section h2{max-width:800px}
.pn-lead,.fn-lead{font-size:clamp(18px,1.7vw,21px);line-height:1.6;color:#496456;max-width:650px}
.pn-copy{font-size:17px;line-height:1.66;color:#50695a;max-width:610px}
.pn-caption{font-size:12px;line-height:1.5;color:#617568}
.pn-overline{font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#147054}

/* La vista editorial conserva detalles concretos del flujo, sin simular un cliente real. */
.pn-hero{padding:clamp(48px,6vw,90px) 0 72px;background:#f5f7f3}
.pn-hero-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,88px);align-items:center}
.pn-hero h1,.fn-hero h1{font-size:clamp(48px,5.2vw,76px);line-height:1.05;letter-spacing:-.065em;margin:0 0 24px;color:#102e27}
.pn-hero h1 em,.fn-hero h1 em{font-style:normal;color:#086b52}
.pn-hero .hn-actions{margin-top:32px}
.pn-mini-pos{margin:0;background:#fff;border:1px solid #c9d9ce;box-shadow:15px 15px 0 #dae6dc;min-width:0}
.pn-mini-top,.pn-sale-top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#103c31;color:#fff;padding:14px 20px;font-size:12px;font-weight:800}
.pn-mini-top span,.pn-sale-top span{font-weight:600;color:#c8dccf;font-size:11px}
.pn-mini-body{padding:23px 26px 27px}
.pn-search{border:1px solid #cbd9cf;color:#667c6e;background:#f9fbf9;padding:13px 15px;font-size:13px}
.pn-mini-line{display:flex;justify-content:space-between;gap:15px;padding:15px 1px;border-bottom:1px solid #e0e8e1;font-size:14px}
.pn-mini-line b{color:#102e27}
.pn-mini-total{display:flex;justify-content:space-between;align-items:baseline;padding:20px 0 15px}
.pn-mini-total strong{font:800 34px/1 Manrope,sans-serif;letter-spacing:-.05em}
.pn-mini-methods,.pn-sale-methods{display:flex;flex-wrap:wrap;gap:7px}
.pn-mini-methods span,.pn-sale-methods span{border:1px solid #cad8ce;padding:8px 10px;font-size:12px}
.pn-mini-methods span:first-child,.pn-sale-methods span:first-child{border-color:#177a5d;background:#e9f5eb;color:#075d45;font-weight:800}
.pn-mini-charge{display:flex;justify-content:space-between;margin-top:20px;background:#086b52;color:#fff;padding:14px 16px;font-size:14px;font-weight:800}
.pn-mini-pos figcaption{padding:10px 16px;border-top:1px solid #dce5dc}

.pn-flow{background:#fff}
.pn-flow-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(40px,6vw,90px);align-items:start}
.pn-step-list{display:grid;gap:0;border-top:2px solid #bb9459;margin-top:30px}
.pn-step-list button{display:grid;grid-template-columns:32px 1fr;gap:12px;text-align:left;width:100%;padding:15px 3px;border:0;border-bottom:1px solid #d7e0d8;background:transparent;color:#2a4b3b;cursor:pointer;font:700 16px/1.4 "DM Sans",sans-serif}
.pn-step-list button span{color:#0b7255;font-size:12px;font-weight:800;letter-spacing:.07em}
.pn-step-list button[aria-pressed=true]{color:#075f47;background:#f2f7f2}
.pn-step-list button:hover{background:#f5f8f5}
.pn-sale-window{min-width:0;border:1px solid #cfdbd0;background:#fff}
.pn-sale-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(255px,.95fr);min-height:366px}
.pn-sale-catalog{padding:24px;background:#f8faf8;border-right:1px solid #d7e0d8}
.pn-sale-result{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d9e5dc;padding:19px 4px;font-size:14px}
.pn-sale-result b{white-space:nowrap}
.pn-sale-checkout{padding:24px}
.pn-sale-checkout>small{font-size:10px;letter-spacing:.13em;font-weight:800;color:#086b52}
.pn-sale-checkout p{font-size:12px;color:#577260;margin:20px 0 9px}
.pn-sale-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #d7e0d8;margin-top:28px;padding:18px 0}
.pn-sale-total strong{font:800 29px/1 Manrope,sans-serif}
.pn-sale-window[data-active-step="1"] .pn-search,.pn-sale-window[data-active-step="2"] .pn-sale-result:nth-child(2),.pn-sale-window[data-active-step="3"] .pn-sale-methods,.pn-sale-window[data-active-step="4"] .pn-mini-charge{outline:2px solid #c49d62;outline-offset:3px}
.pn-sale-window>.pn-caption{margin:0;padding:12px 20px;border-top:1px solid #d7e0d8}

.pn-product{background:#eaf0ea}
.pn-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:40px;align-items:end;margin-bottom:32px}
.pn-section-head p:last-child{margin-bottom:0}
.pn-screen-frame{margin:0;background:#fff;border:1px solid #c8d8cd;padding:18px 18px 9px}
.pn-screen-frame img{display:block;width:100%;height:auto}
.pn-screen-frame figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 4px 4px}
.pn-screen-frame figcaption a{font-weight:800;color:#07654b;text-decoration:underline;text-underline-offset:3px}
.pn-product-points{display:flex;gap:24px 36px;flex-wrap:wrap;padding-top:24px;font-size:13px;font-weight:800;color:#315d48}
.pn-product-points span:before{content:"— ";color:#b98f51}

.pn-after{background:#fff}
.pn-after-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(45px,7vw,110px);align-items:center}
.pn-after-map{border-top:2px solid #b99158}
.pn-after-sale{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:24px 0;border-bottom:1px solid #d7e0d8}
.pn-after-sale span{font-size:11px;font-weight:800;letter-spacing:.1em;color:#28715a}
.pn-after-sale strong{font:800 37px/1.1 Manrope,sans-serif;letter-spacing:-.05em}
.pn-after-sale b{margin-left:auto;color:#086b52;font-size:13px}
.pn-after-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.pn-after-results div{padding:20px 20px 21px 0;border-bottom:1px solid #d7e0d8}
.pn-after-results div:nth-child(odd){border-right:1px solid #d7e0d8}
.pn-after-results div:nth-child(even){padding-left:20px}
.pn-after-results small,.pn-after-results strong{display:block}
.pn-after-results small{font-size:11px;font-weight:800;letter-spacing:.12em;color:#137155}
.pn-after-results strong{font:800 17px/1.4 Manrope,sans-serif;margin-top:7px}

.pn-day{background:#f6f8f5}
.pn-day-layout{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(40px,7vw,105px)}
.pn-timeline{list-style:none;margin:0;padding:0;border-top:2px solid #b99158}
.pn-timeline li{display:grid;grid-template-columns:95px 1fr;gap:22px;padding:17px 0;border-bottom:1px solid #d5e0d7}
.pn-timeline b{font:800 11px/1.5 "DM Sans",sans-serif;letter-spacing:.1em;color:#137155;text-transform:uppercase}
.pn-timeline span{font:700 17px/1.45 Manrope,sans-serif}
.pn-practical{background:#fff}
.pn-practical-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,7vw,100px)}
.pn-practical-grid>div{border-top:2px solid #b99158;padding-top:25px}
.pn-practical h2{font-size:clamp(32px,3.5vw,47px)}
.pn-practical ul{display:flex;gap:10px 18px;flex-wrap:wrap;list-style:none;padding:0;margin:20px 0 0}
.pn-practical li{font-weight:800;color:#315b48;border-bottom:1px solid #bdcfc2;padding:6px 0}
.pn-human{background:#e9f0e9}
.pn-human-layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:clamp(45px,6vw,85px);align-items:center}
.pn-human figure{margin:0}.pn-human img{display:block;width:100%;height:auto}.pn-human figcaption{padding-top:9px}
.pn-bridge{background:#fff}
.pn-bridge-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(45px,7vw,100px)}
.pn-bridge-links{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid #b99158}
.pn-bridge-links a{display:flex;justify-content:space-between;gap:12px;padding:17px 12px 17px 0;border-bottom:1px solid #d7e0d8;font-weight:800;color:#0b5f48}
.pn-bridge-links a:nth-child(odd){border-right:1px solid #d7e0d8}
.pn-bridge-links a:nth-child(even){padding-left:18px}
.pn-bridge-links a:hover{background:#f3f7f3}
.pn-final,.fn-final{background:#103c31;color:#fff;text-align:center;padding:clamp(72px,8vw,110px) 0}
.pn-final h2,.fn-final h2{color:#fff;margin:0 auto 18px;max-width:880px}
.pn-final p,.fn-final p{color:#c9dccd;margin:0 auto 25px;max-width:610px;font-size:17px}
.pn-final .hn-quiet-link,.fn-final .hn-quiet-link{color:#f7d9a7}
.pn-final .hn-actions,.fn-final .hn-actions{justify-content:center}

/* Funciones: índice, tareas reales y visuales grandes; sin grilla de tarjetas. */
.fn-hero{background:#f5f7f3;padding:clamp(56px,6vw,90px) 0 65px}
.fn-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:clamp(40px,7vw,110px);align-items:center}
.fn-hero-actions{margin-top:27px}
.fn-operation{border-top:2px solid #bd965c;border-bottom:1px solid #d4e0d6;padding:15px 0}
.fn-operation div{display:flex;align-items:baseline;gap:15px;padding:14px 4px;border-bottom:1px solid #d4e0d6}
.fn-operation div:last-child{border-bottom:0}
.fn-operation span{font-size:11px;font-weight:800;letter-spacing:.11em;color:#116b50;width:100px;flex:none}
.fn-operation strong{font:800 18px/1.3 Manrope,sans-serif;color:#153d2e}
.fn-index{position:sticky;top:76px;z-index:20;background:#fff;border-bottom:1px solid #d7e0d8}
.fn-index .hn-shell{display:flex;align-items:center;gap:24px;min-height:61px}
.fn-index .fn-mobile-shell{display:none}
.fn-index a{font-size:13px;font-weight:800;color:#31594a;white-space:nowrap}
.fn-index a:hover,.fn-index a:focus-visible{color:#086b52;text-decoration:underline;text-decoration-color:#b99158;text-underline-offset:6px}
.product-next main [id]{scroll-margin-top:100px}
.product-next .fn-feature[id],.product-next .fn-compact article[id]{scroll-margin-top:150px}
.fn-mobile-index{display:none}
.fn-feature{background:#fff;border-bottom:1px solid #e0e8e0}
.fn-feature.soft{background:#f2f6f2}
.fn-feature-layout{display:grid;grid-template-columns:minmax(0,.73fr) minmax(0,1.27fr);gap:clamp(45px,6vw,90px);align-items:center}
.fn-feature.reverse .fn-feature-layout{grid-template-columns:minmax(0,1.27fr) minmax(0,.73fr)}
.fn-feature h2{font-size:clamp(38px,4.2vw,56px)}
.fn-feature p:not(.hn-eyebrow):not(.pn-caption){font-size:17px;line-height:1.63;color:#4e6757}
.fn-feature ul{list-style:none;padding:0;margin:22px 0 0;border-top:1px solid #cad9cd}
.fn-feature li{padding:10px 0;border-bottom:1px solid #cad9cd;font-size:14px;font-weight:700;color:#315a47}
.fn-feature figure{margin:0;min-width:0}
.fn-feature img{display:block;width:100%;height:auto}
.fn-feature figcaption{padding:10px 0 0}
.fn-cash-visual{border-top:3px solid #b99158;padding:18px 0}
.fn-cash-visual>span{display:flex;justify-content:space-between;font-weight:800;font-size:13px;color:#126d52}
.fn-cash-visual>strong{display:block;font:800 clamp(48px,5vw,73px)/1.1 Manrope,sans-serif;letter-spacing:-.065em;margin:32px 0 7px}
.fn-cash-visual>small{color:#5c7363;font-size:13px}
.fn-cash-visual>div{display:flex;gap:24px;margin-top:30px;padding-top:16px;border-top:1px solid #cad9cd;font-weight:700;color:#315b48}
.fn-text-visual{border-top:3px solid #b99158;display:grid;gap:0}
.fn-text-visual div{display:flex;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid #cad9cd;font-size:14px;color:#547060}
.fn-text-visual strong{color:#163f30;font:800 18px/1.3 Manrope,sans-serif}
.fn-compact{background:#fff}
.fn-compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,120px)}
.fn-compact article{border-top:2px solid #b99158;padding-top:26px}
.fn-compact h2{font-size:clamp(33px,3.6vw,48px)}
.fn-compact p:not(.hn-eyebrow){font-size:16px;line-height:1.65;color:#4e6757}
.fn-doc-note{font-size:13px!important;color:#607568!important}
.fn-back{display:inline-block;margin-top:24px;color:#096549;font-weight:800;text-decoration:underline;text-decoration-color:#b99158;text-underline-offset:5px}

@media(max-width:980px){
  .pn-hero-layout,.pn-flow-layout,.pn-section-head,.pn-after-layout,.pn-day-layout,.pn-human-layout,.pn-bridge-layout,.fn-hero-layout,.fn-feature-layout,.fn-feature.reverse .fn-feature-layout{grid-template-columns:1fr;gap:35px}
  .pn-human figure{order:2}
  .fn-feature.reverse figure{order:2}
  .fn-index .hn-shell{gap:16px;overflow-x:auto}
}
@media(max-width:760px){
  .pn-section,.fn-section{padding:62px 0}
  .pn-hero,.fn-hero{padding:52px 0 58px}
  .pn-hero h1,.fn-hero h1{font-size:clamp(40px,9.5vw,55px)}
  .pn-mini-pos{box-shadow:8px 8px 0 #dae6dc}
  .pn-sale-body{grid-template-columns:1fr}
  .pn-sale-catalog{border-right:0;border-bottom:1px solid #d7e0d8}
  .pn-sale-checkout{padding:20px}
  .pn-after-results{grid-template-columns:1fr}
  .pn-after-results div:nth-child(odd){border-right:0}
  .pn-after-results div:nth-child(even){padding-left:0}
  .pn-after-sale b{margin-left:0}
  .pn-practical-grid,.pn-bridge-links,.fn-compact-grid{grid-template-columns:1fr;gap:33px}
  .pn-bridge-links{gap:0}
  .pn-bridge-links a:nth-child(odd){border-right:0}
  .pn-bridge-links a:nth-child(even){padding-left:0}
  .fn-index{top:68px;padding:10px 0}
  .fn-index .fn-desktop-index{display:none}
  .fn-index .fn-mobile-shell{display:block}
  .fn-mobile-index{display:block;width:100%}
  .fn-mobile-index summary{cursor:pointer;font-weight:800;color:#0b5f47;padding:10px 0;list-style:none}
  .fn-mobile-index summary::-webkit-details-marker{display:none}
  .fn-mobile-index summary:after{content:"⌄";float:right}
  .fn-mobile-index[open] summary:after{transform:rotate(180deg)}
  .fn-mobile-index div{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding-bottom:10px}
  .fn-mobile-index a{padding:11px 0;border-top:1px solid #d7e0d8}
  .fn-feature.reverse figure{order:0}
}
@media(max-width:520px){
  .pn-mini-body{padding:18px}
  .pn-mini-total strong{font-size:28px}
  .pn-mini-methods span,.pn-sale-methods span{padding:7px 8px}
  .pn-timeline li{grid-template-columns:70px 1fr;gap:12px}
  .pn-screen-frame{padding:8px}
  .pn-screen-frame figcaption{padding:10px 2px 2px}
  .fn-operation div{display:grid;gap:4px}
}
@media(prefers-reduced-motion:reduce){.pn-step-list button{scroll-behavior:auto}}