/* seco.css - estilos extra de construccion-en-seco.html y tipologias.html (no toca site.css) */
.mono{font-family:'JetBrains Mono',monospace}
/* ---- comparativa ---- */
.cmp{width:100%;border-collapse:collapse;border:1px solid var(--line-dark);margin-top:8px}
.cmp caption{text-align:left;padding:0 0 16px;font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal-light)}
.cmp th,.cmp td{padding:26px 28px;text-align:left;vertical-align:top;border-top:1px solid var(--line-dark)}
.cmp thead th{border-top:none;font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--on-dark-soft);padding-block:16px}
.cmp thead th.c-seco{color:var(--teal-light);background:rgba(44,129,143,.14)}
.cmp tbody th{font-stretch:75%;text-transform:uppercase;font-weight:800;font-size:19px;width:24%}
.cmp tbody th small{display:block;margin-top:6px;font-stretch:100%;text-transform:none;font-weight:400;font-size:13.5px;color:var(--on-dark-soft)}
.cmp td{width:38%}
.cmp td.c-seco{background:rgba(44,129,143,.1);border-left:3px solid var(--teal)}
.cmp .big{display:block;font-family:'JetBrains Mono',monospace;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1;font-size:clamp(34px,4.4vw,60px)}
.cmp .c-seco .big{color:var(--teal-light)}
.cmp .c-trad .big{color:var(--on-dark-soft)}
.cmp .big small{font-size:.38em;margin-left:6px;letter-spacing:.04em}
.cmp .txt{display:block;margin-top:12px;font-size:14.5px;color:var(--on-dark-soft);max-width:36ch}
@media (max-width:760px){
  .cmp,.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block;width:100%}
  .cmp thead{position:absolute;left:-9999px}
  .cmp tbody tr{border-top:1px solid var(--line-dark)}
  .cmp tbody tr:first-child{border-top:none}
  .cmp tbody th{width:100%;border-top:none;padding:22px 20px 6px}
  .cmp td{width:100%;border-top:none;padding:16px 20px}
  .cmp td::before{content:attr(data-l);display:block;margin-bottom:10px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark-soft)}
  .cmp td.c-seco::before{color:var(--teal-light)}
  .cmp td.c-seco{border-left:3px solid var(--teal)}
}
/* ---- etapas ---- */
.tl{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid var(--ink)}
.tl li{position:relative;padding:34px 22px 10px 0}
.tl li::before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;background:var(--teal)}
.tl .n{display:block;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:clamp(34px,3.4vw,50px);line-height:1;color:var(--ink);letter-spacing:-.03em}
.tl h3{margin:16px 0 8px;font-stretch:75%;text-transform:uppercase;font-weight:800;font-size:19px}
.tl p{font-size:14.5px;color:var(--ink-soft)}
@media (max-width:1000px){
  .tl{grid-template-columns:1fr;border-top:none;border-left:1px solid var(--ink);margin-left:6px}
  .tl li{padding:0 0 34px 30px}
  .tl li::before{top:6px;left:-6px}
  .tl .n{font-size:34px}
}
/* ---- usos ---- */
.usos{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line-dark)}
.uso{padding:30px 24px 32px;border-left:1px solid var(--line-dark);min-height:200px;display:flex;flex-direction:column;justify-content:space-between;gap:30px;background-image:repeating-linear-gradient(-45deg,transparent 0 7px,rgba(255,255,255,.025) 7px 14px);transition:background-color .3s}
.uso:first-child{border-left:none}
.uso:hover{background-color:rgba(44,129,143,.12)}
.uso .n{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.18em;color:var(--teal-light)}
.uso h3{font-stretch:75%;text-transform:uppercase;font-weight:800;font-size:22px}
.uso p{margin-top:8px;font-size:14px;color:var(--on-dark-soft)}
@media (max-width:1000px){.usos{grid-template-columns:repeat(2,1fr)}.uso{border-left:none;border-top:1px solid var(--line-dark)}.uso:nth-child(even){border-left:1px solid var(--line-dark)}.uso:nth-child(-n+2){border-top:none}}
@media (max-width:560px){.usos{grid-template-columns:1fr}.uso,.uso:nth-child(even){border-left:none;border-top:1px solid var(--line-dark);min-height:0}.uso:first-child{border-top:none}}
/* ---- faq ---- */
.faq{border-top:1px solid var(--ink);max-width:900px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:64px;padding:18px 0;font-stretch:75%;text-transform:uppercase;font-weight:800;font-size:clamp(18px,2vw,23px)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);font-family:'JetBrains Mono',monospace;font-weight:700;font-size:20px;color:var(--teal);transition:background .2s}
.faq details[open] summary::after{content:"\2212";background:var(--teal);color:#fff;border-color:var(--teal)}
.faq summary:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.faq .ans{padding:0 64px 26px 0;color:var(--ink-soft);max-width:70ch}
.faq .ans p+p{margin-top:10px}
/* ---- tipologias: slider / resultado ---- */
.custom-m2{margin-top:30px;padding-top:26px;border-top:1px solid var(--line-dark)}
.custom-m2 .row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.custom-m2 label{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-light)}
.m2-num{display:flex;align-items:center;gap:8px;margin-left:auto}
.m2-num input{width:96px;min-height:48px;padding:10px 12px;border:1px solid #3A3F45;border-radius:var(--radius);background:var(--carbon);color:var(--on-dark);font:700 18px 'JetBrains Mono',monospace;text-align:right}
.m2-num input:focus{outline:2px solid var(--teal-light);outline-offset:-1px}
.m2-num span{font-family:'JetBrains Mono',monospace;color:var(--on-dark-soft)}
.rng{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;margin-top:10px;cursor:pointer}
.rng::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,var(--teal) var(--p,0%),#3A3F45 var(--p,0%))}
.rng::-moz-range-track{height:6px;background:#3A3F45}
.rng::-moz-range-progress{height:6px;background:var(--teal)}
.rng::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:30px;margin-top:-12px;background:var(--on-dark);border:2px solid var(--teal);border-radius:0}
.rng::-moz-range-thumb{width:18px;height:28px;background:var(--on-dark);border:2px solid var(--teal);border-radius:0}
.rng:focus-visible{outline:2px solid var(--teal-light);outline-offset:2px}
.rng-scale{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--on-dark-soft)}
.saving{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:8px 0 4px}
.saving .num{font-size:clamp(64px,9vw,120px);color:var(--teal-light)}
.saving .num small{font-size:.28em;margin-left:8px;color:var(--on-dark-soft);letter-spacing:.08em}
.saving .t{font-size:15px;color:var(--on-dark-soft);max-width:26ch}
.tipo-panel .btn-row{margin-top:26px}
.tipo-panel .btn-row .btn{margin-top:0}
.tipo-panel .ref-note{margin-top:22px}
.tipo[aria-pressed="true"]{border-color:var(--teal-light);background:rgba(44,129,143,.12);transform:translateX(6px)}
.inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.inc{border:1px solid var(--line);background:#fff;padding:30px 28px 32px;display:flex;flex-direction:column}
.inc .n{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase}
.inc .num{display:block;font-size:clamp(52px,5.4vw,76px);margin:14px 0 4px}
.inc .num small{font-size:.32em;color:var(--teal);margin-left:6px}
.inc h3{font-stretch:75%;text-transform:uppercase;font-weight:800;font-size:23px}
.inc .amb{font-size:14px;color:var(--ink-soft);margin:4px 0 10px}
.inc .checks{margin-bottom:22px}
.inc .checks li{padding:12px 0;font-size:14.5px}
.inc .btn-link{margin-top:auto}
@media (max-width:1000px){.inc-grid{grid-template-columns:1fr}.tipo[aria-pressed="true"]{transform:translateY(-3px)}}
@media (max-width:560px){.m2-num{margin-left:0}.faq .ans{padding-right:0}}
@media (prefers-reduced-motion:reduce){.bar-fill{transition:none}.uso,.faq summary::after{transition:none}}
/* mobile: selector de tipologias en 3 columnas, sin scroll lateral */
@media (max-width:640px){
  .tipo-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow:visible;padding-bottom:0}
  .tipo{min-width:0;min-height:64px;padding:12px 8px;text-align:center}
  .tipo b{font-size:16px}
  .tipo span{display:block;font-size:12px;line-height:1.3;margin-top:4px;overflow-wrap:anywhere}
  .tipo:hover,.tipo[aria-pressed="true"]{transform:none}
}
.m2-num input,.custom-m2 input[type=number]{font-size:max(16px,1em)}