/* Capa de interfaz Eko Varmo sobre el visor G10 (solo embebido: html.ekw-embed).
   Panel a la izquierda con tarjetas por atributo (estilo Tesla: nombre de lo elegido +
   descripcion + muestras), barra de iconos sobre el visor (estilo Contura). No toca la
   logica de Martin: los <select> originales siguen mandando; la capa los refleja y acciona.
   Pasada de integracion 22/09 (noche), pedido de Diego: panel blanco sin barra de scroll,
   botones con el mismo vidrio/radio del sitio, sin volanta ni resumen bajo el nombre; en
   celular el modelo queda fijo arriba, las opciones se desplazan debajo y una barra inferior
   fija muestra precio + ficha (como el configurador de Tesla). */
html.ekw-embed model-viewer{--progress-bar-height:0px;--progress-bar-color:transparent;--progress-mask:transparent}
html.ekw-embed main{grid-template-columns:420px minmax(0,1fr);position:relative}
html.ekw-embed aside{order:-1;background:#FFFFFF;border-right:1px solid #E7E4DF;padding:26px 24px 34px;scrollbar-width:none}
html.ekw-embed aside::-webkit-scrollbar{display:none}
html.ekw-embed aside>h1,html.ekw-embed aside>.intro,html.ekw-embed .config-steps,html.ekw-embed .configuration-card,html.ekw-embed .scene-buttons{display:none}
/* el boton y el aviso del entorno de Martin viven en la barra de iconos (Entorno); el consejo
   "Arrastra para girar - rueda para acercar al puntero" ya no describe el zoom al centro */
html.ekw-embed #architecture-toggle,html.ekw-embed #architecture-status,html.ekw-embed #status{display:none !important}
/* --- cabecera del panel: nombre + precio + ficha --- */
/* cabecera alineada con el texto de las tarjetas (mismo padding lateral) */
.ekw-p-head{padding:0 18px}
.ekw-p-name{font-family:'Schibsted Grotesk',sans-serif;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0;color:#1D1B18;display:flex;align-items:center;gap:8px}
/* flechita hacia abajo junto al titulo (Diego 23/09) */
.ekw-p-flecha{width:20px;height:20px;color:#6E6A63;flex:none;position:relative;top:1px}
.ekw-p-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:10px 0 20px;font-size:14px}
.ekw-p-price[hidden]{display:none}
.ekw-p-price strong{font-family:'Schibsted Grotesk',sans-serif;font-size:21px;font-weight:700;letter-spacing:-.01em;color:#1D1B18}
.ekw-p-price s{color:#6E6A63;font-weight:400}
.ekw-p-price{margin:12px 0 12px}
.ekw-p-price-nota{font-size:11.5px;color:#6E6A63;flex-basis:100%}
/* tarjeta final "Tu estufa": modelo exacto + configuracion + precio + botones (Diego: al final) */
.ekw-final{background:#F5F4F1;border:1px solid #E7E4DF;border-radius:12px;padding:16px 18px 18px;margin:4px 0 0}
.ekw-final-name{font-family:'Schibsted Grotesk',sans-serif;font-size:19px;font-weight:700;letter-spacing:-.015em;color:#1D1B18;margin:0;line-height:1.15}
.ekw-final-sum{font-size:13px;color:#6E6A63;margin:4px 0 0;line-height:1.45}
.ekw-final .ekw-p-actions{margin-bottom:0}
/* acciones: "Ir a la estufa" (tinta) + "Ver ficha" (vidrio, genera el PDF). Prefijo html.ekw-embed
   para ganarle al button:hover del parche embebido. */
.ekw-p-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.ekw-p-actions[hidden]{display:none}
html.ekw-embed .ekw-btn-ink,html.ekw-embed .ekw-btn-glass{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:11px 16px;font:600 13.5px/1 'Instrument Sans',sans-serif;cursor:pointer;text-decoration:none;-webkit-appearance:none;appearance:none;width:auto;margin:0;transition:background .15s,border-color .15s}
html.ekw-embed .ekw-btn-ink,html.ekw-embed .ekw-btn-ink:hover{background:#1D1B18;color:#FFFFFF;border:1px solid #1D1B18}
html.ekw-embed .ekw-btn-ink:hover{background:#000000}
html.ekw-embed .ekw-btn-glass{background:rgba(29,27,24,.05);color:#1D1B18;border:1px solid rgba(29,27,24,.38)}
html.ekw-embed .ekw-btn-glass:hover:not(:disabled){background:rgba(29,27,24,.10);color:#1D1B18;border-color:#1D1B18}
html.ekw-embed .ekw-btn-glass:disabled{opacity:.55;cursor:default}
.ekw-btn-ink[hidden],.ekw-btn-glass[hidden]{display:none !important}
.ekw-groups{margin-top:18px}
/* degradado inferior del visor hacia el blanco de la pagina (Diego: como Tesla) */
/* Diego 23/09: sin difuminado en PC; en celular si (funde el visor fijo con el panel) */
.ekw-fade{display:none;position:absolute;left:0;right:0;bottom:0;height:13%;pointer-events:none;z-index:4;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 50%,#FFFFFF 100%)}
/* --- tarjetas por atributo --- */
.ekw-g{background:#FFFFFF;border:1px solid #E7E4DF;border-radius:12px;padding:16px 18px 18px;margin:0 0 10px}
.ekw-g[hidden]{display:none}
.ekw-g-lab{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6E6A63;margin-bottom:10px}
.ekw-g-sel{font-family:'Schibsted Grotesk',sans-serif;font-size:15.5px;font-weight:700;color:#1D1B18;margin:0;line-height:1.25}
.ekw-g-desc{font-size:13px;color:#6E6A63;margin:3px 0 12px;line-height:1.45;min-height:1.45em}
.ekw-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* botones de vidrio del sitio (radio 8, borde .38, fondo .05); elegido = tinta */
.ekw-chip{-webkit-appearance:none;appearance:none;width:auto;margin:0;border:1px solid rgba(29,27,24,.38);background:rgba(29,27,24,.05);color:#1D1B18;border-radius:8px;padding:9px 14px;font:600 13px/1 'Instrument Sans',sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .15s,color .15s,border-color .15s}
.ekw-chip:hover{border-color:#1D1B18;background:rgba(29,27,24,.10);color:#1D1B18}
.ekw-chip[aria-pressed="true"],.ekw-chip[aria-pressed="true"]:hover{background:#1D1B18;color:#FFFFFF;border-color:#1D1B18}
/* muestras redondas (puerta, vidrio, revestimiento), como Tesla */
.ekw-sw{-webkit-appearance:none;appearance:none;width:44px;height:44px;margin:0;padding:0;border-radius:50%;border:2px solid transparent;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s}
.ekw-sw i{display:block;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14),inset 0 -6px 10px rgba(0,0,0,.18),inset 0 6px 10px rgba(255,255,255,.28)}
.ekw-sw:hover{border-color:rgba(29,27,24,.35)}
.ekw-sw[aria-pressed="true"]{border-color:#1D1B18}
.ekw-g-note{font-size:12px;color:#6E6A63;margin:10px 0 0;line-height:1.45}
/* opcion no disponible (p. ej. NightFlame con puerta serigrafiada) */
.ekw-sw:disabled,.ekw-chip:disabled{cursor:not-allowed}
.ekw-sw:disabled{position:relative;opacity:.55}
.ekw-sw:disabled:hover{border-color:transparent}
.ekw-sw:disabled i{opacity:.35}
.ekw-sw:disabled::after{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:#6E6A63;transform:rotate(-45deg)}
.ekw-chip:disabled{opacity:.4;text-decoration:line-through}
/* --- barra de iconos sobre el visor (vidrio del sitio) --- */
.ekw-tools{position:absolute;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;z-index:5}
.ekw-tool,.ekw-tool:hover,.ekw-tool:focus,.ekw-tool:active{-webkit-appearance:none;appearance:none;background:none !important;border:0 !important;padding:0;margin:0;width:auto;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:#1D1B18 !important;font:500 11.5px 'Instrument Sans',sans-serif;box-shadow:none}
.ekw-tool i{width:46px;height:46px;border-radius:50%;border:1px solid rgba(29,27,24,.38);background:rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;color:#1D1B18;transition:border-color .15s,transform .15s,background .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ekw-tool:hover i{border-color:#1D1B18;background:rgba(255,255,255,.85);transform:scale(1.05)}
.ekw-tool[aria-pressed="true"] i{border-color:#1D1B18;box-shadow:inset 0 0 0 2px #1D1B18}
.ekw-tool[aria-pressed="true"] span{font-weight:700}
.ekw-tool:disabled{opacity:.45;cursor:default}
.ekw-tool svg{width:22px;height:22px;display:block}
/* --- barra inferior fija (solo celular): precio + ficha, como Tesla --- */
#ekwBar{display:none}
@media (max-width:750px){
  html.ekw-embed main{display:block}
  /* sin barra de scroll visible en el documento del visor (en el celular es superpuesta; en la vista previa de Odoo aparecia como segunda barra) */
  html.ekw-embed{scrollbar-width:none}
  html.ekw-embed::-webkit-scrollbar{display:none;width:0;height:0}
  html.ekw-embed model-viewer{position:sticky;top:0;height:46svh !important;min-height:280px;z-index:3;background:#FFFFFF}
  html.ekw-embed aside{order:0;height:auto;border-right:0;border-top:1px solid #E7E4DF;padding:18px 16px 110px}
  .ekw-p-head{padding:0 16px}
  .ekw-p-name{font-size:21px}
  .ekw-groups{margin-top:14px}
  .ekw-g{padding:14px 16px 16px}
  /* celular: barra de iconos centrada y mas chica para no tapar la estufa (Diego) */
  .ekw-tools{top:auto;bottom:10px;right:auto;left:50%;transform:translateX(-50%);flex-direction:row;gap:8px}
  .ekw-tool span{display:none}
  .ekw-tool i{width:36px;height:36px;background:rgba(255,255,255,.7)}
  .ekw-tool svg{width:18px;height:18px}
  #ekwBar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #E7E4DF}
  #ekwBar[hidden]{display:none}
  .ekw-bar-txt{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
  /* el nombre ya no se recorta con puntos suspensivos: puede pasar a dos lineas */
  .ekw-bar-name{font-size:12px;color:#6E6A63;line-height:1.2;overflow-wrap:anywhere}
  .ekw-bar-txt strong{font-family:'Schibsted Grotesk',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.01em;color:#1D1B18;line-height:1.1;white-space:nowrap}
  .ekw-bar-txt s{font-size:12px;color:#6E6A63;font-weight:400;margin-left:6px}
  .ekw-bar-btns{display:flex;gap:6px;flex:none}
  .ekw-bar-btn{flex:none;background:#1D1B18;color:#FFFFFF;border-radius:8px;padding:11px 13px;font:600 13px/1 'Instrument Sans',sans-serif;text-decoration:none;display:inline-flex;align-items:center;white-space:nowrap}
  .ekw-bar-btn[hidden]{display:none}
  html.ekw-embed .ekw-bar-pdf{padding:11px 11px;font-size:13px}
  .ekw-p-actions{display:none !important}
  .ekw-fade{display:block;height:30%}
}