/* v0.12 · 82-ficha — Ficha de producto (dueño, 9 nov 2026): selector, aviso de reserva, atributos destacados, "Así está esta Mac",
   "Detalles del equipo", cajas de estado y batería, panel lateral y caja de compra más compacta. */

/* Selector de memoria y almacenamiento: píldoras en fila de 36px; la elegida con relleno Celeste claro y letra Erie Bold, sin borde negro;
   la que no existe con la memoria elegida en blanco, gris #9A9EA2, tachada y deshabilitada */
.pd-ch{gap:8px}
.pd-ch-b{min-height:36px;padding:6px 16px;border:1px solid var(--line);font-size:14px;font-weight:400;line-height:1.5;color:var(--ink)}
.pd-ch-b:hover:not(:disabled){background:var(--sky-light);border-color:var(--sky-light);color:var(--ink)}
.pd-ch-b[aria-checked="true"]{background:var(--sky-light);border-color:var(--sky-light);box-shadow:none;font-weight:700;color:var(--ink)}
.pd-ch-b:disabled{opacity:1;background:#fff;border-color:var(--line);color:#9A9EA2;text-decoration:line-through;cursor:not-allowed}
.emx-atc table.variations th.label,.emx-atc table.variations td.value{padding-bottom:4px}

/* Color: círculos de 36px; el elegido con un anillo Celestial */
.pd-sw{gap:10px}
.pd-sw-b{width:40px;height:40px}
.pd-sw-b img,.pd-sw-b .sw-ph{width:36px;height:36px}
.pd-sw-b[aria-checked="true"]{box-shadow:0 0 0 2px var(--sky)}

/* Aviso de reserva: una sola línea sobre Comprar, sin recuadro de color, reloj de 16px, 14 / 12 Regular gris y el plazo en Bold Erie.
   Igual en la fila del carrito (página y lateral) */
.pd-stock{gap:6px;padding:0;border-radius:0;background:none;font-size:14px;font-weight:400;line-height:1.5;color:var(--emx-info,#5A5F69)}
.pd-stock .bi{width:16px;height:16px;color:var(--ink)}
.pd-stock b,.emx-res b,.emx-ci-res b{font-weight:700;color:var(--ink)}
.emx-atc .pd-stock{margin:0 0 12px}
.pd-buy > .pd-stock{margin-bottom:12px!important}

/* Atributos destacados (nuevos simples): las líneas de la descripción corta en 16px Regular con un check relleno Erie de 18px */
.pd-hl{list-style:none;display:grid;gap:8px;margin:4px 0 12px;padding:0}
.pd-hl li{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:16px;line-height:1.5;color:var(--ink)}
.pd-hl-i{flex:none;width:18px;height:18px;margin-top:3px;fill:var(--ink)}

/* Con una sola unidad, WooCommerce deja la cantidad como campo oculto y su caja quedaba como una raya junto a "Comprar" */
.emx-atc .quantity:has(> input.qty[type="hidden"]){display:none}

/* Caja de compra más compacta: menos aire entre precio, opciones, aviso y Comprar */
.pd-buy > .pd-price{margin-bottom:12px}
.emx-atc table.variations{margin-bottom:8px}

/* "Así está esta Mac": Pantalla, Carcasa y Laterales en carrusel, sin caja gris ni barra de botones; cada foto con su nombre y descripción */
.m3d.m3d-b{display:block;margin:0;padding:0;border-radius:0;background:none}
.b-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;outline-offset:4px}
.b-rail::-webkit-scrollbar{display:none}
.b-card{flex:0 0 86%;margin:0;scroll-snap-align:start}
.b-card .m3d-img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:3/2;margin:0;object-fit:cover;border-radius:16px;background:var(--soft)}
.b-card figcaption{margin-top:8px;font-size:14px;line-height:1.5;color:var(--emx-info,#5A5F69)}
.b-card figcaption b{display:block;margin-bottom:2px;font-size:16px;font-weight:700;color:var(--ink)}
.b-nav{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.b-nav .emx-circ:disabled{opacity:.35;cursor:default;background:#fff;border-color:var(--line)}
@media (max-width:781px){.b-nav{display:none}.b-card{flex-basis:88%}}

/* Pestañas del panel (Estado / Batería / Revisión): la elegida en Celeste claro con letra Erie */
.dw-tabs button.on{background:var(--sky-light);color:var(--ink)}
.dw-tabs button:hover:not(.on){background:var(--sky-light);color:var(--ink)}

/* Estado (Excelente / Muy bueno / Bueno): el elegido en Celestial con letra blanca, Celeste claro al pasar el mouse, borde gris y foco
   Celestial (manual de estados: el negro solo en DEALS Black y en el texto) */
.sc-tabs{border-color:var(--line)}
.sc-tabs button:hover{background:var(--sky-light);color:var(--ink)}
.sc-tabs button:focus-visible{outline-color:var(--sky)}
.sc-tabs button[aria-selected="true"]{background:var(--sky);color:#fff}
.sc-tabs button small{background:var(--sky);color:#fff}
.sc-tabs button[aria-selected="true"] small{background:#fff;color:var(--ink)}

/* El panel lateral lleva una sombra oscura detrás que tapa la lectura de la página */
.dw-shade{background:rgba(17,29,74,.55)}

/* "Detalles del equipo" (Especificaciones / Descripción / Garantía): lista con líneas finas, sin cajones, en 18 / 16 Regular, chevron fino
   y sombreado blanco al pasar el mouse, igual que las preguntas frecuentes */
.dt-rows{display:block;gap:0;border-top:1px solid var(--line)}
.dt-rows .dt-row{min-height:60px;margin:0;padding:16px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
.dt-rows .dt-row b{font-size:18px;font-weight:400;color:var(--ink)}
.dt-rows .dt-row:hover,.dt-rows .dt-row:focus-visible{background:#fff;border-color:var(--line)}
.dt-rows .dt-chev{width:14px;height:14px;stroke-width:1.5}

/* Cajas "Estado cosmético" y "Batería": 157px de alto; Bueno / Muy bueno / Excelente en 11px en una sola línea y la barra en gris #7A8085 */
.pd-facts .fact{min-height:157px}
.fact .scale li.fill{background:#7A8085}
.fact .scale-lbl{font-size:11px}
.fact .scale-lbl span{white-space:nowrap}

/* Precios de "Otras … disponibles": cifras normales de Montserrat, no tabulares */
.emx-rail .pc-price,.emx-rail .pc-was,.emx-rail .pc-save,.emx-sec-pd .pc-price{font-variant-numeric:normal}

@media (max-width:781px){
	.pd-stock{font-size:12px}
	.pd-hl li{font-size:16px}
	.dt-rows .dt-row b{font-size:16px}
}