@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..900&family=Instrument+Sans:wght@400;500;600;700&display=swap');
/* Modo integrado: el simulador adopta el lenguaje del sitio (tipografía, color, radios) cuando vive dentro de él. */
html.embed{--bg:transparent;--surface:rgba(255,255,255,.04);--line:rgba(255,255,255,.13);--muted:#A3A5AA;--red:#E3372E;--white:#F1F0ED;--heading:'Archivo','Helvetica Neue',Arial,sans-serif;--body:'Instrument Sans','Segoe UI',system-ui,sans-serif;--card:rgba(255,255,255,.035);--card-2:rgba(255,255,255,.06);color-scheme:dark}
html.embed,html.embed body{background:transparent!important;font-family:var(--body)}
html.embed body{font-size:15px}
html.embed .topbar,html.embed .heading,html.embed footer,html.embed .skip,html.embed .space-carousel-dots{display:none!important}
html.embed .page-content{padding:0!important}
html.embed main{padding:0!important;max-width:none!important}
html.embed h1,html.embed h2,html.embed h3{font-family:var(--heading);text-transform:none;letter-spacing:-.012em;font-stretch:108%}
/* pasos */
html.embed .section-label{gap:12px;margin-bottom:14px}
html.embed .step-number{font:500 11px/1 var(--mono,'JetBrains Mono',ui-monospace,monospace);letter-spacing:.14em;color:var(--red);padding:5px 8px;border:1px solid color-mix(in srgb,var(--red) 55%,transparent);border-radius:999px}
html.embed .section-label h2,html.embed .page-content .section-label h2,html.embed .page-content .space-section .area-heading h2,html.embed .space-section .area-heading h2{font:780 clamp(1.15rem,1.7vw,1.5rem)/1.1 var(--heading);letter-spacing:-.012em;text-transform:none;color:#fff}
html.embed .space-section .area-heading p,html.embed .page-content .space-section .area-heading p{margin:5px 0 0;font-size:.9rem;color:var(--muted)}
html.embed .result-count{font:500 11px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
html.embed .space-section{padding-top:0}
/* tres mensajes en lugar del carrusel */
html.embed .space-carousel{height:auto!important;aspect-ratio:auto!important;overflow:visible!important;background:none!important;margin:0 0 16px!important}
html.embed .space-carousel-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;transform:none!important;position:static!important;height:auto!important;width:auto!important}
html.embed .space-slide{position:relative!important;inset:auto!important;opacity:1!important;visibility:visible!important;height:116px;border-radius:12px;overflow:hidden;border:1px solid var(--line);transition:none}
html.embed .space-slide:nth-child(n+4){display:none!important}
html.embed .space-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.8)}
html.embed .space-slide::after{background:linear-gradient(90deg,rgba(8,9,10,.9) 0%,rgba(8,9,10,.62) 55%,rgba(8,9,10,.15) 100%)!important}
html.embed .space-slide-content{position:absolute!important;inset:auto 0 0 0!important;left:0!important;z-index:2;max-width:none!important;width:auto!important;padding:14px 16px!important;display:grid;gap:3px;transform:none!important;margin:0!important;top:auto!important}
html.embed .space-slide-content h3{font:760 1rem/1.15 var(--heading);margin:0;color:#fff}
html.embed .space-slide-content p{margin:0;font-size:.8rem;line-height:1.4;color:rgba(255,255,255,.78);max-width:34ch}
html.embed .space-slide-content h3::before{content:none!important}
/* tamaños en tarjetas */
html.embed #sizes{max-width:none!important;display:block!important}
html.embed .area-table-wrap{border:0!important;background:none!important;box-shadow:none!important}
html.embed .area-table,html.embed .area-table tbody{display:block;width:100%}
html.embed .area-table thead{display:none}
html.embed .area-table tbody{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
html.embed .area-table tbody tr{display:grid;gap:3px;align-content:start;padding:14px 13px 13px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;transition:border-color .18s,background .18s,transform .18s;position:relative}
html.embed .area-table tbody tr:hover{border-color:rgba(255,255,255,.4);transform:translateY(-2px)}
html.embed .area-table th,html.embed .area-table td{display:block;padding:0!important;border:0!important;text-align:left}
html.embed .area-table tbody th{font:800 clamp(1.25rem,1.8vw,1.65rem)/1 var(--heading);font-stretch:108%;color:#fff;margin-bottom:6px}
html.embed .area-table td{font-size:.84rem;color:var(--white);font-variant-numeric:tabular-nums}
html.embed .area-table td::before{display:block;font:500 9.5px/1.3 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px}
html.embed .area-table td:nth-of-type(1)::before{content:"Desde"}
html.embed .area-table td:nth-of-type(1){font-weight:650;font-size:.96rem}
html.embed .area-table td:nth-of-type(2)::before{content:"Gift Card"}
html.embed .area-table td:nth-of-type(2){color:#E8C984}
html.embed .area-table tbody tr[aria-selected="true"]{border-color:var(--red);background:color-mix(in srgb,var(--red) 14%,transparent);box-shadow:inset 0 -3px 0 var(--red)!important}
html.embed #sizes::after{content:"Precios con IVA y envío incluidos. El cupo de equipamiento se calcula antes del redondeo.";display:block;margin-top:10px;font-size:.78rem;color:var(--muted)}
html.embed .space-section>.micro,html.embed .page-content .space-section>.micro{display:none}
/* plano */
html.embed .layout-panel{border:1px solid var(--line)!important;border-radius:14px;background:var(--card)!important;padding:20px!important;margin:22px 0!important}
html.embed .layout-panel .section-label{margin-bottom:12px}
html.embed #floorplan{background:rgba(0,0,0,.28)!important;border-radius:10px}
html.embed .gym-photo-wrap img{border-radius:10px}
html.embed .equipment-tab{border:1px solid var(--line)!important;border-radius:10px;background:transparent!important;overflow:hidden}
html.embed .equipment-tab>summary{font-family:var(--body)}
/* catálogo */
html.embed .catalog-live{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:12px;padding:12px 16px;margin-bottom:16px}
html.embed .catalog-live .live-dot{background:var(--red)}
html.embed .catalog-live p{font-size:.86rem;color:var(--muted)}
html.embed .outline,html.embed .page-content .outline{border-radius:6px;border-color:var(--line);color:var(--white);background:transparent}
html.embed .outline:hover{background:var(--card-2);border-color:rgba(255,255,255,.4)}
html.embed .line-filter .filter,html.embed .page-content .filter{border-radius:999px;border-color:var(--line);background:transparent;color:var(--muted);min-height:36px;padding:7px 14px;font-size:.86rem}
html.embed .line-filter .filter small{border-color:rgba(255,255,255,.18);color:var(--muted)}
html.embed .filter[aria-pressed="true"]{background:var(--white)!important;color:#111!important;border-color:var(--white)!important}
html.embed .filter[aria-pressed="true"] small{color:#555!important;border-color:#bbb!important}
html.embed .sort-control select{background:transparent;border-radius:8px;border-color:var(--line);color:var(--white)}
html.embed .page-content #catalogo .product-card{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden!important}
html.embed .page-content #catalogo .product-card:hover{border-color:rgba(255,255,255,.4)!important}
html.embed .page-content #catalogo .product-card.is-selected{border-color:var(--red)!important;box-shadow:0 0 0 1px var(--red) inset}
html.embed .page-content #catalogo .image-button{border-bottom:0!important;background:#1a1c1e}
html.embed .page-content #catalogo .product-card h3,html.embed .product-card h3{font:650 .98rem/1.25 var(--body)!important;text-transform:none!important;letter-spacing:0!important;color:#fff;font-stretch:100%}
html.embed .product-card .product-meta{font:500 10px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.1em}
html.embed .product-card.line-spa .product-meta{color:#E8C984}
html.embed .page-content #catalogo .add-button,html.embed .add-button{border-radius:8px;border-color:var(--line);background:transparent}
html.embed .page-content #catalogo .add-button:not(:disabled):hover{background:var(--card-2);border-color:rgba(255,255,255,.5)}
html.embed .add-button.is-added{background:color-mix(in srgb,var(--red) 18%,transparent)!important;border-color:var(--red)!important}
html.embed .product-controls select{border-radius:8px;border-color:var(--line);background:transparent}
/* resumen */
html.embed .summary{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:14px;box-shadow:none!important;overflow:hidden}
html.embed .summary-body{background:none}
html.embed .summary h2{font:780 1.35rem/1.1 var(--heading);text-transform:none}
html.embed .summary-size{font-family:var(--heading);font-weight:800}
html.embed .summary-top .eyebrow{font:500 10.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;color:var(--muted)}
html.embed .summary-total{border-color:var(--line)}
html.embed .primary{border-radius:4px;background:var(--red);border-color:var(--red);font-weight:650}
html.embed .primary:hover:not(:disabled){background:#F25247}
html.embed progress{accent-color:var(--red)}
html.embed .compact-item{border-color:var(--line)}
/* diálogos */
html.embed dialog{background:#141517;color:var(--white);border:1px solid var(--line);border-radius:16px}
html.embed dialog::backdrop{background:rgba(6,6,7,.7);backdrop-filter:blur(4px)}
html.embed .quote-dialog h2,html.embed .detail-dialog h2{font-family:var(--heading);text-transform:none}
@media (max-width:1180px){html.embed .area-table tbody{grid-template-columns:repeat(4,minmax(0,1fr))}html.embed .space-carousel-track{grid-template-columns:1fr}html.embed .space-slide{height:96px}}
@media (max-width:760px){html.embed .area-table tbody{grid-template-columns:repeat(2,minmax(0,1fr))}html.embed .layout-panel{padding:14px!important}}
/* catálogo más compacto: más equipos por pantalla */
html.embed .page-content #catalogo .product-grid{grid-template-columns:repeat(auto-fill,minmax(188px,1fr))!important;grid-auto-rows:auto!important;gap:14px!important}
html.embed .page-content #catalogo .product-card{min-height:0!important}
html.embed .page-content #catalogo .image-button{height:150px!important;min-height:150px!important;flex-basis:150px!important}
html.embed .page-content #catalogo .product-info{padding:12px 13px 13px!important;gap:8px!important}
html.embed .page-content #catalogo .product-card h3{min-height:0!important;font-size:.92rem!important}
html.embed .step-number{padding:5px 9px;white-space:nowrap;font-size:11px;min-width:34px;text-align:center}
html.embed .page-content #catalogo .add-button{height:40px!important;min-height:40px!important;flex-basis:40px!important}
html.embed .area-table,html.embed .area-table-wrap,html.embed #sizes{min-width:0!important;max-width:100%!important;width:100%!important;overflow:visible}
html.embed .area-table tbody tr{min-width:0}
html.embed body{overflow-x:hidden}
@media (max-width:760px){html.embed .area-table tbody{grid-template-columns:repeat(2,minmax(0,1fr))!important}html.embed .area-table tbody th{font-size:1.2rem}}
