/* v0.12 · 90-wf12-global — Wireframe del 12 nov 2026 (la especificación del tema), partes compartidas: header y barra superior, menú,
   buscador, banner, escala de títulos, tarjeta de producto, videos, "Una empresa real", puente, preguntas frecuentes, carrito lateral
   y botón flotante de WhatsApp. Valores medidos en el wireframe. Pesos: solo 400 y 700 (manual de tipografía del dueño, 9 nov). */

/* ---------- Header (escritorio): barra superior 12/18 Regular y menú en Regular ---------- */
@media (min-width:782px){
	.emx-topbar{padding-block:9px}
	.emx-topbar p{font-size:12px;font-weight:400;line-height:18px;letter-spacing:.24px}
}
.emx-dnav > li > a,.emx-dnav > li > button{font-weight:400}
/* Submenús y resultados del buscador: al pasar el mouse, niebla (no Celeste claro) */
.emx-dd-panel a:hover,.emx-dd-panel a:focus-visible,.emx-mchips a:hover,.emx-mchips a:focus-visible{background:var(--wp--preset--color--niebla,#F6F7F8);color:var(--ink)}
.emx-spop a:hover,.emx-spop a:focus-visible{background:var(--wp--preset--color--niebla,#F6F7F8);border-color:var(--wp--preset--color--niebla,#F6F7F8);color:var(--ink)}
/* Megamenú: la foto del modelo recortada en horizontal, la Mac se ve grande */
.emx-mchips.is-cards a img{object-fit:cover}
/* Menú del celular: "Ver todos los DEALS →" con sus espacios (el inline-flex se los comía) */
.emx-mcard .emx-mc-all{gap:.28em}

/* ---------- Buscador: 16px (con menos, el iPhone hace zoom), rótulos en Regular y foco azul ---------- */
.emx-sfield input{font-size:16px}
.emx-spop h4{font-weight:400;letter-spacing:.06em}
.emx-sfield:focus-within{box-shadow:0 0 0 2px var(--wp--preset--color--celestial,#2695D1),0 0 0 5px #fff}
@media (max-width:781px){
	.emx-hdr-row > .emx-search .emx-sfield:focus-within,.emx-sfield:focus-within{border-color:var(--wp--preset--color--celestial,#2695D1);box-shadow:0 0 0 1px var(--wp--preset--color--celestial,#2695D1)}
}

/* ---------- Banner y escala de títulos ---------- */
.emx-slide-text .wp-block-button__link{font-size:18px}
.emx-slide-text h1,.emx-sec .emx-slide-text h2.wp-block-heading,
.emx-sec h2.wp-block-heading.emx-h-strike,.emx-sec.emx-black h2.wp-block-heading{line-height:1.1;letter-spacing:-.02em}
.emx-sec h2.wp-block-heading,.emx-rev-head h2,.emx-clientes h2.wp-block-heading,.emx-clientes-lst h2.wp-block-heading,.emx-seo .emx-seo-text h2{line-height:1.2}
@media (min-width:782px){p.is-style-emx-lead{font-size:18px;line-height:27px}}
@media (max-width:781px){.emx-slide-text .emx-slide-sub.is-style-emx-lead{font-size:16px;line-height:24px}.emx-slide-text .wp-block-button__link{font-size:16px}}
/* Foto del banner DEALS (12 nov): 380px en escritorio y 300px en celular, encuadre 50% 54% en los dos (lo que de verdad aplica el wireframe) */
.emx-slide-img{object-position:50% 54%}
@media (max-width:781px){.emx-slide-img,.emx-slide:not(.is-cover) .emx-slide-img{height:300px;object-position:50% 54%}}

/* ---------- Tarjeta de producto ---------- */
.pc-msg{font-size:12px;line-height:18px;border-bottom:1px solid #C1F6E7}
.pcard .pc-price{line-height:1.2}
.pcard.black .pc-price{line-height:1.15}
.pcard .pc-was{color:var(--wp--preset--color--gris-oscuro,#3B3F42)}
.pcard.black .pc-save{font-weight:700}
.pcard.black{border-radius:20px}
@media (max-width:700px){.pcard.black{border-radius:16px}}
/* Filtros de las filas del inicio (Todas, MacBook Air…) en el celular: 14px */
@media (max-width:781px){.emx-rail-head .emx-qf{font-size:14px}}

/* ---------- Videos ("Aprende a elegir tu Mac" y "Ellos ya tienen su Mac DEALS") ---------- */
.emx-reel-play{background:rgba(255,255,255,.94);border:0;box-shadow:0 0 0 1px #C9CDD1,0 4px 14px rgba(33,36,39,.16)}
.emx-reel-t{font-size:20px;line-height:26px}
.emx-tst-n{font-size:20px;line-height:26px}
.emx-tst-s{margin-top:-2px;font-size:12px;line-height:18px;color:var(--wp--preset--color--informativo,#5A5F69)}
.emx-tst-s .deals{font-size:12px}
.emx-clientes .emx-tst-head > .emx-tst-lead,.emx-clientes-lst .emx-tst-head > .emx-tst-lead{font-size:18px;line-height:27px}
@media (max-width:781px){
	.emx-reel-t,.emx-tst-n{font-size:18px;line-height:23.4px}
	.emx-tst-s{font-size:12px}
	.emx-clientes .emx-tst-head > .emx-tst-lead,.emx-clientes-lst .emx-tst-head > .emx-tst-lead{font-size:16px;line-height:24px}
}

/* ---------- Reseñas (celular): texto 16/24 ---------- */
@media (max-width:781px){.emx-rev-t{font-size:16px;line-height:24px}}

/* ---------- "Una empresa real, con trayectoria" ---------- */
.emx-trust-h{letter-spacing:.06em}
.emx-trust-track li{border-color:var(--wp--preset--color--borde-suave,#E6E8EC)}
.emx-trust-track small{font-size:14px;line-height:21px;color:var(--wp--preset--color--informativo,#5A5F69)}
@media (max-width:781px){.emx-trust-track b{font-size:16px}}
/* Fuera del inicio (categorías, fichas…), 40px de aire arriba (28 en el celular), como el wireframe */
.emx-real .emx-trust{margin-top:40px}
.emx-revs + .emx-real .emx-trust{margin-top:0}
@media (max-width:781px){.emx-real .emx-trust{margin-top:28px}.emx-revs + .emx-real .emx-trust{margin-top:0}}

/* ---------- Puente "¿Prefieres estrenar?" ---------- */
.emx-bridge-box{border-color:var(--wp--preset--color--borde-suave,#E6E8EC);background:transparent}
.emx-bridge-box:hover,.emx-bridge-box:focus-within{background:#F3F4F6;box-shadow:none}
.emx-bridge-box p{font-size:14px;color:var(--wp--preset--color--informativo,#5A5F69)}
.emx-bridge-box .emx-bridge-t{font-size:18px;color:var(--ink)}

/* ---------- Preguntas frecuentes (inicio, fichas y categorías) ---------- */
/* Fondo #F3F4F6 en categorías y fichas; en el inicio sigue niebla #F6F7F8 (medido en el wireframe) */
.emx-faq.has-niebla-background-color{background-color:#F3F4F6!important}
.emx-home .emx-faq.has-niebla-background-color{background-color:var(--wp--preset--color--niebla,#F6F7F8)!important}
.emx-faq-side h2{font-size:28px;line-height:1.2}
.emx-faq-side .is-style-emx-lead{font-size:18px;line-height:27px;color:var(--wp--preset--color--informativo,#5A5F69)}
.wp-block-details.is-style-emx-faq{border-bottom-color:var(--wp--preset--color--borde-suave,#E6E8EC)}
.wp-block-details.is-style-emx-faq summary{line-height:1.35}
@media (max-width:781px){
	.emx-faq-side h2{font-size:22px}
	.emx-faq-side .is-style-emx-lead{font-size:16px;line-height:24px}
}

/* ---------- Carrito lateral ---------- */
.emx-cdw-empty-btn:hover,.emx-cdw-empty-btn:focus-visible{background:var(--emx-buy-h,#57E0B1);border-color:var(--emx-buy-h,#57E0B1);color:var(--ink)}
@media (min-width:782px){.emx-cdw-empty .emx-cdw-empty-t{font-size:20px}}
@media (max-width:781px){.emx-cdw-t{font-size:18px}}

/* ---------- Líneas: borde suave #E6E8EC fuera del inicio (medido en las fichas, categorías y páginas del wireframe) ----------
   El inicio del wireframe conserva #C9CDD1 en el header, "Una empresa real" y las preguntas; las tarjetas de producto van en suave
   en todas partes. Las píldoras (memoria, subcategorías, Comparar, DEALS) y las filas de "Detalles" siguen en #C9CDD1 como en el wireframe. */
body:not(.home) .emx-hdr-main{border-bottom-color:var(--wp--preset--color--borde-suave,#E6E8EC)}
body:not(.home) .emx-nav-row{border-top-color:var(--wp--preset--color--borde-suave,#E6E8EC);border-bottom-color:var(--wp--preset--color--borde-suave,#E6E8EC)}
.pd-price.wp-block-easymac-product-price{border-top-color:var(--wp--preset--color--borde-suave,#E6E8EC)}
.fact{border-color:var(--wp--preset--color--borde-suave,#E6E8EC)}
.fact .fact-l{border-top-color:var(--wp--preset--color--borde-suave,#E6E8EC)}
.emx-home .emx-trust-track li{border-color:var(--wp--preset--color--borde,#C9CDD1)}
.emx-home .wp-block-details.is-style-emx-faq{border-bottom-color:var(--wp--preset--color--borde,#C9CDD1)}

/* Migas en escritorio: interlineado 1,45 (17,4px a 12px), como el wireframe */
@media (min-width:782px){.emx-crumbs,.emx-crumbs p,.emx-crumbs a,.emx-crumbs .last{line-height:1.45}}

/* ---------- Botón flotante de WhatsApp: sombra del wireframe (la distancia de 24px va en easymac-core/core.css) ---------- */
.emx-fab{box-shadow:0 8px 22px rgba(33,36,39,.26)}