/* ==========================================================================
   Milar 2026 · páginas de contenido (14-oct-2026)
   Promociones, landing de promoción, quiénes somos, legales, servicios, marca, acceso, mi cuenta y seguimiento.
   Lienzo: https://claude.ai/artifact/3tirV5f54ZzzLt3EwkiQm2 · se carga después de milar2026.css (body.m26-pg)
   ========================================================================== */

body.m26-pg { background: var(--m26-bone); color: var(--m26-ink); font-family: var(--m26-font); }
body.m26-pg main#promociones,
body.m26-pg main { float: none; width: auto; margin-top: 0 !important; }

body.m26-pg [hidden] { display: none !important; }

.m26-voice { font-family: var(--m26-voice); font-style: italic; font-weight: 400; letter-spacing: -.01em; }
.m26-pg-eyebrow { display: block; margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--m26-green-text); }

.m26-pg-crumbs { font-size: 13px; color: #8A93A0; }
.m26-pg-crumbs a { color: var(--m26-muted-on-ink); text-decoration: none; }
.m26-pg-crumbs a:hover { color: #fff; text-decoration: underline; }
.m26-pg-crumbs--light { color: var(--m26-muted); }
.m26-pg-crumbs--light a { color: var(--m26-ink); }
.m26-pg-crumbs--light a:hover { color: var(--m26-green-text); }

/* Cabecera en tinta de las páginas de contenido */
.m26-pg-hero { position: relative; background: var(--m26-ink); color: #fff; text-align: left; font-size: 16px; }
.m26-pg-hero__in { display: flex; flex-direction: column; gap: 22px; padding-block: 40px 32px; }
.m26-pg-hero .m26-pg-eyebrow { color: var(--m26-green); }
.m26-pg-hero__row { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.m26-pg-hero__txt { display: flex; flex-direction: column; gap: 12px; max-width: 760px; }
.m26-pg-hero__h { margin: 0; font-family: var(--m26-font); font-size: clamp(34px, 4.4vw, 56px); font-weight: 800; line-height: 1.02; letter-spacing: -.035em; color: #fff; text-transform: none; }
.m26-pg-hero__lead { margin: 0; font-size: 17px; line-height: 1.5; color: var(--m26-muted-on-ink); }
.m26-pg-hero__alt { flex: none; font-size: 14px; font-weight: 700; color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.m26-pg-hero__alt:hover { color: var(--m26-green); }

/* --------------------------------------------------------------------------
   Promociones · listado
   -------------------------------------------------------------------------- */
body.m26-pg #promo-search { padding: 0; font-size: 16px; text-align: left; background: var(--m26-ink); }
body.m26-pg #promo-search.stickyElement { position: relative !important; top: auto; z-index: auto; }
body.m26-pg #promo-search .promo-past-list { display: inline; position: static; padding: 0; color: #fff; font-size: 14px; vertical-align: baseline; }
body.m26-pg #promociones .promolist { min-height: 0; }

.m26-promos-filtros { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.m26-promos-filtros__tipos { display: flex; flex-wrap: wrap; gap: 8px; }
.m26-promos-filtros__tipos:not([hidden]) + .m26-promos-filtros__marcas.is-chips::before { content: ""; width: 1px; height: 24px; margin: 0 6px; background: rgba(255, 255, 255, .2); }
.m26-promos-filtros__marcas { display: flex; align-items: center; }
.m26-promos-filtros__marcas.is-chips select { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); opacity: 0; }
.m26-promos-filtros__marcas select { height: 40px; padding: 0 36px 0 16px; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .1); color: #fff; font: 600 14px var(--m26-font); }
.m26-promos-filtros__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.m26-promos-filtros__chips .is-extra { display: none; }
.m26-promos-filtros__chips.is-all .is-extra { display: block; }

.m26-chip-tipo,
.m26-chip-marca { display: inline-flex; align-items: center; height: 40px; padding: 0 18px; border: 0; border-radius: 999px; font: 700 14px/1 var(--m26-font); cursor: pointer; text-decoration: none; white-space: nowrap; }
.m26-chip-tipo { background: rgba(255, 255, 255, .1); color: #fff; }
.m26-chip-tipo:hover { background: rgba(255, 255, 255, .18); }
.m26-chip-tipo[aria-pressed="true"] { background: var(--m26-green); color: var(--m26-ink); font-weight: 800; }
.m26-chip-marca { padding: 0 16px; background: none; color: #fff; font-weight: 600; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); }
.m26-chip-marca:hover { color: #fff; box-shadow: inset 0 0 0 1px #fff; }
.m26-chip-marca[aria-current="page"] { background: #fff; color: var(--m26-ink); box-shadow: none; }
.m26-chip-marca--more { color: var(--m26-muted-on-ink); }

.m26-promos { padding-block: 32px 56px; }
.m26-promos > .m26-wrap { display: flex; flex-direction: column; gap: 24px; }
.m26-promos__h { margin: 0; font-size: 26px; font-weight: 800; letter-spacing: -.02em; }
.m26-promos__bar { display: flex; align-items: baseline; justify-content: space-between; }
.m26-promos__count { margin: 0; font-size: 15px; color: var(--m26-muted); }
.m26-promos__count b { color: var(--m26-ink); }
.m26-promos__empty { margin: 0; padding: 28px; border-radius: var(--m26-radius-lg); background: #fff; font-size: 16px; }
.m26-promos__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.m26-promos__grid > [hidden] { display: none !important; }

.m26-promo { min-width: 0; }
.m26-promo__a { display: flex; flex-direction: column; height: 100%; border-radius: 20px; overflow: hidden; background: #fff; color: var(--m26-ink); text-decoration: none; transition: transform .2s var(--m26-ease), box-shadow .2s var(--m26-ease); }
.m26-promo__a:hover { color: var(--m26-ink); transform: translateY(-2px); box-shadow: 0 14px 30px -18px rgba(0, 12, 26, .35); }
.m26-promo__a:focus-visible { outline: 3px solid var(--m26-focus, var(--m26-ink)); outline-offset: 3px; }
.m26-promo__img { display: block; aspect-ratio: 700 / 384; background: var(--m26-line); overflow: hidden; }
.m26-promo__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.m26-promo__body { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 18px 18px 20px; }
.m26-promo__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; min-height: 26px; }
.m26-promo__brand { font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.m26-promo__tag { padding: 4px 10px; border-radius: 999px; background: var(--m26-green-soft); color: var(--m26-green-text); font-size: 12px; font-weight: 800; }
.m26-promo__tag.is-garantia { background: #EAF0F7; color: #1F3B5C; }
.m26-promo__tag.is-regalo { background: #FFF1D6; color: #7A4B00; }
.m26-promo__t { margin: 0; font-family: var(--m26-font); font-size: 18px; font-weight: 800; line-height: 1.25; letter-spacing: -.01em; color: var(--m26-ink); text-transform: none; }
.m26-promo__foot { display: flex; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 8px; font-size: 13px; color: var(--m26-muted); }
.m26-promo__go { color: var(--m26-ink); text-decoration: underline; text-underline-offset: 3px; }

.m26-promo--hero { grid-column: 1 / -1; }
.m26-promo--hero .m26-promo__a { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
.m26-promo--hero .m26-promo__img { aspect-ratio: auto; min-height: 320px; }
.m26-promo--hero .m26-promo__body { justify-content: center; gap: 14px; padding: 32px; }
.m26-promo--hero .m26-promo__t { font-size: clamp(24px, 2.4vw, 32px); line-height: 1.12; letter-spacing: -.025em; }
.m26-promo--hero .m26-promo__foot { margin-top: 8px; }

.m26-promo--ayuda { display: flex; flex-direction: column; justify-content: space-between; gap: 14px; padding: 24px; border-radius: 20px; background: var(--m26-ink); color: #fff; }
.m26-promo--ayuda .m26-pg-eyebrow { color: var(--m26-green); }
.m26-promo__ayudat { font-size: 24px; line-height: 1.15; letter-spacing: -.02em; }
.m26-promo--ayuda p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--m26-muted-on-ink); }
.m26-promo--ayuda .m26-btn { align-self: stretch; }

.m26-promos__more { align-self: center; }
.m26-promos__marcas { display: flex; flex-direction: column; gap: 14px; padding-top: 12px; }
.m26-promos__marcas h2 { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -.01em; text-transform: none; }
.m26-promos__marcas ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.m26-promos__marcas a { display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--m26-line); color: var(--m26-ink); font-size: 14px; font-weight: 600; text-decoration: none; }
.m26-promos__marcas a:hover { box-shadow: inset 0 0 0 1.5px var(--m26-ink); }
.m26-promos__seo { padding: 28px; border-radius: var(--m26-radius-lg); background: #fff; font-size: 15px; line-height: 1.6; color: var(--m26-muted); }
.m26-promos__seot { margin-bottom: 8px; font-size: 20px; font-weight: 800; color: var(--m26-ink); }
.m26-promos__back { margin: 0; text-align: center; }
.m26-promos__back a { font-size: 15px; font-weight: 700; color: var(--m26-ink); text-underline-offset: 3px; }

@media (max-width: 1080px) {
	.m26-promos__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.m26-pg-hero__in { gap: 16px; padding-block: 22px 20px; }
	.m26-pg-hero__row { flex-direction: column; align-items: flex-start; gap: 12px; }
	.m26-pg-hero__lead { font-size: 15px; }
	.m26-promos-filtros { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--m26-gutter) * -1); padding-inline: var(--m26-gutter); scrollbar-width: none; }
	.m26-promos-filtros::-webkit-scrollbar { display: none; }
	.m26-promos-filtros__tipos, .m26-promos-filtros__chips { flex-wrap: nowrap; }
	.m26-promos-filtros__chips .is-extra { display: block; }
	.m26-chip-marca--more { display: none; }
	.m26-promos { padding-block: 20px 40px; }
	.m26-promos__grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.m26-promo--hero .m26-promo__a { display: flex; }
	.m26-promo--hero .m26-promo__img { aspect-ratio: 700 / 384; min-height: 0; }
	.m26-promo--hero .m26-promo__body { padding: 18px; }
}

/* --------------------------------------------------------------------------
   Promociones · landing de una promoción
   -------------------------------------------------------------------------- */
.m26-promo-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 48px; align-items: center; }
.m26-promo-hero__txt { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.m26-promo-hero__meta { display: flex; align-items: center; gap: 12px; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; }
.m26-promo-hero__meta .m26-promo__tag { letter-spacing: 0; text-transform: none; }
.m26-promo-hero__h { font-size: clamp(30px, 3.6vw, 48px); line-height: 1.05; }
.m26-promo-hero__fecha { margin: 0; padding: 8px 14px; border-radius: 12px; background: rgba(255, 255, 255, .08); font-size: 15px; font-weight: 600; color: #fff; }
.m26-promo-hero__fecha.is-off { background: rgba(226, 39, 29, .18); }
.m26-promo-hero__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 6px; }
.m26-promo-hero__bases { font-size: 15px; font-weight: 700; color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.m26-promo-hero__bases:hover { color: var(--m26-green); }
.m26-promo-hero__img { margin: 0; border-radius: 24px; overflow: hidden; background: var(--m26-ink-3); }
.m26-promo-hero__img img, .m26-promo-hero__img picture { display: block; width: 100%; height: auto; }

.m26-promo-how { padding-block: 36px 8px; }
.m26-promo-how__in { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; }
.m26-promo-how__card { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding: 32px; border-radius: var(--m26-radius-lg); background: #fff; }
.m26-promo-how__h { margin: 0; font-size: 28px; font-weight: 800; letter-spacing: -.02em; text-transform: none; }
.m26-promo-how__txt { font-size: 16px; line-height: 1.65; color: var(--m26-muted); }
.m26-promo-how__txt p { max-width: 72ch; margin: 0 0 14px; }
.m26-promo-how__txt strong, .m26-promo-how__txt b { color: var(--m26-ink); }
.m26-promo-how__txt ol { counter-reset: m26paso; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; margin: 18px 0 22px; padding: 0; list-style: none; }
.m26-promo-how__txt ol > li { counter-increment: m26paso; display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: 16px; background: var(--m26-bone); font-size: 15px; line-height: 1.5; color: var(--m26-ink); }
.m26-promo-how__txt ol > li::before { content: counter(m26paso); display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--m26-ink); color: var(--m26-green); font-weight: 800; font-size: 15px; }
.m26-promo-how__txt ul { margin: 0 0 14px; padding-left: 20px; }
.m26-promo-how__txt a { color: var(--m26-ink); font-weight: 700; }
.m26-promo-how__help { position: sticky; top: calc(var(--m26-hdr-h, 80px) + 16px); display: flex; flex-direction: column; gap: 12px; padding: 24px; border-radius: var(--m26-radius-lg); background: var(--m26-ink); color: #fff; }
.m26-promo-how__help .m26-pg-eyebrow { color: var(--m26-green); }
.m26-promo-how__help b { font-size: 22px; line-height: 1.2; letter-spacing: -.02em; }
.m26-promo-how__help p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--m26-muted-on-ink); }

/* Productos en promoción: el listado sigue siendo el de Hermes, se viste de tarjeta */
body.m26-pg--promo #capaResultadoListadoProductos { float: none; width: auto; padding-block: 32px 48px; background: none; }
body.m26-pg--promo #capaResultadoListadoProductos > .wrap { width: 100%; max-width: var(--m26-container); margin-inline: auto; padding-inline: var(--m26-gutter); box-sizing: border-box; }
body.m26-pg--promo h2.productos_promociones { margin: 0 0 18px; padding: 0; font: 800 28px/1.1 var(--m26-font); letter-spacing: -.02em; color: var(--m26-ink); text-align: left; text-transform: none; scroll-margin-top: calc(var(--m26-hdr-h, 80px) + 16px); }
body.m26-pg--promo #itemContainer.landingMarca { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
body.m26-pg--promo #itemContainer.landingMarca > li { float: none !important; width: auto !important; margin: 0 !important; }
body.m26-pg--promo #itemContainer.landingMarca > li > section.producto { height: 100%; margin: 0; padding: 16px; border: 0; border-radius: 20px; background: #fff; box-shadow: none; font-family: var(--m26-font); }

@media (max-width: 1080px) {
	.m26-promo-how__in { grid-template-columns: minmax(0, 1fr); }
	.m26-promo-how__help { position: static; }
	body.m26-pg--promo #itemContainer.landingMarca { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.m26-promo-hero__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.m26-promo-hero__img { order: -1; border-radius: 18px; }
	.m26-promo-how { padding-block: 20px 0; }
	.m26-promo-how__card { padding: 22px 18px; }
	.m26-promo-how__h { font-size: 24px; }
	.m26-promo-how__txt { font-size: 15px; }
	.m26-promo-how__txt ol { grid-template-columns: minmax(0, 1fr); }
	.m26-promo-how__txt ol > li { flex-direction: row; align-items: flex-start; }
	.m26-promo-how__txt ol > li::before { flex: none; }
}
.m26-promo__tag.is-off { background: var(--m26-line); color: var(--m26-muted); }
.m26-promos--off .m26-promo__img img { filter: saturate(.55); }

/* --------------------------------------------------------------------------
   Estáticas · común (texto del gestor)
   -------------------------------------------------------------------------- */
body.m26-pg--est > .wrap { width: auto; max-width: none; padding: 0; }
body.m26-pg .m26-cms { font-family: var(--m26-font); font-size: 16px; line-height: 1.65; color: var(--m26-muted); }
body.m26-pg .m26-cms .wrap, body.m26-pg .m26-cms .contenido { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; }
body.m26-pg .m26-cms h1, body.m26-pg .m26-cms h2, body.m26-pg .m26-cms h3 { font-family: var(--m26-font) !important; color: var(--m26-ink) !important; text-transform: none !important; text-align: left !important; }
body.m26-pg .m26-cms p { margin: 0 0 14px; font-family: var(--m26-font); font-size: 16px; line-height: 1.65; color: var(--m26-muted); text-align: left; }
body.m26-pg .m26-cms strong, body.m26-pg .m26-cms b { color: var(--m26-ink); }
body.m26-pg .m26-cms a { color: var(--m26-ink); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
body.m26-pg .m26-cms a:hover { color: var(--m26-green-text); }
body.m26-pg .m26-cms ul, body.m26-pg .m26-cms ol { margin: 0 0 16px; padding-left: 22px; }
body.m26-pg .m26-cms li { margin: 0 0 6px; font-size: 16px; line-height: 1.6; }
body.m26-pg .m26-cms table { width: 100%; margin: 0 0 18px; border-collapse: collapse; font-size: 14px; }
body.m26-pg .m26-cms th, body.m26-pg .m26-cms td { padding: 10px 12px; border: 1px solid var(--m26-line); text-align: left; vertical-align: top; }
body.m26-pg .m26-cms th { background: var(--m26-bone); color: var(--m26-ink); }
body.m26-pg .m26-cms img { max-width: 100%; height: auto; }

/* Genérica (financiación, garantías, desistimiento… hasta tener su diseño) */
.m26-gen { padding-block: 32px 56px; }
.m26-gen__art { max-width: 1040px; margin-inline: auto; padding: clamp(22px, 4vw, 48px); border-radius: var(--m26-radius-lg); background: #fff; overflow-wrap: anywhere; }
body.m26-pg .m26-gen__art h1 { margin: 0 0 18px !important; font-size: clamp(28px, 3.4vw, 42px) !important; font-weight: 800 !important; line-height: 1.08 !important; letter-spacing: -.03em; }
body.m26-pg .m26-gen__art h2 { margin: 28px 0 10px !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.2 !important; }

/* --------------------------------------------------------------------------
   Quiénes somos
   -------------------------------------------------------------------------- */
.m26-qs-hero__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; padding-block: 48px; }
.m26-qs-hero__txt { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }
.m26-qs-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.m26-qs-hero__img { display: block; width: 100%; height: auto; border-radius: 24px; }
.m26-qs { padding-block: 40px 56px; }
.m26-qs__in { display: flex; flex-direction: column; gap: 40px; }
.m26-qs__cifras { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; }
.m26-qs__cifras > div { display: flex; flex-direction: column-reverse; gap: 6px; padding: 24px; border-radius: 20px; background: #fff; }
.m26-qs__cifras dt { font-size: 14px; color: var(--m26-muted); }
.m26-qs__cifras dd { margin: 0; font-size: clamp(32px, 3.4vw, 44px); font-weight: 800; letter-spacing: -.03em; line-height: 1; color: var(--m26-ink); }
.m26-qs__dif { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); gap: 40px; align-items: start; scroll-margin-top: calc(var(--m26-hdr-h, 80px) + 16px); }
.m26-qs__dif h2 { margin: 0; font-size: clamp(28px, 3vw, 38px); font-weight: 800; line-height: 1.05; letter-spacing: -.03em; text-transform: none; }
.m26-qs__dif ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.m26-qs__dif li { display: flex; flex-direction: column; gap: 6px; padding: 22px; border-radius: 20px; background: #fff; }
.m26-qs__dif li b { font-size: 18px; color: var(--m26-ink); }
.m26-qs__dif li span { font-size: 15px; line-height: 1.5; color: var(--m26-muted); }
.m26-qs__grupo { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px 32px; border-radius: var(--m26-radius-lg); background: var(--m26-ink); color: #fff; }
.m26-qs__grupo p { margin: 0; max-width: 60ch; font-size: 17px; line-height: 1.55; color: var(--m26-muted-on-ink); }
.m26-qs__grupo b { color: #fff; }
.m26-qs__grupo .m26-btn--ink { background: var(--m26-green); color: var(--m26-ink); flex: none; }

/* --------------------------------------------------------------------------
   Legales
   -------------------------------------------------------------------------- */
.m26-legal__head { padding-block: 28px 24px; background: #fff; border-bottom: 1px solid var(--m26-line); }
.m26-legal__docs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.m26-legal__docs a { display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--m26-line-strong); color: var(--m26-ink); font-size: 14px; font-weight: 700; text-decoration: none; }
.m26-legal__docs a:hover { box-shadow: inset 0 0 0 1.5px var(--m26-ink); color: var(--m26-ink); }
.m26-legal__docs a[aria-current="page"] { background: var(--m26-ink); color: #fff; box-shadow: none; }
body.m26-pg .m26-legal__h1 { max-width: 30ch; margin: 0 !important; padding: 0 !important; font: 800 clamp(30px, 3.6vw, 46px)/1.05 var(--m26-font) !important; letter-spacing: -.03em; color: var(--m26-ink) !important; text-align: left !important; text-transform: none !important; }
.m26-legal__meta { margin: 10px 0 0; font-size: 14px; color: var(--m26-muted); }
.m26-legal__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; padding-block: 32px 56px; }
.m26-legal.has-toc .m26-legal__body { grid-template-columns: 260px minmax(0, 1fr); }
.m26-legal__toc { position: sticky; top: calc(var(--m26-hdr-h, 80px) + 16px); align-self: start; display: flex; flex-direction: column; gap: 10px; max-height: calc(100vh - var(--m26-hdr-h, 80px) - 32px); overflow: auto; }
.m26-legal__toc ol { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; counter-reset: m26toc; }
.m26-legal__toc a { display: block; padding: 7px 10px; border-left: 2px solid var(--m26-line); font-size: 14px; line-height: 1.35; color: var(--m26-muted); text-decoration: none; }
.m26-legal__toc a:hover { color: var(--m26-ink); border-left-color: var(--m26-ink); }
.m26-legal__toc a[aria-current] { color: var(--m26-ink); font-weight: 700; border-left-color: var(--m26-green); }
.m26-legal__art { display: block !important; max-width: 76ch; padding: clamp(22px, 4vw, 44px); border-radius: var(--m26-radius-lg); background: #fff; overflow-wrap: anywhere; }
body.m26-pg .m26-legal__art h2 { margin: 34px 0 12px !important; padding: 0 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: -.01em; scroll-margin-top: calc(var(--m26-hdr-h, 80px) + 16px); }
body.m26-pg .m26-legal__art h2:first-child { margin-top: 0 !important; }
body.m26-pg .m26-legal__art h3 { margin: 22px 0 8px !important; font-size: 18px !important; font-weight: 800 !important; }
body.m26-pg .m26-legal__art p, body.m26-pg .m26-legal__art li { font-size: 15.5px; }
body.m26-pg .m26-legal__art p.m26-legal__nota { padding: 18px 20px; border-radius: 16px; background: var(--m26-green-soft); font-size: 15px; }
body.m26-pg .m26-legal__art p.m26-legal__nota strong { font-weight: 600; }
body.m26-pg .m26-legal__art p.m26-legal__sub { margin-top: 20px; }
body.m26-pg .m26-legal__art p.m26-legal__dudas { margin: 32px 0 0; padding-top: 20px; border-top: 1px solid var(--m26-line); }

/* --------------------------------------------------------------------------
   Servicios (envío, instalación, recogida, retirada)
   -------------------------------------------------------------------------- */
.m26-sv-nav { display: flex; flex-wrap: wrap; gap: 8px; }
.m26-sv-nav a { display: inline-flex; align-items: center; height: 40px; padding: 0 18px; border-radius: 999px; background: rgba(255, 255, 255, .1); color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; }
.m26-sv-nav a:hover { background: rgba(255, 255, 255, .18); color: #fff; }
.m26-sv-nav a[aria-current="page"] { background: var(--m26-green); color: var(--m26-ink); }
.m26-sv { padding-block: 32px 56px; }
body.m26-pg .m26-sv .rowMiddle, body.m26-pg .m26-sv .colContent, body.m26-pg .m26-sv .fondoblanco,
body.m26-pg .m26-sv .categoriesrowservices, body.m26-pg .m26-sv .col, body.m26-pg .m26-sv .mod, body.m26-pg .m26-sv .fichaservicio,
body.m26-pg .m26-sv .fichaInner, body.m26-pg .m26-sv .infoAdic, body.m26-pg .m26-sv .info { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body.m26-pg .m26-sv .serviciosrow, body.m26-pg .m26-sv [class*="col-sm-"], body.m26-pg .m26-sv [class*="col-12"] { float: none !important; width: auto !important; max-width: none !important; padding: 0 !important; flex: initial !important; }
/* pestañas por categoría (las del gestor siguen funcionando con su script) */
body.m26-pg .m26-sv ul.doit, body.m26-pg .m26-sv ul.notdoit { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
body.m26-pg .m26-sv ul.doit li, body.m26-pg .m26-sv ul.notdoit li { position: relative; margin: 0; padding: 0 0 0 28px; background: none !important; font-size: 15px; line-height: 1.5; color: var(--m26-ink); list-style: none; }
body.m26-pg .m26-sv ul.doit li::before, body.m26-pg .m26-sv ul.notdoit li::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: var(--m26-green-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E7300' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat; }
body.m26-pg .m26-sv ul.notdoit li::before { background: #FBECEB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B3261E' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / 11px no-repeat; }
body.m26-pg .m26-sv ul.doit li::after, body.m26-pg .m26-sv ul.notdoit li::after { content: none !important; }

@media (max-width: 1080px) {
	.m26-qs__cifras { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.m26-qs__dif { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.m26-legal.has-toc .m26-legal__body { grid-template-columns: minmax(0, 1fr); }
	.m26-legal__toc { position: static; max-height: none; padding: 18px; border-radius: 20px; background: #fff; }
}
@media (max-width: 767px) {
	.m26-qs-hero__in { grid-template-columns: minmax(0, 1fr); gap: 20px; padding-block: 24px; }
	.m26-qs-hero__img { order: -1; border-radius: 18px; }
	.m26-qs { padding-block: 24px 40px; }
	.m26-qs__in { gap: 28px; }
	.m26-qs__cifras > div { padding: 18px; }
	.m26-qs__dif ul { grid-template-columns: minmax(0, 1fr); }
	.m26-qs__grupo { flex-direction: column; align-items: flex-start; padding: 22px; }
	.m26-legal__head { padding-block: 18px; }
	.m26-legal__docs { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--m26-gutter) * -1); padding-inline: var(--m26-gutter); scrollbar-width: none; }
	.m26-legal__docs a { flex: none; }
	.m26-legal__body { padding-block: 18px 40px; gap: 18px; }
	.m26-sv-nav { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--m26-gutter) * -1); padding-inline: var(--m26-gutter); scrollbar-width: none; }
	.m26-sv-nav a { flex: none; }
}

/* Servicios recompuestos (milar2026_estatico_ui.jsp) */
.m26-sv__new { display: flex; flex-direction: column; gap: 36px; }
.m26-sv__intro { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; }
.m26-sv__box { display: flex; flex-direction: column; gap: 8px; padding: 24px; border-radius: 20px; background: #fff; }
.m26-sv__ico { width: 44px; height: 44px; margin-bottom: 4px; }
.m26-sv__boxt { margin: 0; font-size: 19px; font-weight: 800; letter-spacing: -.01em; color: var(--m26-ink); }
.m26-sv__box p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--m26-muted); }
.m26-sv__box strong { color: var(--m26-ink); }
.m26-sv__h { margin: 0 0 16px; font-size: clamp(24px, 2.6vw, 32px); font-weight: 800; line-height: 1.1; letter-spacing: -.025em; color: var(--m26-ink); text-transform: none; }
.m26-sv__tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.m26-sv__tab { height: 42px; padding: 0 18px; border: 0; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--m26-line-strong); color: var(--m26-ink); font: 700 14px/1 var(--m26-font); cursor: pointer; white-space: nowrap; }
.m26-sv__tab:hover { box-shadow: inset 0 0 0 1.5px var(--m26-ink); }
.m26-sv__tab[aria-selected="true"] { background: var(--m26-ink); color: #fff; box-shadow: none; }
.m26-sv__tab:focus-visible { outline: 3px solid var(--m26-focus, var(--m26-ink)); outline-offset: 2px; }
.m26-sv__panelt { margin: 0 0 14px; font-size: 20px; font-weight: 800; color: var(--m26-ink); text-transform: none; }
.m26-sv__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.m26-sv__card { display: flex; flex-direction: column; gap: 10px; padding: 24px; border-radius: 20px; background: #fff; }
.m26-sv__card.is-no { background: #FBF7F6; box-shadow: inset 0 0 0 1px #F0DEDB; }
.m26-sv__cardt { margin: 0; font-size: 15px; font-weight: 800; color: var(--m26-muted); text-transform: none; }
.m26-sv__price { margin: 0 0 4px; font-size: 36px; font-weight: 800; letter-spacing: -.03em; line-height: 1; color: var(--m26-ink); }
.m26-sv__si, .m26-sv__no { display: flex; flex-direction: column; gap: 9px; margin: 0; padding: 0; list-style: none; }
.m26-sv__si li, .m26-sv__no li { position: relative; margin: 0; padding-left: 30px; font-size: 15px; line-height: 1.5; color: var(--m26-ink); }
.m26-sv__si li::before, .m26-sv__no li::before { content: ""; position: absolute; left: 0; top: 1px; width: 21px; height: 21px; border-radius: 50%; background: var(--m26-green-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E7300' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat; }
.m26-sv__no li::before { background: #F6E1DE url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B3261E' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / 11px no-repeat; }
.m26-sv__note { margin: 4px 0 0; font-size: 14px; line-height: 1.55; color: var(--m26-muted); }
.m26-sv__card .m26-btn { align-self: flex-start; margin-top: 6px; }
.m26-sv__cond { padding: 28px; border-radius: var(--m26-radius-lg); background: #fff; }
.m26-sv__cond .m26-sv__si { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 28px; }
.m26-sv__cond .m26-sv__note { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--m26-line); }
@media (max-width: 767px) {
	.m26-sv__tabs { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--m26-gutter) * -1); padding-inline: var(--m26-gutter); scrollbar-width: none; }
	.m26-sv__tabs::-webkit-scrollbar { display: none; }
	.m26-sv__cond { padding: 20px; }
	.m26-sv__cond .m26-sv__si { grid-template-columns: minmax(0, 1fr); }
	.m26-sv__intro { grid-template-columns: minmax(0, 1fr); }
}
/* Estáticas sin diseño propio todavía: solo se quita el fondo hueso para que se vean como antes */
body.m26-pg--est:has(.m26-est-orig) { background: #fff; }
.m26-sv-hero__row { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.m26-sv-hero__img { flex: none; width: 210px; height: auto; margin: -8px 0 -32px; mix-blend-mode: lighten; }
.m26-sv-hero__img.is-foto { mix-blend-mode: normal; }
.m26-sv-hero__img.is-foto { width: 360px; margin: 0; border-radius: 24px; object-fit: cover; aspect-ratio: 720 / 484; }
.m26-sv-hero .m26-pg-hero__in { padding-bottom: 32px; }
.m26-sv__cards.has-pieza { grid-template-columns: 200px repeat(auto-fit, minmax(240px, 1fr)); }
.m26-sv__pieza { align-self: end; width: 100%; height: auto; border-radius: 20px; background: #000; padding: 14px 10px 0; box-sizing: border-box; }
@media (max-width: 1080px) { .m26-sv__cards.has-pieza { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } .m26-sv__pieza { display: none; } }
@media (max-width: 767px) {
	.m26-sv-hero__row { align-items: center; gap: 12px; }
	.m26-sv-hero__img { width: 104px; margin: 0 0 -20px; }
	.m26-sv-hero__img.is-foto { width: 120px; border-radius: 16px; margin: 0; }
}

/* --------------------------------------------------------------------------
   Página de marca (plantilla para todas: balay.html, bosch.html…)
   -------------------------------------------------------------------------- */
body.m26-pg--marca .m26-brand-hero { margin: 0; padding: 0; background: var(--m26-ink); }
.m26-brand-hero__row { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }
.m26-brand-hero__txt { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; max-width: 760px; }
.m26-brand-hero__id { display: flex; align-items: center; gap: 20px; }
.m26-brand-hero__logo { flex: none; display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; padding: 12px; border-radius: 20px; background: #fff; box-sizing: border-box; }
.m26-brand-hero__logo img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; }
.m26-brand-hero__logo img[src=""] { display: none; }
.m26-brand-hero__logo:not(:has(img:not([src=""]))) { display: none; }
body.m26-pg--marca .m26-brand-hero h1 { margin: 0; font-size: clamp(40px, 5vw, 64px); }
.m26-brand-hero__desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 16.5px; line-height: 1.55; color: var(--m26-muted-on-ink); }
.m26-brand-hero__desc.is-open { display: block; -webkit-line-clamp: unset; }
.m26-brand-hero__desc p { margin: 0 0 10px; color: inherit; font-size: inherit; line-height: inherit; }
.m26-brand-hero__desc p:empty { display: none; }
.m26-brand-hero__more { padding: 0; border: 0; background: none; color: var(--m26-green); font: 700 15px var(--m26-font); cursor: pointer; }
.m26-brand-hero__go { margin-top: 4px; }
.m26-brand-hero__cats:empty { display: none; }
body.m26-pg--marca .m26-brand-hero__cats .landing-menu { display: block; margin: 0; padding: 0; background: none !important; }
body.m26-pg--marca .m26-brand-hero__cats .landing-menu-wrap { display: flex; flex-wrap: wrap; gap: 8px; width: auto; margin: 0; padding: 0; }
body.m26-pg--marca .m26-brand-hero__cats a.landing-menu-element { display: inline-flex; align-items: center; height: 40px; margin: 0; padding: 0 16px; border: 0; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25); background: none; color: #fff; font: 600 14px/1 var(--m26-font); text-decoration: none; }
body.m26-pg--marca .m26-brand-hero__cats a.landing-menu-element:hover { box-shadow: inset 0 0 0 1px #fff; }
body.m26-pg--marca .m26-brand-hero__cats .landing-menu-element-text { color: inherit; font: inherit; }

/* banners de la marca (si el gestor no tiene imagen, fuera) */
body.m26-pg--marca .landing-banner-principal { max-width: var(--m26-container); margin: 24px auto 0; padding-inline: var(--m26-gutter); box-sizing: border-box; }
body.m26-pg--marca .landing-banner-principal img, body.m26-pg--marca .landing-listado-banner-marca img { display: block; width: 100%; height: auto; border-radius: 24px; }
body.m26-pg--marca .landing-banner-principal:not(:has(img:not([src=""]))),
body.m26-pg--marca .landing-listado-banner-marca:not(:has(img:not([src=""]))) { display: none; }
body.m26-pg--marca .landing-listado-banner-marca { max-width: var(--m26-container); margin: 0 auto 32px; padding-inline: var(--m26-gutter); box-sizing: border-box; }

/* contenido de la marca del gestor: rejilla de categorías → tarjetas; novedades → bloque opcional */
body.m26-pg--marca .landing-contenido-html { background: none !important; }
body.m26-pg--marca .landing-contenido-html #productList .wrap { width: 100%; max-width: var(--m26-container); margin: 0 auto; padding: 32px var(--m26-gutter) 8px; box-sizing: border-box; }
body.m26-pg--marca .landing-contenido-html .listadoCategoriasHead, body.m26-pg--marca .landing-contenido-html .listadoCategoriasBody { float: none; width: auto; padding: 0; background: none; font-size: 0; }
body.m26-pg--marca .landing-contenido-html .listado { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; float: none; width: auto; }
body.m26-pg--marca .landing-contenido-html .listado .limpiar { display: none; }
body.m26-pg--marca .landing-contenido-html .listado .producto { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.m26-pg--marca .landing-contenido-html .listado .wrap-producto { position: relative; display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: 14px; height: 100%; padding: 12px 16px 12px 12px; border-radius: 18px; background: #fff; box-sizing: border-box; transition: box-shadow .2s var(--m26-ease); }
body.m26-pg--marca .landing-contenido-html .listado .wrap-producto:hover { box-shadow: inset 0 0 0 1.5px var(--m26-ink); }
body.m26-pg--marca .landing-contenido-html .listado .wrap-producto h2 { margin: 0 !important; padding: 0 !important; font: 700 16px/1.25 var(--m26-font) !important; text-align: left !important; text-transform: none !important; }
body.m26-pg--marca .landing-contenido-html .listado .wrap-producto h2::first-letter { text-transform: uppercase; }
body.m26-pg--marca .landing-contenido-html .listado .wrap-producto h2 a { color: var(--m26-ink) !important; text-decoration: none; }
body.m26-pg--marca .landing-contenido-html .listado .wrap-producto h2 a::after { content: ""; position: absolute; inset: 0; }
body.m26-pg--marca .landing-contenido-html .listado a.imagen { flex: none; display: block; width: 64px !important; height: 64px !important; margin: 0 !important; padding: 0 !important; background: none !important; }
body.m26-pg--marca .landing-contenido-html .listado a.imagen img { width: 100% !important; height: 100% !important; object-fit: contain; }

.m26-brandlist__head { display: flex; flex-direction: column; gap: 4px; }
.m26-brandlist__h { margin: 0; font: 800 clamp(28px, 3vw, 36px)/1.05 var(--m26-font); letter-spacing: -.03em; color: var(--m26-ink); text-transform: none; }
.m26-brandlist__n { margin: 0; font-size: 15px; color: var(--m26-muted); }
body.m26-pg--marca section.listadoHeaderMarca { float: none; width: auto; margin: 0; padding: 36px 0 16px; background: none; }
body.m26-pg--marca section.listadoHeaderMarca > .wrap { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; width: 100%; max-width: var(--m26-container); margin: 0 auto; padding-inline: var(--m26-gutter); box-sizing: border-box; scroll-margin-top: calc(var(--m26-hdr-h, 80px) + 16px); }
body.m26-pg--marca section.listadoHeaderMarca .limpiar { display: none; }
body.m26-pg--marca .listadoHeaderMarca .filtros { float: none; width: auto; margin: 0 0 0 auto; padding: 0; }
body.m26-pg--marca .listadoHeaderMarca .filtros label, body.m26-pg--marca .footerHeader .filtros label { display: flex; align-items: center; gap: 8px; font: 600 14px var(--m26-font); color: var(--m26-ink); }
body.m26-pg--marca .listadoHeaderMarca select, body.m26-pg--marca .footerHeader select { height: 42px; padding: 0 36px 0 14px; border: 0; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--m26-line-strong); background-color: #fff; font: 600 14px var(--m26-font); color: var(--m26-ink); }
body.m26-pg--marca .holder { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; float: none; width: auto; margin: 0; font: 600 14px var(--m26-font); color: var(--m26-muted); }
body.m26-pg--marca .holder a { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 6px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--m26-line-strong); background: #fff; color: var(--m26-ink); font: 700 14px/1 var(--m26-font); text-decoration: none; box-sizing: border-box; }
body.m26-pg--marca .holder a.jp-current { background: var(--m26-ink); color: #fff; box-shadow: none; }
body.m26-pg--marca .holder a.jp-disabled { opacity: .35; pointer-events: none; }
body.m26-pg--marca #capaResultadoListadoProductos { float: none; width: auto; padding: 0; background: none; }
body.m26-pg--marca #capaResultadoListadoProductos > .wrap { width: 100%; max-width: var(--m26-container); margin: 0 auto; padding-inline: var(--m26-gutter); box-sizing: border-box; }
body.m26-pg--marca #capaResultadoListadoProductos .listadoBody { float: none; width: auto; padding: 0; }
body.m26-pg--marca #itemContainer.m26-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
body.m26-pg--marca section.footerHeader { float: none; width: auto; margin: 0; padding: 24px 0 40px; background: none; }
body.m26-pg--marca section.footerHeader > .wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; width: 100%; max-width: var(--m26-container); margin: 0 auto; padding-inline: var(--m26-gutter); box-sizing: border-box; }
body.m26-pg--marca section.footerHeader .filtros { display: none; }
body.m26-pg--marca section.footerHeader .limpiar { display: none; }
/* novedades / historia de la marca (gestor): bloque opcional al final */
body.m26-pg--marca .m26-brand-cms { max-width: var(--m26-container); margin: 0 auto 40px; padding-inline: var(--m26-gutter); box-sizing: border-box; }

@media (max-width: 1080px) {
	body.m26-pg--marca .landing-contenido-html .listado { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	body.m26-pg--marca #itemContainer.m26-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.m26-brand-hero__id { gap: 14px; }
	.m26-brand-hero__logo { width: 64px; height: 64px; padding: 8px; border-radius: 14px; }
	body.m26-pg--marca .m26-brand-hero h1 { font-size: 40px; }
	.m26-brand-hero__desc { font-size: 15px; }
	.m26-brand-hero__go { align-self: stretch; }
	body.m26-pg--marca .m26-brand-hero__cats .landing-menu-wrap { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--m26-gutter) * -1); padding-inline: var(--m26-gutter); scrollbar-width: none; }
	body.m26-pg--marca .m26-brand-hero__cats a.landing-menu-element { flex: none; }
	body.m26-pg--marca .landing-contenido-html .listado { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	body.m26-pg--marca .landing-contenido-html .listado .wrap-producto { padding: 10px; gap: 10px; }
	body.m26-pg--marca .landing-contenido-html .listado a.imagen { width: 44px !important; height: 44px !important; }
	body.m26-pg--marca .landing-contenido-html .listado .wrap-producto h2 { font-size: 14px !important; }
	body.m26-pg--marca #itemContainer.m26-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	body.m26-pg--marca section.listadoHeaderMarca > .wrap { flex-direction: column; align-items: stretch; }
	body.m26-pg--marca .listadoHeaderMarca .filtros { margin: 0; }
	body.m26-pg--marca .listadoHeaderMarca .holder { display: none; }
}
/* rejilla de categorías de la marca: el CSS antiguo fija alto y relleno con más especificidad */
body.m26-pg--marca.milar .landing-contenido-html .listadoCategoriasBody .listado .producto { height: auto !important; min-height: 0 !important; }
body.m26-pg--marca.milar .landing-contenido-html .listadoCategoriasBody .listado .producto .wrap-producto { height: auto !important; min-height: 88px; }
body.m26-pg--marca.milar .landing-contenido-html .listadoCategoriasBody .listado .producto a.imagen img { padding: 0 !important; margin: 0 !important; border: 0 !important; }
body.m26-pg--marca .m26-brand-hero__cats a.landing-menu-element { width: auto !important; float: none !important; }
body.m26-pg--marca #itemContainer.m26-grid > li.elementoLista:not([style*="inline-block"]) { display: none !important; }
body.m26-pg--marca #itemContainer.m26-grid > li.elementoLista[style*="inline-block"] { display: flex !important; }
body.m26-pg--marca #itemContainer.m26-grid { text-align: left; }
body.m26-pg--marca #viewMore { height: 48px; padding: 0 28px; border: 1.5px solid var(--m26-ink); border-radius: 999px; background: #fff; color: var(--m26-ink); font: 700 15px/1 var(--m26-font); text-transform: none; cursor: pointer; }
/* legales: el texto ocupa todo el ancho junto al índice (antes 76ch) */
.m26-legal__art { max-width: none; }
body.m26-pg .m26-legal__art p, body.m26-pg .m26-legal__art li { max-width: none; }

/* marca · novedades del gestor (bloques texto + foto) con el lenguaje 2026 */
body.m26-pg--marca .landing-contenido-main { max-width: var(--m26-container); margin: 0 auto; padding: 40px var(--m26-gutter) 8px !important; background: none !important; text-align: left !important; box-sizing: border-box; }
body.m26-pg--marca .landing-contenido-main h2 { margin: 0; }
body.m26-pg--marca.milar .landing-contenido-main .landing-contenido-html-main { margin: 0; padding: 0; font: 800 clamp(26px, 2.8vw, 34px)/1.1 var(--m26-font) !important; letter-spacing: -.025em; color: var(--m26-ink) !important; }
body.m26-pg--marca.milar .landing-contenido-html .landing-contenido-html-main::after, body.m26-pg--marca.milar .landing-contenido-html .landing-contenido-html-title::after, body.m26-pg--marca.milar .landing-contenido-main .landing-contenido-html-main::after { content: none !important; display: none !important; }
body.m26-pg--marca.milar .landing-contenido-html .landing-contenido-html-izda { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: center; width: auto; max-width: var(--m26-container); margin: 16px auto; padding: 24px var(--m26-gutter); box-sizing: border-box; font-size: 16px; }
body.m26-pg--marca.milar .landing-contenido-html .landing-contenido-html-izda-element, body.m26-pg--marca.milar .landing-contenido-html .landing-contenido-html-dcha-element { width: auto; margin: 0; display: block; }
body.m26-pg--marca.milar .landing-contenido-html .landing-contenido-html-title { margin: 0 0 10px; padding: 0; font: 800 24px/1.15 var(--m26-font); letter-spacing: -.02em; color: var(--m26-ink); }
body.m26-pg--marca .landing-balay-texto, body.m26-pg--marca .landing-contenido-html-izda-element p { font-size: 16px !important; line-height: 1.6 !important; color: var(--m26-muted) !important; }
body.m26-pg--marca.milar .landing-contenido-html .landing-contenido-html-link { display: inline-flex; align-items: center; min-height: 44px; margin-top: 12px; padding: 0 20px; border-radius: 999px; background: var(--m26-ink); color: #fff; font: 700 15px/1 var(--m26-font); text-decoration: none; }
body.m26-pg--marca .landing-contenido-html-img { display: block; width: 100%; height: auto; border-radius: 24px; }
@media (max-width: 767px) {
	body.m26-pg--marca.milar .landing-contenido-html .landing-contenido-html-izda { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	body.m26-pg--marca.milar .landing-contenido-html .landing-contenido-html-izda .landing-contenido-html-dcha-element { order: -1; }
}
body.m26-pg--marca .landing-contenido-html { padding: 0 !important; }
body.m26-pg--marca.milar .landing-contenido-html .listadoCategoriasBody .listado { margin: 0 !important; padding: 0 !important; text-align: left; }
body.m26-pg--marca.milar .landing-contenido-html .listadoCategoriasBody .listado .producto .wrap-producto h2 { flex: 1; min-width: 0; text-align: left !important; overflow-wrap: anywhere; }
@media (max-width: 767px) {
	body.m26-pg--marca .landing-contenido-html #productList .wrap { padding: 20px var(--m26-gutter) 0; }
	body.m26-pg--marca.milar .landing-contenido-html .listadoCategoriasBody .listado .producto .wrap-producto { min-height: 64px; }
	body.m26-pg--marca.milar .landing-contenido-html .listadoCategoriasBody .listado .producto .wrap-producto h2 { font-size: 14px !important; }
	body.m26-pg--marca.milar .landing-contenido-html .landing-contenido-html-izda { padding-block: 12px; }
	body.m26-pg--marca .landing-contenido-main { padding-top: 28px !important; }
}
body.m26-pg--marca #capaResultadoListadoProductos .listadoBody #itemContainer.m26-grid > li { min-width: 0; max-width: 100%; width: auto !important; margin: 0 !important; }
body.m26-pg--marca #capaResultadoListadoProductos .listadoBody, body.m26-pg--marca #capaResultadoListadoProductos > .wrap { min-width: 0; overflow-x: clip; }
body.m26-pg--marca.milar .landing-contenido-html .listadoCategoriasBody .listado .producto .wrap-producto h2 a { font: inherit !important; text-align: left !important; }
body.m26-pg--marca #itemContainer.m26-grid, body.m26-pg--marca #itemContainer.m26-grid .m26-card { text-align: left !important; }

/* --------------------------------------------------------------------------
   Acceso y crear cuenta (cajaLogin.jsp, cajaRegistro.jsp) · lienzo AccesoEscritorio / AccesoMovil
   -------------------------------------------------------------------------- */
.m26-acc { padding-block: 40px 56px; }
.m26-acc__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; max-width: 1088px; }
.m26-acc--solo .m26-acc__grid { grid-template-columns: minmax(0, 560px); justify-content: center; }
.m26-acc__card, .m26-acc__new { display: flex; flex-direction: column; gap: 16px; padding: 36px; border-radius: var(--m26-radius-lg); box-sizing: border-box; }
.m26-acc__card { background: #fff; }
.m26-acc__new { justify-content: space-between; gap: 22px; background: var(--m26-ink); color: #fff; }
.m26-acc__new .m26-pg-eyebrow { color: var(--m26-green); }
.m26-acc__newtop { display: flex; flex-direction: column; gap: 14px; }
.m26-acc__h { margin: 0; font: 800 34px/1.05 var(--m26-font); letter-spacing: -.03em; color: inherit; text-transform: none; }
.m26-acc__lead { margin: 0; font-size: 15px; line-height: 1.5; color: var(--m26-muted); }
.m26-acc__f { display: flex; flex-direction: column; gap: 6px; }
.m26-acc__f > label, .m26-acc__frow label { margin: 0; font: 600 14px var(--m26-font); color: var(--m26-ink); }
.m26-acc__frow { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.m26-acc__frow a { font-size: 13px; font-weight: 700; color: var(--m26-ink); text-underline-offset: 3px; }
body.m26-pg .m26-acc input.input, body.m26-pg .m26-reg input.input, body.m26-pg .m26-reg select, body.m26-pg .m26-reg input[type="text"], body.m26-pg .m26-reg input[type="password"], body.m26-pg .m26-reg input[type="email"], body.m26-pg .m26-reg input[type="tel"] {
	width: 100% !important; height: 52px !important; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: 14px !important;
	box-shadow: inset 0 0 0 1px var(--m26-line-strong); background: #fff !important; color: var(--m26-ink); font: 16px var(--m26-font) !important; box-sizing: border-box; float: none !important;
}
body.m26-pg .m26-acc input.input:focus, body.m26-pg .m26-reg input:focus, body.m26-pg .m26-reg select:focus { outline: none; box-shadow: inset 0 0 0 2px var(--m26-ink); }
body.m26-pg .m26-acc input.input[style*="FF0000"], body.m26-pg .m26-reg input[style*="FF0000"] { box-shadow: inset 0 0 0 2px #B3261E; }
.m26-acc__go { width: 100%; border: 0; cursor: pointer; }
.m26-acc__err { margin: 0; padding: 12px 14px; border-radius: 12px; background: #FBECEB; color: #8C1D18 !important; font-size: 14px; line-height: 1.45; }
.m26-acc__err:empty { display: none; }
.m26-acc__alt { align-self: center; font-size: 14px; font-weight: 700; color: var(--m26-ink); }
.m26-acc__or { display: flex; align-items: center; gap: 12px; color: var(--m26-muted); font-size: 13px; }
.m26-acc__or::before, .m26-acc__or::after { content: ""; flex: 1; height: 1px; background: var(--m26-line); }
body.m26-pg .m26-acc .login_social_media { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; float: none; width: auto; max-width: none; padding: 0; flex: none; }
body.m26-pg .m26-acc .login_social_media > p, body.m26-pg .m26-acc .login_social_media > #name, body.m26-pg .m26-acc .login_social_media > #status, body.m26-pg .m26-acc .login_social_media > .ac-data { display: none; }
body.m26-pg .m26-acc .social_login_google_account, body.m26-pg .m26-acc a.social_login_facebook_account { margin: 0 !important; width: auto !important; }
body.m26-pg .m26-acc .customGPlusSignIn, body.m26-pg .m26-acc a.social_login_facebook_account {
	display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100% !important; height: 48px !important; margin: 0 !important; padding: 0 16px !important;
	border: 0 !important; border-radius: 999px !important; box-shadow: inset 0 0 0 1px var(--m26-line-strong) !important; background: #fff !important; color: var(--m26-ink) !important;
	font: 700 15px/1 var(--m26-font) !important; text-decoration: none !important; cursor: pointer; box-sizing: border-box;
}
body.m26-pg .m26-acc .textGPlusSignIn { display: flex; align-items: center; gap: 10px; }
body.m26-pg .m26-acc .textGPlusSignIn .buttonText { font: inherit !important; color: inherit !important; padding: 0 !important; }
body.m26-pg .m26-acc .customGPlusSignIn:hover, body.m26-pg .m26-acc a.social_login_facebook_account:hover { box-shadow: inset 0 0 0 1.5px var(--m26-ink) !important; }
.m26-acc__ben { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.m26-acc__ben li { position: relative; padding-left: 34px; font-size: 16px; line-height: 1.45; color: #E3E6EA; }
.m26-acc__ben li::before { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234FBB00' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 22px no-repeat; }
.m26-acc__track { margin: 0; font-size: 14px; color: var(--m26-muted-on-ink); }
.m26-acc__track a { color: #fff; font-weight: 700; }
@media (max-width: 767px) {
	.m26-acc { padding-block: 18px 32px; }
	.m26-acc__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.m26-acc__card, .m26-acc__new { padding: 22px 18px; border-radius: 20px; }
	.m26-acc__h { font-size: 28px; }
}
body.m26-pg .m26-acc .login_social_media, body.m26-pg .m26-acc .login_social_media * { border: 0 !important; }
body.m26-pg .m26-acc #gSignInWrapper { display: block; padding: 0 !important; background: none !important; box-shadow: none !important; }
body.m26-pg .m26-acc .customGPlusSignIn, body.m26-pg .m26-acc a.social_login_facebook_account { white-space: nowrap; font-size: 14px !important; box-shadow: inset 0 0 0 1px var(--m26-line-strong) !important; }
body.m26-pg .m26-acc .abcRioButtonIconImage { float: none !important; margin: 0 !important; padding: 0 !important; }
body.m26-pg .m26-acc .facebook_logo_icon { flex: none; width: 18px; height: 18px; margin: 0 !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231877F2'/%3E%3Cpath fill='%23fff' d='M13.4 19.5v-6.2h2.1l.3-2.4h-2.4V9.4c0-.7.2-1.2 1.2-1.2h1.3V6.1a17 17 0 0 0-1.9-.1c-1.9 0-3.2 1.2-3.2 3.3v1.8H8.7v2.4h2.1v6.2z'/%3E%3C/svg%3E") center / contain no-repeat !important; }
@media (max-width: 767px) { body.m26-pg .m26-acc .login_social_media { grid-template-columns: minmax(0, 1fr); } }
body.m26-pg .m26-acc .login_social_media { grid-template-columns: minmax(0, 1fr) !important; }

/* crear cuenta */
.m26-reg { padding-block: 28px 56px; }
.m26-reg__in { display: flex; flex-direction: column; gap: 16px; max-width: 760px; margin-inline: auto; }
.m26-reg__back { display: none; font-size: 14px; font-weight: 700; color: var(--m26-ink); }
.m26-reg__box { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 24px; border: 0; border-radius: var(--m26-radius-lg); background: #fff; min-width: 0; }
.m26-reg__box legend { float: left; width: 100%; margin: 0 0 4px; padding: 0; font: 800 18px var(--m26-font); color: var(--m26-ink); }
.m26-reg__box legend span { font-weight: 500; color: var(--m26-muted); }
.m26-reg__box legend + * { clear: both; }
.m26-reg__2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.m26-reg__2--doc { grid-template-columns: 180px minmax(0, 1fr); }
.m26-reg__2--cp { grid-template-columns: 160px minmax(0, 1fr); }
.m26-reg label span { display: none; }
body.m26-pg .m26-reg select { appearance: none; -webkit-appearance: none; padding-right: 40px !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000C1A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center / 16px no-repeat !important; }
.m26-reg__checks { display: flex; flex-direction: column; gap: 12px; padding: 4px 4px 0; }
.m26-reg__check { display: flex; gap: 12px; align-items: flex-start; margin: 0; font: 400 15px/1.45 var(--m26-font); color: var(--m26-ink); cursor: pointer; }
.m26-reg__check.is-opt { color: var(--m26-muted); }
.m26-reg__check input { flex: none; width: 22px; height: 22px; margin: 0; accent-color: var(--m26-ink); }
.m26-reg__check span { display: inline !important; }
.m26-reg__check a { color: var(--m26-ink); font-weight: 700; }
.m26-reg__legal { padding: 0 4px; font-size: 12.5px; line-height: 1.5; color: var(--m26-muted); }
.m26-reg__legal p { margin: 0 0 6px; font-size: inherit; line-height: inherit; color: inherit; }
@media (max-width: 767px) {
	.m26-reg { padding-block: 16px 32px; }
	.m26-reg .m26-pg-crumbs { display: none; }
	.m26-reg__back { display: inline; }
	.m26-reg__box { padding: 18px 16px; border-radius: 20px; }
	.m26-reg__2 { grid-template-columns: minmax(0, 1fr); }
	.m26-reg__2--doc, .m26-reg__2--cp { grid-template-columns: 120px minmax(0, 1fr); }
}

/* --------------------------------------------------------------------------
   Mi cuenta (cajaMisPedidosRealizados.jsp, cajaGestionMiCuenta.jsp, milar2026_cuenta_nav.jsp)
   -------------------------------------------------------------------------- */
.m26-cta { padding-block: 36px 56px; }
.m26-cta__grid { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 32px; align-items: start; max-width: 1280px; }
.m26-cta__side { position: sticky; top: calc(var(--m26-hdr-h, 80px) + 16px); display: flex; flex-direction: column; gap: 18px; padding: 22px; border-radius: var(--m26-radius-lg); background: #fff; }
.m26-cta__hola { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 16px; }
.m26-cta__av { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--m26-ink); color: var(--m26-green); }
.m26-cta__av .m26-ico { width: 22px; height: 22px; }
.m26-cta__nav { display: flex; flex-direction: column; gap: 4px; }
.m26-cta__nav a, .m26-cta__out { display: flex; align-items: center; min-height: 44px; padding: 0 14px; border: 0; border-radius: 12px; background: none; color: var(--m26-ink); font: 600 15px var(--m26-font); text-align: left; text-decoration: none; cursor: pointer; }
.m26-cta__nav a:hover, .m26-cta__out:hover { background: var(--m26-bone); color: var(--m26-ink); }
.m26-cta__nav a[aria-current="page"] { background: var(--m26-ink); color: #fff; font-weight: 700; }
.m26-cta__out { color: var(--m26-muted); }
.m26-cta__help { display: flex; flex-direction: column; gap: 6px; padding: 16px; border-radius: 16px; background: var(--m26-bone); font-size: 14px; line-height: 1.45; color: var(--m26-muted); }
.m26-cta__help b { color: var(--m26-ink); }
.m26-cta__help a { color: var(--m26-ink); font-weight: 700; }
.m26-cta__main { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.m26-cta__h { margin: 0; font: 800 clamp(30px, 3.4vw, 40px)/1 var(--m26-font); letter-spacing: -.03em; color: var(--m26-ink); text-transform: none; }
.m26-cta__empty { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 28px; border-radius: var(--m26-radius-lg); background: #fff; }
.m26-cta__empty b { font-size: 20px; }
.m26-cta__empty p { margin: 0; font-size: 15px; color: var(--m26-muted); }
.m26-cta__baja { margin: 4px 0 0; font-size: 13px; color: var(--m26-muted); }
.m26-cta__baja a { color: var(--m26-muted); }

/* pedidos: tarjetas */
body.m26-pg .m26-cta .wrap-alignment { display: flex; flex-direction: column; gap: 16px; width: auto; max-width: none; margin: 0; padding: 0; }
body.m26-pg .m26-cta .order-section__wrap { margin: 0; padding: 22px 24px; border: 0; border-radius: var(--m26-radius-lg); background: #fff; box-shadow: none; }
body.m26-pg .m26-cta .order-section__header { margin: 0 0 10px; padding: 0; border: 0; background: none; }
body.m26-pg .m26-cta .order-section__header__number { font: 800 18px var(--m26-font); color: var(--m26-ink); }
body.m26-pg .m26-cta .order-section__main__info { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 12px; }
body.m26-pg .m26-cta .order-section__main__info a, body.m26-pg .m26-cta .order-section__tracking-state a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; background: var(--m26-ink); color: #fff !important; font: 700 14px var(--m26-font); text-decoration: none; }
body.m26-pg .m26-cta .order-cancel-link a { background: #fff; color: var(--m26-ink) !important; box-shadow: inset 0 0 0 1px var(--m26-line-strong); }
body.m26-pg .m26-cta .order-section__tracking-state, body.m26-pg .m26-cta .order-section__tracking-state > div { display: flex; align-items: center; gap: 8px; margin: 0; padding: 0; background: none; border: 0; }
body.m26-pg .m26-cta .tracking-state__img { display: none; }
body.m26-pg .m26-cta .order-section__main__delivery { margin: 12px 0 6px; font-size: 12px; font-weight: 800; letter-spacing: .1em; color: var(--m26-muted); }
body.m26-pg .m26-cta .order-section__summary, body.m26-pg .m26-cta .order-section__state { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 0; padding: 0; background: none; border: 0; font-size: 14px; color: var(--m26-muted); }
body.m26-pg .m26-cta .state__color { display: inline-flex; padding: 2px 10px; border-radius: 999px; background: var(--m26-green-soft); color: var(--m26-green-text); font-weight: 800; }
body.m26-pg .m26-cta .order-section__body { margin: 12px 0 0; padding: 12px 0 0; border-top: 1px solid var(--m26-line); }
body.m26-pg .m26-cta .order-section__details-wrap { display: flex; align-items: center; gap: 14px; }
body.m26-pg .m26-cta .order-section__details-wrap img { width: 64px; height: 64px; object-fit: contain; border-radius: 12px; background: var(--m26-bone); }
body.m26-pg .m26-cta .product-list__name, body.m26-pg .m26-cta .product-list__name a { font: 700 15px var(--m26-font); color: var(--m26-ink); }
body.m26-pg .m26-cta .product-list__price, body.m26-pg .m26-cta .product-list__quantity { font-size: 14px; color: var(--m26-muted); }

/* mis datos: el formulario de siempre en tarjetas */
body.m26-pg .m26-cta--datos .bodyMiCuenta { float: none; width: auto; margin: 0; padding: 0; background: none; }
body.m26-pg .m26-cta--datos .bodyMiCuenta > .wrap { width: auto; max-width: none; margin: 0; padding: 0; }
body.m26-pg .m26-cta--datos .marco { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; float: none; width: auto; margin: 0 0 16px; padding: 22px 24px; border: 0; border-radius: var(--m26-radius-lg); background: #fff; box-sizing: border-box; }
body.m26-pg .m26-cta--datos .marco > label, body.m26-pg .m26-cta--datos .marco .doble > label { display: block; margin: 8px 0 0; font: 600 14px var(--m26-font); color: var(--m26-ink); grid-column: 1 / -1; }
body.m26-pg .m26-cta--datos .marco label span { display: none; }
body.m26-pg .m26-cta--datos .marco .doble { display: contents; }
body.m26-pg .m26-cta--datos .marco .limpiar { display: none; }
body.m26-pg .m26-cta--datos .marco input.input, body.m26-pg .m26-cta--datos .marco input.medio, body.m26-pg .m26-cta--datos .marco select {
	grid-column: 1 / -1; width: 100% !important; height: 52px !important; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: 14px !important;
	box-shadow: inset 0 0 0 1px var(--m26-line-strong); background: #fff !important; font: 16px var(--m26-font) !important; color: var(--m26-ink); box-sizing: border-box; float: none !important;
}
body.m26-pg .m26-cta--datos .marco .select { grid-column: 1 / -1; float: none; width: auto; margin: 0; padding: 0; border: 0; background: none; }
body.m26-pg .m26-cta--datos .marco .checkbox { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; margin-top: 12px; }
body.m26-pg .m26-cta--datos .marco .checkbox label { margin: 0; font: 400 14px var(--m26-font); color: var(--m26-ink); }
body.m26-pg .m26-cta--datos .botonComprar { display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 52px; padding: 0 28px; border: 0; border-radius: 999px; background: var(--m26-green); color: var(--m26-ink); font: 800 16px var(--m26-font); text-transform: none; cursor: pointer; }
@media (max-width: 1023px) {
	.m26-cta__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.m26-cta__side { position: static; order: 2; }
	.m26-cta__nav { flex-direction: row; flex-wrap: wrap; }
}
@media (max-width: 767px) {
	.m26-cta { padding-block: 18px 32px; }
	.m26-cta__side { order: -1; padding: 0; background: none; }
	.m26-cta__hola, .m26-cta__help { display: none; }
	.m26-cta__nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
	.m26-cta__nav a, .m26-cta__out { flex: none; min-height: 40px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--m26-line-strong); background: #fff; font-size: 14px; }
	body.m26-pg .m26-cta .order-section__wrap, body.m26-pg .m26-cta--datos .marco { padding: 18px 16px; border-radius: 20px; }
	body.m26-pg .m26-cta--datos .botonComprar { width: 100%; }
}
/* Mi cuenta · ganar al CSS antiguo (.milar .bodyMiCuenta.misDatos …, .my-orders, .order-section__main) */
body.m26-pg .my-orders.m26-cta { background: none; }
body.m26-pg .m26-cta .order-section__wrap { font-family: var(--m26-font); }
body.m26-pg .m26-cta .order-section__main { margin: 0; padding: 0; border-radius: 0; background: none; box-shadow: none; }
body.m26-pg .m26-cta .order-section__main__info { width: auto; padding: 0; justify-content: flex-start; }
body.m26-pg .m26-cta .order-section__main__delivery { font-size: 12px; line-height: 1.3; padding: 0; }
body.m26-pg .m26-cta .order-section__body, body.m26-pg .m26-cta .order-section__product-list { background: none; box-shadow: none; border-radius: 0; padding-left: 0; padding-right: 0; }
body.m26-pg.milar .m26-cta--datos .bodyMiCuenta.misDatos .wrap { padding: 0; background: none; }
body.m26-pg.milar .m26-cta--datos .bodyMiCuenta.misDatos .wrap .marco { width: auto; margin: 0 0 16px; padding: 22px 24px; }
body.m26-pg .m26-cta--datos .bodyMiCuenta.misDatos label { float: none; clear: none; min-width: 0; padding: 0; }
body.m26-pg .m26-cta--datos .bodyMiCuenta.misDatos input[type="text"], body.m26-pg .m26-cta--datos .bodyMiCuenta.misDatos input[type="password"], body.m26-pg .m26-cta--datos .bodyMiCuenta.misDatos .select { float: none; margin-bottom: 0; }
body.m26-pg .m26-cta--datos .marco .select::before, body.m26-pg .m26-cta--datos .marco .select::after { content: none !important; display: none !important; }
body.m26-pg .m26-cta--datos .marco select { appearance: none; -webkit-appearance: none; padding-right: 40px !important; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000C1A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center / 16px no-repeat !important; }
body.m26-pg.milar .m26-cta--datos .bodyMiCuenta.misDatos .botonComprar { margin: 4px 0 0; }
@media (min-width: 768px) {
	/* dos columnas en los bloques de datos y dirección */
	body.m26-pg.milar .m26-cta--datos .bodyMiCuenta.misDatos .wrap .marco { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row dense; }
}
body.m26-pg .m26-cta--datos .marco input.input, body.m26-pg .m26-cta--datos .marco input.medio, body.m26-pg .m26-cta--datos .marco input.corto, body.m26-pg .m26-cta--datos .marco select { max-width: none !important; min-width: 0 !important; }
body.m26-pg.milar .m26-cta--datos .bodyMiCuenta.misDatos .checkbox { position: static; display: flex; align-items: center; gap: 10px; float: none; width: auto; margin: 12px 0 0; padding: 0; }
body.m26-pg.milar .m26-cta--datos .bodyMiCuenta.misDatos .checkbox input { display: block !important; visibility: visible !important; position: static !important; flex: none; width: 22px; height: 22px; margin: 0; opacity: 1 !important; appearance: auto; -webkit-appearance: checkbox; accent-color: var(--m26-ink); }
body.m26-pg.milar .m26-cta--datos .bodyMiCuenta.misDatos .checkbox label { float: none; padding: 0 !important; margin: 0; font-size: 14px; }
body.m26-pg.milar .m26-cta--datos .bodyMiCuenta.misDatos .checkbox label::before, body.m26-pg.milar .m26-cta--datos .bodyMiCuenta.misDatos .checkbox label::after { content: none !important; display: none !important; }
body.m26-pg.milar .m26-cta--datos .bodyMiCuenta.misDatos input.botonComprar { min-height: 52px; height: auto; padding: 0 28px; border: 0; border-radius: 999px; background: var(--m26-green); color: var(--m26-ink); font: 800 16px var(--m26-font); letter-spacing: 0; text-transform: none; }
body.m26-pg.milar .m26-cta--datos .bodyMiCuenta.misDatos input.botonComprar:hover { background: #5ccc0a; color: var(--m26-ink); }

/* --------------------------------------------------------------------------
   Seguimiento de pedido: formulario (estática «seguimientopedido») y resultado (cajaSeguimientoPedidoMilar.jsp)
   -------------------------------------------------------------------------- */
.m26-seg { padding-block: 36px 56px; }
.m26-seg__in { display: flex; flex-direction: column; gap: 18px; max-width: 1200px; }
.m26-seg__form-grid { display: grid; grid-template-columns: minmax(0, 480px) minmax(0, 1fr); gap: 24px; align-items: start; }
.m26-seg__formcard { display: flex; flex-direction: column; gap: 16px; padding: 32px; border-radius: var(--m26-radius-lg); background: #fff; }
.m26-seg__form { display: flex; flex-direction: column; gap: 14px; }
body.m26-pg .m26-seg input.input { width: 100%; height: 52px; margin: 0; padding: 0 16px; border: 0; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--m26-line-strong); background: #fff; font: 16px var(--m26-font); color: var(--m26-ink); box-sizing: border-box; }
body.m26-pg .m26-seg input.input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--m26-ink); }
body.m26-pg .m26-seg input.input[aria-invalid="true"] { box-shadow: inset 0 0 0 2px #B3261E; }
.m26-seg__hint { font-size: 13px; line-height: 1.4; color: var(--m26-muted); }
.m26-seg__formcard .m26-acc__lead a { color: var(--m26-ink); font-weight: 700; }
.m26-seg__aside { display: flex; flex-direction: column; gap: 12px; padding: 28px; border-radius: var(--m26-radius-lg); background: var(--m26-ink); color: #fff; }
.m26-seg__aside .m26-pg-eyebrow { color: var(--m26-green); }
.m26-seg__aside > b { font-size: 22px; line-height: 1.25; letter-spacing: -.01em; }
.m26-seg__aside ol { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 8px 0; padding: 0; list-style: none; counter-reset: m26s; }
.m26-seg__aside li { counter-increment: m26s; display: flex; flex-direction: column; gap: 8px; font-size: 13px; font-weight: 700; color: var(--m26-muted-on-ink); }
.m26-seg__aside li::before { content: counter(m26s); display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .3); color: #fff; }
.m26-seg__aside p { margin: 0; font-size: 14px; color: var(--m26-muted-on-ink); }
.m26-seg__aside a { color: #fff; font-weight: 700; }

.m26-seg__res { display: flex; flex-direction: column; gap: 26px; padding: 32px; border-radius: var(--m26-radius-lg); background: var(--m26-ink); color: #fff; }
.m26-seg__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.m26-seg__txt { display: flex; flex-direction: column; gap: 8px; max-width: 46em; }
.m26-seg__num { font-size: 14px; color: var(--m26-muted-on-ink); }
.m26-seg__num b { color: #fff; }
.m26-seg__h { margin: 0; font: 800 clamp(30px, 3.6vw, 44px)/1 var(--m26-font); letter-spacing: -.03em; color: #fff; text-transform: none; }
.m26-seg__ext { font-size: 16px; line-height: 1.55; color: var(--m26-muted-on-ink); }
.m26-seg__ext p { margin: 0 0 8px; color: inherit; font-size: inherit; }
.m26-seg__carrier { flex: none; }
.m26-seg__steps { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.m26-seg__step { display: flex; flex-direction: column; gap: 10px; font-size: 14px; color: #8A93A0; }
.m26-seg__dot { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px #3A4452; font-weight: 800; font-size: 14px; color: #8A93A0; }
.m26-seg__bar { height: 4px; border-radius: 999px; background: #2A3442; }
.m26-seg__step.is-done { color: #fff; font-weight: 700; }
.m26-seg__step.is-done .m26-seg__dot { background: var(--m26-green); box-shadow: none; color: var(--m26-ink); }
.m26-seg__step.is-done .m26-seg__bar { background: var(--m26-green); }
.m26-seg__step.is-now { color: #fff; font-weight: 800; }
.m26-seg__step.is-now .m26-seg__dot { background: #fff; color: var(--m26-ink); box-shadow: 0 0 0 4px rgba(79, 187, 0, .45); }
.m26-seg__step.is-now .m26-seg__bar { background: linear-gradient(90deg, var(--m26-green) 50%, #2A3442 50%); }
.m26-seg__help { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.m26-seg__card { display: flex; flex-direction: column; gap: 6px; padding: 22px; border-radius: var(--m26-radius-lg); background: #fff; }
.m26-seg__card b { font-size: 16px; }
.m26-seg__card p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--m26-muted); }
.m26-seg__card a, .m26-seg__otro a { color: var(--m26-ink); font-weight: 700; }
.m26-seg__otro { margin: 0; text-align: center; font-size: 15px; }
@media (max-width: 1023px) { .m26-seg__form-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767px) {
	.m26-seg { padding-block: 18px 32px; }
	.m26-seg__formcard, .m26-seg__aside, .m26-seg__res { padding: 22px 18px; border-radius: 20px; }
	.m26-seg__top { flex-direction: column; }
	.m26-seg__carrier { width: 100%; }
	.m26-seg__steps { grid-auto-flow: row; grid-auto-columns: auto; gap: 0; }
	.m26-seg__step { display: grid; grid-template-columns: 32px minmax(0, 1fr); grid-template-rows: auto; column-gap: 14px; align-items: center; min-height: 52px; }
	.m26-seg__bar { display: none; }
	.m26-seg__help { grid-template-columns: minmax(0, 1fr); }
	.m26-seg__aside ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.m26-seg__in { margin-inline: auto; }
.m26-seg__carrier { box-sizing: border-box; max-width: 100%; text-align: center; text-transform: lowercase; white-space: normal; line-height: 1.2; padding-block: 12px; }
.m26-seg__carrier::first-letter { text-transform: uppercase; }

/* --------------------------------------------------------------------------
   Campañas · promociones especiales (black-friday.html, regalos-para-navidad.html…) · cajaPromocionesEspecialMilar.jsp
   -------------------------------------------------------------------------- */
body.m26-pg--esp .m26-esp { padding-bottom: 48px; }
body.m26-pg--esp .m26-esp > .row { display: block; float: none; width: auto; margin: 0; padding: 0; }
.m26-esp__hero .m26-pg-hero__in { padding-block: 40px 34px; }
.m26-esp__date { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 6px; }
.m26-esp__date > b { padding: 8px 16px; border-radius: 999px; background: var(--m26-green); color: var(--m26-ink); font-size: 16px; }
.m26-esp__cd { display: flex; gap: 8px; }
.m26-esp__cd > span { display: flex; flex-direction: column; align-items: center; min-width: 64px; padding: 8px 0; border-radius: 14px; background: rgba(255, 255, 255, .08); }
.m26-esp__cd b { font-size: 26px; line-height: 1; color: var(--m26-green); font-variant-numeric: tabular-nums; }
.m26-esp__cd small { margin-top: 3px; font-size: 11px; color: var(--m26-muted-on-ink); }
body.m26-pg--esp .m26-esp__banner { display: block; margin-top: 24px; }
body.m26-pg--esp .m26-esp__banner .mainimg, body.m26-pg--esp .m26-esp__banner picture { display: block; }
body.m26-pg--esp .m26-esp__banner img { display: block; width: 100%; height: auto; border-radius: var(--m26-radius-lg); }
body.m26-pg--esp #description { display: none; }
.m26-esp__cats { margin-top: 24px; }
.m26-esp__cats ul { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.m26-esp__cats a { display: flex; flex-direction: column; align-items: center; gap: 10px; height: 100%; padding: 14px 10px 16px; border-radius: 20px; background: #fff; color: var(--m26-ink); font-size: 15px; font-weight: 700; text-align: center; text-decoration: none; box-sizing: border-box; transition: box-shadow .2s var(--m26-ease); }
.m26-esp__cats a:hover { color: var(--m26-ink); box-shadow: inset 0 0 0 1.5px var(--m26-ink); }
.m26-esp__cats img { width: 100%; max-width: 120px; height: 90px; object-fit: contain; }
body.m26-pg--esp h2.m26-esp__h { max-width: var(--m26-container); margin: 36px auto 4px !important; padding: 0 var(--m26-gutter) !important; box-sizing: border-box; font: 800 clamp(24px, 2.6vw, 32px)/1.1 var(--m26-font) !important; letter-spacing: -.025em; color: var(--m26-ink) !important; text-align: left !important; text-transform: none !important; background: none !important; }
body.m26-pg--esp h2.m26-esp__h::before, body.m26-pg--esp h2.m26-esp__h::after { content: none !important; display: none !important; }
.m26-esp__prods { max-width: var(--m26-container); margin: 0 auto; padding: 12px var(--m26-gutter) 0; box-sizing: border-box; }
body.m26-pg--esp .m26-esp__prods .m26-rail--cards .m26-rail__item { width: 260px; }
body.m26-pg--esp .m26-esp__legal { max-width: 1000px; margin: 36px auto 0; padding: 20px 24px; border-radius: 20px; background: #fff; box-sizing: border-box; }
body.m26-pg--esp .m26-esp__legal p { margin: 0 0 8px; font-size: 13px; line-height: 1.55; color: var(--m26-muted); text-align: left; }
body.m26-pg--esp .m26-esp__legal a { color: var(--m26-ink); font-weight: 700; }
/* textos SEO / guías que el gestor deja al final: lectura cómoda */
body.m26-pg--esp .m26-esp > .row > .wrap, body.m26-pg--esp .m26-esp > .row > section:not(.m26-esp__prods):not(#bannercampaign) { max-width: 1000px; margin-left: auto; margin-right: auto; padding-left: var(--m26-gutter); padding-right: var(--m26-gutter); box-sizing: border-box; font-family: var(--m26-font); color: var(--m26-muted); }
body.m26-pg--esp .m26-esp > .row > .wrap h2, body.m26-pg--esp .m26-esp > .row > .wrap h3 { font-family: var(--m26-font) !important; color: var(--m26-ink) !important; text-transform: none !important; text-align: left !important; }
.m26-esp__seo { max-width: 1000px; margin-top: 36px; }
.m26-esp__seo > summary { display: flex; align-items: center; justify-content: space-between; min-height: 56px; padding: 0 22px; border-radius: 18px; background: #fff; font: 700 16px var(--m26-font); color: var(--m26-ink); cursor: pointer; list-style: none; }
.m26-esp__seo > summary::-webkit-details-marker { display: none; }
.m26-esp__seo > summary::after { content: ""; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000C1A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .2s; }
.m26-esp__seo[open] > summary::after { transform: rotate(180deg); }
.m26-esp__seob { padding: 16px 22px 4px; font-size: 15px; line-height: 1.6; color: var(--m26-muted); }
.m26-esp__seob h2 { margin: 18px 0 8px; font: 800 19px var(--m26-font); color: var(--m26-ink); text-transform: none; text-align: left; }
.m26-esp__seob p { margin: 0 0 10px; font-size: 15px; line-height: 1.6; color: inherit; text-align: left; }
.m26-esp__seob a { color: var(--m26-ink); font-weight: 700; }
@media (max-width: 1023px) { .m26-esp__cats ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	.m26-esp__hero .m26-pg-hero__in { padding-block: 22px 22px; }
	.m26-esp__cd > span { min-width: 56px; }
	.m26-esp__cats ul { display: flex; overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--m26-gutter) * -1); padding-inline: var(--m26-gutter); }
	.m26-esp__cats li { flex: none; width: 120px; }
	.m26-esp__cats a { font-size: 13px; padding: 10px 8px 12px; }
	.m26-esp__cats img { height: 64px; }
	body.m26-pg--esp .m26-esp__prods .m26-rail--cards .m26-rail__item { width: 190px; }
	body.m26-pg--esp h2.m26-esp__h { margin-top: 28px !important; }
}
/* campañas: el CSS de la campaña (gestor) hace flotar títulos y pinta el fondo; aquí manda el diseño */
body.m26-pg--esp, body.m26-pg--esp .m26-esp { background: var(--m26-bone) !important; }
body.m26-pg--esp .m26-esp__prods { clear: both; }
body.m26-pg--esp h2.m26-esp__h { float: none !important; clear: both; width: auto !important; }
body.m26-pg--esp .m26-esp__hero .m26-pg-hero__h { margin: 0 !important; padding: 0 !important; text-align: left !important; font-size: clamp(34px, 4.4vw, 56px) !important; color: #fff !important; }
body.m26-pg--esp .m26-esp__seob, body.m26-pg--esp .m26-esp > .row > .wrap { color: var(--m26-muted) !important; }
body.m26-pg--esp .m26-esp > .row > .wrap h2, body.m26-pg--esp .m26-esp > .row > .wrap h3, body.m26-pg--esp .m26-esp__seob h2 { float: none !important; }
body.m26-pg--esp #bannercampaign.m26-esp__banner { background: none !important; padding-inline: var(--m26-gutter); }
body.m26-pg--esp .m26-esp__legal, body.m26-pg--esp .legalTextPromotion.m26-esp__legal { background: #fff !important; color: var(--m26-muted) !important; }
body.m26-pg--esp .legalTextPromotion.m26-esp__legal p { color: var(--m26-muted) !important; }

/* --------------------------------------------------------------------------
   Financiación y garantía extendida (estáticas «info»)
   -------------------------------------------------------------------------- */
.m26-info__fins { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; font-size: 14px; color: var(--m26-muted-on-ink); }
.m26-info__fins b { height: 36px; padding: 0 16px; border-radius: 999px; background: rgba(255, 255, 255, .1); color: #fff; display: inline-flex; align-items: center; font-size: 14px; }
body.m26-pg .m26-info__body { padding-block: 32px 56px; }
body.m26-pg .m26-info__body .wrap, body.m26-pg .m26-info__body section:not(.m26-info__card), body.m26-pg .m26-info__body .contenido, body.m26-pg .m26-info__body [class*="col-"], body.m26-pg .m26-info__body .garantiatxt, body.m26-pg .m26-info__body .ventajastexto { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; }
.m26-info__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.m26-info__card { display: flex; flex-direction: column; gap: 12px; padding: 26px 28px !important; border-radius: var(--m26-radius-lg); background: #fff !important; }
.m26-info__card:has(.m26-info__steps), .m26-info__card:has(.m26-info__faq) { grid-column: 1 / -1; }
body.m26-pg .m26-info__card h2.m26-info__h { margin: 0 !important; font: 800 24px/1.15 var(--m26-font) !important; letter-spacing: -.02em; }
body.m26-pg .m26-info__card p { margin: 0; }
body.m26-pg .m26-info__card ul.m26-info__check { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
body.m26-pg .m26-info__card ul.m26-info__check li { position: relative; margin: 0; padding-left: 30px; color: var(--m26-ink); background: none; }
body.m26-pg .m26-info__card ul.m26-info__check li::before { content: ""; position: absolute; left: 0; top: 2px; width: 21px; height: 21px; border-radius: 50%; background: var(--m26-green-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E7300' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat; }
body.m26-pg .m26-info__card ul.m26-info__steps { counter-reset: m26i; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
body.m26-pg .m26-info__card ul.m26-info__steps li { counter-increment: m26i; display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 18px; border-radius: 16px; background: var(--m26-bone); color: var(--m26-ink); font-weight: 600; }
body.m26-pg .m26-info__card ul.m26-info__steps li::before { content: counter(m26i); display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--m26-ink); color: var(--m26-green); font-weight: 800; }
body.m26-pg .m26-info__card ul li::after { content: none !important; }
.m26-info__faq { display: flex; flex-direction: column; }
.m26-info__qa { border-top: 1px solid var(--m26-line); }
.m26-info__qa > summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 56px; font: 700 17px var(--m26-font); color: var(--m26-ink); cursor: pointer; list-style: none; }
.m26-info__qa > summary::-webkit-details-marker { display: none; }
.m26-info__qa > summary::after { content: ""; flex: none; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000C1A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .2s; }
.m26-info__qa[open] > summary::after { transform: rotate(180deg); }
.m26-info__qa > p { padding-bottom: 16px; }
.m26-info__card .m26-btn { align-self: flex-start; text-decoration: none !important; color: #fff !important; }
body.m26-pg .m26-info .m26-pg-hero__lead a { color: #fff; }

/* --------------------------------------------------------------------------
   Desistimiento (el formulario y su script son los del gestor)
   -------------------------------------------------------------------------- */
.m26-des { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; padding-block: 32px 56px; }
.m26-des__main { display: flex; flex-direction: column; gap: 18px; padding: 28px 32px; border-radius: var(--m26-radius-lg); background: #fff; }
.m26-des__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin: 0; padding: 0; list-style: none; }
.m26-des__steps li { padding-top: 10px; border-top: 5px solid var(--m26-line); font-size: 13px; font-weight: 600; color: var(--m26-muted); }
.m26-des__steps li.is-done { border-top-color: var(--m26-green); }
.m26-des__steps li.is-on { border-top-color: var(--m26-ink); font-weight: 800; color: var(--m26-ink); }
body.m26-pg .m26-des__form .wrap, body.m26-pg .m26-des__form .order-cancel-container { float: none; width: auto; max-width: none; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }

body.m26-pg .m26-des__form .order-cancel-summary-title { margin: 0 0 12px !important; font: 800 22px var(--m26-font) !important; }
body.m26-pg .m26-des__form form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; }
body.m26-pg .m26-des__form label.order-cancel-info__label { display: block; margin: 10px 0 0; font: 600 14px var(--m26-font); color: var(--m26-ink); }
body.m26-pg .m26-des__form input.order-cancel-input { width: 100%; height: 52px; margin: 0; padding: 0 16px; border: 0; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--m26-line-strong); background: #fff; font: 16px var(--m26-font); color: var(--m26-ink); box-sizing: border-box; }
body.m26-pg .m26-des__form input.order-cancel-input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--m26-ink); }
body.m26-pg .m26-des__form input.order-cancel-error { box-shadow: inset 0 0 0 2px #B3261E; }
body.m26-pg .m26-des__form .order-cancel-error-message { font-size: 13px; color: #8C1D18; }
/* rejilla: cada etiqueta con su campo (en el gestor van sueltos, uno detrás de otro) */
body.m26-pg .m26-des__form form > label, body.m26-pg .m26-des__form form > input, body.m26-pg .m26-des__form form > .order-cancel-error-message { grid-column: 1 / -1; }
body.m26-pg .m26-des__form .order-cancel-checkbox { grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 12px; margin: 16px 0 6px; }
body.m26-pg .m26-des__form .order-cancel-checkbox input { flex: none; width: 22px; height: 22px; margin: 0; accent-color: var(--m26-ink); }
body.m26-pg .m26-des__form .order-cancel-checkbox label { margin: 0 !important; font-weight: 400 !important; font-size: 15px !important; }
body.m26-pg .m26-des__form .order-cancel-continue-btn { grid-column: 1 / -1; width: 100%; min-height: 54px; margin-top: 8px; border: 0; border-radius: 999px; background: var(--m26-green); color: var(--m26-ink); font: 800 16px var(--m26-font); cursor: pointer; }
body.m26-pg .m26-des__form .order-cancel-summary { padding: 16px 18px; border-radius: 16px; background: var(--m26-bone); font-size: 15px; line-height: 1.6; color: var(--m26-ink); }
.m26-des__side { position: sticky; top: calc(var(--m26-hdr-h, 80px) + 16px); display: flex; flex-direction: column; gap: 14px; }
.m26-des__card { display: flex; flex-direction: column; gap: 10px; padding: 22px; border-radius: var(--m26-radius-lg); background: #fff; }
.m26-des__card--ink { background: var(--m26-ink); color: #fff; }
.m26-des__card b { font-size: 18px; }
.m26-des__card p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--m26-muted-on-ink); }
.m26-des__card a { color: #fff; font-weight: 700; }

/* --------------------------------------------------------------------------
   Marcas (fabricantes-electrodomesticos.html)
   -------------------------------------------------------------------------- */
.m26-mar__tools { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.m26-mar__q { flex: 0 1 420px; height: 52px; padding: 0 20px; border: 0; border-radius: 999px; background: #fff; color: var(--m26-ink); font: 16px var(--m26-font); box-sizing: border-box; }
.m26-mar__fams { display: flex; flex-wrap: wrap; gap: 8px; }
body.m26-pg .m26-mar { padding-block: 32px 56px; }
body.m26-pg .m26-mar .contenido, body.m26-pg .m26-mar .centroImagen, body.m26-pg .m26-mar > .wrap { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; text-align: left !important; }
.m26-mar__g { display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }
body.m26-pg .m26-mar h2.m26-mar__h { margin: 0 !important; font: 800 clamp(22px, 2.4vw, 28px)/1.1 var(--m26-font) !important; letter-spacing: -.02em; }
body.m26-pg .m26-mar ul.m26-mar__grid { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin: 0 !important; padding: 0 !important; list-style: none; }
body.m26-pg .m26-mar ul.m26-mar__grid li { float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.m26-pg .m26-mar ul.m26-mar__grid li[hidden] { display: none !important; }
body.m26-pg .m26-mar ul.m26-mar__grid a { display: flex; align-items: center; justify-content: center; height: 84px; padding: 12px 16px; border-radius: 16px; background: #fff; box-sizing: border-box; transition: box-shadow .2s var(--m26-ease); }
body.m26-pg .m26-mar ul.m26-mar__grid a:hover { box-shadow: inset 0 0 0 1.5px var(--m26-ink); }
body.m26-pg .m26-mar ul.m26-mar__grid img { display: block; max-width: 100%; max-height: 52px; width: auto !important; height: auto !important; object-fit: contain; mix-blend-mode: multiply; }
.m26-mar__none { padding: 24px; border-radius: 20px; background: #fff; font-size: 16px; }
.m26-mar__seo { padding: 18px 22px; border-radius: 20px; background: #fff; }
.m26-mar__seo > summary { font: 700 16px var(--m26-font); cursor: pointer; }
.m26-mar__seo p { margin: 10px 0 0; text-align: left !important; }
@media (max-width: 1023px) {
	.m26-info__cards { grid-template-columns: minmax(0, 1fr); }
	.m26-des { grid-template-columns: minmax(0, 1fr); }
	.m26-des__side { position: static; }
	body.m26-pg .m26-mar ul.m26-mar__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.m26-info__card { padding: 20px 18px !important; border-radius: 20px; }
	body.m26-pg .m26-info__card h2.m26-info__h { font-size: 20px !important; }
	.m26-des__main { padding: 20px 16px; border-radius: 20px; }
	.m26-des { padding-block: 18px 32px; }
	.m26-mar__q { flex-basis: 100%; }
	.m26-mar__fams { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--m26-gutter) * -1); padding-inline: var(--m26-gutter); scrollbar-width: none; }
	.m26-mar__fams .m26-chip-tipo { flex: none; }
	body.m26-pg .m26-mar ul.m26-mar__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
	body.m26-pg .m26-mar ul.m26-mar__grid a { height: 64px; padding: 8px 10px; }
}
/* milar2026.css oculta .m26-cms sin listas (columnas vacías del megamenú): en el contenido de estas páginas siempre se ve */
body.m26-pg :is(.m26-info__body, .m26-des__form, .m26-mar, .m26-legal__art, .m26-sv > .m26-wrap, .m26-gen__art).m26-cms { display: block !important; }
.m26-info--fin .m26-info__cards { grid-template-columns: minmax(0, 1fr); }
.m26-promo__desc { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; line-height: 1.5; color: var(--m26-muted); }
/* 16-oct: el texto de la cabecera de promociones ocupa todo el ancho (el CSS antiguo .promobox lo dejaba en calc(33% - 30px)) */
.m26-promos__intro.promobox { float: none; height: auto !important; min-height: 0; width: auto !important; max-width: none; margin: 0; padding: 0; }
.m26-promos__intro.promobox * { max-width: none; }
.m26-promos__intro.promobox :is(p, h2) { padding: 0 !important; font-family: var(--m26-font) !important; }
.m26-promos__intro h2 { margin: 0 0 6px; font: 800 24px/1.15 var(--m26-font); letter-spacing: -.02em; color: var(--m26-ink); text-transform: none; }
.m26-promos__intro p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--m26-muted); }
.m26-promos__title h1 { margin: 0; font: 800 clamp(26px, 3vw, 36px)/1.1 var(--m26-font); letter-spacing: -.025em; color: var(--m26-ink); text-transform: none; }
.m26-promos__marcas h3 { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -.01em; text-transform: none; }
h3.m26-promos__back { margin: 0; font-size: 15px; font-weight: 700; }

/* Quiénes somos con el texto del gestor (15-oct, SEO) */
.m26-qs-hero__title { margin: 0; font: 800 clamp(34px, 4.4vw, 56px)/1.02 var(--m26-font) !important; letter-spacing: -.035em; color: #fff !important; text-transform: none !important; text-align: left !important; }
.m26-qs-hero__media img { display: block; width: 100%; height: auto; border-radius: 24px; }
body.m26-pg .m26-qs__cms .wrap, body.m26-pg .m26-qs__cms [class*="col-"], body.m26-pg .m26-qs__cms .row { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: none !important; flex: initial !important; }
body.m26-pg .m26-qs__cms { display: block !important; }
body.m26-pg .m26-qs__cms > .wrap > .wrap > div { display: contents; }
body.m26-pg .m26-qs__cms ul.m26-qs__doit { display: flex; flex-direction: column; gap: 14px; margin: 0 0 24px; padding: 28px 32px; border-radius: var(--m26-radius-lg); background: #fff; list-style: none; }
body.m26-pg .m26-qs__cms ul.m26-qs__doit li { position: relative; margin: 0; padding-left: 32px; font-size: 17px; line-height: 1.6; color: var(--m26-muted); background: none; }
body.m26-pg .m26-qs__cms ul.m26-qs__doit li::before { content: ""; position: absolute; left: 0; top: 4px; width: 21px; height: 21px; border-radius: 50%; background: var(--m26-green-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E7300' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat; }
body.m26-pg .m26-qs__cms ul.m26-qs__doit li::after { content: none !important; }
body.m26-pg .m26-qs__cms .justify-content-center { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; background: none !important; }
body.m26-pg .m26-qs__cms .m26-qs__card { display: flex !important; align-items: center; gap: 16px; height: 100%; padding: 22px !important; border: 0 !important; border-radius: 20px !important; background: #fff !important; box-shadow: none !important; color: var(--m26-ink); text-decoration: none; box-sizing: border-box; }
body.m26-pg .m26-qs__cms .m26-qs__card .floatl { float: none !important; width: auto !important; padding: 0 !important; }
body.m26-pg .m26-qs__cms .m26-qs__card h2 { margin: 0 0 4px !important; font: 800 20px/1.2 var(--m26-font) !important; color: var(--m26-ink) !important; text-transform: none !important; text-align: left !important; }
body.m26-pg .m26-qs__cms .m26-qs__card p { margin: 0; font-size: 15px; color: var(--m26-muted); text-align: left; }
body.m26-pg .m26-qs__cms .m26-qs__card img { width: 56px; height: 56px; object-fit: contain; }
body.m26-pg .m26-qs__cms .m26-qs__card.is-vacia { justify-content: center; }
body.m26-pg .m26-qs__cms .m26-qs__card.is-vacia img { width: auto; height: 64px; }
@media (max-width: 767px) {
	body.m26-pg .m26-qs__cms .justify-content-center { grid-template-columns: minmax(0, 1fr); }
	body.m26-pg .m26-qs__cms ul.m26-qs__doit { padding: 20px 18px; border-radius: 20px; }
	body.m26-pg .m26-qs__cms ul.m26-qs__doit li { font-size: 15px; }
}
/* legales: apartados marcados (sin cambiar el marcado del gestor) */
body.m26-pg .m26-legal__art p.m26-legal__ap { margin-top: 30px; scroll-margin-top: calc(var(--m26-hdr-h, 80px) + 16px); text-align: left !important; }
body.m26-pg .m26-legal__art p.m26-legal__ap > strong:first-child, body.m26-pg .m26-legal__art p.m26-legal__ap > b:first-child { display: inline-block; margin-bottom: 4px; font: 800 20px/1.25 var(--m26-font); letter-spacing: -.01em; color: var(--m26-ink); }
body.m26-pg .m26-legal__art p.m26-legal__eyebrow { font-size: 12px !important; letter-spacing: .1em; text-align: left !important; }
body.m26-pg .m26-legal__art h2, body.m26-pg .m26-legal__art h3 { text-align: left !important; }
body.m26-pg .m26-qs__cms ul.m26-qs__doit li { padding-left: 32px !important; font-family: var(--m26-font) !important; }

/* Servicios · versión SEO (15-oct): mismos elementos del gestor, movidos y con clases */
.m26-sv-nav .menuservicios { display: block !important; margin: 0; padding: 0; background: none !important; border: 0 !important; }
.m26-sv-nav .subrayado-pestanas { display: none; }
.m26-sv-nav ul.pestanas-servicios { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; border: 0; }
.m26-sv-nav ul.pestanas-servicios li { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.m26-sv-nav .pestana-servicios, .m26-sv-nav .pestana-servicios-activa { display: block; float: none !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.m26-sv-nav .pestana-servicios a, .m26-sv-nav .pestana-servicios-activa { display: inline-flex !important; align-items: center; gap: 8px; height: 40px; padding: 0 18px !important; border-radius: 999px; background: rgba(255, 255, 255, .1) !important; color: #fff !important; font: 700 14px/1 var(--m26-font) !important; text-decoration: none; }
.m26-sv-nav .pestana-servicios a:hover { background: rgba(255, 255, 255, .18) !important; }
.m26-sv-nav .pestana-servicios-activa { background: var(--m26-green) !important; color: var(--m26-ink) !important; }
.m26-sv-nav .pestanas-servicios img { display: none; }
.m26-sv-nav .pestanas-servicios span { float: none !important; margin: 0 !important; line-height: 1 !important; color: inherit; font: inherit; }
body.m26-pg .m26-sv-hero h1.m26-pg-hero__h { float: none !important; margin: 0 !important; padding: 0 !important; font: 800 clamp(34px, 4.4vw, 56px)/1.02 var(--m26-font) !important; letter-spacing: -.035em; color: #fff !important; text-align: left !important; text-transform: none !important; }
.m26-sv-hero__tag { margin: 0; font-family: var(--m26-voice); font-style: italic; font-size: clamp(22px, 2.4vw, 30px); line-height: 1.2; color: var(--m26-muted-on-ink); }
.m26-sv-hero__tag em { font-style: italic; }
body.m26-pg .m26-sv__box { display: flex !important; flex-direction: row; gap: 16px; align-items: flex-start; padding: 24px !important; border-radius: 20px; background: #fff !important; text-align: left; }
body.m26-pg .m26-sv__box > div { padding: 0 !important; }
body.m26-pg .m26-sv__box p.subtitle { margin: 0 0 6px !important; font: 800 19px var(--m26-font) !important; color: var(--m26-ink) !important; text-transform: none !important; }
body.m26-pg .m26-sv__box p { font-size: 15px; line-height: 1.6; color: var(--m26-muted); }
p.m26-sv__h { margin: 0 0 16px; font: 800 clamp(24px, 2.6vw, 32px)/1.1 var(--m26-font); letter-spacing: -.025em; color: var(--m26-ink); }
.m26-sv__tabs-cms { display: none; } /* las pestañas del gestor eran enlaces «info1…» a la misma página; las sustituyen los botones */
body.m26-pg .m26-sv__panel { display: none !important; }
body.m26-pg .m26-sv__panel.is-on { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
body.m26-pg .m26-sv__panel.is-on.has-pieza { grid-template-columns: 200px repeat(3, minmax(0, 1fr)); }
body.m26-pg .m26-sv__panel > div, body.m26-pg .m26-sv__panel .categoriet { display: contents !important; }
body.m26-pg .m26-sv__panel h2.m26-sv__panelt { grid-column: 1 / -1; margin: 0 !important; font: 800 22px var(--m26-font) !important; color: var(--m26-ink) !important; text-transform: none !important; text-align: left !important; }
body.m26-pg .m26-sv__panel .col-12 { display: block !important; float: none !important; width: auto !important; max-width: none !important; padding: 0 !important; }
body.m26-pg .m26-sv__panel .m26-sv__pieza { grid-row: 2 / span 1; }
body.m26-pg .m26-sv__card { display: flex !important; flex-direction: column; gap: 10px; height: 100%; padding: 24px !important; border: 0 !important; border-radius: 20px !important; background: #fff !important; box-shadow: none !important; box-sizing: border-box; text-align: left; }
body.m26-pg .m26-sv__card.is-no { background: #FBF7F6 !important; box-shadow: inset 0 0 0 1px #F0DEDB !important; }
body.m26-pg .m26-sv__card p.m26-sv__cardt { margin: 0 !important; font: 800 15px var(--m26-font) !important; color: var(--m26-muted) !important; text-transform: none !important; }
body.m26-pg .m26-sv__card p.priceservice { display: none; }
body.m26-pg .m26-sv__card p.m26-sv__price { margin: 0 0 4px !important; font: 800 36px/1 var(--m26-font) !important; letter-spacing: -.03em; color: var(--m26-ink) !important; }
body.m26-pg .m26-sv__card p.m26-sv__price.is-free { font-size: 0 !important; }
body.m26-pg .m26-sv__card p.m26-sv__price.is-free::after { content: "Gratis"; font-size: 36px; }
body.m26-pg .m26-sv__card .m26-btn { align-self: flex-start; margin-top: 6px; color: #fff !important; }
body.m26-pg .m26-sv__cond { display: block !important; float: none !important; width: auto !important; padding: 28px !important; border-radius: var(--m26-radius-lg); background: #fff !important; }
body.m26-pg .m26-sv__cond p.condicioned { margin: 0 0 16px !important; font: 800 clamp(22px, 2.4vw, 30px)/1.1 var(--m26-font) !important; letter-spacing: -.025em; color: var(--m26-ink) !important; text-transform: none !important; text-align: left !important; }
body.m26-pg .m26-sv__cond [class*="col-"] { float: none !important; width: auto !important; max-width: none !important; padding: 0 !important; }
body.m26-pg .m26-sv__cond img { display: none; } /* ilustración antigua «instalación condicionada» (decorativa) */
.m26-sv-nav__on { display: inline; }
@media (max-width: 1080px) { body.m26-pg .m26-sv__panel.is-on, body.m26-pg .m26-sv__panel.is-on.has-pieza { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 767px) {
	.m26-sv-nav ul.pestanas-servicios { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--m26-gutter) * -1); padding-inline: var(--m26-gutter); scrollbar-width: none; }
	.m26-sv-nav ul.pestanas-servicios li { flex: none; }
	.m26-sv-hero__tag { font-size: 20px; }
	body.m26-pg .m26-sv__box { padding: 18px !important; }
}
body.m26-pg .m26-sv__panel { width: 100% !important; float: none !important; margin: 0 !important; }
body.m26-pg .m26-sv__box, body.m26-pg .m26-sv__box * { text-align: left !important; }
.m26-sv-nav ul.pestanas-servicios { background: none !important; box-shadow: none !important; height: auto !important; }
body.m26-pg .m26-sv__card, body.m26-pg .m26-sv__card * { text-align: left !important; }
body.m26-pg .m26-sv__card p.m26-sv__price { background: none !important; padding: 0 !important; border-radius: 0 !important; }
body.m26-pg .m26-sv__new ul.m26-sv__si li, body.m26-pg .m26-sv__new ul.m26-sv__no li { padding-left: 30px !important; margin-left: 0 !important; text-indent: 0 !important; background-image: none !important; }
body.m26-pg .m26-sv__new ul.m26-sv__si, body.m26-pg .m26-sv__new ul.m26-sv__no { padding-left: 0 !important; margin-left: 0 !important; }
body.m26-pg .m26-sv__cond, body.m26-pg .m26-sv__cond * { text-align: left !important; }
.m26-sv-nav .pestana-servicios-activa .m26-sv-nav__on { color: var(--m26-ink); }
body.m26-pg .m26-info .m26-pg-hero__txt h1.m26-pg-hero__h { margin: 0 !important; padding: 0 !important; color: #fff !important; text-align: left !important; text-transform: none !important; font: 800 clamp(34px, 4.4vw, 56px)/1.02 var(--m26-font) !important; }
body.m26-pg .m26-info .m26-pg-hero__txt h1 img { display: block; width: auto !important; height: 32px !important; margin: 0 0 12px; filter: brightness(0) invert(1); }
body.m26-pg .m26-info .m26-pg-hero__lead { color: var(--m26-muted-on-ink) !important; font-size: 17px !important; }
body.m26-pg .m26-info .m26-pg-hero__lead strong, body.m26-pg .m26-info .m26-pg-hero__lead b { color: #fff; }
body.m26-pg h1.m26-info__banner { margin: 0 0 20px !important; padding: 0 !important; }
body.m26-pg h1.m26-info__banner img { display: block; width: 100% !important; height: auto; border-radius: var(--m26-radius-lg); }
.m26-info__qa > summary h3 { margin: 0 !important; font: inherit !important; color: inherit !important; text-transform: none !important; }
body.m26-pg .m26-des__hero h2.order-cancel-title { margin: 0 !important; padding: 0 !important; font: 800 clamp(34px, 4.4vw, 56px)/1.02 var(--m26-font) !important; letter-spacing: -.035em; color: #fff !important; text-align: left !important; text-transform: none !important; }
body.m26-pg .m26-mar__hero h1.m26-pg-hero__h { margin: 0 !important; padding: 0 !important; color: #fff !important; text-align: left !important; text-transform: none !important; font: 800 clamp(30px, 4vw, 52px)/1.04 var(--m26-font) !important; letter-spacing: -.03em; }
.m26-mar__seo p { font-size: 15px; line-height: 1.6; color: var(--m26-muted); }
/* campañas · accesos originales del gestor (15-oct, SEO): mismo marcado, en rejilla */
body.m26-pg--esp .m26-esp__cats { display: block !important; margin-top: 24px; background: none !important; padding-block: 0 !important; }
body.m26-pg--esp .m26-esp__cats .topcategories, body.m26-pg--esp .m26-esp__cats .carrusel { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; background: none !important; }
body.m26-pg--esp .m26-esp__cats .recomendacion { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; width: auto !important; transform: none !important; }
body.m26-pg--esp .m26-esp__cats [class^="categorie"], body.m26-pg--esp .m26-esp__cats [class*=" categorie"] { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
body.m26-pg--esp .m26-esp__cats .catelement { position: relative; display: flex; flex-direction: column; align-items: center; gap: 10px; height: 100%; padding: 14px 10px 16px; border-radius: 20px; background: #fff; box-sizing: border-box; text-align: center; transition: box-shadow .2s var(--m26-ease); }
body.m26-pg--esp .m26-esp__cats .catelement:hover { box-shadow: inset 0 0 0 1.5px var(--m26-ink); }
body.m26-pg--esp .m26-esp__cats .catelement img { width: 100%; max-width: 120px; height: 90px !important; object-fit: contain; }
body.m26-pg--esp .m26-esp__cats .catelement h3, body.m26-pg--esp .m26-esp__cats .catelement h3 a { margin: 0 !important; font: 700 15px/1.25 var(--m26-font) !important; color: var(--m26-ink) !important; text-decoration: none; text-transform: none !important; }
body.m26-pg--esp .m26-esp__cats .catelement > a:empty { position: absolute; inset: 0; }
@media (max-width: 1023px) { body.m26-pg--esp .m26-esp__cats .recomendacion { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	body.m26-pg--esp .m26-esp__cats .recomendacion { display: flex !important; overflow-x: auto; scrollbar-width: none; margin-inline: calc(var(--m26-gutter) * -1); padding-inline: var(--m26-gutter); }
	body.m26-pg--esp .m26-esp__cats [class^="categorie"], body.m26-pg--esp .m26-esp__cats [class*=" categorie"] { flex: none; width: 124px !important; }
	body.m26-pg--esp .m26-esp__cats .catelement img { height: 64px !important; }
	body.m26-pg--esp .m26-esp__cats .catelement h3, body.m26-pg--esp .m26-esp__cats .catelement h3 a { font-size: 13px !important; }
}
body.m26-pg--esp .m26-esp__hero h1.m26-pg-hero__h { text-transform: none !important; }
.m26-acc__sub { margin: 0; font: 400 20px/1.25 var(--m26-voice); font-style: italic; color: var(--m26-muted); }
.m26-cta__h2 { margin: 0; font: 800 20px var(--m26-font); color: var(--m26-ink); text-transform: none; }

/* CWV · CLS: las páginas estáticas y las campañas reordenan el HTML del gestor con JS (cabecera, pestañas, tarjetas).
   Hasta que termina (body.m26-ok) esos bloques ocupan su sitio pero no se pintan, así no hay saltos; si el JS fallara,
   se muestran solos a los 2,5 s. */
@keyframes m26-prep { to { visibility: visible; } }
:is(.m26-pg--est, .m26-pg--esp):not(.m26-ok) :is(.m26-pg-hero, [data-m26-servicio], [data-m26-info], [data-m26-qs-cms], [data-m26-mar], [data-m26-esp], [data-m26-des], [data-m26-legal]) {
	visibility: hidden;
	animation: m26-prep 0s 2.5s forwards;
}

/* Fabricantes (15-oct): el CSS heredado daba padding 32/56 px a los h2 de familia, el <style> del gestor una línea bajo cada
   rejilla (ul.marcas) y una altura fija a la caja de texto SEO (el texto se salía y quedaba un recuadro vacío) */
body.m26-pg .m26-mar h2.m26-mar__h { padding: 0 !important; border: 0 !important; }
body.m26-pg .m26-mar ul.m26-mar__grid { border: 0 !important; }
body.m26-pg .m26-mar .m26-mar__g { margin-bottom: 40px; }
body.m26-pg .m26-mar .m26-mar__seo { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; padding: 22px 26px; }
body.m26-pg .m26-mar .m26-mar__seo p { float: none !important; width: auto !important; margin: 0 0 10px !important; padding: 0 !important; height: auto !important; text-align: left !important; font-size: 15px; line-height: 1.6; }
body.m26-pg .m26-mar .m26-mar__seo p:last-child { margin-bottom: 0 !important; }
body.m26-pg .m26-mar .m26-mar__seo p:empty { display: none; }

/* ==========================================================================
   Campañas · contenido del gestor limpio (m26-bfx-*, 15-oct). Lo usan las etiquetas reescritas de Black Friday
   (docs/gestor-black-friday/): sin estilos en línea; todo el aspecto está aquí. Mismo texto y encabezados que el original.
   ========================================================================== */
/* accesos por categoría: tarjeta = li (imagen + h3 con enlace + «Ver ofertas» que baja a su carrusel) */
body.m26-pg--esp .m26-bfx-cats ul { align-items: stretch; }
body.m26-pg--esp .m26-bfx-cat { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 14px 10px 14px; border-radius: 20px; background: #fff; text-align: center; transition: box-shadow .2s var(--m26-ease); }
body.m26-pg--esp .m26-bfx-cat:hover { box-shadow: inset 0 0 0 1.5px var(--m26-ink); }
body.m26-pg--esp .m26-esp__cats .m26-bfx-cat a { display: inline; height: auto; padding: 0; border-radius: 0; background: none; box-shadow: none; }
body.m26-pg--esp .m26-bfx-cat__img { display: block !important; }
body.m26-pg--esp .m26-bfx-cat__img img { display: block; width: 120px; max-width: 100%; height: 90px; object-fit: contain; }
body.m26-pg--esp .m26-bfx-cat h3 { margin: 0; font: 700 15px/1.25 var(--m26-font); text-transform: none; }
body.m26-pg--esp .m26-bfx-cat h3 a { color: var(--m26-ink); text-decoration: none; }
body.m26-pg--esp .m26-bfx-cat__ver { margin-top: auto; font-size: 13px; font-weight: 700; color: var(--m26-green-text) !important; text-decoration: underline; text-underline-offset: 3px; }

/* bloque de contenido */
body.m26-pg--esp .m26-bfx { max-width: var(--m26-container); margin: 56px auto 0; padding: 0 var(--m26-gutter); box-sizing: border-box; display: grid; gap: 20px; font-family: var(--m26-font); color: var(--m26-ink); }
body.m26-pg--esp .m26-bfx h2 { margin: 0 0 12px; font: 800 clamp(22px, 2.4vw, 30px)/1.15 var(--m26-font); letter-spacing: -.02em; color: var(--m26-ink); text-transform: none; text-align: left; }
body.m26-pg--esp .m26-bfx h2 strong { font-weight: inherit; }
body.m26-pg--esp .m26-bfx h3 { margin: 18px 0 8px; font: 700 18px/1.3 var(--m26-font); color: var(--m26-ink); text-transform: none; text-align: left; }
body.m26-pg--esp .m26-bfx p { margin: 0 0 12px; font-size: 16px; line-height: 1.65; color: var(--m26-muted); text-align: left; }
body.m26-pg--esp .m26-bfx p:last-child { margin-bottom: 0; }
body.m26-pg--esp .m26-bfx a { color: var(--m26-ink); font-weight: 700; text-decoration: underline; text-decoration-color: var(--m26-green); text-decoration-thickness: 2px; text-underline-offset: 3px; }
body.m26-pg--esp .m26-bfx h2 a { text-decoration-thickness: 3px; }
body.m26-pg--esp .m26-bfx strong { color: var(--m26-ink); }
body.m26-pg--esp .m26-bfx .m26-bfx-img { display: block; width: 100%; height: auto; border-radius: 16px; }
body.m26-pg--esp .m26-bfx > section { padding: clamp(22px, 3vw, 40px); border-radius: var(--m26-radius-lg); background: #fff; }

/* ¿Cuándo es? + Pre Black Friday: logo a la izquierda, dos bloques de texto */
body.m26-pg--esp .m26-bfx-intro { display: grid; gap: 24px; align-items: center; background: var(--m26-ink) !important; }
body.m26-pg--esp .m26-bfx-intro h2, body.m26-pg--esp .m26-bfx-intro strong, body.m26-pg--esp .m26-bfx-intro a { color: #fff; }
body.m26-pg--esp .m26-bfx-intro p { color: var(--m26-muted-on-ink); }
body.m26-pg--esp .m26-bfx-intro h2 + p { margin-top: 0; }
body.m26-pg--esp .m26-bfx-intro p + h2 { margin-top: 28px; }
body.m26-pg--esp .m26-bfx-intro__logo { max-width: 220px; padding: 14px; border-radius: 16px; background: #fff; }
body.m26-pg--esp .m26-bfx-intro__logo .m26-bfx-img { border-radius: 0; }

/* dudas frecuentes: h2 + preguntas en tarjetas */
body.m26-pg--esp .m26-bfx-faq { display: grid; gap: 12px; background: transparent !important; padding: 0 !important; }
body.m26-pg--esp .m26-bfx-faq > h2 { margin: 12px 0 4px; }
body.m26-pg--esp .m26-bfx-faq__q { padding: 22px 24px; border-radius: 20px; background: #fff; }
body.m26-pg--esp .m26-bfx-faq__q h3 { margin-top: 0; }

/* guías: texto + imagen, alternando lado */
body.m26-pg--esp .m26-bfx-guias { display: grid; gap: 20px; background: transparent !important; padding: 0 !important; }
body.m26-pg--esp .m26-bfx-guia { display: grid; gap: 24px; padding: clamp(22px, 3vw, 40px); border-radius: var(--m26-radius-lg); background: #fff; }
body.m26-pg--esp .m26-bfx-guia__img .m26-bfx-img { aspect-ratio: 4 / 3; object-fit: cover; }

/* origen: lectura en una columna */
body.m26-pg--esp .m26-bfx-origen > * { max-width: 760px; margin-left: auto; margin-right: auto; }
body.m26-pg--esp .m26-bfx-origen .m26-bfx-img { margin: 8px 0 18px; max-height: 420px; object-fit: cover; }

@media (min-width: 768px) {
	body.m26-pg--esp .m26-bfx-intro { grid-template-columns: 220px minmax(0, 1fr); gap: 40px; }
	body.m26-pg--esp .m26-bfx-faq { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.m26-pg--esp .m26-bfx-faq > h2 { grid-column: 1 / -1; }
	body.m26-pg--esp .m26-bfx-guia { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; gap: 40px; }
	body.m26-pg--esp .m26-bfx-guia:nth-child(even) .m26-bfx-guia__img { order: -1; }
	body.m26-pg--esp .m26-bfx-guia:nth-child(even) { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
}
@media (max-width: 767px) {
	body.m26-pg--esp .m26-esp__cats .m26-bfx-cat { width: 132px; }
	body.m26-pg--esp .m26-bfx { margin-top: 40px; }
	body.m26-pg--esp .m26-bfx p { font-size: 15px; }
}
/* el CSS heredado flota .legalTextPromotion; sin su antiguo envoltorio se metía bajo el pie y encogía la franja de servicios */
body.m26-pg--esp .legalTextPromotion, body.m26-pg--esp .m26-esp__legal { float: none !important; width: auto !important; }
body.m26-pg--esp .m26-esp::after { content: ""; display: block; clear: both; }
/* div.carrusel se mantiene en los accesos (disparador «Destacados» de GTM); se neutraliza su estilo heredado */
body.m26-pg--esp .m26-bfx-cats .carrusel { display: block; float: none; width: auto; margin: 0; padding: 0; overflow: visible; background: none; box-shadow: none; }
body.m26-pg--esp .m26-bfx-cats .carrusel::before, body.m26-pg--esp .m26-bfx-cats .carrusel::after { content: none !important; display: none !important; }

/* Contenidos del gestor en páginas con diseño nuevo (15-oct): la plantilla ya no pinta los <style> ni los style="…" que traen
   (se ve el diseño nuevo aunque el gestor siga con el HTML antiguo). Lo que esos estilos daban y el diseño necesita: */
body.m26-pg--est .m26-cms :is(p, li, span, font, td, th, a, strong, b, em) { font-family: inherit !important; }
body.m26-pg .m26-legal__art ul.doit, body.m26-pg .m26-legal__art ul.notdoit { display: flex; flex-direction: column; gap: 8px; margin: 0 0 16px; padding: 0; list-style: none; }
body.m26-pg .m26-legal__art ul.doit li, body.m26-pg .m26-legal__art ul.notdoit li { position: relative; margin: 0; padding: 0 0 0 30px; background: none !important; line-height: 1.55; }
body.m26-pg .m26-legal__art ul.doit li::before, body.m26-pg .m26-legal__art ul.notdoit li::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; border-radius: 50%; background: var(--m26-green-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E7300' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat; }
body.m26-pg .m26-legal__art ul.notdoit li::before { background: #FBECEB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B3261E' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / 11px no-repeat; }
/* tablas del gestor más anchas que el móvil (gastos de envío en condiciones generales): se desplazan dentro, no ensanchan la página */
body.m26-pg--est .m26-cms table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border-collapse: collapse; }
/* landings antiguas del gestor con piezas unos px más anchas que el móvil (servicio VIP, Siemens cafeteras): sin desplazamiento lateral */
body.m26-pg--est .m26-est-orig { overflow-x: clip; }
/* servicios: lo que daban los estilos del gestor (ya no se pintan) */
body.m26-pg .m26-sv .textbelowimage p.title { margin: 0 0 4px; font-weight: 800; font-size: 16px; color: var(--m26-ink); }
body.m26-pg .m26-sv .categoriet > h2, body.m26-pg .m26-sv__panel h2 { margin: 8px 0 12px; font-size: 22px; font-weight: 800; line-height: 1.2; letter-spacing: -.01em; color: var(--m26-ink); }
body.m26-pg :is(.m26-cms, .m26-sv) .botonbase { display: inline-flex; align-items: center; margin-top: 16px; padding: 12px 20px; border-radius: 999px; background: var(--m26-ink); color: #fff; font-size: 14px; font-weight: 700; letter-spacing: .02em; cursor: pointer; }
body.m26-pg :is(.m26-cms, .m26-sv) .botonbase:hover { background: var(--m26-ink-3); }

/* --------------------------------------------------------------------------
   16-oct · Página 404 (plantillaPaginaError.jsp, body.m26-pg--404). El contenido es la etiqueta del gestor
   «pagina.error.estatico» (imagen, textos, enlaces, h1 y el hueco de Connectif cn_error404): se maqueta tal cual,
   sin quitar nada. Escritorio: imagen y texto en dos columnas; móvil: una columna.
   -------------------------------------------------------------------------- */
body.m26-pg--404 { background: var(--m26-bone); }
.m26-404 { display: block; padding: clamp(20px, 3vw, 40px) 0 0 !important; }
.m26-404 .pagError { margin-bottom: clamp(32px, 4vw, 56px) !important; }
.m26-404 > .wrap { max-width: var(--m26-container) !important; width: auto !important; margin: 0 auto !important; padding: 0 var(--m26-gutter) !important; box-sizing: border-box; float: none !important; }
.m26-404 .pagError { display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); grid-template-areas: "img txt" "img cta" "h1 h1" "cn cn"; align-items: center; column-gap: clamp(28px, 4vw, 64px); row-gap: 0; margin: 0 0 clamp(32px, 4vw, 56px) !important; padding: clamp(20px, 2.4vw, 32px) !important; border-radius: var(--m26-radius-lg); background: #fff; box-shadow: 0 1px 0 var(--m26-line); font-family: var(--m26-font); color: var(--m26-ink); text-align: left; }
.m26-404 .pagError > picture { grid-area: img; display: block; overflow: hidden; border-radius: 18px; background: var(--m26-bone); }
.m26-404 .pagError > picture img { display: block; width: 100% !important; height: auto !important; max-width: none !important; margin: 0 !important; }
.m26-404 .pagError .texterror { grid-area: txt; align-self: end; margin: 0 !important; padding: 0 !important; text-align: left !important; }
.m26-404 .pagError .texterror::before { content: "Página no encontrada"; display: block; margin: 0 0 14px; color: var(--m26-ink); font: 800 clamp(30px, 3.2vw, 44px)/1.05 var(--m26-font); letter-spacing: -.025em; }
.m26-404 .pagError .texterror p { margin: 0 0 10px !important; padding: 0 !important; color: var(--m26-muted) !important; font: 400 17px/1.5 var(--m26-font) !important; text-align: left !important; }
.m26-404 .pagError .texterror p strong { color: var(--m26-ink); font-weight: 700; }
.m26-404 .pagError .texterror + div { grid-area: cta; align-self: start; display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 0 !important; text-align: left !important; }
.m26-404 .pagError .texterror + div > a, .m26-404 .m26-404__buscar { display: inline-flex !important; align-items: center; justify-content: center; min-height: 48px; margin: 0 !important; padding: 0 22px !important; border: 1.5px solid var(--m26-ink) !important; border-radius: 999px !important; background: #fff !important; color: var(--m26-ink) !important; font: 700 15px/1 var(--m26-font) !important; text-decoration: none !important; text-transform: none !important; cursor: pointer; transition: background .15s, color .15s; }
.m26-404 .pagError .texterror + div > a:first-child { border-color: var(--m26-ink) !important; background: var(--m26-ink) !important; color: #fff !important; }
.m26-404 .pagError .texterror + div > a:hover, .m26-404 .m26-404__buscar:hover { background: var(--m26-bone) !important; }
.m26-404 .pagError .texterror + div > a:first-child:hover { background: var(--m26-ink-3) !important; }
.m26-404 .m26-404__buscar::before { content: ""; width: 16px; height: 16px; margin-right: 8px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.m26-404 .pagError .texterror + div > a:focus-visible, .m26-404 .m26-404__buscar:focus-visible { outline: 3px solid var(--m26-focus, var(--m26-ink)); outline-offset: 2px; }
.m26-404 .pagError > div:has(> h1) { grid-area: h1; margin: clamp(32px, 4vw, 52px) 0 0; padding-top: clamp(24px, 3vw, 36px); border-top: 1px solid var(--m26-line); }
.m26-404 .pagError h1 { margin: 0 !important; padding: 0 !important; color: var(--m26-ink) !important; font: 800 clamp(22px, 2.2vw, 30px)/1.15 var(--m26-font) !important; letter-spacing: -.02em; text-align: left !important; text-transform: none !important; }
.m26-404 .pagError > .cn_banner_placeholder { grid-area: cn; min-width: 0; }
.m26-404 .pagError > .cn_banner_placeholder .cn_content:has(.cn_products) { padding-inline: 0; }
@media (max-width: 860px) {
	.m26-404 .pagError { grid-template-columns: minmax(0, 1fr); grid-template-areas: "img" "txt" "cta" "h1" "cn"; padding: 14px 14px 22px !important; }
	.m26-404 .pagError .texterror { margin-top: 22px !important; padding: 0 4px !important; }
	.m26-404 .pagError .texterror + div { padding: 0 4px; }
	.m26-404 .pagError .texterror + div > a, .m26-404 .m26-404__buscar { flex: 1 1 100%; }
	.m26-404 .pagError > div:has(> h1) { padding-inline: 4px; }
}
/* 18-oct · 1.4.3 contraste: «Otras promociones» de las caducadas (tinta sobre tinta, 1,06:1) */
.m26-promos__back .advance-link { background: none !important; color: var(--m26-ink) !important; text-decoration: underline; text-underline-offset: 3px; }

/* 26-oct · LANDING BLACK FRIDAY con el estilo de las creatividades de noviembre: fondo negro, el H1 del gestor (mismo elemento
   y texto) como rótulo grueso, condensado e inclinado, y la pieza en blanco y negro sobre el bloque verde oliva. */
body.m26-pg--esp .m26-esp__hero--bf { background: #000; }
body.m26-pg--esp .m26-esp__hero--bf h1.m26-pg-hero__h { display: inline-block; text-transform: uppercase !important; font-size: clamp(38px, 6vw, 96px) !important; line-height: .92 !important; letter-spacing: -.01em !important; transform: skewX(-11deg) scaleX(.86); transform-origin: 0 100%; }
body.m26-pg--esp .m26-esp__hero--bf .m26-pg-art { background: transparent; isolation: isolate; }
body.m26-pg--esp .m26-esp__hero--bf .m26-pg-art::before { content: ""; position: absolute; z-index: -1; left: 6%; right: -40vw; bottom: 0; height: 68%; border-radius: 32px 0 0 0; background: #5A7E35; }
body.m26-pg--esp .m26-esp__hero--bf .m26-pg-art img { filter: grayscale(1) contrast(1.12); mix-blend-mode: screen; }
body.m26-pg--esp .m26-esp__hero--bf { overflow: hidden; }

/* 26-oct · páginas de servicios (/entrega-basica-a-domicilio.html…):
   - la pestaña activa medía 14 px: el reset de las pestañas (height: auto; padding: 0, ambos !important) pisaba su pastilla;
   - «Un servicio hecho para ti» sin padding: la caja lleva col-12 y la regla genérica de columnas (más específica) le quitaba el suyo. */
body.m26-pg .m26-sv-nav .pestana-servicios-activa { height: 40px !important; padding: 0 18px !important; font-weight: 700; }
body.m26-pg .m26-sv .m26-sv__cond.m26-sv__cond { padding: 28px 32px !important; }
@media (max-width: 767px) { body.m26-pg .m26-sv .m26-sv__cond.m26-sv__cond { padding: 20px !important; } }

/* 26-oct · servicio de instalación, paneles con pieza (escritorio): había dos maquetaciones según el HTML del gestor —en «Lavadoras»
   el título iba encima a todo el ancho; en los demás el h2 lleva la clase categoriet (display: contents), quedaba en la columna
   izquierda y la imagen caía a la fila de abajo, desalineada—. Ahora todos igual: columna izquierda con el título arriba y la pieza
   abajo (alineada con el pie de las tarjetas) y las tarjetas ocupando las dos filas. */
@media (min-width: 1081px) {
	body.m26-pg .m26-sv__panel.is-on.has-pieza { grid-template-rows: auto 1fr; align-items: start; }
	body.m26-pg .m26-sv__panel.has-pieza h2.m26-sv__panelt { display: block !important; grid-column: 1 !important; grid-row: 1; }
	body.m26-pg .m26-sv__panel.has-pieza .col-12 { grid-row: 1 / span 2; align-self: stretch; }
	body.m26-pg .m26-sv__panel.has-pieza .m26-sv__pieza { grid-column: 1; grid-row: 2; align-self: end; }
}

/* 26-oct · páginas de servicios (envío a domicilio, recogida en tienda…): el botón «INTRODUCIR CÓDIGO POSTAL» del gestor
   (span.botonbase onclick=activateZipCodeDivMilar) sobra si ya hay CP en la cabecera (.m26-store[data-m26-cp]). Con el CP solo
   estimado por ubicación (html.m26-cp-est) se mantiene, para que lo confirme. No se toca el contenido del gestor. */
html:not(.m26-cp-est):has(.m26-store[data-m26-cp]) body.m26-pg span.botonbase[onclick*="activateZipCodeDiv"] { display: none !important; }

/* ===== 30-oct · «Elegidos por Milar» (/elegidos-por-milar.html): entradilla del hero, «Por qué estos», subtítulo de cada
   familia y «Cómo elegimos». Contenido del gestor en fronts-local/docs/elegidos-milar. ===== */
body.m26-pg--esp .m26-esp__hero .m26-pg-hero__p { max-width: 560px; margin: 14px 0 0 !important; padding: 0 !important; font: 400 17px/1.5 var(--m26-font); color: rgba(255,255,255,.82) !important; text-align: left !important; }
body.m26-pg--esp .m26-elx { box-sizing: border-box; max-width: var(--m26-container); margin: 28px auto 0; padding: 0 var(--m26-gutter); }
body.m26-pg--esp .m26-elx__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
body.m26-pg--esp .m26-elx__list li { position: relative; display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 16px 16px 16px 50px; border-radius: var(--m26-radius-card); background: #fff; font-size: 14px; line-height: 1.45; color: var(--m26-ink); }
body.m26-pg--esp .m26-elx__list li::before { content: ""; position: absolute; left: 16px; top: 16px; width: 22px; height: 22px; border-radius: 50%; background: var(--m26-green, #4FBB00); -webkit-mask: none; }
body.m26-pg--esp .m26-elx__list li::after { content: ""; position: absolute; left: 23px; top: 21px; width: 6px; height: 10px; border: solid #fff; border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); }
body.m26-pg--esp .m26-elx__list b { font-weight: 800; font-size: 15px; }
body.m26-pg--esp .m26-elx__list span { color: var(--m26-ink-2, #3B4350); }
body.m26-pg--esp p.m26-esp__why { box-sizing: border-box; max-width: var(--m26-container); margin: 0 auto 6px !important; padding: 0 var(--m26-gutter) !important; font-size: 15px; line-height: 1.5; color: var(--m26-ink-2, #3B4350); text-align: left !important; }
body.m26-pg--esp .m26-elx--como { margin: 44px auto 8px; }
body.m26-pg--esp .m26-elx--como > * { max-width: 760px; }
body.m26-pg--esp .m26-elx--como h2 { margin: 0 0 10px !important; padding: 0 !important; font: 800 clamp(20px, 2vw, 24px)/1.2 var(--m26-font) !important; letter-spacing: -.02em; color: var(--m26-ink) !important; text-align: left !important; text-transform: none !important; background: none !important; }
body.m26-pg--esp .m26-elx--como h2::before, body.m26-pg--esp .m26-elx--como h2::after { content: none !important; }
body.m26-pg--esp .m26-elx--como p { margin: 0 0 10px; font-size: 15px; line-height: 1.6; color: var(--m26-ink-2, #3B4350); text-align: left; }
@media (max-width: 1023px) { body.m26-pg--esp .m26-elx__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 559px) {
	body.m26-pg--esp .m26-esp__hero .m26-pg-hero__p { font-size: 15px; }
	body.m26-pg--esp .m26-elx__list { grid-template-columns: 1fr; gap: 8px; }
	body.m26-pg--esp .m26-elx__list li { padding: 12px 14px 12px 46px; }
	body.m26-pg--esp .m26-elx__list li::before { top: 13px; left: 14px; }
	body.m26-pg--esp .m26-elx__list li::after { top: 18px; left: 21px; }
}

/* 30-oct · campañas: flechas de cada carrusel (escritorio; .m26-arrows ya se oculta en móvil), a la derecha sobre las tarjetas */
body.m26-pg--esp .m26-esp__arrows { justify-content: flex-end; margin: 0 0 10px; }
body.m26-pg--esp .m26-esp__arrows .m26-arrow:disabled { opacity: .35; cursor: default; }
/* «Elegidos por Milar»: los 7 accesos en una fila en escritorio (antes el 7.º quedaba solo en otra fila) */
@media (min-width: 1024px) {
	body.m26-pg--esp .m26-esp--elegidos .m26-esp__cats ul { display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; }
	body.m26-pg--esp .m26-esp--elegidos .m26-esp__cats .m26-bfx-cat { width: auto; }
}

/* 03-nov · campañas y «Elegidos»: accesos a familia con la imagen a sangre (su fondo negro llena la parte de arriba de la tarjeta, ya no queda como un recorte encima del blanco) */
body.m26-pg--esp .m26-bfx-cat { gap: 0; padding: 0; overflow: hidden; transition: box-shadow .2s var(--m26-ease), transform .2s var(--m26-ease); }
body.m26-pg--esp .m26-bfx-cat:hover { box-shadow: 0 10px 24px rgba(0,12,26,.14); transform: translateY(-2px); }
body.m26-pg--esp .m26-esp__cats .m26-bfx-cat a.m26-bfx-cat__img,
body.m26-pg--esp .m26-bfx-cat__img { display: flex !important; justify-content: center; align-self: stretch; height: 116px; padding: 0; border-radius: 0; background: #000; overflow: hidden; }
body.m26-pg--esp .m26-bfx-cat__img img { width: auto; max-width: none; height: 100%; object-fit: contain; transition: transform .35s var(--m26-ease); }
body.m26-pg--esp .m26-bfx-cat:hover .m26-bfx-cat__img img { transform: scale(1.05); }
body.m26-pg--esp .m26-bfx-cat h3 { flex: 1; display: flex; align-items: center; justify-content: center; padding: 12px 10px 14px; }
body.m26-pg--esp .m26-bfx-cat__ver { margin: -6px 0 14px; }
@media (prefers-reduced-motion: reduce) {
	body.m26-pg--esp .m26-bfx-cat, body.m26-pg--esp .m26-bfx-cat__img img { transition: none; }
	body.m26-pg--esp .m26-bfx-cat:hover, body.m26-pg--esp .m26-bfx-cat:hover .m26-bfx-cat__img img { transform: none; }
}

/* -----------------------------------------------------------------------------
   05-nov · /black-friday.html con el banner de campaña del gestor (Adelántate / Black Friday)
   1) Cabecera compacta (milar2026_esp_ui.jsp añade --min): la de campaña es el banner. Solo miga + h1 del gestor (SEO), en una
      línea sobre el fondo de la página.
   2) Accesos del gestor (.landingcategories > .topcategories > .carrusel > .recomendacion > .categorie1 > .catelement): llegaban
      7 en una rejilla de 6 (el 7.º bajaba y se montaba sobre el primer carrusel, tapando su título y sus flechas), cada tarjeta
      sobre la caja negra de la hoja antigua (franjas negras) y con la altura fija de 190 px de la sección. Ahora todos en una
      fila (los que haya), sin la caja negra y con altura automática; los enlaces de dentro sin el estilo de botón.
   ----------------------------------------------------------------------------- */
body.m26-pg--esp .m26-esp__hero--min { background: none; color: var(--m26-ink); }
body.m26-pg--esp .m26-esp__hero--min .m26-pg-hero__in { display: block; padding-block: 20px 0 !important; min-height: 0 !important; }
body.m26-pg--esp .m26-esp__hero--min .m26-pg-crumbs, body.m26-pg--esp .m26-esp__hero--min .m26-pg-crumbs a { color: var(--m26-muted, #4A5260) !important; }
body.m26-pg--esp .m26-esp__hero--min .m26-pg-hero__txt { padding: 0 !important; }
body.m26-pg--esp .m26-esp__hero--min h1.m26-pg-hero__h { display: block; margin: 6px 0 0 !important; transform: none; color: var(--m26-ink) !important; font: 800 clamp(22px, 2.2vw, 30px)/1.15 var(--m26-font) !important; letter-spacing: -.02em !important; text-transform: none !important; }
body.m26-pg--esp .m26-esp__hero--min + .m26-esp__banner { margin-top: 16px; }

body.m26-pg--esp .m26-esp__cats, body.m26-pg--esp .m26-esp__cats .topcategories { height: auto !important; min-height: 0 !important; }
body.m26-pg--esp .m26-esp__cats .carrusel { max-width: none !important; height: auto !important; }
body.m26-pg--esp .m26-esp__cats .recomendacion { height: auto !important; }
@media (min-width: 1024px) {
	body.m26-pg--esp .m26-esp__cats .recomendacion { grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
}
body.m26-pg--esp .m26-esp__cats [class^="categorie"], body.m26-pg--esp .m26-esp__cats [class*=" categorie"] { height: auto !important; background: none !important; border-radius: 0 !important; box-shadow: none !important; }
body.m26-pg--esp .m26-esp__cats .catelement { float: none !important; width: auto !important; border: 0 !important; justify-content: flex-start; }
body.m26-pg--esp .m26-esp__cats .catelement a { display: block; width: auto; height: auto; padding: 0; border-radius: 0; background: none; box-shadow: none !important; }
body.m26-pg--esp .m26-esp__cats .catelement > a:empty { position: absolute; inset: 0; border-radius: 20px; }