.se-simulator{position:relative;padding:40px max(24px,6vw) 45px;background:#eee8df url('../uploads/simulador/fondo.webp') center/cover;scroll-margin-top:80px;color:#102d50}
.se-simulator::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8f5ee22,#fbfaf6d9 25%,#fbfaf6db 72%,#f8f5ee11);pointer-events:none}
.se-heading,.se-layout{position:relative;max-width:1600px;margin:auto}.se-heading{text-align:center;margin-bottom:28px;padding-left:18%}
.se-heading>p{display:flex;align-items:center;justify-content:center;gap:13px;text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:600;color:#b88d51;margin-bottom:14px}.se-heading>p::before,.se-heading>p::after{content:"";height:1px;width:32px;background:#c8a368}
.se-heading h2{font:500 clamp(35px,3.2vw,60px)/1.04 var(--font-heading);color:#0b2a49;letter-spacing:-.5px;margin:0 0 18px}.se-heading h2 em{font-weight:400;color:#bf9b65}.se-heading>div{color:#71706d;font-size:15px;line-height:1.5}
.se-layout{display:grid;grid-template-columns:260px minmax(0,1fr) minmax(0,1.07fr);gap:20px;align-items:stretch}
.se-projects,.se-controls{background:#fffffff0;border-radius:17px;box-shadow:0 10px 30px #26364412;padding:22px}
.se-projects{margin-top:-105px}.se-projects h3{font:600 12px/1.4 var(--font-body);text-transform:uppercase;letter-spacing:1px;margin:0 0 15px;color:#102d50}
.se-project{display:flex;align-items:center;width:100%;border:1px solid transparent;border-radius:9px;overflow:hidden;background:#f6f5f2;color:#102d50;text-align:left;margin-bottom:9px;padding:0;cursor:pointer;min-height:76px;gap:14px}.se-project:last-child{margin-bottom:0}.se-project img{width:78px;height:76px;object-fit:cover;flex-shrink:0}.se-project span{font-size:13px;line-height:1.3;font-weight:500}.se-project b{font-size:25px;font-weight:300;margin-left:auto;margin-right:12px;color:#88919b}.se-project[aria-pressed=true]{background:#102e4f;color:white;box-shadow:0 3px 8px #102e4f22}.se-project[aria-pressed=true] b{color:white}
.se-controls{padding:24px;min-width:0}.se-controls fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}.se-controls fieldset:last-child{margin-bottom:0}.se-controls legend{font-size:14px;font-weight:600;margin-bottom:15px;display:flex;align-items:center;gap:10px;padding:0}.se-controls legend b{display:grid;place-items:center;border-radius:50%;background:#102d50;color:white;width:29px;height:29px;font-size:15px;font-weight:500}
.se-materials{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.se-material{padding:0;border:0;background:none;color:#102d50;cursor:pointer;text-align:center;min-width:0}.se-material img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px;outline:2px solid transparent;outline-offset:3px}.se-material[aria-pressed=true] img{outline-color:#102d50}.se-material span{display:block;font-size:11px;line-height:1.3;margin-top:8px}.se-measures{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center}.se-diagram{width:100%;color:#6e7277}.se-diagram text{font:12px var(--font-body);fill:#102d50}.se-measures label{display:block;font-size:11px;color:#777;margin:0 0 4px}.se-input{display:flex;align-items:center;border:1px solid #d7d8db;background:#fafafa;border-radius:6px;margin-bottom:9px}.se-input input{width:100%;min-width:0;padding:9px 10px;border:0;background:none;font-size:14px;color:#252b34;outline-offset:2px}.se-input span{font-size:12px;padding-right:10px}.se-input:has([aria-invalid=true]){border-color:#a53d2e}.se-error{font-size:12px;color:#a53d2e;margin:4px 0 0;min-height:16px}.se-help{font-size:11px;margin:-6px 0 12px;text-align:right}.se-help summary{cursor:pointer;color:#102d50}.se-help p{font-size:12px;line-height:1.5;background:#f4efe4;padding:10px;text-align:left;margin-top:8px;border-radius:6px}
.se-finishes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.se-finishes button{position:relative;border:1px solid transparent;background:none;border-radius:7px;padding:4px 4px 7px;cursor:pointer;color:#102d50;min-width:0}.se-finishes button[aria-pressed=true]{border-color:#102d50;box-shadow:0 0 0 1px #102d50}.se-finishes img{width:100%;height:51px;object-fit:cover;border-radius:5px;display:block}.se-finishes span{font-size:12px;display:block;margin-top:6px}.se-finishes i{position:absolute;top:12px;right:12px;background:#fff9;color:white;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-style:normal}.se-finishes [aria-pressed=true] i{background:#102d50}.se-finish-note{font-size:10px;color:#777;margin:10px 0 0}
.se-result{min-width:0;color:#fff;background:linear-gradient(125deg,#102f52,#0a223a);border-radius:17px;padding:25px;box-shadow:0 12px 30px #102d5026;display:flex;flex-direction:column}.se-result-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.se-result-top h3{font:500 30px/1.1 var(--font-heading);color:white;margin:0}.se-result-top button{border:1px solid #ffffff70;background:none;border-radius:25px;color:white;padding:7px 12px;font-size:11px;cursor:pointer;white-space:nowrap}.se-selection{display:flex;gap:18px;align-items:center;margin-bottom:18px}.se-selection img{width:100px;height:100px;object-fit:cover;border-radius:12px}.se-selection h4{font:500 27px/1.2 var(--font-heading);color:#fff;margin:0 0 5px}.se-selection p{font-size:12px;color:#d9e0e8;line-height:1.4;margin:5px 0}
.se-numbers{display:grid;grid-template-columns:.8fr 1fr 1.3fr;gap:10px}.se-numbers>div{border:1px solid #ffffff13;border-radius:7px;padding:12px 9px;min-width:0}.se-numbers span{display:block;font-size:10px;color:#dbe2ec;margin-bottom:8px;line-height:1.3}.se-numbers strong{display:block;font-size:clamp(13px,1.12vw,21px);font-weight:600;white-space:nowrap}.se-numbers small{display:block;font-size:10px;margin-top:3px;color:#dbe2ec}.se-numbers .se-total{border-color:#c5a16d}.se-total strong,.se-total span,.se-total small{color:#dfb16e}
.se-includes{border-top:1px solid #ffffff13;margin-top:18px;padding-top:14px}.se-includes h4{font:600 12px var(--font-body);color:#fff;margin:0 0 12px}.se-includes ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 24px;padding:0}.se-includes li{font-size:11px;color:#dce2e9;display:flex;gap:8px;align-items:center}.se-includes li::before{content:'✓';width:16px;height:16px;display:grid;place-items:center;background:#d0b38377;border-radius:50%;font-size:11px;flex-shrink:0}.se-quote{display:flex;justify-content:center;align-items:center;gap:18px;background:linear-gradient(#d7b887,#c29a63);border:1px solid #e3c492;color:#10273e;text-decoration:none;border-radius:8px;padding:17px 10px;font-size:14px;font-weight:600;margin-top:auto}.se-quote span{font-size:24px;line-height:1}.se-quote[aria-disabled=true]{opacity:.5;pointer-events:none}.se-disclaimer{font-size:11px;line-height:1.5;color:#dce2e9;margin:18px 0 0}.se-simulator button:focus-visible,.se-simulator a:focus-visible{outline:3px solid #cba569;outline-offset:4px}
@media(min-width:1700px){.se-layout{grid-template-columns:290px minmax(0,1fr) minmax(0,1.07fr);gap:24px}.se-project{min-height:85px}.se-project img{width:93px;height:85px}.se-project span{font-size:15px}.se-controls fieldset{margin-bottom:32px}.se-heading{margin-bottom:30px}.se-result{padding:29px}.se-numbers strong{font-size:21px}.se-numbers span{font-size:12px}.se-includes li{font-size:13px}.se-disclaimer{font-size:12px}.se-material span{font-size:12px}.se-selection{margin-bottom:25px}}
@media(max-width:1200px){.se-simulator{padding-inline:24px}.se-layout{grid-template-columns:190px minmax(0,1fr) minmax(0,1fr);gap:14px}.se-projects,.se-controls,.se-result{padding:18px}.se-project{gap:8px}.se-project img{width:56px}.se-project span{font-size:11px}.se-project b{margin-right:7px}.se-numbers{grid-template-columns:1fr 1fr}.se-numbers .se-total{grid-column:1/-1}.se-total strong{font-size:25px}.se-selection img{width:75px;height:75px}.se-selection h4{font-size:24px}.se-controls legend{font-size:12px}.se-measures{gap:8px}.se-finishes{gap:7px}}
@media(max-width:950px){.se-heading{padding-left:0}.se-layout{grid-template-columns:1fr 1fr}.se-projects{grid-column:1/-1;margin-top:0;padding:15px}.se-projects>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.se-project{display:flex;flex-direction:column;margin:0;gap:8px;padding-bottom:8px;text-align:center}.se-project img{width:100%;height:65px}.se-project span{padding-inline:3px}.se-project b{display:none}.se-heading>div br{display:none}.se-heading>div{max-width:600px;margin:auto}}
@media(max-width:650px){.se-simulator{padding:38px 20px;background-position:60% center}.se-heading h2{font-size:38px}.se-heading>p{font-size:10px;letter-spacing:1px}.se-heading>div{font-size:14px}.se-layout{grid-template-columns:1fr;gap:18px}.se-projects{grid-column:auto}.se-projects>div{grid-template-columns:repeat(3,1fr)}.se-project img{height:64px}.se-project span{font-size:11px;min-height:28px}.se-controls,.se-result{padding:21px}.se-controls legend{font-size:14px}.se-materials{gap:9px}.se-material span{font-size:10px}.se-controls fieldset{margin-bottom:25px}.se-measures{gap:15px}.se-numbers{grid-template-columns:1fr 1fr}.se-numbers strong{font-size:18px}.se-total strong{font-size:30px}.se-selection img{width:85px;height:85px}.se-result-top h3{font-size:31px}.se-disclaimer{font-size:12px}.se-includes li{font-size:12px}.se-includes ul{gap:12px}.se-finishes img{height:58px}}