/* Portada 17-10-2026: el producto a la vista. Un PDF real de muestra y la planilla que sale del lector, con su renglón marcado. */
.bench{background:var(--petroleo);color:var(--marfil);padding:64px 0 56px}
.bench .kicker{color:var(--durazno)}
.bench-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px 48px;align-items:end;margin-bottom:36px}
.bench-head .kicker{grid-column:1/-1;margin:0}
.bench-head h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.08;letter-spacing:-.02em}
.bench-head p:last-child{color:var(--sobre-petroleo);max-width:48ch}
.bench-grid{display:grid;grid-template-columns:minmax(0,.82fr) auto minmax(0,1.3fr);gap:22px;align-items:center}
.bench-pdf{margin:0}
.bench-page{position:relative;background:#fff;box-shadow:0 18px 40px #0005;max-width:100%}
.bench-page img{display:block;width:100%;height:auto}
.bench-mark{position:absolute;left:6.4%;width:87.4%;top:64.2%;height:4.9%;outline:2px solid var(--durazno);background:#f3b58b33}
.bench-pdf figcaption{margin-top:10px;font-size:13px;color:var(--sobre-petroleo)}
.bench-arrow{display:grid;justify-items:center;gap:6px;font-size:12px;color:var(--durazno)}
.bench-arrow svg{width:46px;height:18px;fill:none;stroke:var(--marfil);stroke-width:1.6}
.bench-sheet{background:var(--blanco);color:var(--tinta);border:1.5px solid var(--tinta);box-shadow:0 18px 40px #0005;min-width:0}
.bench-bar{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;background:var(--petroleo-claro);border-bottom:1.5px solid var(--tinta);font-size:13px}
.bench-tabs{color:var(--texto-2)}
.bench-tabs b{color:var(--petroleo)}
.bench-scroll{overflow-x:auto}
.bench-table{width:100%;border-collapse:collapse;font-size:13px}
.bench-table th,.bench-table td{padding:6px 9px;border-bottom:1px solid var(--linea);border-right:1px solid var(--linea);text-align:left;vertical-align:top}
.bench-table thead th{font:600 12px var(--mono);color:var(--texto-2);background:#fafaf7;border-bottom:2px solid var(--tinta)}
.bench-table .rn{width:30px;text-align:right;font:500 11px var(--mono);color:#8a9590;background:#fafaf7}
.bench-table .num{text-align:right}
.bench-table td.data{white-space:nowrap}
.bench-table tr.is-flag td{background:var(--durazno-claro)}
.bench-table tr.is-flag td.num{background:var(--durazno);font-weight:600}
.bench-flag{display:block;margin-top:3px;font-size:11.5px;line-height:1.3;color:#7a3d14;font-weight:600}
.bench-flag:before{content:"▲ ";font-size:9px}
.bench-note{margin-top:28px;color:var(--sobre-petroleo);max-width:70ch;font-size:15px}
.steps{padding:44px 0;border-bottom:1px solid var(--linea)}
.how-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px;margin:0}
.how-row li{border-bottom:0}
@media (max-width:1100px){.bench-table .hide-s{display:none}}
@media (max-width:899px){
.bench{padding:48px 0 44px}
.bench-head{grid-template-columns:1fr}
.bench-grid{grid-template-columns:1fr;gap:16px}
.bench-arrow{grid-auto-flow:column;align-items:center;justify-content:start;gap:10px}
.bench-arrow svg{transform:rotate(90deg);width:30px}
.how-row{grid-template-columns:1fr 1fr}
}
@media (max-width:599px){.how-row{grid-template-columns:1fr}.bench-table{font-size:12px}.bench-table th,.bench-table td{padding:5px 6px}}
.bench-table td:nth-child(2){white-space:nowrap;font-size:12px;color:var(--texto-2)}
.bench-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1.25fr);align-items:start}
.bench-arrow{align-self:center}
@media (min-width:1000px){.tool-grid{align-items:center}}
@media (max-width:899px){.bench-grid{grid-template-columns:1fr}}
