/* =========================================================================
   Inlab Muebles — Propuesta B (fondo blanco, negro #1D1D1F; el rojo de marca
   solo en el logo y en el contador del carrito)
   ========================================================================= */
:root {
  --in-bg: #FFFFFF; --in-text: #1D1D1F; --in-text2: #6E6E73; --in-muted: #6E6E73; --in-label: #6E6E73;
  --in-line: #D2D2D7; --in-border: #D2D2D7; --in-panel: #F2F2F4; --in-panel-red: #FDF1F1;
  /* El rojo de marca quedó solo en el logo y en el contador del carrito
     (ese lo pinta componentes.css con --c-marca). Todo lo que en esta hoja
     usaba --in-red pasa al negro del texto: así no queda rojo suelto. */
  --in-red: #1D1D1F; --in-red-dark: #000000; --in-black: #1D1D1F;
  --in-marca: #C60203;
  --in-head: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --in-body: "Figtree", "Helvetica Neue", Arial, sans-serif;
  --in-r-panel: 20px; --in-r-thumb: 16px; --in-container: 1440px;
}
html { -webkit-text-size-adjust: 100%; }
body.inlab { margin: 0; background: var(--in-bg); color: var(--in-text); font-family: var(--in-body); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
body.inlab *, body.inlab *::before, body.inlab *::after { box-sizing: border-box; }
body.inlab img { max-width: 100%; height: auto; }
body.inlab a { color: inherit; text-decoration: none; transition: color .15s ease; }
body.inlab a:hover { color: var(--in-red); }
body.inlab h1, body.inlab h2, body.inlab h3, body.inlab h4 { font-family: var(--in-head); font-weight: 500; margin: 0; color: var(--in-text); line-height: 1.1; }
body.inlab button { font-family: inherit; cursor: pointer; }
body.inlab :focus-visible { outline: 2px solid var(--in-black); outline-offset: 3px; border-radius: 4px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.inlab-skip { position: absolute; left: -9999px; top: 8px; background: var(--in-black); color: #fff; padding: 10px 16px; border-radius: 999px; z-index: 1000; }
body.inlab a.inlab-skip:focus { left: 16px; color: #fff; }
.inlab-container { max-width: var(--in-container); margin: 0 auto; padding: 0 24px; }
.inlab-main { min-height: 50vh; }
.inlab-icon { display: inline-block; vertical-align: middle; flex: none; }

/* ---------- Botones ---------- */
.inlab-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 22px; border-radius: 999px; border: 1px solid transparent; font-family: var(--in-body); font-weight: 500; font-size: 15px; line-height: 1; text-decoration: none; transition: background .15s ease, color .15s ease, border-color .15s ease; white-space: nowrap; }
.inlab-btn-dark, body.inlab a.inlab-btn-dark { background: var(--in-black); color: #fff; }
.inlab-btn-dark:hover, .inlab-btn-dark:focus-visible, body.inlab a.inlab-btn-dark:hover { background: var(--in-red); color: #fff; }
.inlab-btn-red, body.inlab a.inlab-btn-red { background: var(--in-red); color: #fff; }
.inlab-btn-red:hover, .inlab-btn-red:focus-visible, body.inlab a.inlab-btn-red:hover { background: var(--in-red-dark); color: #fff; }
.inlab-btn-ghost, body.inlab a.inlab-btn-ghost { background: #fff; color: var(--in-text); border-color: var(--in-border); }
.inlab-btn-ghost:hover, body.inlab a.inlab-btn-ghost:hover { border-color: var(--in-black); color: var(--in-text); }
.inlab-btn-lg { min-height: 56px; padding: 0 28px; font-size: 16px; }
.inlab-btn-sm { min-height: 44px; padding: 0 20px; font-size: 14px; }
.inlab-btn-block { width: 100%; }
.inlab-btn[disabled], .inlab-btn[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
.inlab-btn.loading { opacity: .7; }
.inlab-btn.added::after { content: " ✓"; }
body.inlab a.added_to_cart { display: none; }
.inlab-iconbtn { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; background: none; color: var(--in-text); border-radius: 999px; position: relative; padding: 0; }
.inlab-iconbtn:hover { color: var(--in-red); }

/* ---------- Barra superior + encabezado ---------- */
.inlab-topbar { height: 38px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 13px; color: #6E6E73; border-bottom: 1px solid var(--in-line); padding: 0 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inlab-header { background: #fff; border-bottom: 1px solid var(--in-line); position: sticky; top: 0; z-index: 90; }
.inlab-header-inner { height: 84px; max-width: var(--in-container); margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.inlab-header-left { display: flex; align-items: center; gap: 4px; }
.inlab-header-right { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
.inlab-logo { display: inline-flex; align-items: center; }
.inlab-menu-toggle { display: none; }
.inlab-menu, .inlab-submenu, .inlab-mobile-menu, .inlab-mobile-menu ul { list-style: none; margin: 0; padding: 0; }
.inlab-menu { display: flex; gap: 4px; }
.inlab-menu > li { position: relative; }
.inlab-menu > li > a { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 12px; font-weight: 500; font-size: 15px; border-radius: 999px; }
.inlab-menu .inlab-sub-toggle { display: none; }
.inlab-menu .inlab-submenu { position: absolute; left: 0; top: calc(100% + 6px); min-width: 260px; background: #fff; border: 1px solid var(--in-line); border-radius: 18px; padding: 10px; box-shadow: 0 16px 40px rgba(0,0,0,.08); opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .15s ease, transform .15s ease, visibility .15s; z-index: 95; }
.inlab-menu > li:hover > .inlab-submenu, .inlab-menu > li:focus-within > .inlab-submenu { opacity: 1; visibility: visible; transform: none; }
.inlab-menu .inlab-submenu a { display: block; padding: 9px 12px; border-radius: 10px; font-size: 14px; color: var(--in-text2); }
.inlab-menu .inlab-submenu a:hover { background: var(--in-panel); color: var(--in-text); }
.inlab-cart-count { position: absolute; top: 4px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--in-red); color: #fff; font-size: 11px; font-weight: 500; line-height: 18px; text-align: center; }
.inlab-cart-count[hidden] { display: none; }
.inlab-search { border-top: 1px solid var(--in-line); background: #fff; }
.inlab-search[hidden] { display: none; }
.inlab-search-form { max-width: 720px; margin: 0 auto; padding: 16px 24px; display: flex; gap: 10px; }
.inlab-search-form input[type="search"] { flex: 1; min-height: 48px; border: 1px solid var(--in-border); border-radius: 999px; padding: 0 20px; font: inherit; font-size: 16px; color: var(--in-text); background: #fff; }
.inlab-search-form input[type="search"]:focus { outline: none; border-color: var(--in-black); }
.inlab-mobile-nav { display: none; }

/* ---------- Pie ---------- */
.inlab-footer { background: var(--in-black); color: #fff; margin-top: 96px; }
.inlab-footer-inner { max-width: var(--in-container); margin: 0 auto; padding: 64px 24px 40px; display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 40px; }
.inlab-footer-brand p { max-width: 320px; color: rgba(255,255,255,.8); margin: 18px 0 0; font-size: 15px; }
.inlab-footer-col h2 { color: #fff; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-family: var(--in-body); font-weight: 500; margin-bottom: 16px; }
.inlab-footer-col ul { list-style: none; margin: 0; padding: 0; }
.inlab-footer-col li { margin: 0 0 10px; }
.inlab-footer-col a { color: rgba(255,255,255,.82); font-size: 15px; }
.inlab-footer-col a:hover, .inlab-footer-bottom a:hover { color: #fff; text-decoration: underline; }
.inlab-footer-bottom { border-top: 1px solid rgba(255,255,255,.12); padding: 20px 24px; text-align: center; font-size: 13px; color: rgba(255,255,255,.7); }
.inlab-footer-bottom a { color: rgba(255,255,255,.7); }

/* ---------- Tienda / categorías ---------- */
.inlab-archive { padding-top: 40px; }
.inlab-archive-head { margin-bottom: 40px; }
.inlab-archive-title { display: flex; align-items: baseline; gap: 18px; flex-wrap: wrap; }
.inlab-archive-title h1 { font-size: 52px; font-weight: 500; letter-spacing: -0.04em; }
.inlab-archive-count { margin: 0; color: var(--in-muted); font-size: 15px; }
.inlab-archive-note { color: var(--in-text2); margin: 12px 0 0; max-width: 720px; }
.inlab-archive-bar { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-top: 24px; border-bottom: 1px solid var(--in-line); }
.inlab-tabs { display: flex; gap: 22px; overflow-x: auto; scrollbar-width: none; }
.inlab-tabs::-webkit-scrollbar { display: none; }
.inlab-tab { display: inline-block; padding: 12px 0 14px; font-size: 15px; font-weight: 500; color: #6E6E73; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.inlab-tab:hover { color: var(--in-text); }
.inlab-tab.is-active { color: var(--in-text); border-bottom-color: var(--in-text); }
.inlab-ordering { padding-bottom: 8px; }
.inlab-ordering form { margin: 0; }
.inlab-ordering select, .inlab-select { appearance: none; -webkit-appearance: none; min-height: 44px; padding: 0 40px 0 18px; border: 1px solid var(--in-border); border-radius: 999px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center; font: inherit; font-size: 14px; font-weight: 500; color: var(--in-text); }
.inlab-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 32px; row-gap: 48px; }
.inlab-grid-item { margin: 0; padding: 0; }
.inlab-pagination { margin: 56px 0 0; display: flex; justify-content: center; }
.inlab-pagination .woocommerce-pagination ul.page-numbers { list-style: none; margin: 0; padding: 0; display: flex; gap: 6px; }
.inlab-pagination .page-numbers li a, .inlab-pagination .page-numbers li span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--in-border); font-weight: 500; font-size: 14px; }
.inlab-pagination .page-numbers li span.current { background: var(--in-black); color: #fff; border-color: var(--in-black); }
.inlab-pagination .page-numbers li a:hover { border-color: var(--in-black); color: var(--in-text); }
.inlab-empty { color: var(--in-muted); padding: 40px 0; }

/* ---------- Tarjeta ---------- */
.inlab-card { display: flex; flex-direction: column; height: 100%; }
.inlab-card-media { display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: var(--in-r-thumb); }
.inlab-card-img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform .35s ease; background: #fff; }
.inlab-card:hover .inlab-card-img { transform: scale(1.05); }
.inlab-card-body { padding: 16px 0 14px; flex: 1; }
.inlab-card-cat { margin: 0 0 6px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--in-label); }
.inlab-card-name { font-size: 20px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.2; margin: 0 0 6px; }
.inlab-card-name a:hover { color: var(--in-red); }
.inlab-card-dims { margin: 0; font-size: 14px; color: var(--in-muted); }
.inlab-card-pack { margin: 8px 0 0; font-size: 13px; font-weight: 500; color: var(--in-red); }
.inlab-swatches { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.inlab-swatch { width: 22px; height: 22px; border-radius: 50%; border: 1px solid rgba(0,0,0,.12); padding: 0; box-shadow: 0 0 0 2px #fff inset; position: relative; }
.inlab-swatch.is-active { box-shadow: 0 0 0 2px #fff inset, 0 0 0 1.5px var(--in-black); border-color: var(--in-black); }
.inlab-swatch.is-out::after { content: ""; position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1.5px; background: var(--in-red); transform: rotate(45deg); }
.inlab-swatch-name { font-size: 13px; color: var(--in-muted); margin-left: 4px; }
.inlab-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 14px; border-top: 1px solid var(--in-line); }
.inlab-card-price { font-family: var(--in-head); font-weight: 500; font-size: 20px; letter-spacing: -0.02em; }
.inlab-card-price .woocommerce-Price-currencySymbol { font-weight: 500; }
.inlab-card-price-quote { font-size: 14px; color: var(--in-muted); font-family: var(--in-body); font-weight: 500; }

/* ---------- Ficha ---------- */
.inlab-single { padding-top: 28px; }
.inlab-breadcrumb { font-size: 13px; color: var(--in-muted); margin-bottom: 28px; }
.inlab-breadcrumb a { color: var(--in-muted); }
.inlab-breadcrumb a:hover { color: var(--in-red); }
.inlab-crumb-sep { margin: 0 8px; color: #C9C9C9; }
.inlab-product { display: grid; grid-template-columns: minmax(0, 720px) minmax(0, 1fr); gap: 64px; align-items: start; }
.inlab-gallery { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 16px; }
.inlab-thumbs { display: flex; flex-direction: column; gap: 10px; max-height: 720px; overflow-y: auto; scrollbar-width: none; }
.inlab-thumbs::-webkit-scrollbar { display: none; }
.inlab-thumb { width: 84px; height: 84px; border: 1px solid var(--in-border); border-radius: var(--in-r-thumb); background: #fff; padding: 4px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.inlab-thumb img { width: 100%; height: 100%; object-fit: contain; }
.inlab-thumb.is-active { border-color: var(--in-black); box-shadow: 0 0 0 1px var(--in-black) inset; }
.inlab-thumb-medidas-label { font-size: 12px; font-weight: 500; color: var(--in-text); }
.inlab-stage { position: relative; aspect-ratio: 1 / 1; border-radius: var(--in-r-panel); overflow: hidden; background: #fff; }
.inlab-stage-photo, .inlab-stage-medidas { position: absolute; inset: 0; }
.inlab-stage-medidas[hidden], .inlab-stage-photo[hidden] { display: none; }
.inlab-stage-img { width: 100%; height: 100%; object-fit: contain; display: block; }
.inlab-cotas { position: absolute; inset: 0; width: 100%; height: 100%; stroke: var(--in-black); stroke-width: .35; vector-effect: non-scaling-stroke; }
.inlab-cota { position: absolute; background: #fff; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--in-border); font-size: 13px; font-weight: 500; color: var(--in-text); white-space: nowrap; }
.inlab-cota-ancho { left: 50%; bottom: 1.5%; transform: translate(-50%, 0); }
.inlab-cota-alto { right: 1.5%; top: 50%; transform: translate(0, -50%) rotate(-90deg); transform-origin: right center; }
.inlab-cota-fondo { left: 2%; top: 2%; color: var(--in-muted); }
.inlab-product-summary { padding-top: 6px; }
.inlab-eyebrow { margin: 0 0 14px; font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #6E6E73; }
.inlab-product-title { font-size: 72px; font-weight: 500; letter-spacing: -0.045em; line-height: .98; margin: 0 0 22px; }
.inlab-product-price { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 18px; }
.inlab-price, .inlab-price .amount { font-family: var(--in-head); font-weight: 500; font-size: 30px; letter-spacing: -0.02em; }
.inlab-price .woocommerce-Price-amount { font-size: 30px; }
.inlab-price del { color: var(--in-label); font-weight: 500; font-size: 20px; margin-right: 6px; }
.inlab-price ins { text-decoration: none; }
.inlab-price-note { color: var(--in-muted); font-size: 14px; }
.inlab-product-excerpt { color: var(--in-text2); font-size: 16px; }
.inlab-product-excerpt p { margin: 0 0 10px; }
.inlab-sep { border: 0; border-top: 1px solid var(--in-line); margin: 22px 0; }
.inlab-color-label { margin: 0 0 12px; font-size: 15px; color: var(--in-text2); }
.inlab-color-label strong { color: var(--in-text); }
.inlab-swatches-lg { margin: 0 0 22px; gap: 12px; }
.inlab-swatches-lg .inlab-swatch { width: 40px; height: 40px; box-shadow: 0 0 0 3px #fff inset; }
.inlab-swatches-lg .inlab-swatch.is-active { box-shadow: 0 0 0 3px #fff inset, 0 0 0 2px var(--in-black); }
.inlab-pack-notice { display: flex; gap: 12px; align-items: flex-start; background: var(--in-panel-red); border-radius: 14px; padding: 14px 16px; margin: 0 0 22px; }
.inlab-pack-notice p { margin: 0; font-size: 15px; color: var(--in-text); }
.inlab-pack-plus { flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--in-red); color: #fff; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.inlab-buy form.cart { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 0; }
.inlab-buy form.cart .single_add_to_cart_button { flex: 1; min-height: 56px; border-radius: 999px; border: 0; background: var(--in-red); color: #fff; font: inherit; font-weight: 500; font-size: 16px; padding: 0 28px; cursor: pointer; transition: background .15s ease; }
.inlab-buy form.cart .single_add_to_cart_button:hover { background: var(--in-red-dark); }
.inlab-buy form.cart .single_add_to_cart_button.disabled, .inlab-buy form.cart .single_add_to_cart_button[disabled] { opacity: .5; cursor: not-allowed; }
.inlab-buy .variations { width: 100%; margin: 0 0 6px; border-collapse: collapse; }
.inlab-buy .variations td, .inlab-buy .variations th { padding: 0 0 12px; text-align: left; vertical-align: middle; }
.inlab-buy .variations th.label { padding-right: 14px; font-weight: 500; font-size: 15px; width: 1%; white-space: nowrap; }
/* La tabla de variaciones se aplana: así se puede esconder la etiqueta y el
   <select> de cada fila pero dejar dentro del formulario el enlace
   "Restablecer", que es donde WooCommerce escucha su clic. */
.inlab-buy .variations, .inlab-buy .variations tbody,
.inlab-buy .variations tr, .inlab-buy .variations td,
.inlab-buy .variations th { display: block; margin: 0; padding: 0; border: 0; width: auto; }
.inlab-buy .variations tr.inlab-var-hidden > th.label,
.inlab-buy .variations tr.inlab-var-hidden > td.value > select { display: none; }
.inlab-buy .variations select { min-width: 200px; }
.inlab-buy .reset_variations { font-size: 13px; color: var(--in-muted); margin-left: 8px; }
.inlab-buy .single_variation_wrap { width: 100%; }
.inlab-buy .woocommerce-variation-price { display: none; }
.inlab-buy .woocommerce-variation-availability p { margin: 0 0 10px; font-size: 14px; color: var(--in-muted); }
.inlab-buy .woocommerce-variation-add-to-cart { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.inlab-buy .woocommerce-variation-description { width: 100%; }
.inlab-qty { display: inline-flex; align-items: center; border: 1px solid var(--in-border); border-radius: 999px; height: 56px; padding: 0 4px; }
.inlab-qty .inlab-qty-btn { width: 44px; height: 44px; border: 0; background: none; border-radius: 50%; color: var(--in-text); display: inline-flex; align-items: center; justify-content: center; }
.inlab-qty .inlab-qty-btn:hover { background: var(--in-panel); }
.inlab-qty input.qty { width: 44px; border: 0; text-align: center; font: inherit; font-weight: 500; font-size: 16px; color: var(--in-text); background: transparent; -moz-appearance: textfield; }
.inlab-qty input.qty::-webkit-outer-spin-button, .inlab-qty input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.inlab-wa-note { margin: 0 0 12px; color: var(--in-muted); font-size: 14px; }
.inlab-assurance { list-style: none; margin: 26px 0 0; padding: 0; display: grid; gap: 12px; }
.inlab-assurance li { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; color: var(--in-text2); }
.inlab-assurance .inlab-icon { color: var(--in-text); margin-top: 1px; }
.inlab-accordion { margin-top: 28px; border-top: 1px solid var(--in-line); }
.inlab-acc { border-bottom: 1px solid var(--in-line); }
.inlab-acc summary { list-style: none; display: flex; align-items: center; justify-content: space-between; min-height: 56px; padding: 14px 0; cursor: pointer; font-family: var(--in-head); font-weight: 500; font-size: 17px; }
.inlab-acc summary::-webkit-details-marker { display: none; }
.inlab-acc summary .inlab-icon { transition: transform .2s ease; color: var(--in-muted); }
.inlab-acc[open] summary .inlab-icon { transform: rotate(180deg); }
.inlab-acc-body { padding: 0 0 20px; color: var(--in-text2); font-size: 15px; }
.inlab-acc-body p { margin: 0 0 10px; }
.inlab-dims { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 24px; margin: 0; }
.inlab-dims div { display: flex; justify-content: space-between; border-bottom: 1px solid var(--in-line); padding: 6px 0; }
.inlab-dims dt { color: var(--in-muted); }
.inlab-dims dd { margin: 0; font-weight: 500; color: var(--in-text); }
.inlab-related { margin-top: 96px; }
.inlab-related h2 { font-size: 36px; font-weight: 500; letter-spacing: -0.035em; margin-bottom: 32px; }
.woocommerce-notices-wrapper:empty { display: none; }
.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-error, .woocommerce-notices-wrapper .woocommerce-info, .wc-block-components-notice-banner { list-style: none; margin: 0 0 24px; padding: 14px 18px; border-radius: 14px; background: var(--in-panel); border: 1px solid var(--in-line); font-size: 15px; }
.woocommerce-notices-wrapper .woocommerce-error { background: var(--in-panel-red); }
.woocommerce-notices-wrapper a.button { margin-left: 8px; font-weight: 500; color: var(--in-red); }

/* ---------- Páginas simples ---------- */
.inlab-page { padding-top: 48px; max-width: 800px; }
.inlab-page-title { font-size: 44px; font-weight: 500; letter-spacing: -0.04em; margin-bottom: 24px; }
.inlab-page-content { color: var(--in-text2); font-size: 17px; }

/* ---------- Carrito / pago (bloques de WooCommerce) ---------- */
.inlab-page.woocommerce-cart-page, body.woocommerce-cart .inlab-page, body.woocommerce-checkout .inlab-page { max-width: var(--in-container); }
body.inlab .wp-block-woocommerce-cart, body.inlab .wp-block-woocommerce-checkout { font-family: var(--in-body); color: var(--in-text); }
body.inlab .wc-block-components-sidebar-layout .wc-block-components-main { padding-right: 32px; }
body.inlab .wc-block-cart-items, body.inlab .wc-block-cart-items th, body.inlab .wc-block-cart-items td, body.inlab table.wc-block-cart-items .wc-block-cart-items__row { border-color: var(--in-line) !important; }
body.inlab .wc-block-cart-items .wc-block-components-product-name, body.inlab .wc-block-components-order-summary-item__description .wc-block-components-product-name { font-family: var(--in-head); font-weight: 500; font-size: 18px; color: var(--in-text); text-decoration: none; }
body.inlab .wc-block-cart-item__image img, body.inlab .wc-block-components-order-summary-item__image img { border-radius: var(--in-r-thumb); border: 0; }
body.inlab .wc-block-components-totals-item, body.inlab .wc-block-components-totals-footer-item { border-color: var(--in-line); }
body.inlab .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, body.inlab .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-family: var(--in-head); font-weight: 500; }
body.inlab .wc-block-cart .wc-block-cart__submit-container, body.inlab .wc-block-components-checkout-place-order-button { margin-top: 16px; }
body.inlab .wc-block-cart__submit-button, body.inlab .wc-block-components-checkout-place-order-button, body.inlab .wc-block-components-button.wc-block-cart__submit-button { background: var(--in-red) !important; color: #fff !important; border-radius: 999px !important; min-height: 56px; font-weight: 500; font-size: 16px; border: 0; box-shadow: none; }
body.inlab .wc-block-cart__submit-button:hover, body.inlab .wc-block-components-checkout-place-order-button:hover { background: var(--in-red-dark) !important; }
body.inlab .wc-block-components-button:not(.is-link), body.inlab .wc-block-components-checkout-return-to-cart-button { border-radius: 999px; }
body.inlab .wc-block-components-quantity-selector { border-radius: 999px; border: 1px solid var(--in-border); box-shadow: none; }
body.inlab .wc-block-components-quantity-selector::after { display: none; }
body.inlab .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button { min-width: 40px; }
body.inlab .wc-block-components-totals-coupon-link, body.inlab .wc-block-components-product-metadata, body.inlab .wc-block-components-totals-shipping__change-address__link { color: var(--in-muted); }
body.inlab .wc-block-components-text-input input, body.inlab .wc-block-components-form .wc-block-components-text-input input, body.inlab .wc-block-components-select .components-custom-select-control__button, body.inlab .wc-block-components-combobox .wc-block-components-combobox-control input { border-radius: 14px; border-color: var(--in-border); }
body.inlab .wc-block-components-checkout-step__title, body.inlab .wc-block-components-title { font-family: var(--in-head); font-weight: 500; }
body.inlab .wc-block-components-radio-control__option, body.inlab .wc-block-components-checkbox { color: var(--in-text); }
body.inlab .wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__label, body.inlab .wc-block-components-totals-shipping .wc-block-components-totals-item__value { color: var(--in-text); font-weight: 500; }
body.inlab .wc-block-components-notice-banner { border-radius: 14px; }
/* Envío: Incluido (el bloque imprime "Gratis"; se sustituye el texto del valor) */
body.inlab .wc-block-components-totals-shipping .wc-block-components-totals-item__value { font-size: 0; }
body.inlab .wc-block-components-totals-shipping .wc-block-components-totals-item__value::after { content: "Incluido"; font-size: 16px; font-weight: 500; }
body.inlab .wc-block-components-totals-shipping .wc-block-components-totals-item__description { display: none; }
body.inlab .wc-block-components-totals-shipping .wc-block-components-totals-item__label { font-size: 0; }
body.inlab .wc-block-components-totals-shipping .wc-block-components-totals-item__label::before { content: "Envío"; font-size: 16px; }
body.inlab .wc-block-components-product-metadata__description { display: none; }
body.inlab .wc-block-cart .wc-block-cart__empty-cart__title, body.inlab .wp-block-woocommerce-empty-cart-block h2 { font-family: var(--in-head); }
body.inlab .wc-block-cart-item__remove-link { color: var(--in-muted); }
body.inlab .wc-block-cart-item__remove-link:hover { color: var(--in-red); }
body.inlab .wc-block-components-product-badge { border-radius: 999px; }
body.inlab .wc-block-grid__products .wc-block-grid__product { border: 0; }
body.inlab .wc-block-grid__products .wc-block-grid__product-title { font-family: var(--in-head); font-weight: 500; }

/* =========================================================================
   Inicio (widgets Elementor propios)
   ========================================================================= */
body.inlab .elementor-section, body.inlab .e-con { max-width: none; }
body.inlab .elementor-widget-container { margin: 0; }
.inlab-sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.inlab-sec-title-32 { font-size: 32px; font-weight: 500; letter-spacing: -0.035em; }
.inlab-sec-title-52 { font-size: 52px; font-weight: 500; letter-spacing: -0.04em; }
.inlab-sec-link { font-weight: 500; font-size: 15px; white-space: nowrap; }
.inlab-sec-link:hover { color: var(--in-red); }
/* Hero */

.inlab-hero-panel { position: relative; background: #EEEEEC; border-radius: 32px; min-height: var(--hero-alto, 776px); overflow: hidden; transition: background-color .8s ease; }
.inlab-hero-scene { position: absolute; inset: 0; display: grid; grid-template-columns: minmax(0, 46%) minmax(0, 54%); align-items: center; padding: 64px 72px 120px; opacity: 0; visibility: hidden; transform: translateX(24px); transition: opacity .6s ease, transform .6s ease, visibility .6s; }
.inlab-hero-scene.is-active { opacity: 1; visibility: visible; transform: none; }
.inlab-hero-copy { max-width: 560px; }
.inlab-hero-title { font-size: 84px; font-weight: 500; letter-spacing: -0.045em; line-height: .96; margin: 14px 0 22px; }
.inlab-dot { color: var(--in-black); }   /* el punto va del color del título */
.inlab-hero-text { font-size: 19px; color: #6E6E73; margin: 0 0 30px; max-width: 480px; }
.inlab-hero-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.inlab-hero-link { font-weight: 500; text-decoration: underline; text-underline-offset: 4px; }
.inlab-hero-link:hover { color: var(--in-red); }
.inlab-arrow { display: inline-block; transition: transform .2s ease; }
.inlab-btn:hover .inlab-arrow { transform: translateX(4px); }
.inlab-hero-comp { position: relative; height: 100%; min-height: 480px; }
.inlab-hero-img { position: absolute; height: auto; max-width: none; filter: drop-shadow(0 24px 30px rgba(0,0,0,.10)); }
.inlab-hotspot { position: absolute; z-index: 20; transform: translate(-50%, -50%); }
.inlab-hotspot-btn { width: 36px; height: 36px; border-radius: 50%; background: var(--in-red); color: #fff; border: 3px solid #fff; font-size: 22px; line-height: 1; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; padding: 0; box-shadow: 0 0 0 0 rgba(198,2,3,.45); animation: inlab-pulse 2s infinite; transition: transform .2s ease; }
.inlab-hotspot-btn:hover, .inlab-hotspot-btn.is-open { transform: scale(1.08); animation: none; }
@keyframes inlab-pulse { 0% { box-shadow: 0 0 0 0 rgba(198,2,3,.45); } 70% { box-shadow: 0 0 0 14px rgba(198,2,3,0); } 100% { box-shadow: 0 0 0 0 rgba(198,2,3,0); } }
.inlab-hotspot-card { position: absolute; left: 50%; top: calc(100% + 10px); transform: translateX(-50%); width: 220px; background: #fff; border-radius: 16px; padding: 14px 16px; box-shadow: 0 16px 40px rgba(0,0,0,.14); z-index: 30; }
.inlab-hotspot-card[hidden] { display: none; }
.inlab-hotspot-card p { margin: 0; }
.inlab-hotspot-type { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--in-label); margin-bottom: 4px !important; }
.inlab-hotspot-name { font-family: var(--in-head); font-weight: 500; font-size: 16px; line-height: 1.2; }
.inlab-hotspot-price { font-weight: 500; margin-top: 6px !important; }
.inlab-hotspot-link { display: inline-block; margin-top: 8px; font-size: 14px; font-weight: 500; color: var(--in-red); }
.inlab-seal { position: absolute; top: 28px; right: 28px; width: 150px; height: 150px; z-index: 25; }
.inlab-seal-svg { width: 100%; height: 100%; animation: inlab-spin 18s linear infinite; }
.inlab-seal-svg::before { content: none; }
.inlab-seal { border-radius: 50%; background: var(--in-red); }
.inlab-seal-text { fill: #fff; font-family: var(--in-body); font-weight: 500; font-size: 11.5px; letter-spacing: .1em; }
.inlab-seal-icon { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; }
@keyframes inlab-spin { to { transform: rotate(360deg); } }
.inlab-hero-nav { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: flex-end; justify-content: space-between; padding: 0 40px 36px 72px; z-index: 22; pointer-events: none; }
.inlab-hero-nav > * { pointer-events: auto; }
.inlab-hero-tabs { display: flex; gap: 28px; }
.inlab-hero-tab { background: none; border: 0; padding: 0 0 10px; font-family: var(--in-body); font-weight: 500; font-size: 15px; color: #6E6E73; border-bottom: 2px solid #D2D2D7; }
.inlab-hero-tab.is-active { color: var(--in-text); border-bottom-color: var(--in-text); }
.inlab-hero-tab-num { font-family: var(--in-head); font-weight: 500; margin-right: 4px; }
.inlab-hero-arrows { display: flex; gap: 10px; }
.inlab-hero-arrow { width: 52px; height: 52px; border-radius: 50%; border: 1px solid var(--in-black); background: transparent; color: var(--in-text); font-size: 20px; display: inline-flex; align-items: center; justify-content: center; transition: background .15s ease, color .15s ease; }
.inlab-hero-arrow:hover { background: var(--in-black); color: #fff; }
.inlab-hero-dots { display: none; gap: 8px; }
.inlab-hero-dot { width: 8px; height: 8px; border-radius: 50%; background: #D2D2D7; }
.inlab-hero-dot.is-active { background: var(--in-text); }
/* Categorías */
.inlab-cats { margin-top: 72px; }
.inlab-cats-row { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, minmax(0,1fr)); gap: 16px; }
.inlab-cat-item a { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.inlab-cat-img { width: 150px; height: 150px; display: flex; align-items: center; justify-content: center; transition: transform .25s ease; }
.inlab-cat-img img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
.inlab-cat-item a:hover .inlab-cat-img { transform: translateY(-8px); }
.inlab-cat-name { font-family: var(--in-head); font-weight: 500; font-size: 16px; color: var(--in-text); transition: color .15s ease; }
.inlab-cat-item a:hover .inlab-cat-name { color: var(--in-red); }
/* Catálogo */
.inlab-catalogo { margin-top: 96px; }
.inlab-sec-head-lg { align-items: flex-end; margin-bottom: 20px; }
.inlab-tabs-home { border-bottom: 1px solid var(--in-line); margin-bottom: 40px; }
.inlab-tabs-home .inlab-tab { background: none; border-top: 0; border-left: 0; border-right: 0; font-family: var(--in-body); cursor: pointer; }
.inlab-tab-count { font-size: 12px; color: var(--in-label); font-weight: 500; margin-left: 4px; }
.inlab-tab-panel[hidden] { display: none; }
/* Comedor */
.inlab-comedor { margin-top: 96px; }
.inlab-comedor-panel { border: 1px solid var(--in-line); border-radius: var(--in-r-panel); padding: 48px; display: grid; grid-template-columns: minmax(0, 44%) minmax(0, 56%); gap: 48px; }
.inlab-comedor-title { font-size: 44px; font-weight: 500; letter-spacing: -0.04em; margin: 12px 0 10px; }
.inlab-comedor-text { color: var(--in-text2); margin: 0 0 24px; }
.inlab-step { display: flex; align-items: center; gap: 10px; font-family: var(--in-head); font-weight: 500; font-size: 17px; margin: 22px 0 12px; }
.inlab-step-n { width: 26px; height: 26px; border-radius: 50%; background: var(--in-black); color: #fff; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; }
.inlab-pick { display: grid; gap: 12px; }
.inlab-pick-mesas { grid-template-columns: repeat(2, minmax(0,1fr)); }
.inlab-pick-sillas { grid-template-columns: repeat(3, minmax(0,1fr)); }
.inlab-pick-btn { background: #fff; border: 1px solid var(--in-border); border-radius: 16px; padding: 12px 10px; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; font-family: var(--in-body); color: var(--in-text); cursor: pointer; transition: border-color .15s ease; }
.inlab-pick-btn img { width: 100%; max-width: 110px; aspect-ratio: 1; object-fit: contain; }
.inlab-pick-btn span { font-size: 13px; font-weight: 500; line-height: 1.25; }
.inlab-pick-btn small { font-size: 12px; color: var(--in-muted); }
.inlab-pick-btn:hover { border-color: var(--in-black); }
.inlab-pick-btn.is-active { border-color: var(--in-black); box-shadow: 0 0 0 1px var(--in-black) inset; }
.inlab-comedor-colors { margin-top: 12px; }
.inlab-comedor-colors .inlab-swatches { margin-top: 0; }
.inlab-comedor-colors .inlab-swatch { width: 30px; height: 30px; }
.inlab-comedor-right { display: flex; flex-direction: column; }
.inlab-comedor-stage { position: relative; flex: 1; min-height: 380px; background: var(--in-panel); border-radius: 22px; overflow: hidden; }
.inlab-comedor-mesa { position: absolute; left: 50%; top: 6%; width: 70%; transform: translateX(-50%); }
.inlab-comedor-row { position: absolute; left: 4%; right: 4%; bottom: 4%; display: flex; justify-content: center; align-items: flex-end; gap: 2%; }
.inlab-comedor-row img { flex: none; filter: drop-shadow(0 12px 14px rgba(0,0,0,.10)); }
.inlab-comedor-summary { margin-top: 20px; }
.inlab-comedor-summary dl { margin: 0 0 12px; }
.inlab-comedor-summary dl div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--in-line); font-size: 15px; }
.inlab-comedor-summary dd { margin: 0; font-weight: 500; }
.inlab-comedor-total dt, .inlab-comedor-total dd { font-family: var(--in-head); font-weight: 500; font-size: 22px; }
.inlab-comedor-note { font-size: 13px; color: var(--in-muted); margin: 0 0 14px; }
.inlab-comedor-msg { margin: 10px 0 0; font-size: 14px; color: var(--in-text2); min-height: 1.4em; }
/* Oficina */
.inlab-oficina { margin-top: 96px; }
.inlab-oficina-panel { background: var(--in-panel); border-radius: var(--in-r-panel); min-height: 560px; display: grid; grid-template-columns: minmax(0, 46%) minmax(0, 54%); overflow: hidden; }
.inlab-oficina-media { display: flex; align-items: flex-end; justify-content: center; padding: 40px 24px 0; }
.inlab-oficina-media img { max-height: 520px; width: auto; max-width: 100%; }
.inlab-oficina-copy { padding: 56px 56px 48px 24px; display: flex; flex-direction: column; justify-content: center; }
.inlab-oficina-title { font-size: 44px; font-weight: 500; letter-spacing: -0.04em; margin: 12px 0 14px; }
.inlab-oficina-text { color: var(--in-text2); margin: 0 0 24px; max-width: 520px; }
.inlab-oficina-list { list-style: none; margin: 0 0 28px; padding: 0; border-top: 1px solid var(--in-line); }
.inlab-oficina-list li { border-bottom: 1px solid var(--in-line); }
.inlab-oficina-list a { display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 16px; padding: 12px 0; }
.inlab-oficina-list img { width: 64px; height: 64px; object-fit: contain; border-radius: 12px; background: #fff; }
.inlab-oficina-item strong { display: block; font-family: var(--in-head); font-size: 16px; }
.inlab-oficina-item small { color: var(--in-muted); font-size: 13px; }
.inlab-oficina-price { font-family: var(--in-head); font-weight: 500; }
/* Beneficios */
.inlab-beneficios { margin-top: 96px; border-top: 1px solid var(--in-line); border-bottom: 1px solid var(--in-line); }
.inlab-beneficios-row { list-style: none; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); }
.inlab-beneficios-row li { padding: 32px 24px; border-left: 1px solid var(--in-line); display: flex; flex-direction: column; gap: 8px; }
.inlab-beneficios-row li:first-child { border-left: 0; }
.inlab-beneficio-icon { color: var(--in-text); }
.inlab-beneficios-row strong { font-family: var(--in-head); font-size: 17px; }
.inlab-beneficios-row span:last-child { color: var(--in-muted); font-size: 14px; }
/* Píldoras (orientación) */
.inlab-pills { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 22px; }
.inlab-pill { min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--in-border); background: #fff; font-family: var(--in-body); font-weight: 500; font-size: 14px; color: var(--in-text); }
.inlab-pill.is-active { border-color: var(--in-black); box-shadow: 0 0 0 1px var(--in-black) inset; }
@media (max-width: 1100px) {
  .inlab-hero-scene { padding: 48px 40px 110px; grid-template-columns: 1fr 1fr; }
  .inlab-hero-title { font-size: 56px; }
  .inlab-cats-row { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .inlab-comedor-panel, .inlab-oficina-panel { grid-template-columns: 1fr; }
  .inlab-beneficios-row { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .inlab-beneficios-row li:nth-child(3) { border-left: 0; }
}
@media (max-width: 860px) {

  .inlab-hero-panel { border-radius: 24px; min-height: 0; }
  .inlab-hero-scene { position: relative; grid-template-columns: 1fr; padding: 28px 20px 84px; transform: none; display: none; }
  .inlab-hero-scene.is-active { display: grid; }
  .inlab-hero-title { font-size: 40px; letter-spacing: -0.035em; }
  .inlab-hero-text { font-size: 16px; margin-bottom: 20px; }
  .inlab-hero-actions .inlab-btn { width: 100%; }
  .inlab-hero-comp { height: 280px; min-height: 280px; margin-top: 18px; }
  .inlab-seal { width: 88px; height: 88px; top: auto; bottom: 292px; right: 18px; }
  .inlab-seal-text { font-size: 11.5px; letter-spacing: .1em; }
  .inlab-seal-icon .inlab-icon { width: 22px; height: 22px; }
  .inlab-hero-nav { padding: 0 20px 22px; }
  .inlab-hero-tabs { display: none; }
  .inlab-hero-dots { display: flex; }
  .inlab-hero-arrow { width: 44px; height: 44px; }
  .inlab-hotspot-card { width: 200px; }
  .inlab-cats { margin-top: 48px; }
  .inlab-cats-row { display: flex; overflow-x: auto; gap: 8px; padding-bottom: 8px; scrollbar-width: none; }
  .inlab-cats-row::-webkit-scrollbar { display: none; }
  .inlab-cat-item { flex: 0 0 140px; }
  .inlab-cat-img { width: 120px; height: 120px; }
  .inlab-sec-title-52 { font-size: 34px; }
  .inlab-sec-title-32 { font-size: 24px; }
  .inlab-catalogo, .inlab-comedor, .inlab-oficina, .inlab-beneficios { margin-top: 56px; }
  .inlab-comedor-panel { padding: 20px; gap: 24px; border-radius: 20px; }
  .inlab-comedor-title { font-size: 32px; }
  .inlab-pick-sillas { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .inlab-comedor-stage { min-height: 260px; }
  .inlab-oficina-panel { min-height: 0; border-radius: 20px; }
  .inlab-oficina-media { padding: 24px 24px 0; }
  .inlab-oficina-media img { max-height: 320px; }
  .inlab-oficina-copy { padding: 24px 20px 28px; }
  .inlab-oficina-title { font-size: 30px; }
  .inlab-beneficios-row { grid-template-columns: 1fr; }
  .inlab-beneficios-row li { border-left: 0; border-top: 1px solid var(--in-line); padding: 20px 0; }
  .inlab-beneficios-row li:first-child { border-top: 0; }
}

/* ---------- Mini carrito ---------- */
html.inlab-lock, html.inlab-lock body { overflow: hidden; }
.inlab-mc-overlay { position: fixed; inset: 0; background: rgba(17,17,17,.35); z-index: 200; opacity: 0; transition: opacity .3s ease; }
.inlab-mc-overlay.is-open { opacity: 1; }
.inlab-mc-overlay[hidden], .inlab-mc[hidden] { display: none; }
.inlab-mc { position: fixed; top: 0; right: 0; bottom: 0; width: 420px; max-width: 100%; background: #fff; z-index: 201; display: flex; flex-direction: column; transform: translateX(100%); transition: transform .3s ease; box-shadow: -12px 0 40px rgba(0,0,0,.08); font-family: var(--in-body); color: var(--in-text); outline: none; }
.inlab-mc.is-open { transform: none; }
.inlab-mc.is-busy .inlab-mc-body { opacity: .6; pointer-events: none; }
.inlab-mc-head { display: flex; align-items: center; justify-content: space-between; padding: 18px 16px 18px 24px; border-bottom: 1px solid var(--in-line); }
.inlab-mc-title { font-size: 22px; font-weight: 500; letter-spacing: -0.03em; }
.inlab-mc-count { font-family: var(--in-body); font-weight: 500; font-size: 14px; color: var(--in-muted); margin-left: 6px; }
.inlab-mc-close { color: var(--in-text); }
.inlab-mc-added { margin: 12px 24px 0; padding: 10px 14px; border-radius: 12px; background: var(--in-panel); font-size: 14px; font-weight: 500; opacity: 0; transition: opacity .3s ease; }
.inlab-mc-added.is-visible { opacity: 1; }
.inlab-mc-added[hidden] { display: none; }
.inlab-mc-body { flex: 1; overflow-y: auto; padding: 8px 24px; transition: opacity .15s ease; }
.inlab-mc-list { list-style: none; margin: 0; padding: 0; }
.inlab-mc-item { display: grid; grid-template-columns: 72px 1fr; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--in-line); transition: opacity .2s ease; }
.inlab-mc-item.is-removing { opacity: .3; }
.inlab-mc-thumb { display: block; width: 72px; height: 72px; }
.inlab-mc-thumb img { width: 72px; height: 72px; object-fit: contain; display: block; }
.inlab-mc-name { display: block; font-family: var(--in-head); font-weight: 500; font-size: 16px; line-height: 1.25; color: var(--in-text); }
.inlab-mc-var { margin: 4px 0 0; font-size: 13px; color: var(--in-muted); }
.inlab-mc-price { margin: 6px 0 10px; font-weight: 500; font-size: 15px; }
.inlab-mc-unit { font-weight: 400; color: var(--in-muted); font-size: 13px; }
.inlab-mc-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.inlab-qty-sm { height: 44px; }
.inlab-qty-sm .inlab-qty-btn { width: 40px; height: 40px; }
.inlab-qty-sm input.qty { width: 36px; font-size: 15px; }
.inlab-mc-remove { background: none; border: 0; min-height: 44px; padding: 0 6px; font-family: var(--in-body); font-size: 14px; color: var(--in-muted); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.inlab-mc-remove:hover { color: var(--in-red); }
.inlab-mc-note { margin: 6px 0 0; font-size: 12px; color: var(--in-muted); }
.inlab-mc-empty { text-align: center; padding: 64px 0; }
.inlab-mc-empty p { color: var(--in-muted); margin: 0 0 18px; font-size: 16px; }
.inlab-mc-foot { border-top: 1px solid var(--in-line); padding: 16px 24px 24px; background: #fff; }
.inlab-mc-foot:empty { display: none; }
.inlab-mc-pack { margin: 0 0 12px; padding: 12px 14px; border-radius: 12px; background: var(--in-panel-red); font-size: 14px; }
.inlab-mc-pack[hidden] { display: none; }
.inlab-mc-totals { margin: 0 0 8px; }
.inlab-mc-totals div { display: flex; justify-content: space-between; padding: 6px 0; font-size: 15px; }
.inlab-mc-totals div:first-child dt, .inlab-mc-totals div:first-child dd { font-family: var(--in-head); font-weight: 500; font-size: 20px; }
.inlab-mc-totals dd { margin: 0; font-weight: 500; }
.inlab-mc-ship { margin: 0 0 14px; font-size: 13px; color: var(--in-muted); }
.inlab-mc-viewcart { display: block; text-align: center; margin-top: 12px; font-size: 14px; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 640px) {
  .inlab-mc { width: 100%; box-shadow: none; }
  .inlab-mc-head { padding: 14px 8px 14px 16px; }
  .inlab-mc-body { padding: 4px 16px; }
  .inlab-mc-foot { padding: 14px 16px 20px; }
  .inlab-mc-added { margin: 10px 16px 0; }
}

/* ---------- Responsive ---------- */
@media (max-width: 1100px) {
  .inlab-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .inlab-product { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; }
  .inlab-product-title { font-size: 52px; }
  .inlab-footer-inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 860px) {
  .inlab-header-inner { height: 60px; }
  .inlab-nav { display: none; }
  .inlab-menu-toggle { display: inline-flex; }
  .inlab-search-toggle { display: none; }
  .inlab-mobile-nav { display: block; border-top: 1px solid var(--in-line); background: #fff; max-height: calc(100vh - 98px); overflow-y: auto; }
  .inlab-mobile-nav[hidden] { display: none; }
  .inlab-mobile-menu > li { border-bottom: 1px solid var(--in-line); }
  .inlab-mobile-menu > li > a { display: block; padding: 14px 20px; font-weight: 500; font-size: 17px; }
  .inlab-mobile-menu > li.has-sub { position: relative; }
  .inlab-mobile-menu > li.has-sub > a .inlab-icon { display: none; }
  .inlab-mobile-menu .inlab-sub-toggle { position: absolute; right: 8px; top: 4px; width: 44px; height: 44px; border: 0; background: none; color: var(--in-text); display: inline-flex; align-items: center; justify-content: center; }
  .inlab-mobile-menu .inlab-sub-toggle[aria-expanded="true"] .inlab-icon { transform: rotate(180deg); }
  .inlab-mobile-menu .inlab-submenu { display: none; padding: 0 20px 12px; }
  .inlab-mobile-menu .inlab-submenu.is-open { display: block; }
  .inlab-mobile-menu .inlab-submenu a { display: block; padding: 10px 0; color: var(--in-text2); font-size: 15px; }
  .inlab-mobile-menu .inlab-mobile-search { padding: 16px 20px; }
  .inlab-topbar { font-size: 12px; height: auto; min-height: 38px; white-space: normal; line-height: 1.3; padding: 6px 12px; }
  .inlab-product { grid-template-columns: 1fr; gap: 28px; }
  .inlab-gallery { grid-template-columns: 1fr; }
  .inlab-thumbs { flex-direction: row; order: 2; max-height: none; overflow-x: auto; }
  .inlab-thumb { width: 64px; height: 64px; flex: none; }
  .inlab-stage { border-radius: 18px; }
  .inlab-product-title { font-size: 40px; letter-spacing: -0.035em; }
  .inlab-related { margin-top: 64px; }
  .inlab-related h2 { font-size: 28px; }
  body.inlab .wc-block-components-sidebar-layout .wc-block-components-main { padding-right: 0; }
}
@media (max-width: 640px) {
  .inlab-container { padding: 0 16px; }
  .inlab-grid { grid-template-columns: repeat(2, minmax(0,1fr)); column-gap: 16px; row-gap: 32px; }
  .inlab-archive { padding-top: 24px; }
  .inlab-archive-title h1 { font-size: 34px; }
  .inlab-archive-bar { flex-direction: column; align-items: stretch; gap: 8px; border-bottom: 0; }
  .inlab-tabs { border-bottom: 1px solid var(--in-line); }
  .inlab-ordering { padding: 8px 0 0; }
  .inlab-ordering select { width: 100%; }
  .inlab-card-name { font-size: 17px; }
  .inlab-card-price { font-size: 17px; }
  .inlab-card-foot { flex-wrap: wrap; }
  .inlab-btn-sm { padding: 0 16px; }
  .inlab-footer { margin-top: 64px; }
  .inlab-footer-inner { grid-template-columns: 1fr; gap: 28px; }
  .inlab-page-title { font-size: 32px; }
}

/* =========================================================================
   Fase 6: entrega, paquete, cotizar
   ====================================================================== */

/* Calcula tu entrega -------------------------------------------------- */
.inlab-entrega{border:1px solid var(--inlab-border,#D2D2D7);border-radius:14px;padding:16px 18px;margin:22px 0 0}
.inlab-entrega-head{display:flex;align-items:center;gap:10px;font-weight:500;font-size:15px;color:var(--inlab-ink,#1D1D1F)}
.inlab-entrega-head svg{flex:0 0 auto}
.inlab-entrega-form{display:flex;gap:8px;margin:12px 0 0}
.inlab-entrega-form input{flex:1 1 auto;min-width:0;height:44px;border:1px solid var(--inlab-border,#D2D2D7);border-radius:999px;padding:0 16px;font:inherit;font-size:15px;background:#fff;color:var(--inlab-ink,#1D1D1F)}
.inlab-entrega-form input:focus{outline:2px solid var(--inlab-ink,#1D1D1F);outline-offset:1px;border-color:transparent}
.inlab-entrega-form .inlab-btn{flex:0 0 auto;height:44px;padding:0 22px}
.inlab-entrega-res{margin-top:12px;font-size:15px;line-height:1.5}
.inlab-entrega-res p{margin:0}
.inlab-entrega-si strong{color:var(--inlab-ink,#1D1D1F)}
.inlab-entrega-si span{color:var(--inlab-muted,#6E6E73);font-size:14px}
.inlab-entrega-no{color:var(--inlab-ink,#1D1D1F)}
.inlab-entrega-no strong{color:#D70015}
.inlab-entrega-corte{margin:12px 0 0;font-size:13px;color:var(--inlab-soft,#6E6E73)}
.inlab-entrega-embarque{margin:8px 0 0;font-size:13px;color:var(--inlab-soft,#6E6E73)}
.inlab-link{background:none;border:0;padding:0;font:inherit;color:#1D1D1F;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.inlab-link:hover{color:var(--inlab-red-dark,#AE0203)}
.inlab-entrega-pedido{display:flex;gap:10px;align-items:flex-start;background:var(--inlab-panel,#F2F2F4);border-radius:14px;padding:16px 18px;margin:0 0 22px;font-size:15px}
.inlab-entrega-pedido span{color:var(--inlab-muted,#6E6E73);font-size:14px}

/* Aviso de precio de paquete ------------------------------------------ */
.inlab-pack-aviso{margin:0 0 18px;padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.45}
.inlab-pack-aviso.is-falta{background:var(--inlab-panel,#F2F2F4);color:var(--inlab-ink,#1D1D1F)}
.inlab-pack-aviso.is-ok{background:#EDF6EE;color:#1E6B2C}
.inlab-mc-pack{margin:0 0 12px}
.inlab-mc-pack-linea{margin:0 0 6px;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.4}
.inlab-mc-pack-linea.is-falta{background:var(--inlab-panel,#F2F2F4);color:var(--inlab-ink,#1D1D1F)}
.inlab-mc-pack-linea.is-ok{background:#EDF6EE;color:#1E6B2C}

/* Línea de descuento en los totales ----------------------------------- */
.wc-block-components-totals-fees .wc-block-components-totals-item__value,
.cart-subtotal + tr .amount{font-variant-numeric:tabular-nums}

/* Cotizar por correo --------------------------------------------------- */
.inlab-cotiza-overlay{position:fixed;inset:0;background:rgba(17,17,17,.45);z-index:9998}
.inlab-cotiza{position:fixed;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:28px;padding:26px 28px 28px;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.inlab-cotiza-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 6px}
.inlab-cotiza-head h2{margin:0;font-size:22px;line-height:1.2}
.inlab-cotiza-intro{margin:0 0 16px;font-size:14px;color:var(--inlab-muted,#6E6E73)}
.inlab-cotiza-prod{margin:0 0 16px;padding:12px 14px;background:var(--inlab-panel,#F2F2F4);border-radius:14px;font-size:14px}
.inlab-cotiza-prod span{color:var(--inlab-muted,#6E6E73)}
.inlab-field{margin:0 0 14px}
.inlab-field label{display:block;margin:0 0 6px;font-size:13px;font-weight:500;color:var(--inlab-ink,#1D1D1F)}
.inlab-field input,.inlab-field textarea{width:100%;border:1px solid var(--inlab-border,#D2D2D7);border-radius:14px;padding:11px 14px;font:inherit;font-size:15px;background:#fff;color:var(--inlab-ink,#1D1D1F)}
.inlab-field textarea{resize:vertical;min-height:84px}
.inlab-field input:focus,.inlab-field textarea:focus{outline:2px solid var(--inlab-ink,#1D1D1F);outline-offset:1px;border-color:transparent}
.inlab-field-row{display:flex;gap:12px}
.inlab-field-row .inlab-field{flex:1 1 0;min-width:0}
.inlab-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.inlab-cotiza-msg{margin:0 0 12px;font-size:14px;min-height:1px}
.inlab-cotiza-msg.is-ok{color:#1E6B2C}
.inlab-cotiza-msg.is-error{color:#D70015}
.inlab-cotiza-legal{margin:12px 0 0;font-size:12px;color:var(--inlab-soft,#6E6E73);text-align:center}
.inlab-buy-wa .inlab-btn+.inlab-btn{margin-top:10px}
@media (max-width:600px){
  .inlab-cotiza{width:100vw;max-width:100vw;height:100vh;max-height:100vh;top:0;left:0;transform:none;border-radius:0;padding:20px 18px 28px}
  .inlab-field-row{flex-direction:column;gap:0}
  .inlab-entrega-form{flex-wrap:wrap}
}

/* Checkout: solo vendemos en México, el país no se elige ------------------ */
.woocommerce-checkout .wc-block-components-country-input{display:none!important}
/* Swatch de un color agotado en fichas de cotización */
.inlab-swatch.is-out{position:relative;opacity:.55}
.inlab-swatch.is-out::after{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(45deg,transparent 46%,#86868B 46%,#86868B 54%,transparent 54%)}

/* =========================================================================
   Escala tipográfica del diseño final (sustituye los tamaños anteriores)
   Títulos 400-500, interletrado negativo solo en títulos.
   ====================================================================== */
body.inlab h1, body.inlab h2, body.inlab h3, body.inlab h4 { font-weight: 500; }

/* Hero */
body.inlab .inlab-hero-title { font-size: 46px; font-weight: 500; letter-spacing: -0.025em; line-height: 1.08; margin: 12px 0 18px; }
body.inlab .inlab-hero-text { font-size: 15px; line-height: 1.55; color: var(--in-text2); margin: 0 0 26px; max-width: 420px; }
body.inlab .inlab-hero-eyebrow { font-size: 12px; font-weight: 500; letter-spacing: .08em; color: #6E6E73; }

/* Títulos de sección */
body.inlab .inlab-sec-title-32, body.inlab .inlab-sec-title-52,
body.inlab .inlab-section h2, body.inlab .inlab-related h2 { font-size: 26px; font-weight: 500; letter-spacing: -0.02em; line-height: 1.15; }
body.inlab .inlab-sec-link { font-size: 14px; font-weight: 500; }

/* Título de categoría y de producto */
body.inlab .inlab-archive-title h1, body.inlab .inlab-product-title,
body.inlab .inlab-page-title { font-size: 36px; font-weight: 500; letter-spacing: -0.025em; line-height: 1.1; }
body.inlab .inlab-product-title { margin: 0 0 18px; }

/* Precio en la ficha */
body.inlab .inlab-price, body.inlab .inlab-price .amount,
body.inlab .inlab-price .woocommerce-Price-amount { font-size: 20px; font-weight: 500; letter-spacing: -0.01em; }
body.inlab .inlab-price del { font-size: 15px; font-weight: 400; }
body.inlab .inlab-price-note { font-size: 13px; }

/* Tarjetas de producto y texto corrido */
body.inlab .inlab-card-name { font-size: 15px; font-weight: 500; letter-spacing: 0; line-height: 1.35; }
body.inlab .inlab-card-price { font-size: 15px; font-weight: 500; letter-spacing: 0; }
body.inlab .inlab-card-price .woocommerce-Price-currencySymbol { font-weight: 500; }
body.inlab .inlab-card-price-quote { font-size: 14px; }
body.inlab .inlab-card-dims { font-size: 13px; }
body.inlab .inlab-card-pack { font-size: 13px; font-weight: 500; }
body.inlab .inlab-product-excerpt { font-size: 15px; }
body.inlab .inlab-acc-body, body.inlab .inlab-assurance li { font-size: 14px; }
body.inlab .inlab-acc summary { font-size: 15px; font-weight: 500; }

/* Etiquetas y migas de pan */
body.inlab .inlab-breadcrumb, body.inlab .woocommerce-breadcrumb { font-size: 12px; }
body.inlab .inlab-card-cat, body.inlab .inlab-eyebrow { font-size: 12px; font-weight: 500; letter-spacing: .08em; }
body.inlab .inlab-archive-count { font-size: 14px; }
body.inlab .inlab-tab { font-size: 14px; font-weight: 500; }

/* Nada de 700/800 en el resto de la interfaz */
body.inlab .inlab-btn { font-weight: 500; font-size: 14px; }
body.inlab .inlab-btn-lg { font-size: 15px; }
body.inlab .inlab-menu > li > a { font-weight: 500; font-size: 14px; }
body.inlab .inlab-footer-col h2 { font-weight: 500; font-size: 12px; }
body.inlab .inlab-cart-count { font-weight: 500; }
body.inlab .inlab-qty input.qty { font-weight: 500; font-size: 15px; }
body.inlab .inlab-dims dd { font-weight: 500; }
body.inlab .wc-block-cart-items .wc-block-components-product-name,
body.inlab .wc-block-components-order-summary-item__description .wc-block-components-product-name { font-weight: 500; font-size: 15px; }
body.inlab .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.inlab .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-weight: 500; }
body.inlab .wc-block-components-checkout-step__title, body.inlab .wc-block-components-title { font-weight: 500; }
body.inlab .wc-block-cart__submit-button, body.inlab .wc-block-components-checkout-place-order-button { font-weight: 500; font-size: 15px; }
body.inlab .inlab-buy form.cart .single_add_to_cart_button { font-weight: 500; font-size: 15px; }

/* Etiqueta discreta de últimas piezas */
.inlab-baja { display: inline-block; margin: 6px 0 0; font-size: 12px; font-weight: 400; color: #6E6E73; letter-spacing: .02em; }
.inlab-product-summary .inlab-baja { margin: 0 0 14px; }

@media (max-width: 900px) {
  body.inlab .inlab-hero-title { font-size: 34px; }
  body.inlab .inlab-archive-title h1, body.inlab .inlab-product-title, body.inlab .inlab-page-title { font-size: 28px; }
  body.inlab .inlab-sec-title-32, body.inlab .inlab-sec-title-52, body.inlab .inlab-related h2 { font-size: 22px; }
}

/* =========================================================================
   Encabezado de categoría: panel dividido
   ====================================================================== */
.inlab-cat-panel{display:grid;grid-template-columns:1fr 380px;align-items:stretch;gap:0;
  margin:24px 0 32px;border-radius:20px;background:#F3F0EA;overflow:hidden;min-height:380px}
.inlab-cat-panel-txt{display:flex;flex-direction:column;justify-content:center;padding:44px clamp(28px,4vw,56px)}
.inlab-cat-migas{font-size:12px;color:#6E6E73;display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}
.inlab-cat-migas a{color:#6E6E73;text-decoration:none}
.inlab-cat-migas a:hover{color:var(--in-text,#1D1D1F);text-decoration:underline}
.inlab-cat-migas span[aria-current]{color:var(--in-text,#1D1D1F)}
.inlab-cat-titulo{font-family:var(--in-head);font-size:36px;font-weight:500;letter-spacing:-0.025em;
  line-height:1.1;margin:0;color:#1D1D1F}
.inlab-cat-frase{margin:14px 0 0;font-size:15px;line-height:1.55;color:#6E6E73;max-width:46ch}
.inlab-cat-conteo{margin:18px 0 0;font-size:13px;color:#6E6E73}
.inlab-cat-panel-img{width:380px;height:380px;align-self:center;justify-self:end}
.inlab-cat-panel-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
/* el listado ya no repite el título cuando hay panel */
.inlab-archive-head.is-con-panel{margin-top:0}
.inlab-archive-head.is-con-panel .inlab-archive-bar{margin-top:0}

@media (max-width:860px){
  .inlab-cat-panel{grid-template-columns:1fr;min-height:0;margin:16px 0 24px}
  .inlab-cat-panel-img{order:-1;width:100%;height:auto;aspect-ratio:4/3;justify-self:stretch}
  .inlab-cat-panel-txt{padding:22px 20px 26px}
  .inlab-cat-titulo{font-size:28px}
  .inlab-cat-frase{font-size:14px;margin-top:10px}
}

/* =========================================================================
   Hero con foto de ambiente: fundido entre escenas, indicador de línea fina
   y puntos "+" blancos de 26 px
   ====================================================================== */
.inlab-hero-scene.tiene-ambiente .inlab-hero-comp{display:block}
.inlab-hero-ambiente{position:absolute;inset:0;z-index:0}
.inlab-hero-ambiente img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.inlab-hero-scene.tiene-ambiente .inlab-hero-copy{position:relative;z-index:2}
.inlab-hero-scene.tiene-ambiente .inlab-hero-comp{position:absolute;inset:0;z-index:1;background:none}

/* fundido puro entre escenas: sin desplazamiento lateral */
.inlab-hero-panel{position:relative}
body.inlab .inlab-hero-scene{transform:none;transition:opacity .9s ease,visibility .9s}
body.inlab .inlab-hero-scene:not(.is-active){opacity:0;visibility:hidden;pointer-events:none}
body.inlab .inlab-hero-scene.is-active{opacity:1;visibility:visible;transform:none}

/* indicador discreto con línea fina */
.inlab-hero-indicador{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.inlab-hero-indicador .inlab-hero-tab{position:relative;display:inline-flex;align-items:baseline;gap:8px;
  background:none;border:0;padding:0 0 10px;cursor:pointer;font:inherit;font-size:13px;font-weight:400;
  color:#6E6E73;letter-spacing:.01em;transition:color .2s ease}
.inlab-hero-indicador .inlab-hero-tab .inlab-hero-tab-num{font-size:11px;color:#6E6E73;letter-spacing:.06em}
.inlab-hero-indicador .inlab-hero-tab.is-active{color:#1D1D1F}
.inlab-hero-indicador .inlab-hero-tab.is-active .inlab-hero-tab-num{color:#1D1D1F}
.inlab-hero-tab-linea{position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(17,17,17,.18)}
.inlab-hero-tab.is-active .inlab-hero-tab-linea{background:#1D1D1F;height:1px}

/* puntos "+" blancos de 26 px */
.inlab-hotspot-btn{width:26px;height:26px;min-width:26px;border-radius:50%;background:#FFFFFF;color:#1D1D1F;
  border:0;box-shadow:0 2px 10px rgba(0,0,0,.18);display:inline-flex;align-items:center;justify-content:center;
  font-size:16px;line-height:1;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.inlab-hotspot-btn:hover,.inlab-hotspot-btn:focus-visible{transform:scale(1.12);box-shadow:0 4px 14px rgba(0,0,0,.24)}
.inlab-hotspot-btn span{display:block;margin-top:-1px}

@media (max-width:860px){
  .inlab-hero-scene.tiene-ambiente .inlab-hero-ambiente img{object-position:var(--foco-x,70%) var(--foco-y,55%)}
  .inlab-hero-indicador{gap:16px}
  .inlab-hero-indicador .inlab-hero-tab{font-size:12px}
}

/* En móvil la foto de ambiente va arriba y el texto abajo, para que nada tape los muebles */
@media (max-width:860px){
  body.inlab .inlab-hero-scene.tiene-ambiente{display:none;padding:0;position:relative}
  body.inlab .inlab-hero-scene.tiene-ambiente.is-active{display:block}
  body.inlab .inlab-hero-scene.tiene-ambiente .inlab-hero-ambiente{position:relative;inset:auto;display:block;width:100%;aspect-ratio:4/3}
  body.inlab .inlab-hero-scene.tiene-ambiente .inlab-hero-comp{position:absolute;top:0;left:0;right:0;width:100%;
    aspect-ratio:4/3;height:auto;min-height:0;margin:0;z-index:3}
  body.inlab .inlab-hero-scene.tiene-ambiente .inlab-hero-copy{position:relative;z-index:2;padding:22px 20px 26px;background:transparent}
  body.inlab .inlab-hero-scene.tiene-ambiente .inlab-hero-title{margin:10px 0 12px}
  body.inlab .inlab-hero-scene.tiene-ambiente .inlab-hero-text{margin:0 0 20px}
  body.inlab .inlab-hero-scene.tiene-ambiente .inlab-hero-actions{flex-wrap:wrap;gap:12px}
  /* el sello se queda sobre la foto, en su esquina */
  body.inlab .inlab-hero-panel:has(.inlab-hero-scene.tiene-ambiente) .inlab-seal{width:74px;height:74px;top:12px;right:12px;bottom:auto}
  body.inlab .inlab-hero-panel:has(.inlab-hero-scene.tiene-ambiente) .inlab-seal-text{font-size:12.5px}
  /* la barra de escenas deja de flotar y se coloca al final del panel */
  body.inlab .inlab-hero-panel:has(.inlab-hero-scene.tiene-ambiente) .inlab-hero-nav{position:static;padding:0 20px 22px;
    align-items:center;gap:14px}
  body.inlab .inlab-hero-indicador{gap:14px;flex:1}
  body.inlab .inlab-hero-arrows{flex:none}
}

/* El eyebrow del hero va sobre la pared arena: el rojo de marca se queda en 3.2:1,
   así que en las escenas con foto se usa un rojo más oscuro que sí llega a 4.5:1. */
body.inlab .inlab-hero-scene.tiene-ambiente .inlab-eyebrow{color:#6E6E73}

/* =========================================================================
   Alineación al diseño final aprobado (2026-09-23)
   Barra superior, encabezado, secciones del inicio y pie.
   ====================================================================== */

/* ---------- Barra superior ---------- */
body.inlab .inlab-topbar { height: 34px; background: #FFFFFF; color: #6E6E73; font-size: 12px;
  border-bottom: 1px solid #F0F0F0; }

/* ---------- Encabezado: logo · menú · acciones ---------- */
body.inlab .inlab-header-inner { height: 80px; max-width: none; padding: 0 64px;
  grid-template-columns: 1fr auto 1fr; }
body.inlab .inlab-header-left { justify-content: flex-start; }
body.inlab .inlab-header-center { display: flex; justify-content: center; }
body.inlab .inlab-header-right { gap: 10px; }
body.inlab .inlab-menu { gap: 2px; }
body.inlab .inlab-menu > li > a { font-size: 14px; font-weight: 400; padding: 0 14px; }
body.inlab .inlab-cart-link { display: inline-flex; align-items: center; gap: 7px; position: relative;
  min-height: 44px; padding: 0 6px; font-size: 14px; font-weight: 400; color: var(--in-text); }
body.inlab .inlab-cart-link:hover { color: var(--in-red); }
body.inlab .inlab-cart-count { position: static; min-width: 18px; height: 18px; padding: 0 5px;
  border-radius: 999px; background: var(--in-red); color: #fff; font-size: 11px; font-weight: 500;
  line-height: 18px; text-align: center; }

/* ---------- Secciones del inicio: 104 px de separación ---------- */
body.inlab .inlab-espacios, body.inlab .inlab-seleccion,
body.inlab .inlab-paq, body.inlab .inlab-beneficios { margin-top: 104px; }
body.inlab .inlab-sec-head { display: flex; align-items: baseline; justify-content: space-between;
  gap: 24px; margin-bottom: 28px; flex-wrap: wrap; }
body.inlab .inlab-sec-title { font-family: var(--in-head); font-size: 26px; font-weight: 500;
  letter-spacing: -0.02em; line-height: 1.15; margin: 0; }
body.inlab .inlab-sec-link { font-size: 14px; font-weight: 400; color: #6E6E73; }
body.inlab .inlab-sec-link:hover { color: var(--in-red); }

/* ---------- Hero: panel con radio 20 y margen 24 ---------- */

body.inlab .inlab-hero-panel { border-radius: 20px; }

/* ---------- Explora por espacio ---------- */
body.inlab .inlab-espacios-row { list-style: none; margin: 0; padding: 0; display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
body.inlab .inlab-espacio a { display: block; }
body.inlab .inlab-espacio-img { display: block; aspect-ratio: 6 / 7; border-radius: 16px;
  overflow: hidden; background: var(--in-panel); }
body.inlab .inlab-espacio-img img { width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .4s ease; }
body.inlab .inlab-espacio a:hover .inlab-espacio-img img { transform: scale(1.03); }
body.inlab .inlab-espacio-pie { display: flex; align-items: baseline; justify-content: space-between;
  gap: 12px; margin-top: 12px; }
body.inlab .inlab-espacio-nombre { font-family: var(--in-head); font-size: 15px; font-weight: 400;
  color: var(--in-text); }
body.inlab .inlab-espacio-ver { font-size: 13px; color: #6E6E73; white-space: nowrap; }
body.inlab .inlab-espacio a:hover .inlab-espacio-ver { color: var(--in-text); }

/* ---------- Nuestra selección ---------- */
body.inlab .inlab-seltabs { display: flex; gap: 24px; flex-wrap: wrap; }
body.inlab .inlab-seltab { background: none; border: 0; border-bottom: 1px solid transparent;
  padding: 0 0 6px; font-family: var(--in-body); font-size: 14px; font-weight: 400; color: #6E6E73; }
body.inlab .inlab-seltab:hover { color: var(--in-text); }
body.inlab .inlab-seltab.is-active { color: #1D1D1F; border-bottom-color: #1D1D1F; }
body.inlab .inlab-sel-grid { list-style: none; margin: 0; padding: 0; display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 24px; row-gap: 40px; }
body.inlab .inlab-sel-grid > li { margin: 0; }
body.inlab .inlab-hcard-media { position: relative; display: block; aspect-ratio: 1 / 1;
  border-radius: 16px; overflow: hidden; background: #fff; }
body.inlab .inlab-hcard-img { width: 100%; height: 100%; object-fit: contain; display: block;
  transition: transform .35s ease; }
body.inlab .inlab-hcard:hover .inlab-hcard-img { transform: scale(1.03); }
body.inlab .inlab-hcard-add { position: absolute; left: 12px; right: 12px; bottom: 12px;
  display: inline-flex; align-items: center; justify-content: center; min-height: 40px;
  border-radius: 999px; background: var(--in-black); color: #fff; font-size: 14px; font-weight: 400;
  opacity: 0; transform: translateY(6px); transition: opacity .18s ease, transform .18s ease;
  pointer-events: none; }
body.inlab a.inlab-hcard-add { color: #fff; }
body.inlab .inlab-hcard:hover .inlab-hcard-add,
body.inlab .inlab-hcard-add:focus-visible { opacity: 1; transform: none; pointer-events: auto; }
body.inlab .inlab-hcard-add:hover { background: var(--in-red); color: #fff; }
body.inlab .inlab-hcard-line { display: flex; align-items: baseline; justify-content: space-between;
  gap: 12px; margin-top: 14px; }
body.inlab .inlab-hcard-name { font-family: var(--in-head); font-size: 15px; font-weight: 400;
  line-height: 1.3; margin: 0; letter-spacing: 0; }
body.inlab .inlab-hcard-price { font-family: var(--in-head); font-size: 15px; font-weight: 500;
  white-space: nowrap; }
body.inlab .inlab-hcard-price .woocommerce-Price-currencySymbol { font-weight: 500; }
body.inlab .inlab-hcard-cat { margin: 5px 0 0; font-size: 13px; color: #6E6E73; }

/* ---------- Paquetes ---------- */
body.inlab .inlab-paq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 72px; align-items: center; }
body.inlab .inlab-paq-img { border-radius: 20px; overflow: hidden; background: var(--in-panel); }
body.inlab .inlab-paq-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.inlab .inlab-paq-eyebrow { margin: 0 0 14px; font-size: 12px; font-weight: 400;
  letter-spacing: .1em; text-transform: uppercase; color: #6E6E73; }
body.inlab .inlab-paq-title { font-family: var(--in-head); font-size: 32px; font-weight: 500;
  letter-spacing: -0.025em; line-height: 1.15; margin: 0; }
body.inlab .inlab-paq-text { margin: 16px 0 28px; font-size: 15px; line-height: 1.6;
  color: #6E6E73; max-width: 46ch; }
body.inlab .inlab-btn-pill { min-height: 48px; padding: 0 28px; border-radius: 999px;
  font-size: 15px; font-weight: 400; }

/* ---------- Beneficios: 3 columnas de texto, sin íconos ---------- */
body.inlab .inlab-beneficios { border-top: 1px solid #D2D2D7; border-bottom: 0; }
body.inlab .inlab-beneficios-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.inlab .inlab-beneficios-row li { padding: 28px 32px 28px 0; border-left: 0; gap: 6px; }
body.inlab .inlab-beneficios-row strong { font-family: var(--in-head); font-size: 14px;
  font-weight: 500; }
body.inlab .inlab-beneficios-row span:last-child { font-size: 13px; color: #6E6E73; }

/* ---------- Armador de comedor en la vista de Paquetes ---------- */
body.inlab .inlab-armador { margin: 0 0 48px; }
body.inlab .inlab-armador .inlab-comedor { margin-top: 0; }

/* ---------- Pie claro ---------- */
body.inlab .inlab-footer { background: #F5F5F7; color: #1D1D1F; margin-top: 104px; }
body.inlab .inlab-footer-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
  gap: 48px; padding: 56px 64px 32px; max-width: none; }
body.inlab .inlab-footer-brand p { margin: 16px 0 0; max-width: 34ch; font-size: 13px; color: #6E6E73; }
body.inlab .inlab-footer-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px; }
body.inlab .inlab-footer-col h2 { color: #86868B; font-family: var(--in-body); font-size: 12px;
  font-weight: 400; letter-spacing: .1em; text-transform: uppercase; margin: 0 0 14px; }
body.inlab .inlab-footer-col li { margin: 0 0 9px; }
body.inlab .inlab-footer-col a { color: #1D1D1F; font-size: 13px; }
body.inlab .inlab-footer-col a:hover { color: var(--in-red); text-decoration: none; }
body.inlab .inlab-footer-bottom { border-top: 1px solid #D2D2D7; padding: 18px 64px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  text-align: left; font-size: 12px; color: #86868B; }
body.inlab .inlab-footer-bottom a { color: #86868B; }
body.inlab .inlab-footer-bottom a:hover { color: var(--in-text); text-decoration: none; }

/* ---------- Pantallas medianas ---------- */
@media (max-width: 1180px) {
  body.inlab .inlab-header-inner { padding: 0 24px; }
  body.inlab .inlab-footer-inner, body.inlab .inlab-footer-bottom { padding-left: 24px; padding-right: 24px; }
  body.inlab .inlab-sel-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.inlab .inlab-paq-grid { gap: 40px; }
}

/* ---------- Móvil ---------- */
@media (max-width: 860px) {
  body.inlab .inlab-topbar { font-size: 11px; }
  body.inlab .inlab-header-inner { height: 64px; grid-template-columns: auto 1fr; padding: 0 16px; }
  body.inlab .inlab-header-center { display: none; }
  body.inlab .inlab-header-right { gap: 2px; }
  body.inlab .inlab-logo img { height: 20px !important; }
  body.inlab .inlab-cart-texto { display: none; }
  body.inlab .inlab-cart-link { padding: 0 8px; }
  body.inlab .inlab-menu-toggle { display: inline-flex; }
  body.inlab .inlab-search-toggle { display: inline-flex; }
  body.inlab .inlab-iconbtn { width: 38px; height: 38px; }
  body.inlab 
  body.inlab .inlab-espacios, body.inlab .inlab-seleccion,
  body.inlab .inlab-paq, body.inlab .inlab-beneficios { margin-top: 64px; }
  body.inlab .inlab-espacios-row { display: flex; gap: 14px; overflow-x: auto;
    scroll-snap-type: x mandatory; scrollbar-width: none;
    margin: 0 -24px; padding: 0 24px 4px; }
  body.inlab .inlab-espacios-row::-webkit-scrollbar { display: none; }
  body.inlab .inlab-espacio { flex: 0 0 200px; scroll-snap-align: start; }
  body.inlab .inlab-sel-grid { grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 14px; row-gap: 28px; }
  /* En móvil no hay "pasar el mouse": el botón se queda visible y pequeño.
     Sigue en posición absoluta porque la foto tiene proporción fija y recorta
     lo que se salga de ella. */
  body.inlab .inlab-hcard-add { opacity: 1; transform: none; pointer-events: auto;
    left: 8px; right: 8px; bottom: 8px; min-height: 32px; font-size: 13px; }
  body.inlab .inlab-paq-grid { grid-template-columns: 1fr; gap: 24px; }
  body.inlab .inlab-paq-title { font-size: 24px; }
  body.inlab .inlab-beneficios-row { grid-template-columns: 1fr; }
  body.inlab .inlab-beneficios-row li { padding: 20px 0; border-top: 1px solid #D2D2D7; }
  body.inlab .inlab-beneficios-row li:first-child { border-top: 0; }
  body.inlab .inlab-footer-inner { grid-template-columns: 1fr; gap: 32px; padding: 40px 24px 24px; }
  body.inlab .inlab-footer-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
  body.inlab .inlab-footer-bottom { flex-direction: column; align-items: flex-start; gap: 6px; }
}

/* El 26 px de los títulos de sección alcanzaba también al nombre de las tarjetas
   de "Combínala con", porque ahí el nombre es un <h2>. Se devuelve a 15 px. */
body.inlab .inlab-related h2.inlab-card-name,
body.inlab .inlab-section h2.inlab-card-name { font-size: 15px; font-weight: 500;
  letter-spacing: 0; line-height: 1.35; }

/* =========================================================================
   Atributos de variación en píldora (Tamaño, Medida, Orientación…)
   y precio "Desde" de los productos variables.   23/09/2026
   ====================================================================== */

body.inlab .inlab-attr { margin: 0 0 22px; }
body.inlab .inlab-attr-label { margin: 0 0 12px; font-size: 14px; color: var(--in-text2); }
body.inlab .inlab-attr-label strong { color: var(--in-text); font-weight: 500; }
/* Sin nada elegido, la etiqueta se queda en "Tamaño:" sin dos puntos huérfanos. */
body.inlab .inlab-attr.inlab-attr-sin .inlab-attr-label { color: var(--in-text2); }

body.inlab .inlab-attr-ops { display: flex; flex-wrap: wrap; gap: 10px; }
body.inlab .inlab-attr-op {
  min-height: 44px; padding: 0 18px;
  border: 1px solid var(--in-line); border-radius: 999px; background: #fff;
  font-family: var(--in-body); font-size: 14px; font-weight: 500; color: var(--in-text);
  cursor: pointer;
  transition: border-color .25s cubic-bezier(.28,.11,.32,1),
              background-color .25s cubic-bezier(.28,.11,.32,1),
              box-shadow .25s cubic-bezier(.28,.11,.32,1);
}
body.inlab .inlab-attr-op:hover:not(:disabled) { border-color: #AEAEB2; }
body.inlab .inlab-attr-op.is-active {
  border: 1.5px solid var(--in-text); background: #F5F5F7;
  /* El borde de 1.5 px no debe mover a los vecinos. */
  padding: 0 17.5px;
}
body.inlab .inlab-attr-op:focus-visible {
  outline: 0; border-color: var(--in-text); box-shadow: 0 0 0 4px rgba(29,29,31,.08);
}
/* Agotada: se ve, pero no se puede elegir. */
body.inlab .inlab-attr-op.is-out {
  color: #86868B; text-decoration: line-through;
  text-decoration-color: rgba(134,134,139,.5); text-decoration-thickness: 1px;
  cursor: not-allowed;
}
body.inlab .inlab-attr-op:disabled { cursor: not-allowed; }

/* 2–3 opciones cortas: control segmentado, como en Orientación. */
body.inlab .inlab-attr-ops.inlab-seg { display: inline-flex; flex-wrap: nowrap; gap: 2px; }
body.inlab .inlab-attr-ops.inlab-seg .inlab-attr-op {
  min-height: 40px; border: 0; background: transparent; color: var(--in-text2);
  box-shadow: none; padding: 0 18px;
}
body.inlab .inlab-attr-ops.inlab-seg .inlab-attr-op.is-active {
  background: #fff; color: var(--in-text); box-shadow: 0 1px 4px rgba(0,0,0,.12); border: 0;
}

/* "Restablecer" en lugar de "Limpiar": discreto y solo cuando hay algo
   elegido. El JS lo saca de la fila oculta del <select> y lo deja junto a
   la etiqueta del grupo. */
body.inlab .inlab-buy .reset_variations {
  font-size: 13px; color: var(--in-text2); margin: 0 0 14px;
  text-decoration: underline; text-underline-offset: 3px;
  display: none !important;
}
body.inlab .inlab-buy .reset_variations.inlab-reset-visible {
  display: inline-block !important; visibility: visible !important;
}

/* Botón de compra cuando falta elegir: gris claro y con la instrucción. */
body.inlab .inlab-buy form.cart .single_add_to_cart_button.inlab-falta-elegir,
body.inlab .inlab-buy form.cart .single_add_to_cart_button.inlab-falta-elegir:hover {
  background: #E8E8ED; color: var(--in-text2); opacity: 1; cursor: not-allowed;
}

/* Precio "Desde": la palabra pequeña y en gris, el monto grande. */
body.inlab .inlab-price .inlab-desde {
  font-family: var(--in-body); font-size: 14px; font-weight: 400;
  color: var(--in-text2); letter-spacing: 0; margin-right: 2px;
}
body.inlab .inlab-price .inlab-monto,
body.inlab .inlab-price .inlab-monto .amount,
body.inlab .inlab-price .inlab-monto .woocommerce-Price-amount { font-size: 30px; }
/* En la ficha el enunciado pide 20 px para el monto cuando lleva "Desde". */
body.inlab .inlab-price .inlab-desde + .inlab-monto,
body.inlab .inlab-price .inlab-desde + .inlab-monto .amount,
body.inlab .inlab-price .inlab-desde + .inlab-monto .woocommerce-Price-amount { font-size: 20px; }

/* Tarjetas: "Desde" más pequeño que el precio, en la misma línea. */
body.inlab .inlab-card-price .inlab-desde,
body.inlab .inlab-hcard-price .inlab-desde {
  font-family: var(--in-body); font-size: 13px; font-weight: 400;
  color: var(--in-text2); letter-spacing: 0; margin-right: 2px;
}
body.inlab .inlab-card-price .inlab-monto,
body.inlab .inlab-hcard-price .inlab-monto { font-size: inherit; }

/* El precio de la variación que manda WooCommerce trae su propio <span>. */
body.inlab .inlab-price.inlab-price-exacto .price,
body.inlab .inlab-price.inlab-price-exacto .amount { font-size: 30px; }

@media (max-width: 767px) {
  body.inlab .inlab-attr-ops { gap: 8px; }
  body.inlab .inlab-attr-op { padding: 0 15px; }
  body.inlab .inlab-attr-op.is-active { padding: 0 14.5px; }
  body.inlab .inlab-attr-ops.inlab-seg { display: flex; width: 100%; }
  body.inlab .inlab-attr-ops.inlab-seg .inlab-attr-op { flex: 1 1 0; padding: 0 8px; }
}