/* 2.20.0 · Refresh 2026 — sistema compartido + headers del plugin.
   Todo vive dentro de html.ymr (lo pone el <head> solo si el interruptor o la vista previa están activos).
   Celular (≤ 640 px) = html.ymm, siempre dentro de @media (max-width:640px). */

/* ---------- Tokens (mismos que yachtsmx.com) ---------- */
html.ymr {
	--ymr-navy: #0c1a26;
	--ymr-navy-2: #0f1d2a;
	--ymr-cream: #f6f3ec;
	--ymr-gold: #e8ab36;
	--ymr-gold-soft: #f3c459;     /* 2.21.3 · el amarillo insignia de Yates México */
	--ymr-gold-ink: #c8902a;      /* dorado para texto sobre crema */
	--ymr-gray: #5d6770;
	--ymr-line: rgba(12, 26, 38, .10);
	--ymr-line-d: rgba(248, 245, 238, .12);
	--ymr-paper: #f8f5ee;
	--ymr-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
	--ymr-sans: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--ymr-ease: cubic-bezier(.2, .8, .2, 1);
	--ymr-top: var(--wp-admin--admin-bar--height, 0px);
	--ymr-head-h: 72px;
}

/* ---------- Fuera el header de Elementor ---------- */
html.ymr header[data-elementor-type="header"],
html.ymr #ymx-head-v5,
html.ymr #ymx-head-v5-spacer,
html.ymr #ymxDrawer { display: none !important; }

/* ---------- Utilidades compartidas ---------- */
html.ymr .ymr-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
html.ymr .ymr-head :focus-visible,
html.ymr .ymr-drawer :focus-visible,
html.ymr .ymr-wa:focus-visible,
html.ymr .ymr-btn:where(:not(.ymr-land *)):focus-visible { outline: 2px solid var(--ymr-gold); outline-offset: 2px; }

/* Etiqueta de sección: rayita dorada de 26 px + texto gris en mayúsculas pequeñas */
html.ymr .ymr-eyebrow:where(:not(.ymr-land *)) { display: inline-flex; align-items: center; gap: 10px; font: 800 10.5px/1.4 var(--ymr-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--ymr-gray); }
html.ymr .ymr-eyebrow:where(:not(.ymr-land *))::before { content: ''; flex: none; width: 26px; height: 1px; background: var(--ymr-gold); }
html.ymr .ymr-on-dark .ymr-eyebrow:where(:not(.ymr-land *)), html.ymr .ymr-eyebrow:where(:not(.ymr-land *)).is-light { color: rgba(248, 245, 238, .62); }

/* Botones: tipo oración, sin tracking, radio 16 */
html.ymr .ymr-btn:where(:not(.ymr-land *)) { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 54px; padding: 0 28px; border-radius: 16px; font: 600 15.5px/1 var(--ymr-sans); text-transform: none; letter-spacing: 0; text-decoration: none; cursor: pointer; transition: transform .2s var(--ymr-ease), box-shadow .2s, background .2s; -webkit-backdrop-filter: blur(12px) saturate(140%); backdrop-filter: blur(12px) saturate(140%); }
html.ymr .ymr-btn--gold { background: linear-gradient(135deg, rgba(255, 222, 140, .9), rgba(244, 190, 72, .82) 50%, rgba(232, 168, 46, .86)); border: 1.5px solid rgba(255, 236, 190, .85); color: #1b1407; box-shadow: inset 0 1px 0 rgba(255, 248, 226, .7), 0 14px 30px -18px rgba(0, 0, 0, .7); }
html.ymr .ymr-btn--dark { background: linear-gradient(135deg, rgba(64, 82, 102, .55), rgba(17, 30, 46, .55) 55%, rgba(12, 22, 36, .6)); border: 1.5px solid rgba(248, 245, 238, .28); color: #f8f5ee; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 14px 30px -18px rgba(0, 0, 0, .7); }
html.ymr .ymr-btn--dark .ymr-wa-ic { color: #3fcf6e; }
html.ymr .ymr-btn:where(:not(.ymr-land *)):hover { transform: translateY(-1px); }

/* Botones existentes del plugin: fuera las MAYÚSCULAS espaciadas (solo la primera letra en mayúscula) */
html.ymr :is(.ymx-btn, .ymx-btn--caps, .ymx-pt__btn, .ymx-lg__btn, .ymx-hook__btn, .ymx-hc__cta, .ymx-entry-cta, .ymx-e2close__cta, .ymx-e2hero__cta, .ymx-plan__cta, .ymx-seller__cta, .ymx-pfoot__cta, .ymx-mhero__cta, .ymx-home__btn, .ymx-app__fbtn) { text-transform: none !important; letter-spacing: 0 !important; }
/* Primarios existentes → glass dorado */
html.ymr :is(.ymx-btn--primary, .ymx-pt__btn--amber, .ymx-hook__btn--gold, .ymx-lg__btn--amber, .ymx-home__btn--primary) { background: linear-gradient(135deg, rgba(255, 222, 140, .95), rgba(244, 190, 72, .9) 50%, rgba(232, 168, 46, .92)) !important; border: 1.5px solid rgba(255, 236, 190, .85) !important; color: #1b1407 !important; box-shadow: inset 0 1px 0 rgba(255, 248, 226, .7), 0 14px 30px -18px rgba(0, 0, 0, .55) !important; border-radius: 16px !important; }

/* ================================================================== */
/* HEADER · escritorio (barra completa)                               */
/* ================================================================== */
html.ymr .ymr-head { position: fixed; z-index: 9995; top: var(--ymr-top); left: 0; right: 0; font-family: var(--ymr-sans); color: #f8f5ee; transition: transform .32s var(--ymr-ease); will-change: transform; }
html.ymr .ymr-head__bar { display: flex; align-items: center; gap: 24px; height: var(--ymr-head-h); padding: 0 max(28px, calc((100% - 1880px) / 2 + 48px)); /* 2.21.2 · contenido en 1880 px como el header anterior; la barra sigue a todo lo ancho */ box-sizing: border-box; background: rgba(12, 26, 38, .86); -webkit-backdrop-filter: blur(18px) saturate(145%); backdrop-filter: blur(18px) saturate(145%); border-bottom: 1px solid var(--ymr-line-d); }
html.ymr.ymr-hid .ymr-head { transform: translateY(calc(-100% - var(--ymr-top) - 8px)); }
html.ymr .ymr-head a { text-decoration: none; }
html.ymr .ymr-head__brand { display: flex; align-items: center; gap: 14px; flex: none; color: #f8f5ee; }
html.ymr .ymr-head__brand img { display: block; height: 30px; width: auto; }
html.ymr .ymr-head__tag { padding-left: 14px; border-left: 1px solid rgba(248, 245, 238, .22); font-size: 10.5px; font-weight: 700; line-height: 1.25; letter-spacing: .16em; text-transform: uppercase; color: rgba(248, 245, 238, .6); max-width: 120px; }
html.ymr .ymr-head__nav { flex: 1 1 auto; display: flex; justify-content: center; }
html.ymr .ymr-head__nav > ul { display: flex; gap: 4px; margin: 0; padding: 0; list-style: none; }
html.ymr .ymr-dd { position: relative; }
html.ymr .ymr-dd__t { display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 14px; border: 0; border-radius: 999px; background: none; color: rgba(248, 245, 238, .9); font: 500 14.5px/1 var(--ymr-sans); text-transform: none; letter-spacing: 0; cursor: pointer; }
html.ymr .ymr-dd__t svg { width: 15px; height: 15px; opacity: .55; transition: transform .25s; }
html.ymr .ymr-dd__t:hover, html.ymr .ymr-dd.is-open .ymr-dd__t, html.ymr .ymr-dd__t.is-current { color: #fff; background: rgba(248, 245, 238, .08); }
html.ymr .ymr-dd.is-open .ymr-dd__t svg { transform: rotate(180deg); opacity: 1; }
html.ymr .ymr-dd__p { position: absolute; top: calc(100% + 14px); left: 50%; transform: translateX(-50%); display: grid; grid-auto-flow: column; grid-auto-columns: minmax(200px, auto); gap: 8px 36px; padding: 24px 28px; border-radius: 16px; background: var(--ymr-navy-2); border: 1px solid var(--ymr-line-d); box-shadow: 0 30px 60px -28px rgba(0, 0, 0, .8); }
html.ymr .ymr-dd__p[hidden] { display: none; }
html.ymr .ymr-dd__col { display: flex; flex-direction: column; gap: 2px; }
html.ymr .ymr-dd__col .ymr-eyebrow:where(:not(.ymr-land *)) { margin-bottom: 8px; color: rgba(248, 245, 238, .55); }
html.ymr .ymr-dd__col a { display: block; padding: 8px 0; color: rgba(248, 245, 238, .86); font-size: 15px; line-height: 1.3; white-space: nowrap; }
html.ymr .ymr-dd__col a:hover { color: var(--ymr-gold); }
html.ymr .ymr-dd__col a.is-gold { color: var(--ymr-gold); font-weight: 600; }
html.ymr .ymr-head__end { display: flex; align-items: center; gap: 10px; flex: none; }
html.ymr .ymr-lang { display: inline-flex; padding: 3px; border-radius: 999px; border: 1px solid rgba(248, 245, 238, .18); }
html.ymr .ymr-lang button { min-width: 34px; height: 30px; padding: 0 8px; border: 0; border-radius: 999px; background: none; color: rgba(248, 245, 238, .62); font: 700 11.5px/1 var(--ymr-sans); letter-spacing: .08em; cursor: pointer; }
html.ymr .ymr-lang button[aria-pressed="true"] { background: rgba(248, 245, 238, .14); color: #fff; }
html.ymr .ymr-head__cta { display: inline-flex; align-items: center; height: 42px; padding: 0 20px; border-radius: 999px; border: 1.5px solid var(--ymr-gold); background: rgba(232, 171, 54, .08); color: #f3cf86 !important; font: 600 14.5px/1 var(--ymr-sans); white-space: nowrap; transition: background .2s, color .2s; }
html.ymr .ymr-head__cta:hover { background: var(--ymr-gold); color: var(--ymr-navy) !important; }
html.ymr .ymr-head__ic { display: none; width: 42px; height: 42px; padding: 0; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(248, 245, 238, .28); background: linear-gradient(135deg, rgba(248, 245, 238, .18), rgba(248, 245, 238, .04) 45%, rgba(8, 19, 28, .32)); color: #f8f5ee; cursor: pointer; }
html.ymr #ymr-head-spacer { height: var(--ymr-head-h); }
html.ymr.ymr-over #ymr-head-spacer { height: 0; }

@media (max-width: 1360px) { html.ymr .ymr-head__tag { display: none; } }
@media (max-width: 1120px) { html.ymr .ymr-head__bar { gap: 14px; padding: 0 18px; } html.ymr .ymr-dd__t { padding: 0 10px; } html.ymr .ymr-head__end .ymr-lang { display: none; } }
/* Tablet (641–999 px): sin barra de menú, botón de menú */
@media (min-width: 641px) and (max-width: 999px) {
	html.ymr .ymr-head__nav { display: none; }
	html.ymr .ymr-head__end { margin-left: auto; }
	html.ymr .ymr-head__burger { display: inline-flex; }
}

/* ================================================================== */
/* HEADER · celular (píldora flotante)                                 */
/* ================================================================== */
@media (max-width: 640px) {
	html.ymm { --ymr-head-h: 62px; }
	html.ymm .ymr-head__bar { margin: 12px 12px 0; height: 62px; padding: 0 10px 0 18px; gap: 8px; border-radius: 999px; border: 1px solid rgba(248, 245, 238, .22); background: linear-gradient(135deg, #243a50, #172b3d 45%, #0f2030); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: 0 18px 40px -24px rgba(0, 0, 0, .8); }
	html.ymm .ymr-head__brand img { height: 26px; }
	html.ymm .ymr-head__tag, html.ymm .ymr-head__nav, html.ymm .ymr-head__cta, html.ymm .ymr-head__end > .ymr-lang { display: none; }
	html.ymm .ymr-head__end { margin-left: auto; gap: 8px; }
	html.ymm .ymr-head__ic { display: inline-flex; }
	html.ymm.ymr-hid .ymr-head { transform: translateY(calc(-100% - var(--ymr-top) - 24px)); }
	html.ymm #ymr-head-spacer { height: 86px; }
	html.ymm.ymr-over #ymr-head-spacer { height: 0; }
	html.ymm .ymr-eyebrow:where(:not(.ymr-land *)) { font-size: 9.5px; }
}

/* ================================================================== */
/* MENÚ a pantalla completa (celular y tablet)                         */
/* ================================================================== */
html.ymr .ymr-drawer { position: fixed; z-index: 100000; inset: var(--ymr-top) 0 0 0; display: flex; flex-direction: column; background: var(--ymr-navy-2); color: #f8f5ee; font-family: var(--ymr-sans); }
html.ymr .ymr-drawer[hidden] { display: none; }
html.ymr.ymr-lock, html.ymr.ymr-lock body { overflow: hidden; }
html.ymr .ymr-drawer a { text-decoration: none; }
html.ymr .ymr-drawer__head { flex: none; height: 86px; padding: 0 22px 0 30px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(248, 245, 238, .08); }
html.ymr .ymr-drawer__head img { display: block; height: 26px; width: auto; }
html.ymr .ymr-drawer__head .ymr-head__ic { display: inline-flex; }
html.ymr .ymr-drawer__nav { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 8px 20px 24px; }
html.ymr .ymr-drawer__pub { display: flex; align-items: center; justify-content: space-between; min-height: 64px; border-bottom: 1px solid rgba(248, 245, 238, .09); color: var(--ymr-gold); font: 400 27px/1.1 var(--ymr-serif); letter-spacing: -.02em; }
html.ymr .ymr-drawer__pub svg { width: 20px; height: 20px; }
html.ymr .ymr-drawer__nav > ul { margin: 0; padding: 0; list-style: none; }
html.ymr .ymr-acc { border-bottom: 1px solid rgba(248, 245, 238, .09); }
html.ymr .ymr-acc__t { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 64px; padding: 0 2px; border: 0; background: none; color: #f8f5ee; font: 400 27px/1.1 var(--ymr-serif); letter-spacing: -.02em; text-align: left; text-transform: none; cursor: pointer; }
html.ymr .ymr-acc__t svg { width: 18px; height: 18px; opacity: .55; transition: transform .25s, opacity .25s; flex: none; }
html.ymr .ymr-acc.is-open .ymr-acc__t { color: var(--ymr-gold); }
html.ymr .ymr-acc.is-open .ymr-acc__t svg { transform: rotate(180deg); opacity: 1; }
html.ymr .ymr-acc__p { padding: 0 0 16px; }
html.ymr .ymr-acc__p[hidden] { display: none; }
html.ymr .ymr-acc__p .ymr-eyebrow:where(:not(.ymr-land *)) { display: flex; margin: 14px 0 4px 14px; color: rgba(248, 245, 238, .5); font-size: 9.5px; }
html.ymr .ymr-acc__p a { position: relative; display: flex; align-items: center; min-height: 48px; padding: 0 26px 0 14px; border-top: 1px solid rgba(248, 245, 238, .06); color: rgba(248, 245, 238, .88); font-size: 16px; }
html.ymr .ymr-acc__p a::after { content: ''; position: absolute; right: 6px; top: 50%; width: 7px; height: 7px; border-right: 1.6px solid rgba(248, 245, 238, .4); border-top: 1.6px solid rgba(248, 245, 238, .4); transform: translateY(-50%) rotate(45deg); }
html.ymr .ymr-drawer__cards { display: grid; gap: 10px; margin-top: 22px; }
html.ymr .ymr-dcard { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-radius: 16px; border: 1px solid rgba(248, 245, 238, .18); color: #f8f5ee; }
html.ymr .ymr-dcard b { font: 400 21px/1.15 var(--ymr-serif); letter-spacing: -.01em; }
html.ymr .ymr-dcard small { font-size: 13px; color: rgba(248, 245, 238, .66); }
html.ymr .ymr-dcard.is-gold { border-color: rgba(232, 171, 54, .5); background: rgba(232, 171, 54, .10); }
html.ymr .ymr-dcard.is-gold b { color: var(--ymr-gold); }
html.ymr .ymr-drawer__foot { flex: none; padding: 14px 20px calc(16px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid rgba(248, 245, 238, .09); background: #0c1823; display: flex; justify-content: center; }

/* ================================================================== */
/* Punto de WhatsApp                                                    */
/* ================================================================== */
html.ymr .ymr-wa { position: fixed; z-index: 9990; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom, 0px)); width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: #1fa855; color: #fff; box-shadow: 0 12px 26px -10px rgba(0, 0, 0, .55); transition: transform .32s var(--ymr-ease), opacity .25s; -webkit-tap-highlight-color: transparent; }
html.ymr .ymr-wa.is-off { transform: translateY(110px); opacity: 0; pointer-events: none; }
html.ymr:has([data-ymx-wabar]) .ymr-wa, html.ymr.ymr-lock .ymr-wa { display: none; }
@media (max-width: 640px) { html.ymm .ymr-wa { right: 16px; width: 54px; height: 54px; } }

@media (prefers-reduced-motion: reduce) {
	html.ymr .ymr-head, html.ymr .ymr-wa, html.ymr .ymr-btn:where(:not(.ymr-land *)) { transition: none; }
}


/* ================================================================== */
/* 2.21.0 · PÁGINAS (portada, zona SEO del marketplace, franja final)  */
/* ================================================================== */
html.ymr { --ymr-card: #fbf9f4; --ymr-sand: #e9e2d2; --ymr-gold-hi: #f3c459; --ymr-navy-3: #172b3d; --ymr-alt: #efeae0; --ymr-text: #2c3a46; }
/* Elementor: el widget que contiene una página del refresh va a todo lo ancho */
html.ymr .elementor-widget-shortcode:has(.ymr-page), html.ymr .elementor-widget-shortcode:has(.ymr-page) .elementor-widget-container,
html.ymr .elementor-widget-shortcode:has(.ymr-page) .elementor-shortcode, html.ymr .e-con:has(> .elementor-widget-shortcode .ymr-page), html.ymr .e-con-inner:has(> .elementor-widget-shortcode .ymr-page) { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
html.ymr .ymr-bleed { width: calc(100vw - var(--ymx-sbw, 0px)); max-width: none; margin-left: calc(50% - (100vw - var(--ymx-sbw, 0px)) / 2); margin-right: calc(50% - (100vw - var(--ymx-sbw, 0px)) / 2); }
html.ymr .ymr-page { position: relative; background: var(--ymr-cream); color: var(--ymr-navy); font: 400 15px/1.55 var(--ymr-sans); -webkit-font-smoothing: antialiased; }
html.ymr .ymr-page, html.ymr .ymr-page *, html.ymr .ymr-page *::before, html.ymr .ymr-page *::after { box-sizing: border-box; }
html.ymr .ymr-page :where(a) { color: inherit; text-decoration: none; }
html.ymr .ymr-page img { display: block; max-width: 100%; }
html.ymr .ymr-page :is(h1, h2, h3, p, ul, ol, blockquote, figure) { margin: 0; padding: 0; }
html.ymr .ymr-page :is(h1, h2, h3) { text-transform: none; letter-spacing: -.02em; font-weight: 400; }
html.ymr .ymr-page em { font-style: italic; }
html.ymr .ymr-page :focus-visible { outline: 2px solid var(--ymr-gold); outline-offset: 2px; }
html.ymr .ymr-page svg { flex: none; }
@media (min-width: 641px) { html.ymr .ymr-m { display: none !important; } }
@media (max-width: 640px) { html.ymr .ymr-d { display: none !important; } }

/* Botones (variantes extra) */
html.ymr .ymr-btn:where(:not(.ymr-land *)) svg { width: 18px; height: 18px; }
html.ymr .ymr-btn--sm { height: 42px; padding: 0 18px; border-radius: 12px; font-size: 14px; }
html.ymr .ymr-btn--line { background: transparent; border: 1.5px solid rgba(12, 26, 38, .22); color: var(--ymr-navy); -webkit-backdrop-filter: none; backdrop-filter: none; }
html.ymr .ymr-btn--line:hover { border-color: var(--ymr-gold); }
html.ymr .ymr-btn:where(:not(.ymr-land *)):active { transform: scale(.97); }
html.ymr .ymr-page .ymr-btn--gold { color: #1b1407; }
html.ymr .ymr-page .ymr-btn--line { color: var(--ymr-navy); }
html.ymr .ymr-page .ymr-opt--navy .ymr-btn--line { color: #f8f5ee; }
html.ymr .ymr-page .ymr-btn--dark { color: #f8f5ee; background: linear-gradient(135deg, #2a425a, #13263a 55%, #0c1a26); border-color: rgba(248, 245, 238, .2); }
html.ymr .ymr-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }

/* Secciones */
html.ymr .ymr-sec:where(:not(.ymr-land *)) { padding: 80px 64px; }
html.ymr .ymr-sec:where(:not(.ymr-land *)) > * { max-width: 1312px; margin-left: auto; margin-right: auto; }
html.ymr .ymr-sec--alt { background: var(--ymr-alt); }
html.ymr .ymr-sec--navy { background: var(--ymr-navy); color: #f8f5ee; }
html.ymr .ymr-sec__h { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 28px; flex-wrap: wrap; }
html.ymr .ymr-page h2 { margin: 10px 0 0; font: 400 54px/1.02 var(--ymr-serif); letter-spacing: -.03em; color: var(--ymr-navy); text-wrap: balance; max-width: 18ch; }
html.ymr .ymr-page h2 em, html.ymr .ymr-page h3 em { font-weight: 300; color: var(--ymr-gold-ink); padding-right: .06em; }
html.ymr .ymr-sec--navy h2, html.ymr .ymr-usb h2, html.ymr .ymr-sellimg h2, html.ymr .ymr-cta h2 { color: #fff; }
html.ymr .ymr-sec--navy h2 em, html.ymr .ymr-usb h2 em, html.ymr .ymr-sellimg h2 em, html.ymr .ymr-cta h2 em { color: var(--ymr-gold-hi); }
html.ymr .ymr-lead:where(:not(.ymr-land *)) { margin-top: 12px; max-width: 52ch; font-size: 16px; line-height: 1.55; color: var(--ymr-gray); }
html.ymr .ymr-sec--navy .ymr-lead:where(:not(.ymr-land *)), html.ymr .ymr-usb .ymr-lead:where(:not(.ymr-land *)), html.ymr .ymr-sellimg .ymr-lead:where(:not(.ymr-land *)) { color: rgba(248, 245, 238, .8); }
html.ymr .ymr-sec__more { display: flex; justify-content: center; margin-top: 32px; }
html.ymr .ymr-more:where(:not(.ymr-land *)) { flex: none; font-size: 14px; font-weight: 600; text-decoration: underline !important; text-underline-offset: 4px; }

/* Movimiento al entrar (sin desvanecer). Solo se aplica cuando el JS está listo (html.ymr-js). */
html.ymr-js [data-ymr-rv] { transform: translateY(26px); transition: transform .8s var(--ymr-ease); }
html.ymr-js [data-ymr-rv].is-in { transform: none; }
@keyframes ymrUp { from { transform: translateY(26px); } to { transform: none; } }

/* ---------- Tarjeta de yate ---------- */
html.ymr .ymr-card:where(:not(.ymr-land *)) { position: relative; display: flex; flex-direction: column; min-width: 0; border-radius: 16px; background: var(--ymr-card); border: 1px solid var(--ymr-line); overflow: hidden; transition: transform .25s var(--ymr-ease), box-shadow .25s, border-color .2s; -webkit-tap-highlight-color: transparent; }
html.ymr .ymr-card:where(:not(.ymr-land *)):hover { transform: translateY(-4px); box-shadow: 0 26px 46px -30px rgba(12, 26, 38, .55); }
html.ymr .ymr-card:where(:not(.ymr-land *)):active { transform: scale(.985); }
html.ymr .ymr-card__media:where(:not(.ymr-land *)) { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: linear-gradient(135deg, #e6ddc8, #d9cfb8); }
html.ymr .ymr-card__media:where(:not(.ymr-land *)) img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ymr-ease); }
html.ymr .ymr-card:where(:not(.ymr-land *)):hover .ymr-card__media:where(:not(.ymr-land *)) img { transform: scale(1.04); }
html.ymr .ymr-card__tags { position: absolute; left: 10px; right: 56px; top: 10px; display: flex; flex-wrap: wrap; gap: 6px; pointer-events: none; }
html.ymr .ymr-tag { display: inline-flex; align-items: center; height: 24px; padding: 0 9px; border-radius: 999px; background: rgba(12, 26, 38, .78); color: #f8f5ee; font: 700 10px/1 var(--ymr-sans); letter-spacing: .14em; text-transform: uppercase; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html.ymr .ymr-tag--gold { background: var(--ymr-gold); color: var(--ymr-navy); }
html.ymr .ymr-card__n { position: absolute; right: 10px; bottom: 10px; display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px; border-radius: 999px; background: rgba(12, 26, 38, .62); color: #f8f5ee; font: 600 11px/1 var(--ymr-sans); font-variant-numeric: tabular-nums; }
html.ymr .ymr-card__n svg { width: 12px; height: 12px; }
html.ymr .ymr-card__body:where(:not(.ymr-land *)) { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; }
html.ymr .ymr-card__row { display: flex; flex-direction: column; gap: 6px; }
html.ymr .ymr-page .ymr-card__name:where(:not(.ymr-land *)) { margin: 0; font: 400 23px/1.1 var(--ymr-serif); letter-spacing: -.02em; color: var(--ymr-navy); }
html.ymr .ymr-card__name:where(:not(.ymr-land *)) a::after { content: ''; position: absolute; inset: 0; z-index: 1; }
html.ymr .ymr-card__name:where(:not(.ymr-land *)) em { font-weight: 300; color: var(--ymr-gold-ink); }
html.ymr .ymr-card__md { font-size: 12.5px; color: var(--ymr-gray); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.ymr .ymr-card__data { display: flex; flex-wrap: wrap; row-gap: 2px; font-size: 12.5px; color: var(--ymr-gray); }
html.ymr .ymr-card__data > span { white-space: nowrap; }
html.ymr .ymr-card__data > span + span::before { content: '·'; margin: 0 7px; color: rgba(12, 26, 38, .3); }
html.ymr .ymr-card__price:where(:not(.ymr-land *)) { order: 9; font: 600 17px/1.2 var(--ymr-sans); color: var(--ymr-navy); font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
html.ymr .ymr-card__price:where(:not(.ymr-land *)) small { font-size: 11px; font-weight: 700; letter-spacing: .1em; color: var(--ymr-gray); }
/* Corazón (guardar) */
html.ymr .ymr-fav { position: absolute; z-index: 3; right: 10px; top: 10px; width: 36px; height: 36px; padding: 0; border-radius: 50%; border: 0; display: grid; place-items: center; background: rgba(251, 249, 244, .92); color: var(--ymr-navy); box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .5); cursor: pointer; transition: transform .18s var(--ymr-ease), color .2s; -webkit-tap-highlight-color: transparent; }
html.ymr .ymr-fav svg { width: 18px; height: 18px; fill: none; transition: transform .25s var(--ymr-ease); }
html.ymr .ymr-fav:active { transform: scale(.9); }
html.ymr .ymr-fav.is-on { color: #c8433a; }
html.ymr .ymr-fav.is-on svg { fill: currentColor; }
html.ymr .ymr-fav.is-pop svg { animation: ymrFav .42s var(--ymr-ease); }
@keyframes ymrFav { 40% { transform: scale(1.35); } }
html.ymr .ymx-yc { position: relative; }
html.ymr .ymx-yc > .ymr-fav { top: 10px; right: 10px; }

/* ---------- Hero ---------- */
html.ymr .ymr-hh { position: relative; height: clamp(620px, 100svh, 900px); overflow: hidden; background: var(--ymr-navy); color: #f8f5ee; isolation: isolate; }
html.ymr .ymr-hh__bg, html.ymr .ymr-hh__bg img, html.ymr .ymr-hh__v { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html.ymr .ymr-hh__v { opacity: 0; transition: opacity .8s; }
html.ymr .ymr-hh__v.on { opacity: 1; }
html.ymr .ymr-hh__scrim { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 19, 28, .78) 0%, rgba(8, 19, 28, .35) 55%, rgba(8, 19, 28, .1) 100%), linear-gradient(180deg, rgba(8, 19, 28, .45), rgba(8, 19, 28, 0) 30%, rgba(8, 19, 28, .55)); }
html.ymr .ymr-hh__in { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; max-width: 1440px; margin: 0 auto; padding: 0 64px 72px; } /* 2.21.1 · mismo borde izquierdo que las cifras y las secciones en pantallas anchas */
html.ymr .ymr-hh__in > * { max-width: 1000px; }
html.ymr .ymr-hh__in > .ymr-gs { width: 100%; max-width: 880px; }
html.ymr .ymr-hh__in > * { animation: ymrUp .9s var(--ymr-ease) both; }
html.ymr .ymr-hh__in > :nth-child(2) { animation-delay: .08s; } html.ymr .ymr-hh__in > :nth-child(3) { animation-delay: .16s; } html.ymr .ymr-hh__in > :nth-child(4) { animation-delay: .24s; } html.ymr .ymr-hh__in > :nth-child(5) { animation-delay: .32s; }
html.ymr .ymr-page .ymr-hh h1 { margin: 0; font: 400 clamp(56px, 6vw, 88px)/.96 var(--ymr-serif); letter-spacing: -.035em; color: #fff; text-wrap: balance; }
html.ymr .ymr-hh h1 em { font-weight: 300; color: var(--ymr-gold-hi); }
html.ymr .ymr-hh__sub { max-width: 46ch; text-wrap: pretty; font-size: 17px; line-height: 1.5; color: rgba(248, 245, 238, .86); }
html.ymr .ymr-gs { display: flex; align-items: stretch; gap: 6px; max-width: 880px; margin-top: 10px; padding: 6px; border-radius: 20px; border: 1px solid rgba(248, 245, 238, .24); background: linear-gradient(135deg, rgba(46, 79, 108, .5), rgba(12, 26, 38, .62)); -webkit-backdrop-filter: blur(18px) saturate(145%); backdrop-filter: blur(18px) saturate(145%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 30px 60px -30px rgba(0, 0, 0, .7); }
html.ymr .ymr-gs__f { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 2px; margin: 0; padding: 8px 14px; border-radius: 14px; cursor: pointer; }
html.ymr .ymr-gs__f + .ymr-gs__f { border-left: 1px solid rgba(248, 245, 238, .14); }
html.ymr .ymr-gs__f > span { font-size: 10px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: rgba(248, 245, 238, .58); }
html.ymr .ymr-gs select { width: 100%; height: auto; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; box-shadow: none; color: #fff; font: 500 15.5px/1.3 var(--ymr-sans); -webkit-appearance: none; appearance: none; cursor: pointer; }
html.ymr .ymr-gs select option { color: var(--ymr-navy); }
html.ymr .ymr-gs .ymr-btn:where(:not(.ymr-land *)) { height: auto; min-height: 56px; padding: 0 24px; border-radius: 14px; white-space: nowrap; font-variant-numeric: tabular-nums; }
html.ymr .ymr-gs .ymr-btn:where(:not(.ymr-land *)).is-busy span { opacity: .55; }
html.ymr .ymr-hh__sell { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; color: rgba(248, 245, 238, .86); font-size: 14.5px; }
html.ymr .ymr-hh__sell em { font-style: normal; font-weight: 600; color: var(--ymr-gold-hi); }
html.ymr .ymr-hh__sell svg { width: 15px; height: 15px; color: var(--ymr-gold-hi); transition: transform .2s; }
html.ymr .ymr-hh__sell:hover svg { transform: translateX(3px); }

/* ---------- Cifras: tarjeta que sube sobre el hero ---------- */
html.ymr .ymr-stats:where(:not(.ymr-land *)) { position: relative; z-index: 2; margin-top: -64px; padding: 0 64px; }
html.ymr .ymr-stats__in { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 1312px; margin: 0 auto; border-radius: 24px; background: linear-gradient(180deg, #fffdf8, var(--ymr-card)); border: 1px solid rgba(12, 26, 38, .08); box-shadow: 0 34px 70px -40px rgba(12, 26, 38, .55), 0 2px 0 rgba(255, 255, 255, .8) inset; overflow: hidden; }
html.ymr .ymr-stat { position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 16px; align-items: center; padding: 28px 30px; }
html.ymr .ymr-stat + .ymr-stat::before { content: ''; position: absolute; left: 0; top: 24px; bottom: 24px; width: 1px; background: linear-gradient(180deg, transparent, rgba(168, 120, 31, .35), transparent); }
html.ymr .ymr-stat__ic { grid-row: span 2; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: rgba(232, 171, 54, .12); color: var(--ymr-gold-ink); box-shadow: inset 0 0 0 1px rgba(232, 171, 54, .35); }
html.ymr .ymr-stat__ic svg { width: 22px; height: 22px; }
html.ymr .ymr-stat b { font: 400 42px/1 var(--ymr-serif); letter-spacing: -.03em; color: var(--ymr-navy); font-variant-numeric: tabular-nums; white-space: nowrap; }
html.ymr .ymr-stat b i { font-style: italic; font-weight: 300; color: var(--ymr-gold-ink); margin-left: 2px; }
html.ymr .ymr-stat__l { margin-top: 6px; font-size: 13px; font-weight: 500; line-height: 1.3; color: var(--ymr-gray); }
html.ymr .ymr-hh__in { padding-bottom: 128px; }
/* ---------- Manifiesto ---------- */
html.ymr .ymr-mani { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: start; }
html.ymr .ymr-mani h2 { margin-bottom: 16px; }
html.ymr .ymr-mani p { font-size: 16px; line-height: 1.7; color: var(--ymr-text); }
html.ymr .ymr-quote, html.ymr .ymr-page .ymr-quote { padding: 6px 0 6px 30px; border-left: 2px solid var(--ymr-gold); } /* 2.21.4 · aire entre la franja dorada y el texto */
html.ymr .ymr-page .ymr-quote p { font: italic 300 30px/1.25 var(--ymr-serif); color: var(--ymr-navy); letter-spacing: -.01em; }
html.ymr .ymr-quote footer { margin-top: 14px; font-size: 10.5px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--ymr-gray); }

/* ---------- Destacados ---------- */
html.ymr .ymr-chips:where(:not(.ymr-land *)) { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
html.ymr .ymr-chip { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(12, 26, 38, .18); background: var(--ymr-card); font-size: 14px; font-weight: 500; transition: border-color .2s, transform .18s var(--ymr-ease); }
html.ymr .ymr-chip:hover { border-color: var(--ymr-gold); transform: translateY(-1px); }
html.ymr .ymr-chip small { font-size: 11.5px; color: var(--ymr-gray); font-variant-numeric: tabular-nums; }
html.ymr .ymr-feat { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
html.ymr .ymr-cprog { height: 3px; margin-top: 14px; border-radius: 2px; background: rgba(12, 26, 38, .1); overflow: hidden; }
html.ymr .ymr-cprog i { display: block; width: 30%; height: 100%; border-radius: 2px; background: var(--ymr-gold); transition: width .15s linear, margin-left .15s linear; }

/* ---------- Spotlight ---------- */
html.ymr .ymr-spot { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; min-height: 580px; padding: 44px; border-radius: 22px; overflow: hidden; color: #fff; isolation: isolate; }
html.ymr .ymr-spot__img, html.ymr .ymr-spot__img img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; }
html.ymr .ymr-spot .ymr-spot__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--ymr-spot-pos, center); z-index: -2; transform: scale(1.05); transition: transform 1.6s var(--ymr-ease); }
html.ymr .ymr-spot.is-in .ymr-spot__img img, html.ymr .ymr-spot:hover .ymr-spot__img img { transform: none; }
html.ymr .ymr-spot::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(8, 19, 28, .05) 30%, rgba(8, 19, 28, .9) 100%); }
html.ymr .ymr-spot__t { margin-top: 4px; font: 400 76px/1 var(--ymr-serif); letter-spacing: -.03em; }
html.ymr .ymr-spot__t em { font-weight: 300; color: var(--ymr-gold-hi); }
html.ymr .ymr-spot__d { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 4px; }
html.ymr .ymr-spot__d span { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 999px; background: rgba(248, 245, 238, .14); border: 1px solid rgba(248, 245, 238, .22); font-size: 12.5px; font-weight: 600; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
html.ymr .ymr-spot__p { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 6px; }
html.ymr .ymr-spot__p b { font: 600 24px/1 var(--ymr-sans); font-variant-numeric: tabular-nums; }
html.ymr .ymr-spot__p b small { margin-right: 4px; font-size: 11px; letter-spacing: .12em; opacity: .7; }

/* ---------- Destinos y tipos (tarjetas con foto) ---------- */
html.ymr .ymr-dest { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
html.ymr .ymr-icard { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 20px; overflow: hidden; color: #fff; background: var(--ymr-navy-3); isolation: isolate; -webkit-tap-highlight-color: transparent; }
html.ymr .ymr-icard img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1.2s var(--ymr-ease); }
html.ymr .ymr-icard::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(8, 19, 28, 0) 40%, rgba(8, 19, 28, .82) 100%); }
html.ymr .ymr-icard:hover img, html.ymr .ymr-icard:active img { transform: scale(1.06); }
html.ymr .ymr-icard__t { position: absolute; left: 16px; right: 16px; bottom: 14px; display: flex; flex-direction: column; gap: 2px; }
html.ymr .ymr-icard__t b { font: 400 26px/1.05 var(--ymr-serif); letter-spacing: -.02em; }
html.ymr .ymr-icard__t > span { font-size: 12.5px; font-weight: 600; color: rgba(248, 245, 238, .82); font-variant-numeric: tabular-nums; }
html.ymr .ymr-icard__arr { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: rgba(251, 249, 244, .9); color: var(--ymr-navy); transition: transform .25s var(--ymr-ease); }
html.ymr .ymr-icard:hover .ymr-icard__arr { transform: rotate(-45deg); }
html.ymr .ymr-icard__arr svg { width: 15px; height: 15px; }
html.ymr .ymr-trow { display: flex; gap: 16px; }
html.ymr .ymr-trow .ymr-icard { flex: 1 1 0; aspect-ratio: 3 / 4; }
html.ymr .ymr-trow .ymr-icard__t b { font-size: 21px; }

/* ---------- Cómo operamos ---------- */
html.ymr .ymr-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; list-style: none; }
html.ymr .ymr-step { position: relative; display: grid; gap: 6px; padding: 22px 0 0; border-top: 1px solid var(--ymr-line); }
html.ymr .ymr-step i { width: 40px; height: 40px; margin-bottom: 6px; border-radius: 50%; display: grid; place-items: center; border: 1.5px solid var(--ymr-gold); color: var(--ymr-gold-ink); font: 600 15px/1 var(--ymr-sans); font-style: normal; }
html.ymr .ymr-step b { font: 400 22px/1.15 var(--ymr-serif); }
html.ymr .ymr-step > span { font-size: 14px; line-height: 1.5; color: var(--ymr-gray); }
html.ymr .ymr-steps__note { margin-top: 22px; font-size: 14.5px; }
html.ymr .ymr-steps__note em { font-family: var(--ymr-serif); font-size: 17px; color: var(--ymr-gold-ink); }

/* ---------- Compradores de EE. UU. ---------- */
html.ymr .ymr-usb { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); border-radius: 22px; overflow: hidden; background: var(--ymr-navy); color: #f8f5ee; }
html.ymr .ymr-usb__img { position: relative; min-height: 480px; }
html.ymr .ymr-usb__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html.ymr .ymr-usb__t { display: flex; flex-direction: column; justify-content: center; gap: 14px; padding: 48px; }
html.ymr .ymr-page .ymr-usb h2 { margin: 0; font-size: 46px; line-height: 1.05; }
html.ymr .ymr-pills { display: flex; flex-wrap: wrap; gap: 8px; }
html.ymr .ymr-pills > span { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border-radius: 999px; border: 1px solid rgba(232, 171, 54, .45); color: var(--ymr-gold-hi); font-size: 12.5px; font-weight: 600; }

/* ---------- Vender ---------- */
html.ymr .ymr-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
html.ymr .ymr-opt { display: flex; flex-direction: column; gap: 12px; padding: 32px; border-radius: 22px; background: var(--ymr-card); border: 1px solid var(--ymr-line); }
html.ymr .ymr-opt--navy { background: var(--ymr-navy); color: #f8f5ee; border-color: var(--ymr-navy); }
html.ymr .ymr-opt__tag { font-size: 10.5px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--ymr-gray); }
html.ymr .ymr-opt--navy .ymr-opt__tag { color: var(--ymr-gold-hi); }
html.ymr .ymr-page .ymr-opt h3 { font: 400 32px/1.08 var(--ymr-serif); letter-spacing: -.02em; color: inherit; }
html.ymr .ymr-opt p { font-size: 15px; line-height: 1.6; color: var(--ymr-text); }
html.ymr .ymr-opt ul { padding-left: 18px; font-size: 14.5px; line-height: 1.75; }
html.ymr .ymr-opt--navy p, html.ymr .ymr-opt--navy li { color: rgba(248, 245, 238, .84); }
html.ymr .ymr-opt--navy .ymr-btn--line { border-color: rgba(248, 245, 238, .32); color: #f8f5ee; }
html.ymr .ymr-sellimg { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; min-height: 480px; padding: 22px 18px 18px; border-radius: 22px; overflow: hidden; color: #fff; isolation: isolate; }
html.ymr .ymr-sellimg > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
html.ymr .ymr-sellimg::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(8, 19, 28, .1) 20%, rgba(8, 19, 28, .9) 100%); }
html.ymr .ymr-page .ymr-sellimg h2 { margin: 0 0 4px; font-size: 32px; line-height: 1.05; }
html.ymr .ymr-sellimg .ymr-lead:where(:not(.ymr-land *)) { margin: 0 0 6px; }
html.ymr .ymr-sellimg .ymr-btn:where(:not(.ymr-land *)) { width: 100%; justify-content: space-between; }
html.ymr .ymr-sellimg .ymr-btn:where(:not(.ymr-land *)) em { font-style: normal; font-size: 12px; font-weight: 500; opacity: .75; }

/* ---------- Ecosistema, gestoría, mosaicos ---------- */
html.ymr .ymr-eco { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--ymr-line); }
html.ymr .ymr-eco a { display: flex; flex-direction: column; gap: 8px; padding: 22px 20px 22px 0; border-right: 1px solid var(--ymr-line); transition: color .2s; }
html.ymr .ymr-eco a + a { padding-left: 20px; }
html.ymr .ymr-eco a:last-child { border-right: 0; }
html.ymr .ymr-eco a:hover b { color: var(--ymr-gold-ink); }
html.ymr .ymr-eco i { font-style: normal; font-size: 12px; font-weight: 700; color: var(--ymr-gold-ink); }
html.ymr .ymr-eco b { font: 400 23px/1.1 var(--ymr-serif); transition: color .2s; }
html.ymr .ymr-eco a > span { font-size: 14px; line-height: 1.5; color: var(--ymr-gray); }
html.ymr .ymr-gest { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: start; }
html.ymr .ymr-gest .ymr-row { margin-top: 24px; }
html.ymr .ymr-gest ul { list-style: none; border-top: 1px solid var(--ymr-line-d); }
html.ymr .ymr-gest li { display: flex; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--ymr-line-d); font-size: 15.5px; color: rgba(248, 245, 238, .9); }
html.ymr .ymr-gest li::before { content: ''; flex: none; width: 6px; height: 6px; margin-top: 8px; border-radius: 50%; background: var(--ymr-gold); }
html.ymr .ymr-tiles { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
html.ymr .ymr-tiles::-webkit-scrollbar { display: none; }
html.ymr .ymr-tile { position: relative; flex: 0 0 230px; min-height: 220px; display: flex; flex-direction: column; justify-content: space-between; padding: 18px; border-radius: 18px; overflow: hidden; color: #f8f5ee; background: var(--ymr-navy); isolation: isolate; scroll-snap-align: start; }
html.ymr .ymr-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
html.ymr .ymr-tile::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(8, 19, 28, .2), rgba(8, 19, 28, .88)); }
html.ymr .ymr-tile i { font-style: normal; font-size: 12px; font-weight: 700; color: var(--ymr-gold-hi); }
html.ymr .ymr-tile b { display: block; font: 400 22px/1.1 var(--ymr-serif); }
html.ymr .ymr-tile > span > span { display: block; margin-top: 4px; font-size: 12.5px; color: rgba(248, 245, 238, .7); }
html.ymr .ymr-tile b span { font: inherit; color: inherit; }

/* ---------- Contenido de la página y preguntas ---------- */
html.ymr .ymr-prose__in { max-width: 1312px; }
html.ymr .ymr-prose__in > * { max-width: 860px; }
html.ymr .ymr-prose__in :is(h2, h3) { margin: 28px 0 12px; font-family: var(--ymr-serif); color: var(--ymr-navy); }
html.ymr .ymr-page .ymr-prose__in h2 { font-size: 40px; max-width: none; }
html.ymr .ymr-page .ymr-prose__in h3 { font-size: 26px; }
html.ymr .ymr-prose__in p, html.ymr .ymr-prose__in li { margin: 0 0 14px; font-size: 16px; line-height: 1.7; color: var(--ymr-text); }
html.ymr .ymr-prose__in a { color: var(--ymr-gold-ink); text-decoration: underline; }
html.ymr .ymr-faqw { max-width: 1312px; } /* 2.21.5 · mismo ancho que los textos de arriba */
html.ymr .ymr-faqw h2 { margin-bottom: 24px; }
html.ymr .ymr-faq:where(:not(.ymr-land *)) { border-top: 1px solid var(--ymr-line); }
html.ymr .ymr-faq:where(:not(.ymr-land *)) details { border-bottom: 1px solid var(--ymr-line); }
html.ymr .ymr-faq:where(:not(.ymr-land *)) summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 62px; padding: 10px 0; font: 400 20px/1.25 var(--ymr-serif); cursor: pointer; }
html.ymr .ymr-faq:where(:not(.ymr-land *)) summary::-webkit-details-marker { display: none; }
html.ymr .ymr-faq:where(:not(.ymr-land *)) summary svg { width: 16px; height: 16px; opacity: .55; transition: transform .25s var(--ymr-ease), opacity .2s; }
html.ymr .ymr-faq:where(:not(.ymr-land *)) details[open] summary svg { transform: rotate(180deg); opacity: 1; }
html.ymr .ymr-faq:where(:not(.ymr-land *)) details p { max-width: 64ch; padding: 0 0 18px; font-size: 15px; line-height: 1.65; color: var(--ymr-text); }
html.ymr .ymr-faq:where(:not(.ymr-land *)) details[open] p { animation: ymrUp .45s var(--ymr-ease); }

/* ---------- Zona SEO del marketplace ---------- */
html.ymr .ymr-seo { max-width: 1440px; margin: 0 auto; padding: 72px 64px 80px; }
html.ymr .ymr-seoset { margin-bottom: 72px; }
html.ymr .ymr-seoset__h { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 22px; flex-wrap: wrap; }
html.ymr .ymr-seoset__h > div:first-child { max-width: 720px; }
html.ymr .ymr-page .ymr-seoset h2 { margin: 10px 0; font-size: 40px; line-height: 1.05; max-width: none; }
html.ymr .ymr-seoset p { font-size: 15px; line-height: 1.65; color: var(--ymr-text); }
html.ymr .ymr-seoset__facts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
html.ymr .ymr-seoset__facts > span { display: inline-flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 999px; background: var(--ymr-card); border: 1px solid var(--ymr-line); font-size: 12.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
html.ymr .ymr-seoset__go { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; flex: none; }
html.ymr .ymr-seoset__go .ymr-btn:where(:not(.ymr-land *)) { height: 46px; padding: 0 20px; border-radius: 999px; font-size: 14px; }
html.ymr .ymr-seoset__more { font-size: 13px; color: var(--ymr-gray); text-decoration: underline !important; text-underline-offset: 3px; }
html.ymr .ymr-seoset__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
html.ymr .ymr-seo__in { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 56px; padding-top: 56px; border-top: 1px solid var(--ymr-line); }
html.ymr .ymr-page .ymr-seo__in h2 { margin: 12px 0 10px; font-size: 40px; line-height: 1.05; max-width: none; }
html.ymr .ymr-seo__lead { margin-bottom: 22px; max-width: 62ch; font-size: 15px; line-height: 1.65; color: var(--ymr-text); }
html.ymr .ymr-poplinks { display: grid; gap: 26px; align-content: start; }
html.ymr .ymr-page .ymr-poplinks h3 { margin: 0 0 10px; font: 800 10.5px/1.4 var(--ymr-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--ymr-gray); }
html.ymr .ymr-poplinks div div { display: flex; flex-wrap: wrap; gap: 8px; }
html.ymr .ymr-poplinks a { display: inline-flex; align-items: center; height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(12, 26, 38, .16); background: var(--ymr-card); font-size: 13.5px; transition: border-color .2s; }
html.ymr .ymr-poplinks a:hover { border-color: var(--ymr-gold); }

/* ---------- Franja final «¿Comprar o vender tu yate?» ---------- */
html.ymr .ymr-cta { background: var(--ymr-navy); color: #f8f5ee; }
html.ymr .ymr-cta__in { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; max-width: 1440px; margin: 0 auto; padding: 56px 64px; }
html.ymr .ymr-page .ymr-cta h2 { margin: 0; font-size: 44px; max-width: none; }
html.ymr .ymr-cta p { margin-top: 6px; font-size: 15px; color: rgba(248, 245, 238, .72); }
html.ymr .ymr-cta__t { flex: 1 1 560px; }
html.ymr .ymr-cta__b { display: flex; flex-wrap: wrap; gap: 10px; }
html.ymr .ymr-cta .ymr-btn:where(:not(.ymr-land *)) svg { width: 20px; height: 20px; }

/* ---------- Avisos y guardados ---------- */
html.ymr .ymr-toast { position: fixed; z-index: 100001; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); display: inline-flex; align-items: center; gap: 12px; max-width: calc(100vw - 32px); padding: 12px 14px 12px 18px; border-radius: 14px; background: var(--ymr-navy); color: #f8f5ee; font: 600 14px/1.3 var(--ymr-sans); box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .7); transform: translate(-50%, 160%); transition: transform .4s var(--ymr-ease); }
html.ymr .ymr-toast.is-on { transform: translate(-50%, 0); }
html.ymr .ymr-toast i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--ymr-gold); }
html.ymr .ymr-toast button { flex: none; height: 32px; padding: 0 12px; border: 0; border-radius: 10px; background: rgba(248, 245, 238, .12); color: var(--ymr-gold-hi); font: 700 13px/1 var(--ymr-sans); cursor: pointer; }
html.ymr .ymr-head__saved { position: relative; }
html.ymr .ymr-head__saved[hidden] { display: none !important; }
html.ymr .ymr-head__saved svg { width: 19px; height: 19px; }
html.ymr .ymr-head__saved b { position: absolute; top: -3px; right: -3px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--ymr-gold); color: var(--ymr-navy); font: 700 11px/18px var(--ymr-sans); text-align: center; }
html.ymr .ymr-head__end > .ymr-head__saved { display: inline-flex; }
html.ymr .ymr-saved { position: fixed; z-index: 100002; inset: 0; display: flex; align-items: flex-end; justify-content: flex-end; background: rgba(8, 19, 28, .45); font-family: var(--ymr-sans); }
html.ymr .ymr-saved[hidden] { display: none; }
html.ymr .ymr-saved__p { display: flex; flex-direction: column; width: min(440px, 100%); height: 100%; background: var(--ymr-cream); color: var(--ymr-navy); box-shadow: -30px 0 60px -30px rgba(0, 0, 0, .6); animation: ymrIn .35s var(--ymr-ease); }
@keyframes ymrIn { from { transform: translateX(100%); } }
html.ymr .ymr-saved__h { flex: none; display: flex; align-items: center; justify-content: space-between; padding: 22px 20px 14px 24px; border-bottom: 1px solid var(--ymr-line); }
html.ymr .ymr-saved__h b { font: 400 28px/1.1 var(--ymr-serif); letter-spacing: -.02em; }
html.ymr .ymr-saved__x { width: 40px; height: 40px; padding: 0; border-radius: 50%; border: 1px solid var(--ymr-line); background: none; display: grid; place-items: center; color: var(--ymr-navy); cursor: pointer; }
html.ymr .ymr-saved__l { flex: 1; overflow-y: auto; padding: 12px 16px 24px; display: grid; gap: 10px; align-content: start; }
html.ymr .ymr-saved__i { position: relative; display: flex; gap: 12px; padding: 10px; border-radius: 16px; background: var(--ymr-card); border: 1px solid var(--ymr-line); color: var(--ymr-navy); text-decoration: none; }
html.ymr .ymr-saved__i img { width: 104px; height: 78px; flex: none; border-radius: 10px; object-fit: cover; background: var(--ymr-sand); }
html.ymr .ymr-saved__i div { display: flex; flex-direction: column; gap: 3px; min-width: 0; padding-right: 30px; }
html.ymr .ymr-saved__i strong { font: 400 20px/1.1 var(--ymr-serif); font-weight: 400; }
html.ymr .ymr-saved__i strong em { font-weight: 300; color: var(--ymr-gold-ink); }
html.ymr .ymr-saved__i span { font-size: 12.5px; color: var(--ymr-gray); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.ymr .ymr-saved__i small { font-size: 14px; font-weight: 600; color: var(--ymr-navy); }
html.ymr .ymr-saved__i .ymr-fav { top: 8px; right: 8px; width: 30px; height: 30px; box-shadow: none; }
html.ymr .ymr-saved__e { padding: 30px 10px; text-align: center; color: var(--ymr-gray); font-size: 14.5px; }

/* ================================================================== */
/* 2.21.0 · APP del marketplace con el refresh                         */
/* ================================================================== */
html.ymr .ymx-app { --paper: #fbf9f4; }
html.ymr .ymx-yc { border-radius: 16px; }
html.ymr .ymx-yc__name { letter-spacing: -.02em; }
html.ymr .ymx-app__panel { overscroll-behavior: auto; }
/* Escritorio: mapa + lista en un recuadro dentro de la página; abajo sigue el contenido (SEO / Rank Math) */
@media (min-width: 900px) {
	html.ymr .ymx-app:not(.ymx-app--embed) { height: calc(var(--ymx-shell, 100dvh) - 28px); min-height: 560px; overflow: visible; background: var(--ymr-cream); }
	html.ymr .ymx-app:not(.ymx-app--embed) .ymx-app__toolbar { padding: 14px 24px; background: var(--ymr-cream); border-bottom: 0; }
	html.ymr .ymx-app:not(.ymx-app--embed) .ymx-app__split { margin: 0 24px; border-radius: 22px; overflow: hidden; border: 1px solid rgba(12, 26, 38, .14); background: #fbf9f4; box-shadow: 0 30px 60px -42px rgba(12, 26, 38, .5); isolation: isolate; }
	html.ymr .ymx-app:not(.ymx-app--embed) .ymx-app__search { background: #fbf9f4; border: 1px solid rgba(12, 26, 38, .16); border-radius: 999px; }
	html.ymr .ymx-yc { transition: transform .25s var(--ymr-ease), box-shadow .25s; }
	html.ymr .ymx-yc:hover { transform: translateY(-3px); box-shadow: 0 24px 44px -30px rgba(12, 26, 38, .55); }
	html.ymr body.ymx-app-page .ymr-mseo { border-top: 0; }
}
/* Celular */
@media (max-width: 640px) {
	html.ymm .ymx-app__toolbar { padding: 8px 12px; background: var(--ymr-cream); border-bottom: 0; }
	html.ymm .ymx-app__search { height: 44px; border-radius: 999px; background: #fbf9f4; border: 1px solid rgba(12, 26, 38, .16); }
	html.ymm .ymx-app__chips { padding: 6px 12px 8px; background: var(--ymr-cream); border-bottom: 1px solid var(--ymr-line); }
	html.ymm .ymx-app__phead { flex-direction: row !important; flex-wrap: wrap; align-items: flex-end !important; justify-content: space-between; gap: 6px 10px; padding: 14px 16px 4px !important; }
	html.ymm .ymx-app__phead-t { width: auto !important; flex: 1 1 auto; min-width: 0; }
	html.ymm .ymx-app__h1 { font-size: 24px !important; line-height: 1.1; }
	html.ymm .ymx-app__sort { flex: none; margin: 0 !important; }
	html.ymm .ymx-app__sort .ymx-sel select { max-width: 220px !important; height: 36px; padding: 0 30px 0 12px !important; font-size: 13px !important; }
	/* chips de tipo en una sola fila que se desliza */
	html.ymm .ymx-app__typef { flex: 1 1 100% !important; flex-wrap: nowrap !important; overflow-x: auto; scrollbar-width: none; margin: 4px -16px 0 !important; padding: 2px 16px 6px !important; scroll-padding: 0 16px; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; }
	html.ymm .ymx-app__typef::-webkit-scrollbar { display: none; }
	html.ymm .ymx-app .ymx-app__typef button { flex: none; min-height: 36px !important; font-size: 13.5px !important; white-space: nowrap; scroll-snap-align: start; }
	/* tarjeta compacta */
	html.ymm .ymx-app__grid { gap: 14px; }
	html.ymm .ymx-yc__body { padding: 12px 14px 14px !important; gap: 4px !important; }
	html.ymm .ymx-yc__model { display: none; }
	html.ymm .ymx-yc__tags { gap: 6px; }
	/* «Mapa» al centro, el punto de WhatsApp a la derecha */
	html.ymm .ymx-app button.ymx-app__fab { left: 50% !important; right: auto !important; transform: translateX(-50%) !important; bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important; }
	html.ymm .ymx-app button.ymx-app__fab:active { transform: translateX(-50%) scale(.96) !important; }
	html.ymm body.ymx-app-page .ymr-wa { bottom: calc(14px + env(safe-area-inset-bottom, 0px)); width: 50px; height: 50px; }
	html.ymm body.ymx-app-page:has(.ymx-app.is-map) .ymr-wa, html.ymm body.ymx-app-page:has(.ymx-app.has-detail) .ymr-wa { display: none; }
}

/* ================================================================== */
/* 2.21.0 · Páginas en celular                                          */
/* ================================================================== */
@media (max-width: 640px) {
	html.ymm .ymr-sec:where(:not(.ymr-land *)) { padding: 48px 18px; }
	html.ymm .ymr-sec__h { margin-bottom: 18px; align-items: baseline; flex-wrap: nowrap; }
	html.ymm .ymr-page h2 { font-size: 31px; line-height: 1.05; }
	html.ymm .ymr-lead:where(:not(.ymr-land *)) { margin-top: 8px; font-size: 14.5px; }
	html.ymm [data-ymr-rv] { transition-duration: .65s; }
	/* hero */
	html.ymm .ymr-hh { height: max(600px, calc(100svh - 28px)); }
	html.ymm .ymr-hh__scrim { background: linear-gradient(180deg, rgba(8, 19, 28, .55) 0%, rgba(8, 19, 28, .15) 32%, rgba(8, 19, 28, .35) 58%, rgba(8, 19, 28, .92) 100%); }
	html.ymm .ymr-hh__in { padding: 0 18px 24px; gap: 12px; }
	html.ymm .ymr-page .ymr-hh h1 { font-size: 46px; }
	html.ymm .ymr-hh__sub { font-size: 15px; }
	html.ymm .ymr-gs { flex-wrap: wrap; gap: 0; margin-top: 4px; padding: 8px; }
	html.ymm .ymr-gs__f { flex: 1 1 33%; padding: 8px 10px; }
	html.ymm .ymr-gs select { font-size: 14px; }
	html.ymm .ymr-gs .ymr-btn:where(:not(.ymr-land *)) { flex: 1 1 100%; min-height: 52px; margin-top: 8px; }
	/* cifras */
	html.ymm .ymr-hh__in { padding-bottom: 66px; }
	html.ymm .ymr-hh__sub { text-wrap: balance; }
	html.ymm .ymr-stats:where(:not(.ymr-land *)) { margin-top: -40px; padding: 0 14px; }
	html.ymm .ymr-stats__in { grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 22px; }
	html.ymm .ymr-stat { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; row-gap: 0; align-items: start; align-content: start; padding: 18px 16px 18px; }
	html.ymm .ymr-stat + .ymr-stat::before { display: none; }
	html.ymm .ymr-stat:nth-child(2n) { border-left: 1px solid rgba(12, 26, 38, .08); }
	html.ymm .ymr-stat:nth-child(-n+2) { border-bottom: 1px solid rgba(12, 26, 38, .08); }
	html.ymm .ymr-stat__ic { grid-row: auto; width: 36px; height: 36px; margin-bottom: 12px; }
	html.ymm .ymr-stat__ic svg { width: 18px; height: 18px; }
	html.ymm .ymr-stat b { font-size: 34px; }
	html.ymm .ymr-stat__l { font-size: 12.5px; }
	/* manifiesto */
	html.ymm .ymr-mani { grid-template-columns: minmax(0, 1fr); gap: 22px; }
	html.ymm .ymr-mani p { font-size: 15px; }
	html.ymm .ymr-page .ymr-quote p { font-size: 23px; }
	/* carruseles */
	html.ymm .ymr-feat, html.ymm .ymr-trow, html.ymm .ymr-seoset__grid { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 -18px; padding: 0 18px 6px; scroll-padding: 0 18px; -webkit-overflow-scrolling: touch; }
	html.ymm .ymr-feat::-webkit-scrollbar, html.ymm .ymr-trow::-webkit-scrollbar, html.ymm .ymr-seoset__grid::-webkit-scrollbar { display: none; }
	html.ymm .ymr-feat .ymr-card:where(:not(.ymr-land *)), html.ymm .ymr-seoset__grid .ymr-card:where(:not(.ymr-land *)) { flex: 0 0 82%; max-width: 300px; scroll-snap-align: start; }
	html.ymm .ymr-card:where(:not(.ymr-land *)):hover { transform: none; box-shadow: none; }
	html.ymm .ymr-card__body:where(:not(.ymr-land *)) { padding: 12px 14px 14px; gap: 5px; }
	html.ymm .ymr-card__row { flex-direction: row; align-items: baseline; justify-content: space-between; gap: 10px; }
	html.ymm .ymr-page .ymr-card__name:where(:not(.ymr-land *)) { min-width: 0; font-size: 21px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	html.ymm .ymr-card__price:where(:not(.ymr-land *)) { flex: none; order: 0; font-size: 15px; white-space: nowrap; }
	html.ymm .ymr-card__price:where(:not(.ymr-land *)) small { display: none; }
	html.ymm .ymr-trow .ymr-icard { flex: 0 0 150px; aspect-ratio: 3 / 4.2; scroll-snap-align: start; }
	html.ymm .ymr-trow .ymr-icard__t b { font-size: 19px; }
	/* spotlight, destinos */
	html.ymm .ymr-spot { min-height: 520px; padding: 22px 20px 20px; }
	html.ymm .ymr-spot__t { font-size: 46px; }
	html.ymm .ymr-spot__p b { font-size: 21px; }
	html.ymm .ymr-dest { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	html.ymm .ymr-icard { aspect-ratio: 3 / 4; border-radius: 18px; }
	html.ymm .ymr-icard__t b { font-size: 22px; }
	/* pasos: línea de tiempo vertical */
	html.ymm .ymr-steps { grid-template-columns: minmax(0, 1fr); gap: 0; }
	html.ymm .ymr-step { grid-template-columns: 44px minmax(0, 1fr); gap: 2px 14px; padding: 18px 0; }
	html.ymm .ymr-step i { grid-row: span 2; margin: 0; }
	html.ymm .ymr-step:not(:last-child)::after { content: ''; position: absolute; left: 20px; top: 62px; bottom: -18px; width: 1px; background: rgba(232, 171, 54, .45); }
	/* EE. UU. */
	html.ymm .ymr-usb { grid-template-columns: minmax(0, 1fr); }
	html.ymm .ymr-usb__img { min-height: 260px; }
	html.ymm .ymr-usb__t { padding: 26px 20px 24px; gap: 12px; }
	html.ymm .ymr-page .ymr-usb h2 { font-size: 32px; }
	/* mosaicos */
	html.ymm .ymr-tiles { margin: 0 -18px; padding: 0 18px 4px; scroll-padding: 0 18px; }
	/* preguntas */
	html.ymm .ymr-faq:where(:not(.ymr-land *)) summary { min-height: 56px; font-size: 18px; }
	html.ymm .ymr-page .ymr-prose__in h2 { font-size: 30px; }
	/* zona SEO */
	html.ymm .ymr-seo { padding: 44px 18px 48px; }
	html.ymm .ymr-seoset { margin-bottom: 48px; }
	html.ymm .ymr-page .ymr-seoset h2 { font-size: 28px; }
	html.ymm .ymr-seoset p { font-size: 14.5px; }
	html.ymm .ymr-seoset__go { flex-direction: row; align-items: center; gap: 14px; }
	html.ymm .ymr-seo__in { grid-template-columns: minmax(0, 1fr); gap: 34px; padding-top: 40px; }
	html.ymm .ymr-page .ymr-seo__in h2 { font-size: 28px; }
	/* franja final */
	html.ymm .ymr-cta__in { padding: 40px 18px 44px; gap: 18px; }
	html.ymm .ymr-page .ymr-cta h2 { font-size: 31px; }
	html.ymm .ymr-cta__b { width: 100%; display: grid; gap: 10px; }
	html.ymm .ymr-cta__b .ymr-btn:where(:not(.ymr-land *)) { width: 100%; }
	/* avisos */
	html.ymm .ymr-toast { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
}
/* Tablet (641–999): rejillas a 2 columnas */
@media (min-width: 641px) and (max-width: 999px) {
	html.ymr .ymr-sec:where(:not(.ymr-land *)) { padding: 64px 32px; }
	html.ymr .ymr-hh__in { padding: 0 32px 110px; }
	html.ymr .ymr-stats:where(:not(.ymr-land *)) { padding: 0 32px; } html.ymr .ymr-stats__in { grid-template-columns: repeat(2, minmax(0, 1fr)); } html.ymr .ymr-stat:nth-child(3)::before { display: none; } html.ymr .ymr-stat:nth-child(-n+2) { border-bottom: 1px solid rgba(12, 26, 38, .08); }
	html.ymr .ymr-feat, html.ymr .ymr-seoset__grid, html.ymr .ymr-dest { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html.ymr .ymr-trow { flex-wrap: wrap; } html.ymr .ymr-trow .ymr-icard { flex: 1 1 30%; }
	html.ymr .ymr-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html.ymr .ymr-eco { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html.ymr .ymr-mani, html.ymr .ymr-gest, html.ymr .ymr-usb, html.ymr .ymr-seo__in { grid-template-columns: minmax(0, 1fr); }
	html.ymr .ymr-page h2 { font-size: 42px; }
	html.ymr .ymr-spot__t { font-size: 56px; }
}
@media (prefers-reduced-motion: reduce) {
	html.ymr-js [data-ymr-rv] { transform: none !important; transition: none !important; }
	html.ymr .ymr-hh__in > *, html.ymr .ymr-faq:where(:not(.ymr-land *)) details[open] p, html.ymr .ymr-saved__p { animation: none !important; }
	html.ymr .ymr-card:where(:not(.ymr-land *)), html.ymr .ymr-icard img, html.ymr .ymr-spot__img img, html.ymr .ymr-card__media:where(:not(.ymr-land *)) img { transition: none !important; }
}

/* ================================================================== */
/* 2.21.3 · Amarillo insignia (sólido, como el header y botones de antes) */
/* ================================================================== */
html.ymr .ymr-btn--gold, html.ymr .ymr-page .ymr-btn--gold { background: linear-gradient(180deg, #f3c459, #e8ab36); border: 1px solid rgba(255, 228, 160, .6); color: #08131c; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: 0 16px 34px -14px rgba(232, 171, 54, .6), inset 0 1px 0 rgba(255, 255, 255, .45); }
html.ymr .ymr-btn--gold:hover { transform: translateY(-2px); box-shadow: 0 24px 46px -14px rgba(232, 171, 54, .62), inset 0 1px 0 rgba(255, 255, 255, .5); }
html.ymr :is(.ymx-btn--primary, .ymx-pt__btn--amber, .ymx-hook__btn--gold, .ymx-lg__btn--amber, .ymx-home__btn--primary) { background: linear-gradient(180deg, #f3c459, #e8ab36) !important; border: 1px solid rgba(255, 228, 160, .6) !important; color: #08131c !important; box-shadow: 0 16px 34px -14px rgba(232, 171, 54, .6), inset 0 1px 0 rgba(255, 255, 255, .45) !important; }

/* ================================================================== */
/* 2.21.3 · Header de escritorio con la distribución anterior           */
/* logo · menú (con Journal) · Buscar yates · ES/EN · Mi cuenta · Publicar */
/* ================================================================== */
html.ymr .ymr-head__bar { position: relative; gap: 20px; }
html.ymr .ymr-head__nav, html.ymr .ymr-dd { position: static; }
html.ymr .ymr-head__end { gap: 12px; }
html.ymr .ymr-head__cta { gap: 8px; height: 44px; padding: 0 22px 0 18px; border: 0; background: linear-gradient(180deg, #f3c459, #e8ab36); color: #08131c !important; box-shadow: 0 14px 30px -14px rgba(232, 171, 54, .7), inset 0 1px 0 rgba(255, 255, 255, .45); transition: transform .25s var(--ymr-ease), box-shadow .25s; }
html.ymr .ymr-head__cta:hover { background: linear-gradient(180deg, #f6cd6c, #eab03f); color: #08131c !important; transform: translateY(-1px); }
html.ymr .ymr-head__cta svg { width: 15px; height: 15px; stroke-width: 2.4; }
html.ymr .ymr-head__find { display: inline-flex; align-items: center; gap: 9px; height: 42px; padding: 0 18px 0 14px; border-radius: 999px; border: 1px solid rgba(248, 245, 238, .16); background: rgba(248, 245, 238, .05); color: rgba(248, 245, 238, .78); font: 500 13.5px/1 var(--ymr-sans); white-space: nowrap; transition: border-color .2s, color .2s, background .2s; }
html.ymr .ymr-head__find:hover { border-color: rgba(232, 171, 54, .6); color: #fff; background: rgba(248, 245, 238, .08); }
html.ymr .ymr-head__find svg { width: 16px; height: 16px; }
html.ymr .ymr-head__acct { display: inline-flex; align-items: center; gap: 10px; color: rgba(248, 245, 238, .82); font: 500 13.5px/1 var(--ymr-sans); white-space: nowrap; }
html.ymr .ymr-head__acct:hover { color: #fff; }
html.ymr .ymr-head__acct-ic { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; border: 1px solid rgba(248, 245, 238, .22); transition: border-color .2s; }
html.ymr .ymr-head__acct:hover .ymr-head__acct-ic { border-color: var(--ymr-gold); }
html.ymr .ymr-head__acct-ic svg { width: 17px; height: 17px; }
@media (max-width: 1500px) { html.ymr .ymr-head__acct > span:not(.ymr-head__acct-ic) { display: none; } }
@media (max-width: 1280px) { html.ymr .ymr-head__find > span { display: none; } html.ymr .ymr-head__find { width: 42px; padding: 0; justify-content: center; } }
@media (max-width: 999px) { html.ymr .ymr-head__find, html.ymr .ymr-head__acct { display: none; } }

/* Menús desplegables: panel ordenado bajo el header, columnas con línea fina, pie con la acción principal */
html.ymr .ymr-dd__p { position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); display: block; width: max-content; max-width: min(1180px, calc(100vw - 48px)); padding: 0; border-radius: 20px; background: #0f1d2a; border: 1px solid rgba(248, 245, 238, .10); box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .85); animation: ymrDd .28s var(--ymr-ease); }
html.ymr .ymr-dd__p::before { content: ''; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
@keyframes ymrDd { from { transform: translate(-50%, -6px); } }
html.ymr .ymr-dd__body { display: flex; align-items: stretch; padding: 28px 14px 26px; }
html.ymr .ymr-dd__col { min-width: 214px; padding: 0 22px; }
html.ymr .ymr-dd__col + .ymr-dd__col, html.ymr .ymr-dd__cards + .ymr-dd__col { border-left: 1px solid rgba(248, 245, 238, .08); }
html.ymr .ymr-dd__body .ymr-eyebrow:where(:not(.ymr-land *)) { margin: 0 0 14px; font-size: 10px; color: rgba(248, 245, 238, .5); }
html.ymr .ymr-dd__col ul { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
html.ymr .ymr-dd__col a { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0 -10px; padding: 8px 10px; border-radius: 10px; color: rgba(248, 245, 238, .84); font: 400 14.5px/1.3 var(--ymr-sans); white-space: nowrap; transition: background .18s, color .18s; }
html.ymr .ymr-dd__col a svg { flex: none; width: 14px; height: 14px; color: var(--ymr-gold-soft); opacity: 0; transform: translateX(-4px); transition: opacity .18s, transform .25s var(--ymr-ease); }
html.ymr .ymr-dd__col a[target] svg { opacity: .45; transform: none; color: currentColor; }
html.ymr .ymr-dd__col a:hover { background: rgba(248, 245, 238, .06); color: #fff; }
html.ymr .ymr-dd__col a:hover svg { opacity: 1; transform: none; }
html.ymr .ymr-dd__cards { display: grid; gap: 10px; width: 360px; padding: 0 22px 0 8px; }
html.ymr .ymr-dd__card .ymr-eyebrow:where(:not(.ymr-land *)) { letter-spacing: .16em; white-space: nowrap; }
html.ymr .ymr-dd__card { display: flex; flex-direction: column; gap: 8px; padding: 18px 20px; border-radius: 14px; border: 1px solid rgba(248, 245, 238, .12); background: rgba(248, 245, 238, .03); color: #f8f5ee; transition: border-color .2s, background .2s; }
html.ymr .ymr-dd__card .ymr-eyebrow:where(:not(.ymr-land *)) { margin: 0; }
html.ymr .ymr-dd__card.is-gold { border-color: rgba(232, 171, 54, .45); background: rgba(232, 171, 54, .08); }
html.ymr .ymr-dd__card:hover { border-color: var(--ymr-gold); }
html.ymr .ymr-dd__card-p { font-size: 13.5px; line-height: 1.5; color: rgba(248, 245, 238, .72); }
html.ymr .ymr-dd__card b { display: inline-flex; align-items: center; gap: 8px; margin-top: 2px; font: 600 14.5px/1.2 var(--ymr-sans); color: var(--ymr-gold-soft); }
html.ymr .ymr-dd__card b svg { width: 15px; height: 15px; }
html.ymr .ymr-dd__card b svg[width="26"] { width: 18px; height: 18px; color: #3fcf6e; }
html.ymr .ymr-dd__foot { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 14px 36px; border-top: 1px solid rgba(248, 245, 238, .08); border-radius: 0 0 20px 20px; background: rgba(8, 19, 28, .4); font-size: 13px; color: rgba(248, 245, 238, .55); }
html.ymr .ymr-dd__foot a { display: inline-flex; align-items: center; gap: 8px; color: var(--ymr-gold-soft); font-weight: 600; white-space: nowrap; }
html.ymr .ymr-dd__foot a svg { width: 15px; height: 15px; transition: transform .25s var(--ymr-ease); }
html.ymr .ymr-dd__foot a:hover svg { transform: translateX(3px); }
/* menú de celular: la liga directa (Journal) con la misma altura que los acordeones */
html.ymr a.ymr-acc__t { text-decoration: none; }
html.ymr a.ymr-acc__t svg { opacity: .55; }
@media (prefers-reduced-motion: reduce) { html.ymr .ymr-dd__p { animation: none; } }

/* ================================================================== */
/* 2.21.3 · Buscador del hero: el v16 de la portada anterior          */
/* (pestañas de tipo con tinta dorada, texto, eslora, precio, flecha   */
/*  para año y ubicación, «Ver N yates» y etiquetas de lo elegido)     */
/* ================================================================== */
html.ymr .ymr-hh { --gold: #e8ab36; --gold-soft: #f3c459; --paper: #f8f5ee; --ink-deep: #08131c; --pill: 999px; --ease-out: cubic-bezier(.16, 1, .3, 1); }
html.ymr .ymr-hh .ymr-fs { width: 100%; margin-top: 10px; }
html.ymr .ymr-hh .ymr-fs * { box-sizing: border-box; }
html.ymr .ymr-hh .ymr-fs svg { display: block; }
html.ymr .ymr-hh .ymr-fs .tEn { display: none; }
html[data-ymr-lang="en"] .ymr-hh .ymr-fs .tEs { display: none; }
html[data-ymr-lang="en"] .ymr-hh .ymr-fs .tEn { display: inline; }
html.ymr .ymr-hh .ymr-fs{ max-width:1000px; margin:0; padding:6px 14px 14px; border-radius:24px;
  background:rgba(8,19,28,.34); border:1px solid rgba(248,245,238,.18);
  -webkit-backdrop-filter:blur(20px) saturate(140%); backdrop-filter:blur(20px) saturate(140%);
  box-shadow:0 30px 70px -40px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.10);
  transition:max-width .6s var(--ease-out); }
html.ymr .ymr-hh .ymr-fs.open{ max-width:100%; }
/* tipo: pestanas con tinta ambar */
html.ymr .ymr-hh .fs-tabs{ position:relative; display:flex; gap:4px; margin:0 0 12px; padding:2px 0 10px;
  border-bottom:1px solid rgba(248,245,238,.10); overflow-x:auto; scrollbar-width:none; }
html.ymr .ymr-hh .fs-tabs::-webkit-scrollbar{ display:none; }
html.ymr .ymr-hh .fs-tab{ flex:none; border:0; background:none; cursor:pointer; padding:10px 14px 8px;
  font:600 14px/1.2 'Instrument Sans',system-ui,sans-serif; color:rgba(248,245,238,.62); transition:color .25s var(--ease-out); }
html.ymr .ymr-hh .fs-tab:hover,html.ymr .ymr-hh .fs-tab.on{ color:var(--paper); }
html.ymr .ymr-hh .fs-ink{ position:absolute; left:0; bottom:-1px; height:2px; width:0; border-radius:2px; background:var(--gold);
  transition:transform .45s var(--ease-out), width .45s var(--ease-out); }
/* fila */
html.ymr .ymr-hh .fs-row{ display:grid; gap:10px; align-items:end;
  grid-template-columns:minmax(200px,1.5fr) minmax(150px,1fr) minmax(150px,1fr) 56px auto; }
html.ymr .ymr-hh .ymr-fs.open .fs-row{ grid-template-columns:minmax(180px,1.2fr) repeat(4,minmax(140px,1fr)) 56px auto; }
html.ymr .ymr-hh .fs-q{ position:relative; display:block; margin:0; }
html.ymr .ymr-hh .fs-q svg{ position:absolute; left:16px; top:50%; transform:translateY(-50%); width:18px; height:18px;
  fill:none; stroke:rgba(248,245,238,.7); stroke-width:2; stroke-linecap:round; pointer-events:none; }
html.ymr .ymr-hh .fs-q input{ width:100%; height:56px; margin:0; border-radius:14px; border:1px solid rgba(248,245,238,.20);
  background:rgba(248,245,238,.08); padding:0 14px 0 44px; box-shadow:none; outline:0;
  font:400 15px/1.2 'Instrument Sans',system-ui,sans-serif; color:var(--paper); transition:border-color .2s, background .2s; }
html.ymr .ymr-hh .fs-q input::placeholder{ color:rgba(248,245,238,.55); }
html.ymr .ymr-hh .fs-q input:focus{ border-color:var(--gold); background:rgba(8,19,28,.45); }
html.ymr .ymr-hh .fs-fld{ position:relative; min-width:0; }
html.ymr .ymr-hh .fs-fld.x{ display:none; }
html.ymr .ymr-hh .ymr-fs.open .fs-fld.x{ display:block; animation:ymxfsX .45s var(--ease-out) both; }
html.ymr .ymr-hh .ymr-fs.open .fs-fld.x + .fs-fld.x{ animation-delay:.08s; }
@keyframes ymxfsX{ from{ opacity:0; transform:translateX(-14px); } to{ opacity:1; transform:none; } }
@keyframes ymxfsY{ from{ opacity:0; transform:translateY(-8px); } to{ opacity:1; transform:none; } }
html.ymr .ymr-hh .fs-lbl{ display:block; margin:0 0 6px 2px; font:800 9.5px/1 'Instrument Sans',system-ui,sans-serif;
  letter-spacing:.18em; text-transform:uppercase; color:rgba(248,245,238,.62); }
html.ymr .ymr-hh .fs-lbl i{ font-style:normal; color:var(--gold); }
html.ymr .ymr-hh .fs-dd{ width:100%; height:56px; margin:0; display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:0 14px; border-radius:14px; border:1px solid rgba(248,245,238,.20); background:rgba(248,245,238,.08);
  cursor:pointer; text-align:left; font:500 14.5px/1.2 'Instrument Sans',system-ui,sans-serif; color:var(--paper);
  transition:border-color .2s, background .2s; }
html.ymr .ymr-hh .fs-dd span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html.ymr .ymr-hh .fs-dd:hover{ background:rgba(248,245,238,.13); }
html.ymr .ymr-hh .fs-dd.set{ border-color:rgba(232,171,54,.7); }
html.ymr .ymr-hh .fs-dd.set span{ color:var(--gold-soft); }
html.ymr .ymr-hh .fs-dd svg{ flex:none; width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2.2;
  transition:transform .3s var(--ease-out); }
html.ymr .ymr-hh .fs-fld.op .fs-dd{ border-color:var(--gold); }
html.ymr .ymr-hh .fs-fld.op .fs-dd svg{ transform:rotate(180deg); }
/* lista propia (no la gris del sistema) */
/* el buscador vive al pie del hero: la lista abre hacia ARRIBA (el hero recorta lo que sale por abajo) */
html.ymr .ymr-hh .fs-pop{ position:absolute; z-index:30; left:0; bottom:calc(100% + 8px); min-width:100%; width:max-content; max-width:320px;
  max-height:360px; overflow:auto; padding:6px; border-radius:16px; background:rgba(12,26,38,.97);
  border:1px solid rgba(248,245,238,.18); box-shadow:0 30px 60px -20px rgba(0,0,0,.8);
  opacity:0; transform:translateY(6px) scale(.98); transform-origin:bottom left; pointer-events:none;
  transition:opacity .22s, transform .3s var(--ease-out); }
html.ymr .ymr-hh .fs-fld.op .fs-pop{ opacity:1; transform:none; pointer-events:auto; }
html.ymr .ymr-hh .fs-opt{ display:block; width:100%; margin:0; border:0; background:none; cursor:pointer; text-align:left;
  padding:11px 12px; border-radius:10px; font:400 14px/1.3 'Instrument Sans',system-ui,sans-serif; color:rgba(248,245,238,.9); }
html.ymr .ymr-hh .fs-opt em{ display:block; margin-top:2px; font-style:normal; font-size:11.5px; color:rgba(248,245,238,.45); letter-spacing:0; }
html.ymr .ymr-hh .fs-opt:hover,html.ymr .ymr-hh .fs-opt:focus{ background:rgba(248,245,238,.08); outline:0; }
html.ymr .ymr-hh .fs-opt.on{ color:var(--gold-soft); }
html.ymr .ymr-hh .fs-grp{ padding:10px 12px 4px; font:800 9.5px/1 'Instrument Sans',system-ui,sans-serif; letter-spacing:.18em;
  text-transform:uppercase; color:var(--gold); }
/* flecha y boton movil */
html.ymr .ymr-hh .fs-more,html.ymr .ymr-hh .fs-mf{ position:relative; height:56px; margin:0; border-radius:14px; cursor:pointer;
  border:1px solid rgba(248,245,238,.20); background:rgba(248,245,238,.08); color:var(--paper);
  transition:border-color .2s, background .2s, color .2s; }
html.ymr .ymr-hh .fs-more{ display:grid; place-items:center; padding:0; }
html.ymr .ymr-hh .fs-more:hover,html.ymr .ymr-hh .fs-mf:hover{ background:rgba(248,245,238,.14); }
html.ymr .ymr-hh .fs-more svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; transition:transform .45s var(--ease-out); }
html.ymr .ymr-hh .ymr-fs.open .fs-more,html.ymr .ymr-hh .ymr-fs.open .fs-mf{ border-color:var(--gold); color:var(--gold); }
html.ymr .ymr-hh .ymr-fs.open .fs-more svg{ transform:rotate(180deg); }
html.ymr .ymr-hh .fs-n{ position:absolute; top:-7px; right:-7px; display:none; min-width:19px; height:19px; padding:0 5px;
  border-radius:var(--pill); background:var(--gold); color:var(--ink-deep); font:800 10.5px/19px 'Instrument Sans',system-ui,sans-serif;
  text-align:center; box-shadow:0 0 0 2px rgba(8,19,28,.6); }
html.ymr .ymr-hh .fs-n.on{ display:block; }
html.ymr .ymr-hh .fs-mf{ display:none; }
/* CTA: misma letra que el SEARCH YACHTS original */
html.ymr .ymr-hh .fs-go{ height:56px; margin:0; padding:0 28px; border:0; border-radius:var(--pill); cursor:pointer; white-space:nowrap;
  display:inline-flex; align-items:center; justify-content:center; gap:.55em;
  background:linear-gradient(180deg,var(--gold-soft),var(--gold)); color:var(--ink-deep);
  font:700 13px/1 'Instrument Sans',system-ui,sans-serif; letter-spacing:.1em; text-transform:uppercase; text-shadow:none;
  box-shadow:0 16px 34px -14px rgba(232,171,54,.6), inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out); }
html.ymr .ymr-hh .fs-go:hover{ transform:translateY(-2px); box-shadow:0 24px 46px -14px rgba(232,171,54,.62), inset 0 1px 0 rgba(255,255,255,.5); }
html.ymr .ymr-hh .fs-go b{ font:inherit; letter-spacing:inherit; font-variant-numeric:tabular-nums lining-nums; min-width:3ch; text-align:center; }
html.ymr .ymr-hh .fs-go b:empty{ display:none; }
html.ymr .ymr-hh .fs-go svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2.2; }
/* pie: filtros elegidos */
html.ymr .ymr-hh .fs-foot{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 24px; margin-top:12px; min-height:26px; }
html.ymr .ymr-hh .fs-chips{ display:flex; flex-wrap:wrap; gap:6px; }
html.ymr .ymr-hh .fs-chip{ display:inline-flex; align-items:center; gap:7px; margin:0; padding:5px 8px 5px 12px; border-radius:var(--pill);
  border:1px solid rgba(232,171,54,.45); background:rgba(232,171,54,.10); color:var(--paper); cursor:pointer;
  font:600 12px/1.2 'Instrument Sans',system-ui,sans-serif; animation:ymxfsX .35s var(--ease-out) both; }
html.ymr .ymr-hh .fs-chip svg{ width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:2.4; opacity:.7; }
html.ymr .ymr-hh .fs-clear{ margin:0; padding:2px 0; border:0; border-bottom:1px solid rgba(248,245,238,.25); background:none; cursor:pointer;
  font:700 12px/1.2 'Instrument Sans',system-ui,sans-serif; letter-spacing:.06em; color:rgba(248,245,238,.62); }
html.ymr .ymr-hh .fs-hint{ font-size:12.5px; color:rgba(248,245,238,.62); }


html.ymr .ymr-hh .ymr-fs .fs-tab span, html.ymr .ymr-hh .ymr-fs .fs-go span { pointer-events: none; }
@media (min-width: 641px) and (max-width: 1100px) {
@media all{
  /* tablet: el buscador v16 baja a dos filas */
  html.ymr .ymr-hh .ymr-fs,html.ymr .ymr-hh .ymr-fs.open{ max-width:100%; }
  html.ymr .ymr-hh .fs-row{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) 56px auto; }
  html.ymr .ymr-hh .fs-q{ grid-column:1 / -1; }
  html.ymr .ymr-hh .ymr-fs.open .fs-row{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); }
  html.ymr .ymr-hh .ymr-fs.open .fs-more{ grid-column:3; grid-row:3; justify-self:end; width:56px; }
  html.ymr .ymr-hh .ymr-fs.open .fs-go{ grid-column:4; grid-row:3; }
}

/* ---------------- MOVIL <= 768 ---------------- */
}
@media (max-width: 640px) {
  html.ymr .ymr-hh .ymr-fs,html.ymr .ymr-hh .ymr-fs.open{ max-width:none; padding:6px 10px 12px; border-radius:20px; }
  html.ymr .ymr-hh .fs-tab{ padding:10px 11px 8px; font-size:13.5px; }
  html.ymr .ymr-hh .fs-row,html.ymr .ymr-hh .ymr-fs.open .fs-row{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  html.ymr .ymr-hh .fs-q{ grid-column:1 / -1; }
  html.ymr .ymr-hh .fs-q input,html.ymr .ymr-hh .fs-dd,html.ymr .ymr-hh .fs-go,html.ymr .ymr-hh .fs-mf{ height:50px; }
  html.ymr .ymr-hh .fs-fld,html.ymr .ymr-hh .fs-more{ display:none; }
  html.ymr .ymr-hh .fs-mf{ display:inline-flex; align-items:center; justify-content:center; gap:8px; order:1; padding:0 12px;
    font:700 12px/1 'Instrument Sans',system-ui,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
  html.ymr .ymr-hh .fs-mf svg{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; }
  html.ymr .ymr-hh .fs-go{ order:2; padding:0 12px; font-size:12px; letter-spacing:.08em; }
  html.ymr .ymr-hh .ymr-fs.open .fs-fld,html.ymr .ymr-hh .ymr-fs.open .fs-fld.x{ display:block; order:3; animation:ymxfsY .4s var(--ease-out) both; }
  html.ymr .ymr-hh .fs-pop{ max-width:none; width:100%; }
  html.ymr .ymr-hh .fs-fld:nth-of-type(even) .fs-pop{ left:auto; right:0; }
  html.ymr .ymr-hh .fs-foot{ margin-top:10px; }
  html.ymr .ymr-hh .fs-hint{ display:none; }
  html.ymr .ymr-hh .fs-go b { min-width: 0; }
}

/* ================================================================== */
/* 2.21.3 · Parte baja de la portada sin recuadros repetidos           */
/* ================================================================== */
html.ymr .ymr-jus { text-align: justify; -webkit-hyphens: auto; hyphens: auto; text-wrap: pretty; }
/* Vender: foto + dos filas numeradas */
html.ymr .ymr-sell__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 64px; align-items: center; }
html.ymr .ymr-sell__img { position: relative; margin: 0; min-height: 600px; height: 100%; border-radius: 24px; overflow: hidden; }
html.ymr .ymr-sell__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
html.ymr .ymr-sell__t h2 { margin-bottom: 30px; }
html.ymr .ymr-ways { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(12, 26, 38, .14); }
html.ymr .ymr-ways > li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 0 8px; padding: 28px 0; border-bottom: 1px solid rgba(12, 26, 38, .14); }
html.ymr .ymr-ways > li > i { font: italic 300 30px/1 var(--ymr-serif); color: var(--ymr-gold-ink); }
html.ymr .ymr-ways__tag { display: block; margin-bottom: 6px; font-size: 10.5px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--ymr-gray); }
html.ymr .ymr-page .ymr-ways h3 { margin: 0 0 10px; font: 400 30px/1.1 var(--ymr-serif); letter-spacing: -.02em; }
html.ymr .ymr-ways p { max-width: 58ch; font-size: 15px; line-height: 1.65; color: var(--ymr-text); }
html.ymr .ymr-ways__go { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; margin-top: 18px; }
html.ymr .ymr-ways__note { font-size: 13px; color: var(--ymr-gray); }
html.ymr .ymr-ways__link { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; text-decoration: underline !important; text-underline-offset: 4px; }
html.ymr .ymr-ways__link svg { width: 15px; height: 15px; }
html.ymr .ymr-ways .ymr-btn--dark svg { width: 18px; height: 18px; color: #3fcf6e; }
/* Más de Yates México: mosaicos con foto también en escritorio */
@media (min-width: 641px) {
	html.ymr .ymr-tiles { display: grid; grid-template-columns: 1.35fr 1fr 1fr 1fr; gap: 16px; overflow: visible; }
	html.ymr .ymr-tile { min-height: 400px; padding: 24px; border-radius: 22px; }
	html.ymr .ymr-tile b { font-size: 28px; letter-spacing: -.02em; }
	html.ymr .ymr-tile > span > span { font-size: 13.5px; }
}
html.ymr .ymr-tile img { transition: transform 1.2s var(--ymr-ease); }
html.ymr .ymr-tile:hover img { transform: scale(1.05); }
html.ymr .ymr-tile__go { position: absolute; top: 18px; right: 18px; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; background: rgba(251, 249, 244, .92); color: var(--ymr-navy); transition: transform .25s var(--ymr-ease); }
html.ymr .ymr-tile__go svg { width: 15px; height: 15px; }
html.ymr .ymr-tile:hover .ymr-tile__go { transform: rotate(-45deg); }
@media (max-width: 640px) { html.ymm .ymr-tile__go { top: 14px; right: 14px; width: 32px; height: 32px; } }
/* Gestoría: texto + lista numerada a dos columnas */
html.ymr .ymr-gest { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 72px; align-items: center; }
html.ymr .ymr-gest h2 { margin-bottom: 16px; }
html.ymr .ymr-gest .ymr-lead:where(:not(.ymr-land *)) { max-width: 46ch; }
html.ymr .ymr-gest .ymr-row { margin-top: 26px; }
html.ymr .ymr-gest__l { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 40px; border: 0 !important; }
html.ymr .ymr-gest__l li { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: baseline; gap: 0; padding: 20px 0; border-top: 1px solid rgba(248, 245, 238, .12); font-size: 15.5px; line-height: 1.45; color: rgba(248, 245, 238, .9); }
html.ymr .ymr-gest__l li::before { display: none; }
html.ymr .ymr-gest__l i { font: italic 300 20px/1 var(--ymr-serif); color: var(--ymr-gold-soft); }
/* Careers: texto + foto, dos rutas en filas */
html.ymr .ymr-car__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 64px; align-items: center; }
html.ymr .ymr-car__t h2 { margin-bottom: 16px; }
html.ymr .ymr-car__t p { max-width: 52ch; font-size: 16px; line-height: 1.7; color: var(--ymr-text); }
html.ymr .ymr-car__links { margin-top: 26px; border-top: 1px solid rgba(12, 26, 38, .14); }
html.ymr .ymr-car__links a { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 4px; border-bottom: 1px solid rgba(12, 26, 38, .14); transition: padding .25s var(--ymr-ease), color .2s; }
html.ymr .ymr-car__links a:hover { padding-left: 12px; color: var(--ymr-gold-ink); }
html.ymr .ymr-car__links small { display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--ymr-gray); }
html.ymr .ymr-car__links b { display: block; margin-top: 4px; font: 400 23px/1.2 var(--ymr-serif); }
html.ymr .ymr-car__links svg { width: 18px; height: 18px; flex: none; }
html.ymr .ymr-car__img { position: relative; margin: 0; min-height: 520px; border-radius: 24px; overflow: hidden; }
html.ymr .ymr-car__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 641px) and (max-width: 999px) {
	html.ymr .ymr-sell__in, html.ymr .ymr-car__in { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	html.ymr .ymr-sell__img { min-height: 380px; }
	html.ymr .ymr-car__img { min-height: 360px; }
	html.ymr .ymr-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html.ymr .ymr-gest__l { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) { html.ymm .ymr-jus { text-align: left; } html.ymm .ymr-mani .ymr-jus, html.ymm .ymr-usb .ymr-jus { text-align: justify; } }

/* ================================================================== */
/* 2.21.5 · Ficha del barco (página y panel del marketplace)           */
/* Instrument Sans en vez de la letra mono, sin cajas repetidas,        */
/* líneas finas, amarillo insignia y WhatsApp verde sólido              */
/* ================================================================== */
html.ymr .ymx, html.ymr .ymx-app { --mono: var(--ymr-sans); --wa: #1fa855; --wa-2: #178a45; --amber: #e8ab36; }
html.ymr .ymx-mono { letter-spacing: .04em; }
/* encabezado: año · tipo · condición como etiqueta con rayita dorada */
html.ymr .ymx-single__head > .ymx-mono:first-child, html.ymr .ymx-single__head .ymx-mono:first-of-type, html.ymr .ymx-pd__meta { display: inline-flex; align-items: center; gap: 10px; font: 700 10.5px/1.4 var(--ymr-sans) !important; letter-spacing: .2em !important; text-transform: uppercase; color: var(--ymr-gray); }
html.ymr .ymx-single__head > .ymx-mono:first-child::before, html.ymr .ymx-single__head .ymx-mono:first-of-type::before, html.ymr .ymx-pd__meta::before { content: ''; width: 26px; height: 1px; background: var(--ymr-gold); }
html.ymr .ymx-pd__eyebrow { font: 700 10px/1 var(--ymr-sans) !important; letter-spacing: .2em !important; text-transform: uppercase; color: var(--ymr-gray); }
html.ymr .ymx-single__title, html.ymr .ymx-pd__t { font-family: var(--ymr-serif); font-weight: 400; letter-spacing: -.03em; }
/* datos clave: franja con líneas finas, sin caja */
html.ymr .ymx-specstrip { border: 0; border-top: 1px solid rgba(12, 26, 38, .14); border-bottom: 1px solid rgba(12, 26, 38, .14); border-radius: 0; background: transparent; }
html.ymr .ymx-specstrip div { padding: 18px 22px; border-left: 1px solid rgba(12, 26, 38, .10); }
html.ymr .ymx-specstrip div:first-child { padding-left: 0; }
html.ymr .ymx-specstrip b { font-size: 30px; }
/* especificaciones: acordeones con línea fina, sin recuadros */
html.ymr .ymx-acc { gap: 0; border-top: 1px solid rgba(12, 26, 38, .14); }
html.ymr .ymx-acc__i { border: 0; border-bottom: 1px solid rgba(12, 26, 38, .14); border-radius: 0; background: transparent; padding: 0; }
html.ymr .ymx-acc__i summary { padding: 18px 0; font-size: 11px; letter-spacing: .2em; color: var(--ymr-navy); }
html.ymr .ymx-acc__i summary small { background: rgba(232, 171, 54, .14); color: var(--ymr-gold-ink); font-weight: 700; }
html.ymr .ymx-acc__i summary i { border-color: rgba(12, 26, 38, .2); }
html.ymr .ymx-acc__i > .ymx-kv2 { padding: 0 0 20px; }
html.ymr .ymx-kv2 div { padding: 12px 0; border-bottom-color: rgba(12, 26, 38, .08); }
html.ymr .ymx-desc p, html.ymr .ymx-pd__desc p { text-align: justify; -webkit-hyphens: auto; hyphens: auto; }
/* costos: tarjeta crema, sin borde duro */
html.ymr .ymx-costs { border: 0; border-radius: 22px; background: var(--ymr-card); box-shadow: 0 30px 60px -44px rgba(12, 26, 38, .5); }
/* columna de precio: una sola tarjeta; compartir e inventario debajo, con líneas finas */
html.ymr .ymx-side { border: 0; border-radius: 22px; background: var(--ymr-card); box-shadow: 0 34px 70px -42px rgba(12, 26, 38, .55); gap: 16px; }
html.ymr .ymx-side__price { font-family: var(--ymr-serif); font-size: 40px; letter-spacing: -.02em; }
html.ymr .ymx-share, html.ymr .ymx-inv { margin: 0 6px; padding: 18px 0; border: 0; border-bottom: 1px solid rgba(12, 26, 38, .12); border-radius: 0; background: transparent; }
html.ymr .ymx-share { margin-top: 10px; }
html.ymr .ymx-side .ymx-btn, html.ymr .ymx-pd__cbox .ymx-btn { min-height: 52px; border-radius: 16px !important; font-size: 15px; }
/* panel del marketplace (vista rápida) */
html.ymr .ymx-pd__bar { border-bottom-color: rgba(12, 26, 38, .08); }
html.ymr .ymx-pd__gal { border-radius: 20px; }
html.ymr .ymx-pd__specs { border-radius: 20px; }
html.ymr .ymx-pd__acc summary { padding: 16px 0; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; }
html.ymr .ymx-pd__acc summary small { padding: 2px 7px; border-radius: 999px; background: rgba(232, 171, 54, .14); color: var(--ymr-gold-ink); font-weight: 700; letter-spacing: 0; }
html.ymr .ymx-pd__kv div { border-top: 1px solid rgba(12, 26, 38, .08); }
html.ymr .ymx-pd__cbox { border: 0; border-radius: 22px; background: var(--ymr-card); box-shadow: 0 30px 60px -42px rgba(12, 26, 38, .55) !important; padding: 24px; }
html.ymr .ymx-pd__cprice { font-family: var(--ymr-serif); }
html.ymr .ymx-pd__full a { font-weight: 600; text-decoration: underline; text-underline-offset: 4px; }
/* 2.22.0 · Ficha en celular */
html.ymr:has(.ymx-stickybar) .ymr-wa { display: none; } /* la barra fija de la ficha ya trae WhatsApp */
@media (max-width: 640px) {
	html.ymm .ymx-specstrip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	html.ymm .ymx-specstrip div { padding: 16px 0; border-left: 0; }
	html.ymm .ymx-specstrip div:nth-child(2n) { padding-left: 18px; border-left: 1px solid rgba(12, 26, 38, .10); }
	html.ymm .ymx-specstrip div:nth-child(n+3) { border-top: 1px solid rgba(12, 26, 38, .10); }
	html.ymm .ymx-specstrip b { font-size: 28px; }
	html.ymm .ymx-desc p, html.ymm .ymx-pd__desc p { text-align: left; }
	html.ymm .ymx-single__title { font-size: 38px; line-height: 1.02; }
	html.ymm .ymx-side { border-radius: 20px; padding: 22px 20px; }
	html.ymm .ymx-side__price { font-size: 34px; }
	html.ymm .ymx-costs { border-radius: 20px; }
	html.ymm .ymx-kv2 { grid-template-columns: minmax(0, 1fr); }
	html.ymm .ymx-pd__specs { border-radius: 18px; }
}

/* 2.22.1 · Las clases que también usa el plugin de páginas de aterrizaje (main.ymr-land: /yates-en-venta/, precio) llevan :where(:not(.ymr-land *)) — no suma especificidad y deja esas páginas con su propio diseño. */
/* ==== 2.22.1 · Pasos centrados y «Dos formas de vender» más limpio ==== */
@media (min-width: 641px) {
	/* El reset :is(h1,…,ol) pesaba más que .ymr-sec > * y dejaba la lista y la nota pegadas a la izquierda en pantallas anchas. */
	html.ymr .ymr-page .ymr-sec:where(:not(.ymr-land *)) > .ymr-steps, html.ymr .ymr-page .ymr-sec:where(:not(.ymr-land *)) > .ymr-steps__note { margin-left: auto; margin-right: auto; }
	html.ymr .ymr-step { align-content: start; }
	html.ymr .ymr-page .ymr-steps__note { margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--ymr-line); color: var(--ymr-gray); }
	html.ymr .ymr-page .ymr-steps__note em { margin-right: 6px; }
}
html.ymr .ymr-sell__t h2 { margin-bottom: 34px; }
html.ymr .ymr-ways > li { display: block; padding: 32px 0; }
html.ymr .ymr-ways__tag { display: flex; align-items: center; margin-bottom: 12px; }
html.ymr .ymr-ways__tag i { font: italic 400 20px/1 var(--ymr-serif); letter-spacing: 0; text-transform: none; color: var(--ymr-gold-ink); }
html.ymr .ymr-ways__tag i::after { content: ''; display: inline-block; width: 22px; height: 1px; margin: 0 12px; vertical-align: middle; background: var(--ymr-gold); }
html.ymr .ymr-page .ymr-ways h3 { margin: 0 0 10px; font-size: 30px; }
html.ymr .ymr-page .ymr-ways p { max-width: 50ch; font-size: 15.5px; line-height: 1.65; text-align: left; hyphens: manual; -webkit-hyphens: manual; color: var(--ymr-text); }
html.ymr .ymr-ways__go { margin-top: 22px; gap: 12px 24px; }
html.ymr .ymr-ways__go .ymr-btn:where(:not(.ymr-land *)) { min-height: 46px; }