/* =========================================================
   FLUJO v5 — 2026-10-04
   Cotización primero, cuenta después. Estilos nuevos acá para
   no tocar /assets/app.css.
   ========================================================= */
.journey-steps{grid-template-columns:repeat(4,1fr)}
@media(min-width:860px){.journey-steps{width:min(760px,74%)}}
.publish-auth-gate{background:rgba(3,47,55,.62);backdrop-filter:blur(6px)}
.publish-auth-card{position:relative}
.publish-auth-close{position:absolute;right:12px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:#eef5f3;color:#073b43;font-size:22px;line-height:1;cursor:pointer}
.publish-auth-close[hidden]{display:none}
.publish-auth-saved{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 4px;padding:10px 12px;border-radius:13px;background:#ecf9f4;color:#08795f;font-size:12px;font-weight:800}
.publish-auth-saved[hidden]{display:none}

/* “en precio” en verde suave, igual que en el mapa de CoCo */
.coco-pick-pin.tone-aligned div{background:#5fbfa5;box-shadow:0 5px 12px rgba(63,155,132,.40),0 0 0 5px rgba(63,155,132,.13)}
.field.price-aligned .with-unit.currency{border-color:#8fd9c3;box-shadow:0 0 0 4px rgba(63,155,132,.10)}

/* paso 1 · aviso de cotización */
.quote-teaser{display:flex;align-items:center;gap:10px;margin-top:12px;padding:13px 14px;border-radius:16px;border:1px solid #d7e6e2;background:#f6fbfa;color:#4f6f72;font-size:12.5px;font-weight:650;line-height:1.4}
.quote-teaser i{flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:#a8bbb8}
.quote-teaser.is-loading i{background:transparent;border:2px solid #cceae2;border-top-color:#0b8b70;width:16px;height:16px;flex-basis:16px;animation:spin .8s linear infinite}
.quote-teaser.is-ready{border-color:#9edbc9;background:#ecf9f4;color:#08795f}
.quote-teaser.is-ready i{background:#20b999;box-shadow:0 0 0 5px rgba(32,185,153,.16)}
@media(min-width:1100px){
  .location-card{grid-template-rows:auto auto auto auto 1fr}
  .location-card>.map-action-callout{grid-column:1/-1;grid-row:2;margin:0}
  .location-card>.map-shell{grid-column:1;grid-row:3/6}
  .location-card>.quick-fields{grid-column:2;grid-row:3;margin-top:0}
  .location-card>.quote-teaser{grid-column:2;grid-row:4;margin-top:0;align-self:start}
  .location-card>.inline-error{grid-column:2;grid-row:5;margin-top:0;align-self:start}
}

/* paso 1 · mapa más cómodo, satélite, m² */
.map-style-btn{position:absolute;left:12px;top:12px;z-index:500;display:flex;align-items:center;gap:8px;border:1px solid #cfe0dc;background:rgba(255,255,255,.96);box-shadow:0 6px 18px rgba(6,63,71,.16);border-radius:999px;padding:6px 13px 6px 6px;color:var(--ink);font-weight:800;font-size:12.5px;cursor:pointer}
.map-style-btn i{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cfe0dc;background:linear-gradient(135deg,#31533a 0%,#5d7a47 45%,#8a7a55 70%,#3f5f45 100%)}
.map-style-btn[aria-pressed="true"] i{background:linear-gradient(135deg,#eef1f0 0%,#dfe5e3 50%,#f7f9f8 100%)}
.map-shell.is-sat .map-tap-prompt{background:rgba(255,255,255,.96)}
.city-suggestions{max-height:min(380px,56vh);overscroll-behavior:contain}
.city-group{position:sticky;top:0;z-index:1;padding:9px 14px 6px;background:#f3f8f6;border-bottom:1px solid #e3eeeb;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#4f7770}
.city-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px}
.city-suggestion>span{min-width:0}
.city-suggestion small{display:block;font-size:11px}
.city-suggestion em{flex:0 0 auto;font-style:normal;font-size:11px;font-weight:800;color:#08795f;background:#e9f7f3;border-radius:999px;padding:5px 9px;white-space:nowrap}
.city-suggestion.is-top{box-shadow:inset 0 0 0 2px #11a483;border-radius:12px}
.city-suggestion.is-elsewhere{background:#f8fbfa}
.city-suggestion.is-elsewhere b{color:#075b62;font-size:13px}
#city-search::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.city-empty{padding:14px;font-size:12.5px;line-height:1.45;color:var(--muted);font-weight:600}
.quick-fields{grid-template-columns:1fr!important}
.m2-chips{display:flex;flex-wrap:wrap;gap:7px}
.m2-chips button{border:1px solid #d5e5e1;background:#fff;color:var(--ink);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800;cursor:pointer}
.m2-chips button.on{background:var(--mint);border-color:#9edbc9;color:#08795f}
.m2-calc{border:1px solid #dceae6;border-radius:15px;background:#fbfdfc;overflow:hidden}
.m2-calc summary{cursor:pointer;list-style:none;padding:12px 13px;font-size:12px;font-weight:800;color:#075b62}
.m2-calc summary::-webkit-details-marker{display:none}
.m2-calc summary::after{content:"+";float:right;font-size:17px;line-height:1;color:var(--green)}
.m2-calc[open] summary::after{content:"–"}
.m2-calc-row{display:flex;align-items:flex-end;gap:8px;padding:2px 13px 10px}
.m2-calc-row label{flex:1;min-width:0}
.m2-calc-row label span{display:block;font-size:10.5px;font-weight:800;color:var(--muted);margin-bottom:4px}
.m2-calc-row input{width:100%;height:46px;border:1px solid #c9ddd8;border-radius:12px;padding:0 10px;font-size:16px;color:var(--ink);background:#fff;outline:0}
.m2-calc-row input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(16,154,123,.10)}
.m2-calc-row i{font-style:normal;font-weight:800;color:var(--muted);padding-bottom:13px}
.m2-calc-row b{flex:0 0 auto;min-width:74px;text-align:right;font-family:var(--display);font-size:18px;padding-bottom:11px;white-space:nowrap}
.m2-calc small{display:block;padding:0 13px 12px;font-size:10.5px;line-height:1.4;color:var(--muted)}
@media(max-width:559px){.publish-map{height:clamp(340px,56svh,480px)!important}.map-style-btn{left:10px;top:10px}}

/* El cursor sobre el mapa es un pin: se entiende que el clic marca el terreno. */
#publish-map.leaflet-grab,#publish-map .leaflet-tile-pane{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='38' viewBox='0 0 30 38'%3E%3Cpath d='M15 1.5C7.8 1.5 2 7.2 2 14.3c0 9.4 13 21.9 13 21.9s13-12.5 13-21.9C28 7.2 22.2 1.5 15 1.5z' fill='%23109a7b' stroke='%23fff' stroke-width='2.5'/%3E%3Ccircle cx='15' cy='14' r='4.6' fill='%23fff'/%3E%3C/svg%3E") 15 36,crosshair}
.leaflet-dragging #publish-map.leaflet-grab{cursor:grabbing}
#publish-map .leaflet-marker-draggable{cursor:grab}
/* cuadro de m² sobre el pin */
.m2-pop .leaflet-popup-content-wrapper{border-radius:18px;box-shadow:0 16px 40px rgba(6,63,71,.28);border:1px solid rgba(7,59,67,.10)}
.m2-pop .leaflet-popup-content{margin:14px 14px 12px;font-family:var(--font)}
.m2-pop a.leaflet-popup-close-button{top:6px;right:6px;width:26px;height:26px;font-size:20px;color:#6f8385}
.m2-pop-body b{display:block;font-size:13.5px;line-height:1.25;color:var(--ink);margin:0 18px 9px 0}
.m2-pop-row{display:flex;align-items:center;gap:7px}
.m2-pop-row input{flex:1;min-width:0;width:100%;height:46px;border:1px solid #c9ddd8;border-radius:12px;padding:0 10px;font-size:17px;font-weight:700;color:var(--ink);outline:0;background:#fff}
.m2-pop-row input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(16,154,123,.12)}
.m2-pop-row input.bad{border-color:#d75e64;background:#fffafa}
.m2-pop-row span{font-size:12px;font-weight:800;color:var(--muted)}
.m2-pop-row button{flex:0 0 auto;height:46px;border:0;border-radius:12px;padding:0 14px;background:linear-gradient(90deg,#04545d,#0aa083);color:#fff;font-weight:800;font-size:13px;cursor:pointer}
.m2-pop-skip{margin-top:8px;border:0;background:transparent;padding:4px 0;color:#075b62;font-size:11.5px;font-weight:800;text-decoration:underline;cursor:pointer}
.field.needs-m2 .with-unit{border-color:#11a483;animation:needM2 1.1s ease-in-out 3}
.field.needs-m2>span::after{content:" · completá los m² acá";color:#0b8b70}
@keyframes needM2{50%{box-shadow:0 0 0 7px rgba(17,164,131,.20)}}
@media(prefers-reduced-motion:reduce){.field.needs-m2 .with-unit{animation:none;box-shadow:0 0 0 5px rgba(17,164,131,.18)}}

/* paso 2 · cotización y precio */
.price-step{display:grid;gap:12px}
@media(min-width:960px){.price-step{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start}}
.quote-card{position:relative;overflow:hidden;border-radius:24px;padding:24px 22px;color:#fff;background:linear-gradient(150deg,#04434b 0%,#075b62 60%,#0b7a70 100%);box-shadow:0 18px 44px rgba(0,67,76,.20)}
.quote-card .eyebrow{color:#7fe9c9}
.quote-context{display:block;margin-top:10px;font-size:13px;font-weight:700;color:rgba(255,255,255,.78)}
.quote-label{margin-top:16px;font-size:13px;line-height:1.4;color:rgba(255,255,255,.86)}
.quote-value{font-family:var(--display);font-weight:700;font-size:clamp(42px,10vw,64px);line-height:1;letter-spacing:-.03em;margin:8px 0 10px;font-variant-numeric:tabular-nums}
.quote-range{font-size:13px;font-weight:700;color:#bff3e2}
.quote-meta{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16);font-size:11.5px;color:rgba(255,255,255,.74);line-height:1.45}
.quote-note{margin:14px 0 0;font-size:10.5px;line-height:1.45;color:rgba(255,255,255,.62)}
.quote-loading{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:14px;font-weight:700}
.quote-loading[hidden],.quote-main[hidden],.quote-none[hidden]{display:none}
.quote-loading i{width:20px;height:20px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}
.quote-none{margin-top:16px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.9)}
.quote-none b{display:block;font-family:var(--display);font-size:24px;margin-bottom:6px;color:#fff}

.price-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px 18px;box-shadow:0 14px 38px rgba(0,67,76,.065)}
.price-card h2{font-family:var(--display);font-size:clamp(22px,4.6vw,30px);line-height:1.1;letter-spacing:-.02em;margin:0 0 6px}
.price-card>p{margin:0 0 14px;color:var(--muted);font-size:12.5px;line-height:1.5}
.price-card .with-unit.currency{height:62px}
.price-card .with-unit.currency input{font-size:26px;font-weight:800;font-family:var(--display);height:100%}
.pz{margin-top:20px}
.pz[hidden]{display:none}
.pz-track{position:relative;height:44px}
.pz-bar{position:absolute;left:0;right:0;top:15px;height:14px;border-radius:999px;background:linear-gradient(90deg,#20b999 0,#20b999 27%,#6fd3b8 30%,#6fd3b8 34.5%,#c9ecdf 37%,#c9ecdf 63%,#f3c4bf 66%,#e66f68 100%)}
.pz-bar i{position:absolute;top:-4px;width:2px;height:22px;margin-left:-1px;border-radius:2px;background:#17393a;opacity:.5}
.pz-bar i.t{top:0;height:14px;background:#fff;opacity:.85}
.pz-range{position:absolute;inset:0;width:100%;height:44px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:pan-y}
.pz-range:focus{outline:0}
.pz-range::-webkit-slider-runnable-track{height:44px;background:transparent}
.pz-range::-moz-range-track{height:44px;background:transparent}
.pz-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:34px;height:34px;margin-top:5px;border-radius:50%;background:#fff;border:7px solid var(--pz-c,#3f9b84);box-shadow:0 4px 14px rgba(20,50,48,.32)}
.pz-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:7px solid var(--pz-c,#3f9b84);box-shadow:0 4px 14px rgba(20,50,48,.32)}
.pz-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(16,154,123,.22),0 4px 14px rgba(20,50,48,.32)}
.pz[data-zone="opp"],.pz[data-zone="good"]{--pz-c:#0d8b70}
.pz[data-zone="fair"]{--pz-c:#5fbfa5}
.pz[data-zone="high"]{--pz-c:#c65c55}
.pz-scale{display:flex;justify-content:space-between;margin-top:2px;font-size:11px;font-weight:700;color:#7a8b87}
.pz-scale span:nth-child(2){color:#51655f}
.pz-out{margin-top:8px;font-size:11px;font-weight:700;color:#7a8b87}
.pz-out[hidden]{display:none}
.pz-verdict{margin-top:14px;padding:15px 15px 13px;border-radius:18px;border:1px solid var(--pz-ln,#cfe7df);background:var(--pz-bg,#f2faf7);transition:background .18s ease,border-color .18s ease}
.pz-verdict[hidden]{display:none}
.pz-verdict[data-zone="opp"]{--pz-bg:#e6f8f1;--pz-ln:#8fdcc4;--pz-tx:#0a7d65}
.pz-verdict[data-zone="good"]{--pz-bg:#ecf9f4;--pz-ln:#b4e6d6;--pz-tx:#0d8b70}
.pz-verdict[data-zone="fair"]{--pz-bg:#f2faf7;--pz-ln:#cfe9df;--pz-tx:#3f8f7a}
.pz-verdict[data-zone="high"]{--pz-bg:#fbf2f0;--pz-ln:#f0c9c4;--pz-tx:#b4544d}
.pz-verdict-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pz-verdict-head b{font-family:var(--display);font-size:21px;line-height:1.1;color:var(--pz-tx,#0d8b70)}
.pz-verdict-head span{font-size:12px;font-weight:800;color:var(--pz-tx,#0d8b70)}
.pz-verdict p{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:#3d5a5c;font-weight:600}
.pz-verdict ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pz-verdict li{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid var(--pz-ln,#cfe7df);font-size:10.5px;font-weight:800;color:var(--pz-tx,#0d8b70)}
.pz-reset{margin-top:12px;border:0;background:transparent;color:#075b62;font-weight:800;font-size:12px;text-decoration:underline;cursor:pointer;padding:6px 0}
.price-legal{margin:14px 0 0;font-size:10.5px;line-height:1.45;color:#728687}

/* paso 2 · pin en vivo, ahorro y exposición */
.pinp{position:relative;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:999px;background:#fff;border:2px solid var(--pc,#3f9b84);box-shadow:0 0 0 5px color-mix(in srgb,var(--pc,#3f9b84) 16%,transparent),0 6px 14px rgba(20,50,48,.16);font:800 13px/1 Inter,sans-serif;color:#10262b;white-space:nowrap;transition:border-color .25s ease,box-shadow .25s ease}
.pinp em{font-style:normal;font-size:12px;color:var(--pc,#3f9b84);transition:color .25s ease}
.pinp i{position:absolute;left:50%;bottom:-7px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--pc,#3f9b84);border:2px solid #fff;transition:background .25s ease}
.pinp[data-zone="opp"],.pinp[data-zone="good"]{--pc:#0d8b70}.pinp[data-zone="fair"]{--pc:#5fbfa5}.pinp[data-zone="high"]{--pc:#c65c55}.pinp[data-zone="none"]{--pc:#7b8785}
.pz-pinrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px 16px;border-radius:14px;background:#eef1ee}
.pz-pinrow small{font-size:11px;font-weight:800;color:#58706f}
.pz-save{margin-top:10px;padding:11px 13px;border-radius:13px;background:rgba(255,255,255,.86);font-size:12.5px;font-weight:700;line-height:1.4;color:#17393a}
.pz-save[hidden]{display:none}
.pz-save b{font-family:var(--display);font-size:20px;color:#0d8b70;margin-right:4px}
.expo{margin-top:14px;padding:16px 15px 14px;border-radius:18px;border:1px solid #d7e6e2;background:#fff;box-shadow:0 10px 26px rgba(0,67,76,.06)}
.expo[hidden]{display:none}
.expo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.expo-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#0b8b70;margin-bottom:4px}
.expo-head b{display:block;font-size:13.5px;line-height:1.3;color:var(--ink)}
.expo-head strong{flex:0 0 auto;font-family:var(--display);font-size:22px;line-height:1;color:#0d8b70;white-space:nowrap}
.expo-meter{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:12px 0 4px}
.expo-meter i{height:9px;border-radius:999px;background:#e3ebe8;transition:background .3s ease,transform .3s ease}
.expo-meter i.on{background:linear-gradient(90deg,#20b999,#0d8b70)}
.expo.is-max .expo-meter i.on{background:linear-gradient(90deg,#d9a520,#96700b)}
.expo.up .expo-meter i.on:last-of-type{animation:none}
.expo.up .expo-head strong{animation:expoBump .5s ease}
@keyframes expoBump{40%{transform:scale(1.25)}}
.expo-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:2px}
.expo-list li{display:flex;align-items:flex-start;gap:10px;padding:8px 6px;border-radius:12px;opacity:.5;transition:opacity .25s ease,background .25s ease}
.expo-list li.on{opacity:1}
.expo-list .ck{flex:0 0 22px;width:22px;height:22px;margin-top:1px;border-radius:50%;border:2px solid #c9d6d2;background:#fff;position:relative;transition:background .25s ease,border-color .25s ease}
.expo-list li.on .ck{background:#0d8b70;border-color:#0d8b70}
.expo-list li.on .ck::after{content:"";position:absolute;left:6px;top:2.5px;width:5px;height:10px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.expo-list b{display:block;font-size:13px;line-height:1.25;color:var(--ink)}
.expo-list small{display:block;margin-top:2px;font-size:11px;line-height:1.35;color:var(--muted)}
.expo-list li:not(.on) b{text-decoration:line-through;text-decoration-color:rgba(7,59,67,.25)}
.expo-list li.pop{animation:expoPop .6s ease;background:#ecf9f4}
@keyframes expoPop{0%{transform:scale(.97)}45%{transform:scale(1.02)}100%{transform:scale(1)}}
.expo-next{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding:12px 13px;border-radius:14px;background:#ecf9f4;border:1px solid #b4e6d6}
.expo-next[hidden],.expo-max[hidden],.expo-conf[hidden]{display:none}
.expo-next p{flex:1;min-width:180px;margin:0;font-size:12.5px;line-height:1.4;font-weight:650;color:#17393a}
.expo-next p b{color:#0d8b70}
.expo-next button{flex:0 0 auto;min-height:44px;border:0;border-radius:12px;padding:0 14px;background:linear-gradient(90deg,#04545d,#0aa083);color:#fff;font-weight:800;font-size:12.5px;cursor:pointer}
.expo-max{margin-top:12px;padding:12px 13px;border-radius:14px;background:linear-gradient(135deg,#f3f8ea,#fbf3d8);border:1px solid rgba(184,134,11,.4);font-size:12.5px;font-weight:800;color:#7a5a08}
.expo-conf{margin-top:10px;font-size:11.5px;line-height:1.4;font-weight:650;color:#8a6a1c}
.expo-legal{display:block;margin-top:10px;font-size:10.5px;line-height:1.4;color:#8a9a98}
@media(max-width:559px){.expo-next button{width:100%}}

/* v5.5 · pastillas pegadas a la barra y bloque más compacto */
.pz-pillbox{margin-top:10px}
.pz-pillhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:7px}
.pz-pillhead span{font-size:10.5px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#0b8b70}
.pz-pillhead b{font-family:var(--display);font-size:16px;color:#0d8b70}
.pz-pills{display:flex;flex-wrap:wrap;gap:6px}
.pz-pills span{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;border:1px dashed #c3d3cf;background:#fff;color:#93a5a2;font-size:11px;font-weight:800;white-space:nowrap;transition:background .25s ease,color .25s ease,border-color .25s ease}
.pz-pills span.on{border:1px solid #0d8b70;background:#0d8b70;color:#fff}
.pz-pills span.on::before{content:"✓";font-size:10px}
.pz-pills.is-max span.on{border-color:#96700b;background:linear-gradient(90deg,#b8860b,#96700b)}
.pz-pills span.na{border-style:solid;border-color:#e3ebe8;background:#f3f6f5;color:#a9b6b3;text-decoration:line-through}
.pz-pills span.pop{animation:pillPop .55s cubic-bezier(.2,.9,.3,1.3)}
@keyframes pillPop{0%{transform:scale(.6);opacity:.3}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
.pz-verdict{margin-top:10px;padding:12px 14px}
.pz-verdict-head{align-items:center;flex-wrap:nowrap}
.pz-verdict-head>div{min-width:0}
.pz-verdict-head>div b{display:block}
.pz-verdict-head>div span{display:block;margin-top:3px}
.pz-verdict-head #pz-pin{flex:0 0 auto;padding-bottom:7px}
.pz-verdict p{margin-top:7px;font-size:12px}
.pz-save{margin-top:8px;padding:9px 12px}
.pz-save b{font-size:17px}
.expo{margin-top:10px;padding:13px 14px 12px}
.expo-meter{margin:9px 0 2px}
.expo-list{margin-top:6px;gap:0}
.expo-list li{padding:6px 6px;gap:9px}
.expo-list .ck{flex-basis:19px;width:19px;height:19px}
.expo-list li.on .ck::after{left:5px;top:2px;width:4px;height:8px;border-width:0 2px 2px 0}
.expo-list b{font-size:12.5px}
.expo-list small{font-size:10.5px;margin-top:1px}
.expo-list li.na{opacity:.55}
.expo-list li.na .ck{border-style:dashed}
.expo-list li.na b{text-decoration:none;color:#7a8b87}
@media(min-width:700px){.expo-list{grid-template-columns:1fr 1fr;column-gap:10px}}
.expo-next{margin-top:9px;padding:10px 12px}
.expo-max{margin-top:9px;padding:10px 12px}
.expo-conf{margin-top:9px;padding:10px 12px;border-radius:13px;background:#fbf6e3;border:1px solid rgba(184,134,11,.22);color:#5d4706}
@media(max-width:559px){.pz-pills span{height:26px;padding:0 9px;font-size:10.5px}.pz-verdict-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.pz-pills span.pop{animation:none}}

/* paso 4 · la ficha como se va a ver en CoCo */
.review-preview{min-width:0}
.review-pinbox{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding:12px 14px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.review-pinmap{position:relative;flex:0 0 190px;height:96px;border-radius:14px;overflow:hidden;background:linear-gradient(0deg,transparent 46%,#dcd8d2 46%,#dcd8d2 54%,transparent 54%),linear-gradient(100deg,transparent 70%,#dcd8d2 70%,#dcd8d2 76%,transparent 76%),#f1eeea;display:grid;place-items:center}
.review-pinmap .pinp{position:relative;z-index:2;margin-top:-16px}
.pinp-lot{position:absolute;left:50%;top:50%;width:44px;height:30px;margin:2px 0 0 -22px;transform:skewX(-8deg);border:1.5px solid var(--pc,#3f9b84);background:color-mix(in srgb,var(--pc,#3f9b84) 22%,transparent);border-radius:3px}
.pinp-lot[data-zone="opp"],.pinp-lot[data-zone="good"]{--pc:#0d8b70}.pinp-lot[data-zone="fair"]{--pc:#5fbfa5}.pinp-lot[data-zone="high"]{--pc:#c65c55}.pinp-lot[data-zone="none"]{--pc:#7b8785}
.review-pinbox p{margin:0;font-size:12.5px;line-height:1.4;font-weight:650;color:#4f6f72}
.fx{max-width:460px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 18px 44px rgba(0,67,76,.12)}
.fx-gal{position:relative;height:250px;background:#e6f0ed center/cover no-repeat;display:grid;place-items:center}
.fx-nophoto{font-family:var(--display);font-size:40px;font-weight:700;color:var(--green)}
.fx-nav{position:absolute;top:50%;width:38px;height:38px;margin-top:-19px;border:0;border-radius:50%;background:rgba(2,36,42,.62);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.fx-nav.prev{left:10px}.fx-nav.next{right:10px}
.fx-count{position:absolute;right:10px;bottom:9px;padding:6px 10px;border-radius:999px;background:rgba(2,36,42,.74);color:#fff;font:800 11.5px/1 Inter,sans-serif}
.fx-body{padding:16px 16px 18px}
.fx-title{margin:0;font:800 21px/1.15 Quicksand,Inter,sans-serif;letter-spacing:-.02em;color:#10262b}
.fx-loc{margin:5px 0 0;font:600 13px/1.3 Inter,sans-serif;color:#6d7f7b}
.fxh{--c:#0d8b70;--bg:#ecf9f4;--ln:rgba(184,134,11,.4);position:relative;overflow:hidden;margin:14px 0 0;padding:15px 15px 13px;border-radius:20px;background:var(--bg);border:1px solid var(--ln)}
.fxh-mid{--c:#3f9b84;--bg:#f2faf7}
.fxh-none{--c:#3f5a56;background:linear-gradient(135deg,#f6f8f3,#fbf4dc)}
.fxh-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fxh-tag{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:999px;background:var(--c);color:#fff;font:900 11.5px/1 Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.fxh-tag-pago{background:#96700b}
.fxh-pct{font:800 13.5px/1.2 Inter,sans-serif;color:var(--c)}
.fxh-price{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-top:11px}
.fxh-price b{white-space:nowrap;font:800 34px/1 Quicksand,Inter,sans-serif;letter-spacing:-.04em;color:#10262b;font-variant-numeric:tabular-nums}
.fxh-price span{font:700 14px/1 Inter,sans-serif;color:#6d7f7b}
.fxh-save{display:flex;align-items:baseline;gap:5px 8px;flex-wrap:wrap;margin-top:13px;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.86);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 6px 16px rgba(20,60,55,.06)}
.fxh-save b{font:800 27px/1 Quicksand,Inter,sans-serif;letter-spacing:-.03em;color:var(--c);font-variant-numeric:tabular-nums}
.fxh-save span{font:800 14.5px/1.15 Inter,sans-serif;color:#17393a}
.fxh-scale{position:relative;height:9px;margin:17px 9px 0;border-radius:999px;background:linear-gradient(to right,#20b999 0,#bfe9dd 34%,#dfe5e3 46%,#dfe5e3 54%,#f1c9c5 66%,#e66f68 100%)}
.fxh-zone{position:absolute;left:50%;top:-4px;width:2px;height:17px;margin-left:-1px;border-radius:2px;background:#17393a;opacity:.5}
.fxh-dot{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#fff;border:5px solid var(--c);box-shadow:0 3px 10px rgba(20,50,48,.25);transition:left .9s cubic-bezier(.2,.8,.2,1)}
.fxh.is-in .fxh-dot{left:var(--x)}
.fxh-scale-lbl{display:flex;justify-content:space-between;margin-top:8px;font:700 11px/1 Inter,sans-serif;color:#7a8b87}
.fxh-scale-lbl span:nth-child(2){color:#51655f}
.fxh-bars{margin-top:14px;display:grid;gap:10px}
.fxh-row{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:baseline}
.fxh-row span{font:700 12.5px/1 Inter,sans-serif;color:#51655f}
.fxh-row em{font:800 14px/1 Inter,sans-serif;font-style:normal;color:#17393a;font-variant-numeric:tabular-nums}
.fxh-row i{grid-column:1/-1;display:block;height:11px;border-radius:999px;background:rgba(23,57,58,.08);overflow:hidden}
.fxh-row u{display:block;height:100%;width:0;border-radius:999px;background:var(--c);text-decoration:none;transition:width .9s cubic-bezier(.2,.8,.2,1)}
.fxh-row.zone u{background:#9db0ab}
.fxh.is-in .fxh-row u{width:var(--w)}
.fxh-foot{margin-top:12px;font:600 12px/1.45 Inter,sans-serif;color:#5d726e}
.fxh-gold{background:linear-gradient(135deg,#ecf9f4 0,#f3f8ea 58%,#fbf3d8 100%);box-shadow:0 12px 30px rgba(184,134,11,.14)}
.fxh-gold::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.8),rgba(255,255,255,0));transform:skewX(-18deg);pointer-events:none}
.fxh-gold.is-in::after{animation:fxShine 1.1s .3s ease-out 1 both}
@keyframes fxShine{from{left:-60%}to{left:130%}}
.fx-adv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.fx-adv>div{padding:10px 8px;border-radius:14px;background:#fbf6e3;border:1px solid rgba(184,134,11,.22);text-align:center}
.fx-adv b{display:block;font:800 12.5px/1.2 Inter,sans-serif;color:#5d4706}
.fx-adv span{display:block;margin-top:3px;font:600 10.5px/1.25 Inter,sans-serif;color:#7a6a3a}
.fx-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.fx-chips>div{padding:11px 8px;border-radius:14px;background:#f4f7f6;text-align:center}
.fx-chips b{display:block;font:800 15px/1.1 Inter,sans-serif;color:#10262b}
.fx-chips span{display:block;margin-top:4px;font:700 11px/1 Inter,sans-serif;color:#6d7f7b}
.fx-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.fx-tags span{padding:7px 10px;border-radius:999px;background:#f1f7f5;font:700 11px/1 Inter,sans-serif;color:#17393a}
.fx-desc{margin:12px 0 0;font:500 13px/1.5 Inter,sans-serif;color:#3d5a5c;white-space:pre-line;overflow-wrap:anywhere}
.fx-cta{margin-top:16px;text-align:center}
.fx-wa{display:grid;place-items:center;height:50px;border-radius:15px;background:#0f9b72;color:#fff;font:800 15px/1 Inter,sans-serif}
.fx-cta small{display:block;margin-top:7px;font:600 11px/1.3 Inter,sans-serif;color:#6d7f7b}
.review-note{margin:12px auto 0;max-width:460px;padding:11px 13px;border-radius:13px;background:#fbf6e3;border:1px solid rgba(184,134,11,.22);font-size:12px;line-height:1.45;font-weight:650;color:#5d4706}
.review-note[hidden]{display:none}
.review-legal{display:block;max-width:460px;margin:10px auto 0;font-size:10.5px;line-height:1.4;color:#8a9a98;text-align:center}
@media(max-width:559px){.review-pinmap{flex-basis:150px}.fx-gal{height:220px}}
@media(prefers-reduced-motion:reduce){.fxh-dot,.fxh-row u{transition:none}.fxh-gold.is-in::after,.expo-list li.pop,.expo.up .expo-head strong{animation:none}}

.review-market[data-zone]{border:1px solid #cfe7df}
.review-market[data-zone="high"]{background:#fbf2f0;border-color:#f0c9c4}
.review-market b{font-size:12px}
.review-market span{color:#58706f}
@media(max-width:559px){.quote-card{padding:20px 18px;border-radius:20px}.price-card{padding:16px 14px;border-radius:20px}.pz-verdict-head b{font-size:19px}}
@media(prefers-reduced-motion:reduce){.quote-teaser i,.quote-loading i{animation:none!important}}