{"id":9,"date":"2026-06-15T16:34:09","date_gmt":"2026-06-15T16:34:09","guid":{"rendered":"https:\/\/yatesmexico.com\/?page_id=9"},"modified":"2026-06-15T18:20:22","modified_gmt":"2026-06-15T18:20:22","slug":"home","status":"publish","type":"page","link":"https:\/\/yatesmexico.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8deb3ee e-con-full e-flex e-con e-parent\" data-id=\"8deb3ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f5d06c elementor-widget elementor-widget-html\" data-id=\"9f5d06c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n==================================================================\n  YATES M\u00c9XICO\u00ae \u2014 HERO para WordPress \/ Elementor (widget HTML)\n==================================================================\n  PASO 1: Sube estos 6 archivos a Medios (Media):\n    azimut90_3d.webm \u00b7 benetti112_3d.webm \u00b7 lagoon55_3d.webm\n    azimut90_poster.png \u00b7 benetti112_poster.png \u00b7 lagoon55_poster.png\n  PASO 2: Pega TODO este c\u00f3digo en un widget \"HTML\" de Elementor.\n  PASO 3: Si tus URLs de Medios usan otra carpeta\/mes, edita SOLO\n          la l\u00ednea  base:  del objeto MEDIA (m\u00e1s abajo en el <script>).\n  (El title\/description\/OG van en los ajustes SEO de la p\u00e1gina, no aqu\u00ed.)\n==================================================================\n-->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Spectral:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Gabarito:wght@500;600;700&family=Inter+Tight:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<script type=\"application\/ld+json\">\n{\"@context\":\"https:\/\/schema.org\",\"@type\":[\"Organization\",\"YachtBrokerage\"],\"name\":\"Yates M\u00e9xico\",\"alternateName\":\"YatesMexico\",\"url\":\"https:\/\/yatesmexico.com\/\",\"description\":\"Brokerage y venta de yates de lujo en M\u00e9xico, con base en Baja California Sur (La Paz y Los Cabos).\",\"areaServed\":[{\"@type\":\"Place\",\"name\":\"La Paz, Baja California Sur, M\u00e9xico\"},{\"@type\":\"Place\",\"name\":\"Los Cabos, Baja California Sur, M\u00e9xico\"},{\"@type\":\"Country\",\"name\":\"M\u00e9xico\"}],\"telephone\":\"+52-612-194-3067\",\"email\":\"info@yatesmexico.com\",\"knowsLanguage\":[\"es\",\"en\"],\"sameAs\":[\"https:\/\/yachtsmx.com\/\"]}\n<\/script>\n\n<style>\n\/* HERO Yates M\u00e9xico \u2014 scope .ymx-hero para no chocar con el tema *\/\n.ymx-hero{\n  --salt:#FAFAF6; --bone:#F4EFE6; --bone-deep:#ECE4D6; --fog:#D2CCBE; --sky:#CDE0EE;\n  --abyss:#0B1B2B; --hull:#1C3048; --aqua:#2A8FA0; --aqua-tx:#16606E; --coral:#D9501E; --coral-tx:#B23F18;\n  --blue:#3060A8; --bronze:#B08D57; --bronze-tx:#7C5E2D; --bronze-deep:#8A6E40; --gold:#E8B850;\n  --ink:#0B1B2B; --muted:#6B6457; --line:rgba(11,27,43,.14);\n  --r-btn:10px; --r-card:3px;\n  --serif:'Spectral',Georgia,serif; --kick:'Gabarito',sans-serif; --body:'Inter Tight',system-ui,sans-serif; --mono:'JetBrains Mono',monospace;\n  --ease:cubic-bezier(.22,.61,.36,1);\n  position:relative; min-height:100svh; width:100%; overflow:hidden; isolation:isolate;\n  padding:clamp(18px,3vw,40px) clamp(18px,5vw,72px) clamp(20px,3vw,36px);\n  display:flex; flex-direction:column; justify-content:center;\n  font-family:var(--body); color:var(--ink); -webkit-font-smoothing:antialiased;\n  background:radial-gradient(120% 90% at 82% -5%, var(--sky) 0%, transparent 46%),\n    radial-gradient(120% 120% at -5% 105%, var(--bone-deep) 0%, transparent 50%), var(--bone);\n}\n.ymx-hero *{box-sizing:border-box}\n.ymx-hero img,.ymx-hero svg,.ymx-hero video{display:block; max-width:100%}\n.ymx-hero a{color:inherit}\n.ymx-hero .eyebrow{display:inline-flex; align-items:center; gap:10px; font-family:var(--mono); font-weight:500; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--aqua-tx)}\n.ymx-hero .eyebrow::before{content:\"\"; width:26px; height:1px; background:var(--bronze)}\n.ymx-hero .btn{display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:15px 26px; border-radius:var(--r-btn);\n  font-family:var(--kick); font-weight:600; font-size:13px; letter-spacing:.06em; border:1px solid currentColor; background:transparent; color:var(--ink);\n  cursor:pointer; text-decoration:none; white-space:nowrap; transition:all 240ms var(--ease); line-height:1}\n.ymx-hero .btn .arr{width:8px; height:8px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg); transition:transform 240ms var(--ease)}\n.ymx-hero .btn:hover .arr{transform:rotate(45deg) translate(2px,-2px)}\n.ymx-hero .btn--primary{background:var(--coral); color:#fff; border-color:var(--coral)}\n.ymx-hero .btn--primary:hover{background:var(--coral-tx); border-color:var(--coral-tx)}\n.ymx-hero .btn--ink{background:var(--abyss); color:var(--bone); border-color:var(--abyss)}\n.ymx-hero .btn--ink:hover{background:var(--bronze-deep); border-color:var(--bronze-deep)}\n.ymx-hero .btn--outline{background:transparent; color:var(--ink); border-color:var(--ink)}\n.ymx-hero .btn--outline:hover{background:var(--ink); color:var(--bone)}\n\n.ymx-hero .blob{position:absolute; z-index:-2; border-radius:50%; filter:blur(64px); opacity:.5; mix-blend-mode:multiply; pointer-events:none}\n.ymx-hero .blob.a{width:46vw; height:46vw; background:radial-gradient(circle,#2A8FA0,transparent 68%); top:-14vw; right:-8vw; animation:ymxFloatA 18s ease-in-out infinite}\n.ymx-hero .blob.b{width:40vw; height:40vw; background:radial-gradient(circle,#E8B850,transparent 66%); bottom:-16vw; left:-10vw; animation:ymxFloatB 22s ease-in-out infinite}\n.ymx-hero .blob.c{width:30vw; height:30vw; background:radial-gradient(circle,#3060A8,transparent 70%); top:32%; left:44%; opacity:.26; animation:ymxFloatC 26s ease-in-out infinite}\n@keyframes ymxFloatA{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-5vw,4vw) scale(1.08)}}\n@keyframes ymxFloatB{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(6vw,-3vw) scale(1.1)}}\n@keyframes ymxFloatC{0%,100%{transform:translate(0,0)}50%{transform:translate(-4vw,-4vw)}}\n\n.ymx-hero .stage{position:absolute; z-index:1; pointer-events:none; left:50%; top:50%; transform:translate(-50%,-50%);\n  width:min(100vw,1780px); aspect-ratio:16\/10; transform-style:preserve-3d; transition:transform .25s ease-out}\n.ymx-hero .slide{position:absolute; inset:0; display:grid; place-items:center; opacity:0; transition:opacity .8s ease}\n.ymx-hero .slide.on{opacity:1}\n.ymx-hero .stage video{width:100%; height:100%; object-fit:contain; filter:drop-shadow(22px 32px 34px rgba(13,38,38,.18))}\n.ymx-hero .floor{position:absolute; left:50%; bottom:10%; width:50%; height:5%; transform:translateX(-50%);\n  background:radial-gradient(ellipse at center, rgba(13,38,38,.22), transparent 70%); filter:blur(8px); z-index:0; pointer-events:none}\n\n.ymx-hero .hero-inner{position:relative; z-index:3; width:100%; margin:0}\n.ymx-hero .copy{position:relative; z-index:3; max-width:46ch}\n.ymx-hero .copy::before{content:\"\"; position:absolute; z-index:-1; inset:-14% -18% -18% -12%;\n  background:radial-gradient(58% 66% at 30% 46%, rgba(244,239,230,.92), rgba(244,239,230,.5) 44%, rgba(244,239,230,0) 74%); pointer-events:none}\n.ymx-hero .copy .eyebrow{margin-bottom:16px}\n.ymx-hero h1{font-family:var(--serif); font-weight:700; font-size:clamp(42px,6.8vw,96px); line-height:.95; letter-spacing:-.6px; margin:0 0 14px; color:var(--ink)}\n.ymx-hero h1 .it{font-style:italic; font-weight:500; color:var(--aqua-tx)}\n.ymx-hero .sub{font-size:clamp(15px,1.4vw,18px); color:var(--hull); line-height:1.55; margin:0 0 24px; max-width:44ch}\n.ymx-hero .hero-ctas{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:24px}\n.ymx-hero .meta{display:flex; gap:22px; flex-wrap:wrap; font-family:var(--mono); font-size:11px; color:var(--muted)}\n.ymx-hero .meta b{display:block; font-family:var(--serif); font-size:22px; color:var(--abyss); font-weight:700}\n\n.ymx-hero .infocard{--r-glass:14px; --mx:50%; --my:0%; position:absolute; z-index:5; right:2.5%; bottom:13%; left:auto;\n  width:min(372px,84vw); border-radius:var(--r-glass); isolation:isolate; overflow:hidden;\n  box-shadow:0 1px 0 rgba(255,251,243,.55), 18px 26px 60px rgba(13,38,38,.22); transition:transform .25s ease-out, box-shadow .3s ease}\n.ymx-hero .infocard__blob{position:absolute; z-index:0; top:0; left:0; width:64%; aspect-ratio:1; border-radius:50%;\n  background:radial-gradient(circle, var(--aqua), transparent 70%); filter:blur(26px); opacity:.85; pointer-events:none; animation:ymxCardBlob 7.5s infinite ease}\n.ymx-hero .infocard__blob.two{background:radial-gradient(circle, var(--bronze), transparent 70%); opacity:.55; animation-duration:10s; animation-direction:reverse}\n@keyframes ymxCardBlob{0%{transform:translate(-30%,-30%)}25%{transform:translate(90%,-20%)}50%{transform:translate(85%,90%)}75%{transform:translate(-25%,80%)}100%{transform:translate(-30%,-30%)}}\n.ymx-hero .infocard__frost{position:relative; z-index:1; padding:18px 18px 16px;\n  background:linear-gradient(158deg, rgba(255,255,255,.40), rgba(244,239,230,.16));\n  -webkit-backdrop-filter:blur(22px) saturate(1.35); backdrop-filter:blur(22px) saturate(1.35);\n  border-radius:var(--r-glass); border:1px solid rgba(255,255,255,.55); box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}\n.ymx-hero .infocard::after{content:\"\"; position:absolute; inset:0; z-index:2; border-radius:var(--r-glass); pointer-events:none; padding:1.4px;\n  background:radial-gradient(220px 220px at var(--mx) var(--my), rgba(42,143,160,.95), rgba(176,141,87,.55) 38%, transparent 70%);\n  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;\n  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude; opacity:0; transition:opacity .3s ease}\n.ymx-hero .infocard.glow::after{opacity:1}\n.ymx-hero .sico{width:15px; height:15px; margin:0 auto 4px; opacity:.9}\n.ymx-hero .status{display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:10px; letter-spacing:1px; text-transform:uppercase; color:var(--aqua-tx); margin-bottom:9px}\n.ymx-hero .status i{width:7px; height:7px; border-radius:50%; background:var(--aqua); box-shadow:0 0 0 3px rgba(42,143,160,.18)}\n.ymx-hero .brand{font-family:var(--kick); font-weight:600; font-size:11px; letter-spacing:.6px; color:var(--muted); text-transform:uppercase}\n.ymx-hero .name{font-family:var(--serif); font-weight:700; font-size:clamp(21px,2.6vw,29px); line-height:1.02; margin:1px 0 2px}\n.ymx-hero .name small{font-style:italic; font-weight:500; color:var(--bronze-tx); font-size:.6em}\n.ymx-hero .specrow{display:flex; margin:12px 0 14px; border-top:1px solid var(--line); border-bottom:1px solid var(--line)}\n.ymx-hero .specrow>div{flex:1; padding:9px 4px; text-align:center; border-right:1px solid var(--line)}\n.ymx-hero .specrow>div:last-child{border-right:0}\n.ymx-hero .specrow .v{font-family:var(--serif); font-weight:700; font-size:16px}\n.ymx-hero .specrow .k{font-family:var(--mono); font-size:8.5px; letter-spacing:.5px; text-transform:uppercase; color:var(--muted); margin-top:1px}\n.ymx-hero .priceline{display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:13px}\n.ymx-hero .price{font-family:var(--mono); font-weight:700; font-size:clamp(17px,2vw,22px); color:var(--coral-tx)}\n.ymx-hero .loc{font-family:var(--mono); font-size:10px; color:var(--muted); text-align:right; max-width:15ch}\n.ymx-hero .card-cta{display:flex; gap:8px}\n.ymx-hero .card-cta .btn{flex:1; padding:11px 12px; font-size:12px}\n\n.ymx-hero .controls{position:absolute; z-index:6; left:clamp(18px,5vw,72px); bottom:clamp(16px,3vw,30px);\n  display:flex; align-items:center; gap:14px; flex-wrap:wrap; max-width:min(560px,72vw)}\n.ymx-hero .thumbs{display:flex; gap:10px}\n.ymx-hero .thumb{width:78px; height:48px; border-radius:var(--r-card); border:1px solid var(--line); background:rgba(236,228,214,.6); cursor:pointer; position:relative; opacity:.62; transition:opacity .2s,border-color .2s; overflow:hidden; padding:0}\n.ymx-hero .thumb img{width:100%; height:100%; object-fit:contain}\n.ymx-hero .thumb.on{opacity:1; border-color:var(--aqua)}\n.ymx-hero .thumb .lbl{position:absolute; left:0; right:0; bottom:0; font-family:var(--mono); font-size:8px; text-align:center; color:var(--abyss); background:rgba(250,250,246,.72)}\n.ymx-hero .arrows{display:flex; gap:6px}\n.ymx-hero .arrows button{width:40px; height:40px; border-radius:var(--r-btn); border:1px solid var(--line); background:rgba(250,250,246,.6); cursor:pointer; font-size:16px; color:var(--abyss); display:grid; place-items:center}\n.ymx-hero .arrows button:hover{background:var(--abyss); color:var(--salt)}\n.ymx-hero .progress{height:2px; background:var(--line); border-radius:2px; overflow:hidden; flex:1; max-width:120px}\n.ymx-hero .progress i{display:block; height:100%; width:0; background:var(--aqua); transition:width .15s linear}\n.ymx-hero .counter{font-family:var(--mono); font-size:12px; color:var(--muted); margin-left:auto}\n.ymx-hero .counter b{color:var(--abyss); font-size:18px}\n\n@media(max-width:880px){\n  .ymx-hero{justify-content:flex-start; padding-top:84px; padding-bottom:40px}\n  .ymx-hero .hero-inner{order:1}\n  .ymx-hero .copy{max-width:none; text-align:center; margin:0 auto}\n  .ymx-hero .copy::before{display:none}\n  .ymx-hero .copy .eyebrow,.ymx-hero .meta,.ymx-hero .hero-ctas{justify-content:center}\n  .ymx-hero .stage{position:relative; left:auto; right:auto; top:auto; transform:none; width:min(96vw,560px); aspect-ratio:16\/11; margin:6px auto 0; order:2}\n  .ymx-hero .infocard{position:static; order:3; width:min(94vw,420px); margin:-10% auto 0; right:auto; bottom:auto}\n  .ymx-hero .controls{position:static; order:4; justify-content:center; margin-top:18px; max-width:none}\n  .ymx-hero .counter{order:-1; margin-left:0; width:100%; text-align:center}\n}\n@media(prefers-reduced-motion:reduce){ .ymx-hero .blob{animation:none} .ymx-hero .stage,.ymx-hero .infocard{transition:none!important} }\n<\/style>\n\n<!-- \u00edconos glass ymx- -->\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\n  <symbol id=\"ymx-length\" viewBox=\"0 0 48 48\"><defs>\n <linearGradient id=\"gBody-length\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#EAF2F9\"\/><stop offset=\"1\" stop-color=\"#BFD3E6\"\/><\/linearGradient>\n <linearGradient id=\"gBlue-length\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#CDE0EE\"\/><stop offset=\"1\" stop-color=\"#3060A8\"\/><\/linearGradient><\/defs>\n <rect x=\"6\" y=\"19\" width=\"36\" height=\"9\" rx=\"3\" fill=\"url(#gBody-length)\" opacity=\".9\"\/>\n <g stroke=\"#2B57A0\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M14 19 v6 M21 19 v4 M28 19 v6 M35 19 v4\"\/><\/g>\n <g stroke=\"#16344F\" stroke-width=\"2.4\" stroke-linecap=\"round\"><path d=\"M9 34 H39 M9 34 l3-2.4 M9 34 l3 2.4 M39 34 l-3-2.4 M39 34 l-3 2.4\"\/><\/g><\/symbol>\n  <symbol id=\"ymx-calendar\" viewBox=\"0 0 48 48\"><defs>\n <linearGradient id=\"gBody-calendar\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#EAF2F9\"\/><stop offset=\"1\" stop-color=\"#BFD3E6\"\/><\/linearGradient>\n <linearGradient id=\"gDeep-calendar\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#3A6CB5\"\/><stop offset=\"1\" stop-color=\"#16344F\"\/><\/linearGradient><\/defs>\n <rect x=\"8\" y=\"11\" width=\"32\" height=\"29\" rx=\"5\" fill=\"url(#gBody-calendar)\" opacity=\".9\"\/>\n <rect x=\"8\" y=\"11\" width=\"32\" height=\"9\" rx=\"5\" fill=\"url(#gDeep-calendar)\"\/>\n <rect x=\"15\" y=\"7\" width=\"3.4\" height=\"8\" rx=\"1.7\" fill=\"#16344F\"\/><rect x=\"29.6\" y=\"7\" width=\"3.4\" height=\"8\" rx=\"1.7\" fill=\"#16344F\"\/>\n <g fill=\"#2B57A0\"><circle cx=\"17\" cy=\"27\" r=\"2.2\"\/><circle cx=\"24\" cy=\"27\" r=\"2.2\"\/><circle cx=\"31\" cy=\"27\" r=\"2.2\"\/><circle cx=\"17\" cy=\"34\" r=\"2.2\"\/><circle cx=\"24\" cy=\"34\" r=\"2.2\"\/><\/g>\n <circle cx=\"31\" cy=\"34\" r=\"2.2\" fill=\"#7C5E2D\"\/><\/symbol>\n  <symbol id=\"ymx-guests\" viewBox=\"0 0 48 48\"><defs>\n <linearGradient id=\"gBody-guests\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#EAF2F9\"\/><stop offset=\"1\" stop-color=\"#BFD3E6\"\/><\/linearGradient>\n <linearGradient id=\"gBlue-guests\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#CDE0EE\"\/><stop offset=\"1\" stop-color=\"#3060A8\"\/><\/linearGradient>\n <radialGradient id=\"gHi-guests\" cx=\"0.32\" cy=\"0.24\" r=\"0.72\"><stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".75\"\/><stop offset=\"0.55\" stop-color=\"#fff\" stop-opacity=\"0\"\/><\/radialGradient><\/defs>\n <g opacity=\".5\" fill=\"url(#gBlue-guests)\"><circle cx=\"11\" cy=\"20\" r=\"5\"\/><path d=\"M3 36 a8 8 0 0 1 16 0Z\"\/><circle cx=\"37\" cy=\"20\" r=\"5\"\/><path d=\"M29 36 a8 8 0 0 1 16 0Z\"\/><\/g>\n <circle cx=\"24\" cy=\"17\" r=\"7\" fill=\"url(#gBody-guests)\" opacity=\".95\"\/>\n <path d=\"M12 38 a12 12 0 0 1 24 0Z\" fill=\"url(#gBody-guests)\" opacity=\".95\"\/>\n <circle cx=\"24\" cy=\"17\" r=\"7\" fill=\"url(#gHi-guests)\"\/><\/symbol>\n  <symbol id=\"ymx-cabins\" viewBox=\"0 0 48 48\"><defs>\n <linearGradient id=\"gBody-cabins\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#EAF2F9\"\/><stop offset=\"1\" stop-color=\"#BFD3E6\"\/><\/linearGradient>\n <linearGradient id=\"gBlue-cabins\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#CDE0EE\"\/><stop offset=\"1\" stop-color=\"#3060A8\"\/><\/linearGradient>\n <linearGradient id=\"gDeep-cabins\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#3A6CB5\"\/><stop offset=\"1\" stop-color=\"#16344F\"\/><\/linearGradient><\/defs>\n <path d=\"M8 32 v-5 a4 4 0 0 1 4-4 h24 a4 4 0 0 1 4 4 v5\" fill=\"url(#gBody-cabins)\" opacity=\".9\"\/>\n <rect x=\"6\" y=\"31\" width=\"36\" height=\"5\" rx=\"2\" fill=\"url(#gDeep-cabins)\"\/>\n <rect x=\"6\" y=\"35\" width=\"3\" height=\"5\" rx=\"1\" fill=\"#16344F\"\/><rect x=\"39\" y=\"35\" width=\"3\" height=\"5\" rx=\"1\" fill=\"#16344F\"\/>\n <rect x=\"12\" y=\"19.5\" width=\"9\" height=\"6\" rx=\"2.4\" fill=\"url(#gBlue-cabins)\"\/>\n <rect x=\"22\" y=\"19.5\" width=\"9\" height=\"6\" rx=\"2.4\" fill=\"url(#gBlue-cabins)\" opacity=\".7\"\/><\/symbol>\n<\/svg>\n\n<section class=\"ymx-hero\" id=\"ymxHero\">\n  <span class=\"blob a\"><\/span><span class=\"blob b\"><\/span><span class=\"blob c\"><\/span>\n\n  <div class=\"stage\" id=\"ymxStage\">\n    <div class=\"floor\"><\/div>\n    <div class=\"slide on\" data-i=\"0\"><video muted playsinline aria-label=\"Yate Azimut 90 en venta en M\u00e9xico\"><\/video><\/div>\n    <div class=\"slide\" data-i=\"1\"><video muted playsinline aria-label=\"Superyate Benetti Oasis 112 en venta en M\u00e9xico\"><\/video><\/div>\n    <div class=\"slide\" data-i=\"2\"><video muted playsinline aria-label=\"Catamar\u00e1n Lagoon 55 en venta en M\u00e9xico\"><\/video><\/div>\n  <\/div>\n\n  <div class=\"hero-inner\">\n    <div class=\"copy\">\n      <div class=\"eyebrow\">Brokerage de yates \u00b7 Baja California Sur<\/div>\n      <h1>Venta de <span class=\"it\">Yates<\/span> en M\u00e9xico<\/h1>\n      <p class=\"sub\">Tu pr\u00f3ximo yate te espera. Superyates y embarcaciones de lujo en venta, con asesor\u00eda completa, transacci\u00f3n segura y entrega en La Paz y Los Cabos.<\/p>\n      <div class=\"hero-ctas\">\n        <a href=\"\/vende-tu-yate\/\" class=\"btn btn--primary\">Vender mi yate <span class=\"arr\"><\/span><\/a>\n        <a href=\"\/venta-de-yates-mexico\/\" class=\"btn btn--ink\">Comprar un yate <span class=\"arr\"><\/span><\/a>\n      <\/div>\n      <div class=\"meta\">\n        <span><b>15<\/b>en venta<\/span>\n        <span><b>8+<\/b>a\u00f1os<\/span>\n        <span><b>14K+<\/b>clientes<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"infocard\" id=\"ymxCard\"><\/div>\n\n  <div class=\"controls\">\n    <div class=\"thumbs\" id=\"ymxThumbs\"><\/div>\n    <div class=\"arrows\">\n      <button id=\"ymxPrev\" aria-label=\"Anterior\">\u2039<\/button>\n      <button id=\"ymxNext\" aria-label=\"Siguiente\">\u203a<\/button>\n    <\/div>\n    <div class=\"progress\"><i id=\"ymxBar\"><\/i><\/div>\n    <div class=\"counter\"><b id=\"ymxCur\">01<\/b> \/ <span id=\"ymxTot\">03<\/span><\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  \/* ===== EDITA AQU\u00cd si tus URLs de Medios son distintas ===== *\/\n  const MEDIA = {\n    base: \"https:\/\/yatesmexico.com\/wp-content\/uploads\/2026\/06\/\",\n    videos:  [\"azimut90_3d.webm\",\"benetti112_3d.webm\",\"lagoon55_3d.webm\"],\n    posters: [\"azimut90_poster.png\",\"benetti112_poster.png\",\"lagoon55_poster.png\"]\n  };\n  \/* ========================================================= *\/\n\n  const HERO=[\n    { brand:\"Azimut\", name:\"Grande 27M\", sub:\"90\u2032 \u00b7 Flybridge\", year:\"2019\", loa:\"90\u2032\", guests:\"12\", cabins:\"5\",\n      price:\"USD $4.9M\", loc:\"La Paz, BCS \u00b7 M\u00e9xico\", status:\"En venta \u00b7 Motor\",\n      cta:\"Ver en venta\", href:\"\/venta-de-yates-mexico\/\" },\n    { brand:\"Benetti\", name:\"Oasis 112\u2032\", sub:\"Oasis 34M\", year:\"2023\", loa:\"112\u2032\", guests:\"10\", cabins:\"5\",\n      price:\"USD $16.99M\", loc:\"Florida \u00b7 entrega MX\", status:\"En venta \u00b7 Exclusivo\",\n      cta:\"Ver ficha\", href:\"https:\/\/yatesmexico.com\/yacht_sales\/benetti112-2\/\" },\n    { brand:\"Lagoon\", name:\"55\u2032\", sub:\"Flybridge\", year:\"2023\", loa:\"55\u2032\", guests:\"8\", cabins:\"4\",\n      price:\"USD $1.75M\", loc:\"La Paz, BCS \u00b7 Exclusiva\", status:\"En venta \u00b7 Catamar\u00e1n\",\n      cta:\"Ver ficha\", href:\"https:\/\/yatesmexico.com\/yacht_sales\/lagoon55\/\" }\n  ];\n  const LABELS=[\"Azimut 90\u2032\",\"Benetti 112\u2032\",\"Lagoon 55\u2032\"];\n  const POSTERS=MEDIA.posters.map(p=>MEDIA.base+p);\n\n  const root=document.getElementById('ymxHero');\n  const card=document.getElementById('ymxCard'), stage=document.getElementById('ymxStage');\n  const slides=[...stage.querySelectorAll('.slide')], vids=slides.map(s=>s.querySelector('video'));\n  const thumbsEl=document.getElementById('ymxThumbs'), bar=document.getElementById('ymxBar');\n  const curEl=document.getElementById('ymxCur'), totEl=document.getElementById('ymxTot');\n  let i=0, fallback=null; const FALLBACK_MS=8000;\n  totEl.textContent=String(HERO.length).padStart(2,'0');\n\n  \/\/ asigna src\/poster desde MEDIA\n  vids.forEach((v,k)=>{ v.src=MEDIA.base+MEDIA.videos[k]; v.poster=POSTERS[k]; v.preload=(k===0?'auto':'none'); });\n\n  function renderCard(d){\n    const ext=\/^https?:\/.test(d.href);\n    card.innerHTML='<span class=\"infocard__blob\"><\/span><span class=\"infocard__blob two\"><\/span>'\n      +'<div class=\"infocard__frost\">'\n      +'<div class=\"status\"><i><\/i>'+d.status+'<\/div>'\n      +'<div class=\"brand\">'+d.brand+'<\/div>'\n      +'<div class=\"name\">'+d.name+(d.sub?' <small>'+d.sub+'<\/small>':'')+'<\/div>'\n      +'<div class=\"specrow\">'\n      +'<div><svg class=\"sico\"><use href=\"#ymx-length\"\/><\/svg><div class=\"v\">'+d.loa+'<\/div><div class=\"k\">Eslora<\/div><\/div>'\n      +'<div><svg class=\"sico\"><use href=\"#ymx-calendar\"\/><\/svg><div class=\"v\">'+d.year+'<\/div><div class=\"k\">A\u00f1o<\/div><\/div>'\n      +'<div><svg class=\"sico\"><use href=\"#ymx-guests\"\/><\/svg><div class=\"v\">'+d.guests+'<\/div><div class=\"k\">Hu\u00e9sp.<\/div><\/div>'\n      +'<div><svg class=\"sico\"><use href=\"#ymx-cabins\"\/><\/svg><div class=\"v\">'+d.cabins+'<\/div><div class=\"k\">Cabinas<\/div><\/div>'\n      +'<\/div>'\n      +'<div class=\"priceline\"><span class=\"price\">'+d.price+'<\/span><span class=\"loc\">'+d.loc+'<\/span><\/div>'\n      +'<div class=\"card-cta\">'\n      +'<a class=\"btn btn--primary\" href=\"'+d.href+'\"'+(ext?' target=\"_blank\" rel=\"noopener\"':'')+'>'+d.cta+' <span class=\"arr\"><\/span><\/a>'\n      +'<a class=\"btn btn--outline\" href=\"tel:+526121943067\">Cotizar<\/a>'\n      +'<\/div><\/div>';\n  }\n  function renderThumbs(){\n    thumbsEl.innerHTML=HERO.map(function(d,k){\n      return '<button class=\"thumb '+(k===0?'on':'')+'\" data-k=\"'+k+'\" aria-label=\"'+LABELS[k]+'\">'\n        +'<img decoding=\"async\" src=\"'+POSTERS[k]+'\" alt=\"'+LABELS[k]+'\"><span class=\"lbl\">'+LABELS[k]+'<\/span><\/button>';\n    }).join('');\n    thumbsEl.querySelectorAll('.thumb').forEach(function(t){ t.onclick=function(){ go(+t.dataset.k); }; });\n  }\n  function go(n){\n    i=(n+HERO.length)%HERO.length;\n    slides.forEach(function(s){ s.classList.toggle('on', +s.dataset.i===i); });\n    thumbsEl.querySelectorAll('.thumb').forEach(function(t,k){ t.classList.toggle('on',k===i); });\n    renderCard(HERO[i]);\n    curEl.textContent=String(i+1).padStart(2,'0');\n    bar.style.width='0%';\n    var nx=vids[(i+1)%vids.length]; if(nx&&nx.preload==='none'){ nx.preload='auto'; nx.load(); }\n    vids.forEach(function(v,k){ if(k===i){ try{ v.currentTime=0; var p=v.play(); if(p&&p.catch)p.catch(function(){}); }catch(e){} } else { v.pause(); } });\n    clearTimeout(fallback); fallback=setTimeout(function(){ go(i+1); }, FALLBACK_MS);\n  }\n  function next(){go(i+1);} function prev(){go(i-1);}\n  vids.forEach(function(v,k){\n    v.addEventListener('ended', function(){ if(k===i) next(); });\n    v.addEventListener('timeupdate', function(){ if(k===i && v.duration){ bar.style.width=(v.currentTime\/v.duration*100)+'%'; } });\n  });\n  document.getElementById('ymxNext').onclick=next;\n  document.getElementById('ymxPrev').onclick=prev;\n\n  var reduce=(typeof matchMedia==='function')&&matchMedia('(prefers-reduced-motion:reduce)').matches;\n  if(!reduce){\n    root.addEventListener('pointermove',function(e){\n      if(window.innerWidth<=880) return;\n      var r=root.getBoundingClientRect();\n      var px=(e.clientX-r.left)\/r.width-.5, py=(e.clientY-r.top)\/r.height-.5;\n      stage.style.transform='translate(-50%,-50%) perspective(1400px) rotateY('+(px*4)+'deg) rotateX('+(-py*3)+'deg)';\n      card.style.transform='perspective(1200px) rotateY('+(px*2.5)+'deg) rotateX('+(-py*2)+'deg) translateZ(16px)';\n    });\n    root.addEventListener('pointerleave',function(){ stage.style.transform=''; card.style.transform=''; });\n  }\n  window.addEventListener('pointermove', function(e){\n    var r=card.getBoundingClientRect(); if(!r.width) return;\n    card.style.setProperty('--mx',(e.clientX-r.left)+'px');\n    card.style.setProperty('--my',(e.clientY-r.top)+'px');\n    card.classList.toggle('glow', e.clientX>r.left-200 && e.clientX<r.right+200 && e.clientY>r.top-200 && e.clientY<r.bottom+200);\n  }, {passive:true});\n\n  renderThumbs(); go(0);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f74cf56 e-con-full e-flex e-con e-parent\" data-id=\"f74cf56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83aa915 elementor-widget elementor-widget-html\" data-id=\"83aa915\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!--\n==================================================================\n  YATES M\u00c9XICO\u00ae \u2014 FILTRO + FLOTA EN VENTA (solo flota propia)\n  15 yates de Yates M\u00e9xico (con foto y ficha en yatesmexico.com).\n  Widget HTML de Elementor. Scopeado en .ymx-fleet.\n  Galer\u00eda aparece solo al buscar. Inputs con efecto POZO del design system.\n==================================================================\n-->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Spectral:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Gabarito:wght@500;600;700&family=Inter+Tight:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n.ymx-fleet{\n  --salt:#FAFAF6; --bone:#F4EFE6; --bone-deep:#ECE4D6; --fog:#D2CCBE; --sky:#CDE0EE; --hair:#D2CCBE;\n  --abyss:#0B1B2B; --hull:#1C3048; --aqua:#2A8FA0; --aqua-tx:#16606E; --coral:#D9501E; --coral-tx:#B23F18;\n  --bronze:#B08D57; --bronze-tx:#7C5E2D; --bronze-deep:#8A6E40; --gold:#E8B850;\n  --ink:#0B1B2B; --muted:#6B6457; --text-muted:#6B7989; --line:rgba(11,27,43,.14); --hairline:rgba(11,27,43,.10);\n  --inset:inset 4px 4px 10px rgba(180,164,138,.5), inset -4px -4px 10px rgba(255,255,255,.85);\n  --r-btn:10px; --r-card:3px;\n  --serif:'Spectral',Georgia,serif; --kick:'Gabarito',sans-serif; --body:'Inter Tight',system-ui,sans-serif; --mono:'JetBrains Mono',monospace;\n  --shadow-warm:0 1px 0 rgba(255,251,243,.9), 14px 22px 50px rgba(13,38,38,.16); --ease:cubic-bezier(.22,.61,.36,1); --dur:320ms;\n  font-family:var(--body); color:var(--ink); background:var(--bone); display:block;\n}\n.ymx-fleet *{box-sizing:border-box}\n.ymx-fleet img,.ymx-fleet svg{display:block; max-width:100%}\n.ymx-fleet a{color:inherit; text-decoration:none}\n.ymx-fleet .eyebrow{display:inline-flex; align-items:center; gap:10px; font-family:var(--mono); font-weight:500; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--aqua-tx)}\n.ymx-fleet .eyebrow::before{content:\"\"; width:26px; height:1px; background:var(--bronze)}\n.ymx-fleet .btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:13px 22px; border-radius:var(--r-btn); font-family:var(--kick); font-weight:600; font-size:12px; letter-spacing:.06em; border:1px solid currentColor; background:transparent; color:var(--ink); cursor:pointer; white-space:nowrap; transition:all 220ms var(--ease); line-height:1}\n.ymx-fleet .btn .arr{width:8px; height:8px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg); transition:transform 220ms var(--ease)}\n.ymx-fleet .btn:hover .arr{transform:rotate(45deg) translate(2px,-2px)}\n.ymx-fleet .btn--primary{background:var(--coral); color:#fff; border-color:var(--coral)} .ymx-fleet .btn--primary:hover{background:var(--coral-tx); border-color:var(--coral-tx)}\n.ymx-fleet .btn--ink{background:var(--abyss); color:var(--bone); border-color:var(--abyss)} .ymx-fleet .btn--ink:hover{background:var(--bronze-deep); border-color:var(--bronze-deep)}\n.ymx-fleet .btn--ghost{background:transparent; color:var(--text-muted); border-color:var(--line)} .ymx-fleet .btn--ghost:hover{color:var(--coral); border-color:var(--coral)}\n.ymx-fleet .shell{max-width:1320px; margin:0 auto; padding:0 clamp(20px,4vw,56px)}\n\n\/* ---- FILTRO ---- *\/\n.ymx-fleet .filter{background:rgba(244,239,230,.98); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); padding:clamp(26px,4vw,48px) 0 clamp(22px,3vw,34px); border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline); position:sticky; top:0; z-index:40; transition:box-shadow .2s var(--ease); transform:translateZ(0); backface-visibility:hidden}\n.ymx-fleet .filter-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--hairline); flex-wrap:wrap; transition:all .35s var(--ease)}\n.ymx-fleet .filter-title{font-family:var(--serif); font-weight:400; font-size:clamp(26px,3vw,40px); line-height:1.05; margin:8px 0 0; letter-spacing:-.018em}\n.ymx-fleet .filter-title em{font-style:italic; color:var(--bronze-deep)}\n.ymx-fleet .filter-count{font-family:var(--mono); font-weight:500; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--text-muted); padding:10px 16px; background:var(--salt); border:1px solid var(--hairline); border-radius:var(--r-btn); white-space:nowrap; box-shadow:var(--inset)}\n.ymx-fleet .filter-count strong{color:var(--ink); font-weight:600}\n.ymx-fleet .frow{display:grid; grid-template-columns:repeat(6,1fr); gap:12px; margin-bottom:14px}\n.ymx-fleet .ff{display:flex; flex-direction:column; gap:7px}\n.ymx-fleet .ff--wide{grid-column:span 2}\n.ymx-fleet .flabel{font-family:var(--mono); font-weight:500; font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--text-muted); padding-left:3px}\n\/* inputs = POZO neum\u00f3rfico (design system) *\/\n.ymx-fleet .finput,.ymx-fleet .fselect{font-family:var(--body); font-size:14px; color:var(--ink); padding:13px 16px; background:var(--salt); border:1px solid var(--hair); border-radius:var(--r-card); appearance:none; cursor:pointer; width:100%; box-shadow:var(--inset); transition:border-color .14s var(--ease), box-shadow .14s var(--ease)}\n.ymx-fleet .finput::placeholder{color:var(--muted); opacity:.65}\n.ymx-fleet .finput:focus,.ymx-fleet .fselect:focus{outline:none; border-color:var(--aqua); box-shadow:var(--inset), 0 0 0 3px rgba(42,143,160,.18)}\n.ymx-fleet .fselect{padding-right:38px; background-image:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1L5 5L9 1' stroke='%230B1B2B' stroke-width='1.4' fill='none' stroke-linecap='round'\/><\/svg>\"); background-repeat:no-repeat; background-position:right 16px center}\n.ymx-fleet .rfield{background:var(--salt); border:1px solid var(--hair); border-radius:var(--r-card); padding:11px 16px 13px; box-shadow:var(--inset)}\n.ymx-fleet .rhead{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:7px}\n.ymx-fleet .rkey{font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.2em; text-transform:uppercase; color:var(--text-muted)}\n.ymx-fleet .rval{font-family:var(--mono); font-size:11.5px; font-weight:500; color:var(--ink)}\n.ymx-fleet .rwrap{position:relative; height:20px}\n.ymx-fleet .rtrack{position:absolute; top:9px; left:0; right:0; height:3px; background:var(--bone-deep); border-radius:999px; box-shadow:inset 1px 1px 3px rgba(180,164,138,.6)}\n.ymx-fleet .rfill{position:absolute; top:0; height:100%; background:var(--ink); border-radius:999px}\n.ymx-fleet .rwrap input[type=range]{position:absolute; top:0; left:0; width:100%; height:20px; background:transparent; appearance:none; -webkit-appearance:none; pointer-events:none; margin:0}\n.ymx-fleet .rwrap input[type=range]::-webkit-slider-thumb{appearance:none; -webkit-appearance:none; width:18px; height:18px; border-radius:50%; background:var(--salt); border:2px solid var(--ink); pointer-events:auto; cursor:grab; box-shadow:2px 2px 5px rgba(180,164,138,.7), -1px -1px 3px #fff}\n.ymx-fleet .rwrap input[type=range]::-moz-range-thumb{width:18px; height:18px; border-radius:50%; background:var(--salt); border:2px solid var(--ink); pointer-events:auto; cursor:grab}\n.ymx-fleet .factions{display:flex; gap:14px; justify-content:space-between; align-items:flex-end; margin-top:8px; flex-wrap:wrap}\n.ymx-fleet .sortbox{display:flex; flex-direction:column; gap:7px; min-width:200px}\n.ymx-fleet .abtns{display:flex; gap:10px; align-items:center; margin-left:auto}\n.ymx-fleet .chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:18px}\n.ymx-fleet .chips:empty{display:none}\n.ymx-fleet .chip{display:inline-flex; align-items:center; gap:8px; padding:7px 6px 7px 14px; background:var(--salt); border:1px solid var(--hairline); border-radius:var(--r-btn); font-family:var(--mono); font-size:11px; font-weight:500; color:var(--ink)}\n.ymx-fleet .chip b{display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:var(--ink); color:var(--bone); cursor:pointer; font-size:12px; line-height:1}\n.ymx-fleet .chip b:hover{background:var(--coral)}\n\/* El filtro ya no cambia de altura al hacer scroll. Esto evita trabas \/ saltos en Safari y mobile. *\/\n.ymx-fleet .filter.is-stuck{box-shadow:0 10px 28px rgba(11,27,43,.08)}\n@media(max-width:1100px){.ymx-fleet .frow{grid-template-columns:repeat(3,1fr)} .ymx-fleet .ff--wide{grid-column:span 3}}\n@media(max-width:680px){.ymx-fleet .filter{position:relative; top:auto; padding:24px 0 22px; -webkit-backdrop-filter:none; backdrop-filter:none} .ymx-fleet .filter-head{margin-bottom:18px; padding-bottom:16px} .ymx-fleet .filter-title{font-size:clamp(24px,7vw,32px)} .ymx-fleet .frow{grid-template-columns:1fr 1fr; gap:10px} .ymx-fleet .ff--wide{grid-column:span 2} .ymx-fleet .factions{flex-wrap:wrap} .ymx-fleet .abtns{margin-left:0; width:100%} .ymx-fleet .abtns .btn{flex:1; min-width:0} .ymx-fleet .sortbox{width:100%; min-width:0}}\n\n\/* ---- GALER\u00cdA ---- *\/\n.ymx-fleet .gallery{padding:clamp(40px,6vw,90px) 0 clamp(56px,8vw,120px); background:var(--bone); scroll-margin-top:18px}\n.ymx-fleet .grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px}\n.ymx-fleet[data-state=\"idle\"] .grid,.ymx-fleet[data-state=\"idle\"] .empty{display:none}\n.ymx-fleet[data-state=\"results\"] .prompt,.ymx-fleet[data-state=\"results\"] .empty{display:none}\n.ymx-fleet[data-state=\"empty\"] .grid,.ymx-fleet[data-state=\"empty\"] .prompt{display:none}\n.ymx-fleet .prompt{text-align:center; padding:64px 28px; border:1px dashed var(--line); border-radius:var(--r-card); background:linear-gradient(180deg,var(--salt),var(--bone))}\n.ymx-fleet .prompt svg{width:50px; height:50px; margin:0 auto 16px; color:var(--bronze)}\n.ymx-fleet .prompt h3{font-family:var(--serif); font-style:italic; font-weight:400; font-size:clamp(24px,3vw,32px); margin:0 0 10px}\n.ymx-fleet .prompt p{color:var(--text-muted); max-width:52ch; margin:0 auto 22px}\n.ymx-fleet .empty{text-align:center; padding:70px 28px; border:1px dashed var(--line); border-radius:var(--r-card); background:var(--salt)}\n.ymx-fleet .empty h3{font-family:var(--serif); font-style:italic; font-weight:400; font-size:28px; margin:0 0 10px}\n.ymx-fleet .empty p{color:var(--text-muted); max-width:48ch; margin:0 auto 22px}\n.ymx-fleet .card{background:var(--salt); border:1px solid var(--hairline); border-radius:var(--r-card); display:flex; flex-direction:column; overflow:hidden; transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}\n.ymx-fleet .card:hover{transform:translateY(-4px); box-shadow:var(--shadow-warm); border-color:rgba(11,27,43,.18)}\n.ymx-fleet .media{position:relative; width:100%; aspect-ratio:4\/3; background:var(--bone-deep); overflow:hidden}\n.ymx-fleet .media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1; transition:transform .6s var(--ease)}\n.ymx-fleet .card:hover .media img{transform:scale(1.05)}\n.ymx-fleet .ph{position:absolute; inset:0; z-index:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; background:linear-gradient(135deg,var(--hull),var(--abyss)); color:rgba(255,255,255,.5)}\n.ymx-fleet .ph svg{width:50px; height:50px; opacity:.6} .ymx-fleet .ph span{font-family:var(--mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase}\n.ymx-fleet .badge{position:absolute; top:14px; left:14px; z-index:3; padding:7px 12px; background:var(--ink); color:var(--bone); font-family:var(--kick); font-weight:600; font-size:10px; letter-spacing:.16em; text-transform:uppercase; border-radius:var(--r-card)}\n.ymx-fleet .badge.feat{background:var(--bronze-deep)} .ymx-fleet .badge.drop{background:var(--coral)}\n.ymx-fleet .loc{position:absolute; right:14px; bottom:14px; z-index:3; display:inline-flex; align-items:center; gap:7px; padding:7px 12px; background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-radius:var(--r-btn); font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--ink)}\n.ymx-fleet .loc::before{content:\"\"; width:6px; height:6px; border-radius:50%; background:var(--bronze)}\n.ymx-fleet .body{padding:24px 22px 20px; display:flex; flex-direction:column; flex:1}\n.ymx-fleet .cap{display:flex; justify-content:space-between; gap:10px; font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--text-muted); margin-bottom:12px}\n.ymx-fleet .cap .bd{color:var(--ink)}\n.ymx-fleet .nm{font-family:var(--serif); font-weight:400; font-size:23px; line-height:1.12; letter-spacing:-.015em; margin:0 0 6px}\n.ymx-fleet .nm em{font-style:italic; color:var(--bronze-deep)}\n.ymx-fleet .sub{font-family:var(--serif); font-style:italic; font-size:14px; color:var(--text-muted); margin:0 0 20px}\n.ymx-fleet .specs{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:16px 0; border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline); margin-bottom:16px}\n.ymx-fleet .spec{display:flex; flex-direction:column; gap:3px}\n.ymx-fleet .spec .k{font-family:var(--mono); font-size:9px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; color:var(--text-muted)}\n.ymx-fleet .spec .v{font-family:var(--serif); font-size:18px; color:var(--ink)} .ymx-fleet .spec .v sub{font-size:10px; color:var(--text-muted); font-family:var(--mono)}\n.ymx-fleet .foot{display:flex; justify-content:space-between; align-items:baseline; margin-top:auto}\n.ymx-fleet .foot .k{font-family:var(--mono); font-size:10px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; color:var(--text-muted)}\n.ymx-fleet .foot .v{font-family:var(--serif); font-size:21px; color:var(--ink)}\n.ymx-fleet .cta{margin-top:16px; padding-top:16px; border-top:1px solid var(--hairline); display:flex; justify-content:space-between; align-items:center}\n.ymx-fleet .cta .lnk{font-family:var(--kick); font-weight:600; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink)}\n.ymx-fleet .arrow{width:38px; height:38px; border-radius:var(--r-btn); background:var(--ink); color:var(--bone); display:flex; align-items:center; justify-content:center; transition:background var(--dur),transform var(--dur)}\n.ymx-fleet .card:hover .arrow{background:var(--bronze-deep); transform:translateX(4px)}\n.ymx-fleet .arrow i{width:8px; height:8px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg); margin-right:2px; display:block}\n@media(max-width:1040px){.ymx-fleet .grid{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:600px){.ymx-fleet .grid{grid-template-columns:repeat(2,1fr); gap:12px} .ymx-fleet .body{padding:16px 14px} .ymx-fleet .nm{font-size:17px} .ymx-fleet .sub{display:none} .ymx-fleet .specs{grid-template-columns:repeat(2,1fr); gap:8px; padding:12px 0; margin-bottom:12px} .ymx-fleet .spec .v{font-size:15px} .ymx-fleet .foot .v{font-size:16px} .ymx-fleet .cta .lnk{display:none}}\n<\/style>\n\n<div class=\"ymx-fleet\" id=\"ymxFleet\" data-state=\"idle\">\n  <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\n    <symbol id=\"ymxf-yacht\" viewBox=\"0 0 64 64\"><path fill=\"currentColor\" d=\"M4 44h56l-4 8H8l-4-8zm8-4V28h40v12H12zm4-4h32v-4H16v4zm8-12V14h12v10H24z\"\/><\/symbol>\n    <symbol id=\"ymxf-search\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><\/symbol>\n  <\/svg>\n\n  <section class=\"filter\" id=\"ymxFilter\">\n    <div class=\"shell\">\n      <div class=\"filter-head\">\n        <div>\n          <span class=\"eyebrow\">Flota en venta \u00b7 Yates M\u00e9xico<\/span>\n          <h2 class=\"filter-title\">Encuentra tu <em>pr\u00f3ximo yate<\/em><\/h2>\n        <\/div>\n        <div class=\"filter-count\"><strong id=\"ymxCount\">0<\/strong> \u00b7 de <span id=\"ymxTotal\">0<\/span> yates<\/div>\n      <\/div>\n      <div class=\"frow\">\n        <div class=\"ff ff--wide\"><label class=\"flabel\" for=\"ymxName\">Buscar<\/label>\n          <input type=\"search\" id=\"ymxName\" class=\"finput\" placeholder=\"Benetti, Sanlorenzo, Lagoon, La Paz\u2026\"><\/div>\n        <div class=\"ff\"><label class=\"flabel\" for=\"ymxType\">Tipo<\/label>\n          <select id=\"ymxType\" class=\"fselect\"><option value=\"\">Todos<\/option><option>Motor<\/option><option>Catamar\u00e1n<\/option><\/select><\/div>\n        <div class=\"ff\"><label class=\"flabel\" for=\"ymxCab\">Cabinas<\/label>\n          <select id=\"ymxCab\" class=\"fselect\"><option value=\"\">Todas<\/option><option value=\"4\">4+<\/option><option value=\"5\">5+<\/option><option value=\"6\">6+<\/option><\/select><\/div>\n        <div class=\"ff\"><label class=\"flabel\" for=\"ymxLoc\">Ubicaci\u00f3n<\/label>\n          <select id=\"ymxLoc\" class=\"fselect\"><option value=\"\">Todas<\/option><option>La Paz<\/option><option>Miami<\/option><option>Florida<\/option><option>Canc\u00fan<\/option><option>Build to order<\/option><\/select><\/div>\n        <div class=\"ff\"><label class=\"flabel\" for=\"ymxBuilder\">Astillero<\/label>\n          <select id=\"ymxBuilder\" class=\"fselect\"><option value=\"\">Todos<\/option><option>Azimut<\/option><option>Benetti<\/option><option>Custom Line<\/option><option>Ferretti<\/option><option>Lagoon<\/option><option>Moon Yacht<\/option><option>Sanlorenzo<\/option><option>Sunseeker<\/option><\/select><\/div>\n      <\/div>\n      <div class=\"frow frow--ranges\">\n        <div class=\"ff ff--wide\"><div class=\"rfield\">\n          <div class=\"rhead\"><span class=\"rkey\">Eslora<\/span><span class=\"rval\"><span class=\"rmin\">50\u2032<\/span> \u2014 <span class=\"rmax\">120\u2032+<\/span><\/span><\/div>\n          <div class=\"rwrap\" data-r=\"length\" data-min=\"50\" data-max=\"120\"><div class=\"rtrack\"><div class=\"rfill\"><\/div><\/div>\n          <input type=\"range\" min=\"50\" max=\"120\" value=\"50\" class=\"rlo\"><input type=\"range\" min=\"50\" max=\"120\" value=\"120\" class=\"rhi\"><\/div><\/div><\/div>\n        <div class=\"ff ff--wide\"><div class=\"rfield\">\n          <div class=\"rhead\"><span class=\"rkey\">Precio USD<\/span><span class=\"rval\"><span class=\"rmin\">$0<\/span> \u2014 <span class=\"rmax\">$17M+<\/span><\/span><\/div>\n          <div class=\"rwrap\" data-r=\"price\" data-min=\"0\" data-max=\"17000000\" data-step=\"50000\"><div class=\"rtrack\"><div class=\"rfill\"><\/div><\/div>\n          <input type=\"range\" min=\"0\" max=\"17000000\" step=\"50000\" value=\"0\" class=\"rlo\"><input type=\"range\" min=\"0\" max=\"17000000\" step=\"50000\" value=\"17000000\" class=\"rhi\"><\/div><\/div><\/div>\n        <div class=\"ff ff--wide\"><div class=\"rfield\">\n          <div class=\"rhead\"><span class=\"rkey\">A\u00f1o<\/span><span class=\"rval\"><span class=\"rmin\">2008<\/span> \u2014 <span class=\"rmax\">2026<\/span><\/span><\/div>\n          <div class=\"rwrap\" data-r=\"year\" data-min=\"2008\" data-max=\"2026\"><div class=\"rtrack\"><div class=\"rfill\"><\/div><\/div>\n          <input type=\"range\" min=\"2008\" max=\"2026\" value=\"2008\" class=\"rlo\"><input type=\"range\" min=\"2008\" max=\"2026\" value=\"2026\" class=\"rhi\"><\/div><\/div><\/div>\n      <\/div>\n      <div class=\"factions\">\n        <div class=\"sortbox\"><label class=\"flabel\" for=\"ymxSort\">Ordenar<\/label>\n          <select id=\"ymxSort\" class=\"fselect\"><option value=\"featured\">Destacados<\/option><option value=\"price-desc\">Precio \u2193<\/option><option value=\"price-asc\">Precio \u2191<\/option><option value=\"length-desc\">Eslora \u2193<\/option><option value=\"year-desc\">A\u00f1o reciente<\/option><\/select><\/div>\n        <div class=\"abtns\">\n          <button type=\"button\" class=\"btn btn--ghost\" id=\"ymxReset\">Limpiar filtros<\/button>\n          <button type=\"button\" class=\"btn btn--primary\" id=\"ymxSearch\">Encontrar yate <span class=\"arr\"><\/span><\/button>\n        <\/div>\n      <\/div>\n      <div class=\"chips\" id=\"ymxChips\"><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"gallery\">\n    <div class=\"shell\">\n      <div class=\"prompt\" id=\"ymxPrompt\">\n        <svg><use href=\"#ymxf-search\"\/><\/svg>\n        <h3>Ajusta los filtros y pulsa \u201cEncontrar yate\u201d<\/h3>\n        <p>Mostramos la flota cuando defines lo que buscas: marca, eslora, precio o a\u00f1o. 15 yates en venta con Yates M\u00e9xico.<\/p>\n        <button type=\"button\" class=\"btn btn--ink\" id=\"ymxShowAll\">Ver toda la flota <span class=\"arr\"><\/span><\/button>\n      <\/div>\n      <div class=\"grid\" id=\"ymxGrid\"><\/div>\n      <div class=\"empty\" id=\"ymxEmpty\">\n        <h3>No hay yates con esos filtros<\/h3>\n        <p>Ajusta tu b\u00fasqueda o solicita una b\u00fasqueda privada con nuestro equipo.<\/p>\n        <a href=\"\/contacto\/\" class=\"btn btn--primary\">Solicitar b\u00fasqueda privada <span class=\"arr\"><\/span><\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  const FLEET=[{\"b\":\"Benetti\",\"n\":\"Benetti 112\u2032\",\"m\":\"112'\",\"y\":2023,\"l\":112,\"r\":\"Florida\",\"p\":16999990,\"t\":\"Motor\",\"c\":5,\"ba\":5,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2026\/04\/AZIMUT-21.webp\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/benetti112-2\/\",\"drop\":false,\"note\":null,\"f\":true},{\"b\":\"Sanlorenzo\",\"n\":\"Sanlorenzo 118\u2032\",\"m\":\"118' (SD118)\",\"y\":2023,\"l\":118,\"r\":\"Miami\",\"p\":16900000,\"t\":\"Motor\",\"c\":5,\"ba\":7,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2026\/04\/AZIMUT-20.webp\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/sanlorenzo118\/\",\"drop\":false,\"note\":null,\"f\":true},{\"b\":\"Custom Line\",\"n\":\"Custom Line 108\u2032\",\"m\":\"Navetta 108'\",\"y\":2023,\"l\":108,\"r\":\"Miami\",\"p\":12950000,\"t\":\"Motor\",\"c\":5,\"ba\":5,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2026\/04\/AZIMUT-1.webp\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/custom108\/\",\"drop\":false,\"note\":null,\"f\":true},{\"b\":\"Moon Yacht\",\"n\":\"Moon Yacht 100\u2032\",\"m\":\"100' Power Catamaran\",\"y\":2026,\"l\":100,\"r\":\"Build to order\",\"p\":12154000,\"t\":\"Catamar\u00e1n\",\"c\":null,\"ba\":null,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2024\/06\/VENTA-DE-YATES-MEXICO.webp\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/moon100\/\",\"drop\":false,\"note\":null,\"f\":false},{\"b\":\"Azimut\",\"n\":\"Azimut 116\u2032\",\"m\":\"116' Grande 35 Metri\",\"y\":2019,\"l\":116,\"r\":\"La Paz\",\"p\":9400000,\"t\":\"Motor\",\"c\":5,\"ba\":5,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2025\/05\/YATES M\u00c9XICO-AZIMUT-116-.webp\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/azimut116\/\",\"drop\":true,\"note\":null,\"f\":false},{\"b\":\"Sanlorenzo\",\"n\":\"Sanlorenzo 102\u2032\",\"m\":\"102' (SL102A)\",\"y\":2019,\"l\":102,\"r\":\"La Paz\",\"p\":7500000,\"t\":\"Motor\",\"c\":5,\"ba\":6,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2026\/04\/ARIES35.webp\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/sanlorenzo102\/\",\"drop\":false,\"note\":null,\"f\":false},{\"b\":\"Azimut\",\"n\":\"Azimut 82\u2032\",\"m\":\"Magellano 25 Metri\",\"y\":2023,\"l\":82,\"r\":\"Miami\",\"p\":5100000,\"t\":\"Motor\",\"c\":4,\"ba\":null,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2025\/10\/AZIMUT-116-SOL.jpg\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/azimut82\/\",\"drop\":false,\"note\":null,\"f\":false},{\"b\":\"Ferretti\",\"n\":\"Ferretti 78\u2032\",\"m\":\"780\",\"y\":2023,\"l\":78,\"r\":\"Miami\",\"p\":4900000,\"t\":\"Motor\",\"c\":4,\"ba\":4,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2025\/11\/VENTA-DE-YATES-YATES M\u00c9XICO-1.webp\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/ferretti78\/\",\"drop\":false,\"note\":null,\"f\":false},{\"b\":\"Moon Yacht\",\"n\":\"Moon Yacht 60\u2032\",\"m\":\"60'\",\"y\":2025,\"l\":60,\"r\":\"Miami\",\"p\":4200000,\"t\":\"Catamar\u00e1n\",\"c\":5,\"ba\":5,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2026\/05\/MOON-2.webp\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/moon60power\/\",\"drop\":false,\"note\":null,\"f\":false},{\"b\":\"Azimut\",\"n\":\"Azimut 66\u2032\",\"m\":\"66\",\"y\":2017,\"l\":66,\"r\":\"Canc\u00fan\",\"p\":1800000,\"t\":\"Motor\",\"c\":4,\"ba\":3,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2025\/12\/DJI_Fly_0101.webp\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/azimut67\/\",\"drop\":false,\"note\":null,\"f\":false},{\"b\":\"Lagoon\",\"n\":\"Lagoon 55\u2032\",\"m\":\"55\",\"y\":2023,\"l\":55,\"r\":\"La Paz\",\"p\":1750000,\"t\":\"Catamar\u00e1n\",\"c\":4,\"ba\":4,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2026\/01\/LA-PAZ-YACHT-CHARTERS-CATAMARAN-FOR-RENT-LA-PAZ-YATES-MEXICO-YATES M\u00c9XICO-1-08.webp\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/lagoon55\/\",\"drop\":false,\"note\":null,\"f\":false},{\"b\":\"Ferretti\",\"n\":\"Ferretti 73\u2032\",\"m\":\"730\",\"y\":2013,\"l\":73,\"r\":\"La Paz\",\"p\":1600000,\"t\":\"Motor\",\"c\":4,\"ba\":3,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2025\/12\/AZIMUT-4.webp\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/ferretti73\/\",\"drop\":false,\"note\":null,\"f\":false},{\"b\":\"Sunseeker\",\"n\":\"Sunseeker 73\u2032\",\"m\":\"73'\",\"y\":2008,\"l\":73,\"r\":\"La Paz\",\"p\":920000,\"t\":\"Motor\",\"c\":4,\"ba\":4,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2024\/05\/AZIMUT.webp\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/sunseeker73\/\",\"drop\":false,\"note\":null,\"f\":false},{\"b\":\"Sunseeker\",\"n\":\"Sunseeker 76\u2032\",\"m\":\"76'\",\"y\":2019,\"l\":76,\"r\":\"La Paz\",\"p\":900000,\"t\":\"Motor\",\"c\":4,\"ba\":4,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2025\/09\/VENTA-DE-YATES-YATES M\u00c9XICO-8.webp\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/sunseeker76\/\",\"drop\":false,\"note\":\"25% fraccional\",\"f\":false},{\"b\":\"Azimut\",\"n\":\"Azimut 75\u2032\",\"m\":\"75' Jumbo\",\"y\":2009,\"l\":75,\"r\":\"La Paz\",\"p\":310000,\"t\":\"Motor\",\"c\":4,\"ba\":4,\"img\":\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2025\/03\/VENTA-DE-YATES-YATES M\u00c9XICO-10.webp\",\"u\":\"https:\/\/yatesmexico.com\/yacht_sales\/azimut75\/\",\"drop\":false,\"note\":\"25% fraccional\",\"f\":false}];\n\n  var MAXP=17000000, MAXL=120, MINY=2008, MAXY=2026, MINL=50;\n  var root=document.getElementById('ymxFleet');\n  var grid=document.getElementById('ymxGrid'), countEl=document.getElementById('ymxCount');\n  document.getElementById('ymxTotal').textContent=FLEET.length;\n  function fmtP(p){ if(p==null) return '\u2014'; if(p>=1e6){var m=p\/1e6; return 'USD $'+(m%1===0?m.toFixed(0):m.toFixed(2))+'M';} return 'USD $'+Math.round(p\/1000)+'K'; }\n  function shortP(v){ return v>=1e6 ? '$'+(v\/1e6).toFixed(1)+'M' : '$'+Math.round(v\/1000)+'K'; }\n  function esc(s){ return (s||'').replace(\/\"\/g,'&quot;'); }\n\n  function cardHTML(y){\n    var badge = y.drop ? '<span class=\"badge drop\">Price drop<\/span>' : (y.f ? '<span class=\"badge feat\">Destacado<\/span>' : '<span class=\"badge\">En venta<\/span>');\n    var media = y.img ? '<div class=\"ph\"><svg><use href=\"#ymxf-yacht\"\/><\/svg><span>'+esc(y.b)+'<\/span><\/div><img decoding=\"async\" src=\"'+esc(y.img)+'\" alt=\"'+esc(y.n)+'\" loading=\"lazy\" onerror=\"this.remove()\">'\n                      : '<div class=\"ph\"><svg><use href=\"#ymxf-yacht\"\/><\/svg><span>'+esc(y.b)+'<\/span><\/div>';\n    var price = (y.p==null) ? '<span class=\"v\" style=\"font-style:italic;color:#16606E;font-size:16px\">Bajo consulta<\/span>' : '<span class=\"v\">'+fmtP(y.p)+'<\/span>';\n    var sub = y.t + (y.c? ' \u00b7 '+y.c+' cab':'') + (y.ba? ' \/ '+y.ba+' ba\u00f1os':'');\n    return '<article class=\"card\">'\n      +'<div class=\"media\">'+media+badge+'<span class=\"loc\">'+esc(y.r)+'<\/span><\/div>'\n      +'<div class=\"body\"><div class=\"cap\"><span class=\"bd\">'+esc(y.b.toUpperCase())+'<\/span><span>'+(y.y||'\u2014')+'<\/span><\/div>'\n      +'<h3 class=\"nm\">'+esc(y.n)+'<\/h3><p class=\"sub\">'+esc(sub)+'<\/p>'\n      +'<div class=\"specs\"><div class=\"spec\"><span class=\"k\">LOA<\/span><span class=\"v\">'+(y.l? y.l+'<sub>ft<\/sub>':'\u2014')+'<\/span><\/div>'\n      +'<div class=\"spec\"><span class=\"k\">Cabinas<\/span><span class=\"v\">'+(y.c||'\u2014')+'<\/span><\/div>'\n      +'<div class=\"spec\"><span class=\"k\">A\u00f1o<\/span><span class=\"v\">'+(y.y||'\u2014')+'<\/span><\/div><\/div>'\n      +'<div class=\"foot\"><span class=\"k\">'+(y.note? esc(y.note.toUpperCase()) : (y.p==null?'Consultar':'Asking'))+'<\/span>'+price+'<\/div>'\n      +'<div class=\"cta\"><a class=\"lnk\" href=\"'+esc(y.u)+'\" target=\"_blank\" rel=\"noopener\">Ver ficha<\/a>'\n      +'<a class=\"arrow\" href=\"'+esc(y.u)+'\" target=\"_blank\" rel=\"noopener\" aria-label=\"Ver ficha\"><i><\/i><\/a><\/div><\/div><\/article>';\n  }\n\n  var DEF={name:'',type:'',cab:'',loc:'',builder:'',lMin:MINL,lMax:MAXL,pMin:0,pMax:MAXP,yMin:MINY,yMax:MAXY,sort:'featured',searched:false};\n  var KEY='ymx_flota_propia_v1', st=Object.assign({},DEF);\n\n  function apply(){\n    var list=FLEET.filter(function(y){\n      if(st.name){var q=st.name.toLowerCase(); if(!((y.n||'').toLowerCase().indexOf(q)>=0||(y.b||'').toLowerCase().indexOf(q)>=0||(y.m||'').toLowerCase().indexOf(q)>=0||(y.r||'').toLowerCase().indexOf(q)>=0)) return false;}\n      if(st.type && y.t!==st.type) return false;\n      if(st.cab && (y.c==null || y.c<+st.cab)) return false;\n      if(st.loc && y.r!==st.loc) return false;\n      if(st.builder && y.b!==st.builder) return false;\n      if(y.l!=null && (y.l<st.lMin || y.l>st.lMax)) return false;\n      if(y.y!=null && (y.y<st.yMin || y.y>st.yMax)) return false;\n      if(y.p!=null){ if(y.p<st.pMin || (st.pMax<MAXP && y.p>st.pMax)) return false; } else { if(st.pMin>0||st.pMax<MAXP) return false; }\n      return true;\n    });\n    var s=st.sort;\n    if(s==='price-desc') list.sort(function(a,b){return (b.p||0)-(a.p||0);});\n    else if(s==='price-asc') list.sort(function(a,b){return (a.p||1e12)-(b.p||1e12);});\n    else if(s==='length-desc') list.sort(function(a,b){return (b.l||0)-(a.l||0);});\n    else if(s==='year-desc') list.sort(function(a,b){return (b.y||0)-(a.y||0);});\n    else list.sort(function(a,b){return (b.f?1:0)-(a.f?1:0)||(b.p||0)-(a.p||0);});\n    countEl.textContent=list.length;\n    if(!st.searched) root.dataset.state='idle';\n    else if(!list.length){ root.dataset.state='empty'; grid.innerHTML=''; }\n    else { root.dataset.state='results'; grid.innerHTML=list.map(cardHTML).join(''); }\n    chips(); save();\n  }\n  function chips(){\n    var c=[];\n    if(st.name) c.push(['name','\"'+st.name+'\"']);\n    if(st.type) c.push(['type',st.type]);\n    if(st.cab) c.push(['cab',st.cab+'+ cabinas']);\n    if(st.loc) c.push(['loc',st.loc]);\n    if(st.builder) c.push(['builder',st.builder]);\n    if(st.lMin>MINL||st.lMax<MAXL) c.push(['length',st.lMin+'\u2032\u2014'+st.lMax+'\u2032']);\n    if(st.pMin>0||st.pMax<MAXP) c.push(['price',shortP(st.pMin)+'\u2014'+shortP(st.pMax)]);\n    if(st.yMin>MINY||st.yMax<MAXY) c.push(['year',st.yMin+'\u2014'+st.yMax]);\n    document.getElementById('ymxChips').innerHTML=c.map(function(x){return '<span class=\"chip\">'+x[1]+'<b data-c=\"'+x[0]+'\" role=\"button\" aria-label=\"Quitar\">\u00d7<\/b><\/span>';}).join('');\n  }\n  function save(){ try{ localStorage.setItem(KEY,JSON.stringify(st)); }catch(e){} }\n  function load(){ try{ var s=localStorage.getItem(KEY); if(s) st=Object.assign({},DEF,JSON.parse(s)); }catch(e){} }\n\n  var elName=document.getElementById('ymxName'), elType=document.getElementById('ymxType'), elCab=document.getElementById('ymxCab'),\n      elLoc=document.getElementById('ymxLoc'), elBuilder=document.getElementById('ymxBuilder'), elSort=document.getElementById('ymxSort');\n  elName.addEventListener('input',function(e){st.name=e.target.value; st.searched=true; apply();});\n  elType.addEventListener('change',function(e){st.type=e.target.value; st.searched=true; apply();});\n  elCab.addEventListener('change',function(e){st.cab=e.target.value; st.searched=true; apply();});\n  elLoc.addEventListener('change',function(e){st.loc=e.target.value; st.searched=true; apply();});\n  elBuilder.addEventListener('change',function(e){st.builder=e.target.value; st.searched=true; apply();});\n  elSort.addEventListener('change',function(e){st.sort=e.target.value; apply();});\n\n  Array.prototype.forEach.call(document.querySelectorAll('.ymx-fleet .rwrap'),function(w){\n    var key=w.dataset.r, lo=w.querySelector('.rlo'), hi=w.querySelector('.rhi'), fill=w.querySelector('.rfill'),\n        par=w.parentElement, lblA=par.querySelector('.rmin'), lblB=par.querySelector('.rmax'),\n        mn=+w.dataset.min, mx=+w.dataset.max, KM={length:['lMin','lMax'],price:['pMin','pMax'],year:['yMin','yMax']}[key];\n    function fmtv(v){ if(key==='length') return v+'\u2032'+(v>=mx?'+':''); if(key==='year') return v; return v>=1e6?'$'+(v\/1e6).toFixed(1)+'M'+(v>=mx?'+':''):'$'+Math.round(v\/1000)+'K'; }\n    function paint(){ var a=((+lo.value-mn)\/(mx-mn))*100, b=((+hi.value-mn)\/(mx-mn))*100; fill.style.left=a+'%'; fill.style.width=(b-a)+'%'; lblA.textContent=fmtv(+lo.value); lblB.textContent=fmtv(+hi.value); }\n    function oninput(){ var a=+lo.value,b=+hi.value; if(a>b-1){a=b-1; lo.value=a;} st[KM[0]]=a; st[KM[1]]=b; st.searched=true; paint(); apply(); }\n    lo.addEventListener('input',oninput); hi.addEventListener('input',oninput);\n    w._restore=function(){ lo.value=st[KM[0]]; hi.value=st[KM[1]]; paint(); };\n    w._reset=function(a,b){ lo.value=a; hi.value=b; st[KM[0]]=a; st[KM[1]]=b; paint(); };\n  });\n  document.getElementById('ymxChips').addEventListener('click',function(e){\n    var b=e.target.closest('[data-c]'); if(!b) return; var k=b.dataset.c;\n    if(k==='name'){st.name='';elName.value='';} if(k==='type'){st.type='';elType.value='';}\n    if(k==='cab'){st.cab='';elCab.value='';} if(k==='loc'){st.loc='';elLoc.value='';} if(k==='builder'){st.builder='';elBuilder.value='';}\n    if(k==='length') rreset('length',MINL,MAXL); if(k==='price') rreset('price',0,MAXP); if(k==='year') rreset('year',MINY,MAXY);\n    apply();\n  });\n  function rreset(key,a,b){ document.querySelector('.ymx-fleet .rwrap[data-r=\"'+key+'\"]')._reset(a,b); }\n  document.getElementById('ymxReset').addEventListener('click',function(){\n    st=Object.assign({},DEF); elName.value='';elType.value='';elCab.value='';elLoc.value='';elBuilder.value='';elSort.value='featured';\n    rreset('length',MINL,MAXL); rreset('price',0,MAXP); rreset('year',MINY,MAXY); apply();\n  });\n  document.getElementById('ymxSearch').addEventListener('click',function(){ st.searched=true; apply(); document.querySelector('.ymx-fleet .gallery').scrollIntoView({behavior:'smooth',block:'start'}); });\n  document.getElementById('ymxShowAll').addEventListener('click',function(){ st.searched=true; apply(); });\n\n  var filterEl=document.getElementById('ymxFilter'), stuck=false, ticking=false;\n  function updateStickyShadow(){\n    ticking=false;\n    var next=window.scrollY>8;\n    if(next!==stuck){\n      stuck=next;\n      filterEl.classList.toggle('is-stuck',stuck);\n    }\n  }\n  window.addEventListener('scroll',function(){\n    if(ticking) return;\n    ticking=true;\n    requestAnimationFrame(updateStickyShadow);\n  },{passive:true});\n\n  load();\n  elName.value=st.name; elType.value=st.type; elCab.value=st.cab; elLoc.value=st.loc; elBuilder.value=st.builder; elSort.value=st.sort;\n  Array.prototype.forEach.call(document.querySelectorAll('.ymx-fleet .rwrap'),function(w){ w._restore(); });\n  apply();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0efeaa2 e-con-full e-flex e-con e-parent\" data-id=\"0efeaa2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8af527c elementor-widget elementor-widget-html\" data-id=\"8af527c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!--\n==================================================================\n  YATES M\u00c9XICO\u00ae \u2014 BLOQUE INTERMEDIO DEL HOME (combinado)\n  Por qu\u00e9 \u00b7 Destino BCS \u00b7 Proceso (4 pasos) \u00b7 Renta \u00b7 FAQ\n  Glassmorphism + animaciones scroll-reveal + Schema (HowTo+FAQPage) para AEO.\n  Para widget HTML de Elementor. Scopeado en .ymx-mid.\n==================================================================\n-->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Spectral:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Gabarito:wght@500;600;700&family=Inter+Tight:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap\" rel=\"stylesheet\">\n\n<script type=\"application\/ld+json\">\n{\n \"@context\":\"https:\/\/schema.org\",\n \"@graph\":[\n  {\n   \"@type\":\"HowTo\",\n   \"name\":\"C\u00f3mo comprar un yate en M\u00e9xico con Yates M\u00e9xico\",\n   \"description\":\"Proceso de compra de un yate de lujo en M\u00e9xico en 4 pasos, con asesor\u00eda, inspecci\u00f3n, contrato seguro y entrega en Baja California Sur.\",\n   \"totalTime\":\"P30D\",\n   \"step\":[\n    {\"@type\":\"HowToStep\",\"position\":1,\"name\":\"Hablemos\",\"text\":\"Nos cuentas qu\u00e9 buscas: uso, eslora, presupuesto y puerto base.\"},\n    {\"@type\":\"HowToStep\",\"position\":2,\"name\":\"Verlo\",\"text\":\"Coordinamos visita o inspecci\u00f3n, en persona o virtual, con reporte real.\"},\n    {\"@type\":\"HowToStep\",\"position\":3,\"name\":\"Reserva\",\"text\":\"Oferta, contrato y dep\u00f3sito en garant\u00eda con seguridad jur\u00eddica.\"},\n    {\"@type\":\"HowToStep\",\"position\":4,\"name\":\"Entrega\",\"text\":\"Gestor\u00eda, traslado y entrega del yate listo para navegar.\"}\n   ]\n  },\n  {\n   \"@type\":\"FAQPage\",\n   \"mainEntity\":[\n    {\"@type\":\"Question\",\"name\":\"\u00bfC\u00f3mo comprar un yate en M\u00e9xico?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Con Yates M\u00e9xico te asesoramos en cada paso \u2014selecci\u00f3n, inspecci\u00f3n, oferta, contrato y entrega\u2014 con transacci\u00f3n segura y gestor\u00eda incluida, y entrega en La Paz y Los Cabos.\"}},\n    {\"@type\":\"Question\",\"name\":\"\u00bfD\u00f3nde opera Yates M\u00e9xico?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Somos brokerage de yates de lujo con base en Baja California Sur (La Paz y Los Cabos) y cubrimos M\u00e9xico y Centro Am\u00e9rica.\"}},\n    {\"@type\":\"Question\",\"name\":\"\u00bfOfrecen gestor\u00eda marina?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed. Importaci\u00f3n, matr\u00edcula, traslados y permisos los gestiona nuestro equipo para que solo pienses en navegar.\"}},\n    {\"@type\":\"Question\",\"name\":\"\u00bfPuedo vender mi yate con Yates M\u00e9xico?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed. Ofrecemos representaci\u00f3n de venta, tasaci\u00f3n real, fotograf\u00eda y acceso a nuestra red de compradores en M\u00e9xico y el extranjero, con opci\u00f3n off-market.\"}},\n    {\"@type\":\"Question\",\"name\":\"\u00bfYates M\u00e9xico opera rentas de yates?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"S\u00ed. Operamos charters privados con tripulaci\u00f3n en La Paz, Los Cabos y Vallarta.\"}},\n    {\"@type\":\"Question\",\"name\":\"\u00bfCu\u00e1nto cuesta un yate en venta en M\u00e9xico?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Nuestra flota va desde alrededor de 50,000 USD hasta superyates de 17,000,000 USD. Puedes filtrar por marca, eslora, precio y a\u00f1o en el inventario.\"}}\n   ]\n  },\n  {\n   \"@type\":\"Service\",\n   \"serviceType\":\"Compraventa y brokerage de yates de lujo\",\n   \"provider\":{\"@type\":\"Organization\",\"name\":\"Yates M\u00e9xico\",\"url\":\"https:\/\/yatesmexico.com\/\"},\n   \"areaServed\":[\"M\u00e9xico\",\"Baja California Sur\",\"Centro Am\u00e9rica\"],\n   \"availableChannel\":{\"@type\":\"ServiceChannel\",\"servicePhone\":\"+52-612-194-3067\",\"serviceUrl\":\"https:\/\/yatesmexico.com\/venta-de-yates-mexico\/\"}\n  }\n ]\n}\n<\/script>\n\n<style>\n.ymx-mid{\n  --salt:#FAFAF6; --bone:#F4EFE6; --bone-deep:#ECE4D6; --fog:#D2CCBE; --sky:#CDE0EE;\n  --abyss:#0B1B2B; --hull:#1C3048; --aqua:#2A8FA0; --aqua-tx:#16606E; --coral:#D9501E; --coral-tx:#B23F18;\n  --blue:#3060A8; --bronze:#B08D57; --bronze-tx:#7C5E2D; --bronze-deep:#8A6E40; --gold:#E8B850;\n  --ink:#0B1B2B; --muted:#6B6457; --line:rgba(11,27,43,.14);\n  --r-btn:10px; --r-card:3px; --r-glass:14px;\n  --serif:'Spectral',Georgia,serif; --kick:'Gabarito',sans-serif; --body:'Inter Tight',system-ui,sans-serif; --mono:'JetBrains Mono',monospace;\n  --shadow-warm:0 1px 0 rgba(255,251,243,.9), 16px 26px 56px rgba(13,38,38,.16);\n  --ease:cubic-bezier(.22,.61,.36,1);\n  display:block; font-family:var(--body); color:var(--ink); background:var(--bone);\n}\n.ymx-mid *{box-sizing:border-box}\n.ymx-mid img,.ymx-mid svg{display:block; max-width:100%}\n.ymx-mid a{color:inherit; text-decoration:none}\n.ymx-mid .shell{max-width:1240px; margin:0 auto; padding:0 clamp(20px,4vw,56px)}\n.ymx-mid .eyebrow{display:inline-flex; align-items:center; gap:10px; font-family:var(--mono); font-weight:500; font-size:11px; letter-spacing:.22em; text-transform:uppercase; color:var(--aqua-tx)}\n.ymx-mid .eyebrow::before{content:\"\"; width:26px; height:1px; background:var(--bronze)}\n.ymx-mid .eyebrow.gold{color:var(--gold)} .ymx-mid .eyebrow.gold::before{background:var(--gold)}\n.ymx-mid .btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 24px; border-radius:var(--r-btn);\n  font-family:var(--kick); font-weight:600; font-size:13px; letter-spacing:.04em; border:1px solid currentColor; background:transparent; color:var(--ink); cursor:pointer; white-space:nowrap; transition:all 220ms var(--ease); line-height:1}\n.ymx-mid .btn .arr{width:8px; height:8px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg); transition:transform 220ms var(--ease)}\n.ymx-mid .btn:hover .arr{transform:rotate(45deg) translate(2px,-2px)}\n.ymx-mid .btn--ink{background:var(--abyss); color:var(--bone); border-color:var(--abyss)}\n.ymx-mid .btn--ink:hover{background:var(--bronze-deep); border-color:var(--bronze-deep)}\n.ymx-mid .btn--bone{background:var(--bone); color:var(--ink); border-color:var(--bone)}\n.ymx-mid .btn--bone:hover{background:var(--bronze); border-color:var(--bronze)}\n.ymx-mid .btn--primary{background:var(--coral); color:#fff; border-color:var(--coral)}\n.ymx-mid .btn--primary:hover{background:var(--coral-tx); border-color:var(--coral-tx)}\n\n.ymx-mid .sec{position:relative; overflow:hidden; isolation:isolate; padding:clamp(56px,7vw,108px) 0}\n.ymx-mid .sec.alt{background:var(--salt)}\n.ymx-mid .sec .blob{position:absolute; z-index:0; border-radius:50%; filter:blur(72px); opacity:.32; mix-blend-mode:multiply; pointer-events:none}\n.ymx-mid .sec .blob.a{width:34vw; height:34vw; background:radial-gradient(circle,#2A8FA0,transparent 68%); top:-12vw; right:-8vw; animation:midA 24s ease-in-out infinite}\n.ymx-mid .sec .blob.b{width:28vw; height:28vw; background:radial-gradient(circle,#E8B850,transparent 66%); bottom:-12vw; left:-8vw; opacity:.26; animation:midB 28s ease-in-out infinite}\n@keyframes midA{0%,100%{transform:translate(0,0)}50%{transform:translate(-4vw,3vw)}}\n@keyframes midB{0%,100%{transform:translate(0,0)}50%{transform:translate(4vw,-3vw)}}\n.ymx-mid .shell{position:relative; z-index:2}\n.ymx-mid .sec-head{max-width:660px; margin-bottom:clamp(36px,4vw,52px)}\n.ymx-mid .sec-head h2{font-family:var(--serif); font-weight:400; font-size:clamp(28px,3.6vw,48px); line-height:1.04; letter-spacing:-.02em; margin:12px 0 12px}\n.ymx-mid .sec-head h2 em{font-style:italic; color:var(--bronze-deep)}\n.ymx-mid .sec-head p{color:var(--hull); font-size:16px; line-height:1.6; margin:0; max-width:56ch}\n\n\/* animaci\u00f3n scroll-reveal *\/\n.ymx-mid .reveal{opacity:0; transform:translateY(26px); transition:opacity .7s var(--ease), transform .7s var(--ease)}\n.ymx-mid .reveal.in{opacity:1; transform:none}\n@media(prefers-reduced-motion:reduce){.ymx-mid .reveal{opacity:1; transform:none; transition:none}}\n\n\/* ---- placa liquid glass (memoria) ---- *\/\n.ymx-mid .lg{position:relative; overflow:hidden; isolation:isolate; border-radius:var(--r-glass);\n  box-shadow:var(--shadow-warm); transition:transform var(--ease) .35s, box-shadow var(--ease) .35s}\n.ymx-mid .lg .lg__blob{position:absolute; z-index:0; width:70%; aspect-ratio:1; border-radius:50%; top:-18%; right:-14%;\n  background:radial-gradient(circle,var(--aqua),transparent 70%); filter:blur(34px); opacity:.5; pointer-events:none; animation:midA 11s ease-in-out infinite}\n.ymx-mid .lg .lg__blob.b2{top:auto; bottom:-20%; right:auto; left:-16%; background:radial-gradient(circle,var(--bronze),transparent 70%); opacity:.38; animation:midB 14s ease-in-out infinite}\n.ymx-mid .lg .lg__in{position:relative; z-index:1; height:100%;\n  background:linear-gradient(160deg, rgba(255,255,255,.58), rgba(244,239,230,.26));\n  -webkit-backdrop-filter:blur(16px) saturate(1.25); backdrop-filter:blur(16px) saturate(1.25);\n  border:1px solid rgba(255,255,255,.6); border-radius:var(--r-glass); box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}\n.ymx-mid .lg:hover{transform:translateY(-6px); box-shadow:0 1px 0 rgba(255,251,243,.9), 22px 36px 70px rgba(13,38,38,.22)}\n\n\/* A \u00b7 POR QU\u00c9 (3 cards glass) *\/\n.ymx-mid .why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}\n.ymx-mid .why-card .lg__in{padding:34px 30px}\n.ymx-mid .why-ic{width:54px; height:54px; margin-bottom:18px; filter:drop-shadow(0 6px 14px rgba(13,38,38,.16))}\n.ymx-mid .why-card h3{font-family:var(--kick); font-weight:600; font-size:20px; margin:0 0 10px; color:var(--ink)}\n.ymx-mid .why-card p{color:var(--hull); font-size:15px; line-height:1.6; margin:0}\n@media(max-width:860px){.ymx-mid .why-grid{grid-template-columns:1fr}}\n\n\/* B \u00b7 DESTINO (split glass) *\/\n.ymx-mid .destino{display:grid; grid-template-columns:1.02fr .98fr; gap:0; border-radius:var(--r-glass); overflow:hidden; box-shadow:var(--shadow-warm)}\n.ymx-mid .destino .media{position:relative; min-height:380px; background:var(--hull)}\n.ymx-mid .destino .media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}\n.ymx-mid .destino .media::after{content:\"\"; position:absolute; inset:0; background:linear-gradient(120deg, rgba(11,27,43,.18), transparent 60%)}\n.ymx-mid .destino .panel{position:relative; isolation:isolate; overflow:hidden; padding:clamp(32px,4vw,56px); display:flex; flex-direction:column; justify-content:center; background:var(--salt)}\n.ymx-mid .destino .panel .lg__blob{position:absolute; z-index:0; width:60%; aspect-ratio:1; border-radius:50%; top:-14%; right:-12%; background:radial-gradient(circle,var(--aqua),transparent 70%); filter:blur(40px); opacity:.3; pointer-events:none; animation:midA 13s ease-in-out infinite}\n.ymx-mid .destino .panel>*{position:relative; z-index:1}\n.ymx-mid .destino h2{font-family:var(--serif); font-weight:400; font-size:clamp(26px,3vw,42px); margin:12px 0 14px; letter-spacing:-.02em}\n.ymx-mid .destino h2 em{font-style:italic; color:var(--bronze-deep)}\n.ymx-mid .destino p{color:var(--hull); line-height:1.65; margin:0 0 20px}\n.ymx-mid .chips{display:flex; flex-wrap:wrap; gap:8px}\n.ymx-mid .tag{font-family:var(--mono); font-size:11px; letter-spacing:.06em; padding:7px 13px; border:1px solid var(--line); border-radius:var(--r-btn); color:var(--aqua-tx); background:rgba(255,255,255,.5)}\n@media(max-width:860px){.ymx-mid .destino{grid-template-columns:1fr} .ymx-mid .destino .media{min-height:240px}}\n\n\/* C \u00b7 PROCESO (4 pasos glass) *\/\n.ymx-mid .steps{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; list-style:none; margin:0; padding:0; counter-reset:st}\n.ymx-mid .step .lg__in{padding:28px 24px}\n.ymx-mid .step .n{font-family:var(--mono); font-size:12px; color:var(--coral-tx); letter-spacing:.2em; display:flex; align-items:center; gap:10px; margin-bottom:14px}\n.ymx-mid .step .n::before{counter-increment:st; content:\"0\" counter(st); font-family:var(--serif); font-size:30px; font-weight:700; color:var(--ink); letter-spacing:0; line-height:1}\n.ymx-mid .step h3{font-family:var(--kick); font-weight:600; font-size:18px; margin:0 0 8px}\n.ymx-mid .step p{color:var(--hull); font-size:14px; line-height:1.55; margin:0}\n@media(max-width:860px){.ymx-mid .steps{grid-template-columns:1fr 1fr}}\n@media(max-width:520px){.ymx-mid .steps{grid-template-columns:1fr}}\n\n\/* D \u00b7 RENTA (panel oscuro glass) *\/\n.ymx-mid .renta-wrap{position:relative; border-radius:var(--r-glass); overflow:hidden; isolation:isolate; box-shadow:var(--shadow-warm)}\n.ymx-mid .renta-wrap .rb{position:absolute; z-index:0; width:46%; aspect-ratio:1; border-radius:50%; filter:blur(60px); pointer-events:none}\n.ymx-mid .renta-wrap .rb.a{background:radial-gradient(circle,#2A8FA0,transparent 70%); top:-20%; left:-10%; opacity:.55; animation:midA 16s ease-in-out infinite}\n.ymx-mid .renta-wrap .rb.b{background:radial-gradient(circle,#E8B850,transparent 70%); bottom:-24%; right:-8%; opacity:.4; animation:midB 18s ease-in-out infinite}\n.ymx-mid .renta{position:relative; z-index:1; text-align:center; padding:clamp(40px,5vw,72px) clamp(24px,4vw,56px);\n  background:linear-gradient(160deg, rgba(11,27,43,.86), rgba(28,48,72,.82));\n  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.12); color:var(--bone)}\n.ymx-mid .renta .eyebrow{justify-content:center}\n.ymx-mid .renta h2{font-family:var(--serif); font-weight:300; font-size:clamp(26px,3.2vw,44px); margin:14px 0 12px; color:var(--bone)}\n.ymx-mid .renta h2 em{font-style:italic; color:var(--gold)}\n.ymx-mid .renta p{color:rgba(255,255,255,.82); max-width:56ch; margin:0 auto 26px; line-height:1.6}\n.ymx-mid .renta-btns{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}\n\n\/* E \u00b7 FAQ (AEO) *\/\n.ymx-mid .faq-list{max-width:880px; margin:0 auto; display:flex; flex-direction:column; gap:12px}\n.ymx-mid details{border:1px solid var(--line); border-radius:var(--r-glass); background:rgba(255,255,255,.55);\n  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); overflow:hidden; transition:border-color .25s, box-shadow .25s}\n.ymx-mid details[open]{border-color:rgba(11,27,43,.22); box-shadow:var(--shadow-warm)}\n.ymx-mid summary{list-style:none; cursor:pointer; padding:20px 22px; display:flex; align-items:center; justify-content:space-between; gap:16px;\n  font-family:var(--serif); font-weight:500; font-size:clamp(17px,1.7vw,20px); color:var(--ink)}\n.ymx-mid summary::-webkit-details-marker{display:none}\n.ymx-mid summary .chev{flex:none; width:26px; height:26px; border-radius:50%; border:1px solid var(--line); display:grid; place-items:center; transition:transform .3s var(--ease), background .25s}\n.ymx-mid summary .chev::before{content:\"\"; width:7px; height:7px; border-right:1.6px solid var(--ink); border-bottom:1.6px solid var(--ink); transform:rotate(45deg) translate(-1px,-1px)}\n.ymx-mid details[open] summary .chev{transform:rotate(180deg); background:var(--abyss)}\n.ymx-mid details[open] summary .chev::before{border-color:var(--bone)}\n.ymx-mid .faq-a{padding:0 22px 22px; color:var(--hull); line-height:1.65; font-size:15.5px; max-width:70ch}\n\n@media(prefers-reduced-motion:reduce){.ymx-mid .sec .blob,.ymx-mid .lg__blob,.ymx-mid .rb,.ymx-mid .destino .panel .lg__blob{animation:none}}\n<\/style>\n\n<div class=\"ymx-mid\" id=\"ymxMid\">\n  <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\n    <symbol id=\"ymx-credit-card\" viewBox=\"0 0 48 48\"><defs>\n <linearGradient id=\"gBody-credit-card\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#EAF2F9\"\/><stop offset=\"1\" stop-color=\"#BFD3E6\"\/><\/linearGradient>\n <linearGradient id=\"gBlue-credit-card\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#CDE0EE\"\/><stop offset=\"1\" stop-color=\"#3060A8\"\/><\/linearGradient>\n <linearGradient id=\"gAqua-credit-card\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#BFE2E6\"\/><stop offset=\"1\" stop-color=\"#16606E\"\/><\/linearGradient>\n <linearGradient id=\"gDeep-credit-card\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#3A6CB5\"\/><stop offset=\"1\" stop-color=\"#16344F\"\/><\/linearGradient>\n <radialGradient id=\"gHi-credit-card\" cx=\"0.32\" cy=\"0.24\" r=\"0.72\"><stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".75\"\/><stop offset=\"0.55\" stop-color=\"#fff\" stop-opacity=\"0\"\/><\/radialGradient>\n <filter id=\"soft-credit-card\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"1.5\"\/><\/filter><\/defs>\n <rect x=\"6\" y=\"13\" width=\"36\" height=\"24\" rx=\"5\" fill=\"url(#gBlue-credit-card)\" opacity=\".2\" filter=\"url(#soft-credit-card)\"\/>\n <rect x=\"6\" y=\"12\" width=\"36\" height=\"24\" rx=\"5\" fill=\"url(#gBlue-credit-card)\" opacity=\".85\"\/>\n <rect x=\"6\" y=\"17\" width=\"36\" height=\"5\" fill=\"url(#gDeep-credit-card)\"\/>\n <rect x=\"11\" y=\"26\" width=\"9\" height=\"6\" rx=\"1.6\" fill=\"#7C5E2D\"\/>\n <g stroke=\"#fff\" stroke-width=\"1.6\" stroke-linecap=\"round\" opacity=\".7\"><path d=\"M25 31 h5 M33 31 h4\"\/><\/g>\n <rect x=\"6\" y=\"12\" width=\"36\" height=\"24\" rx=\"5\" fill=\"url(#gHi-credit-card)\"\/>\n <ellipse cx=\"14\" cy=\"16\" rx=\"3\" ry=\"1.3\" fill=\"#fff\" opacity=\".5\"\/><\/symbol>\n    <symbol id=\"ymx-shield-check\" viewBox=\"0 0 48 48\"><defs>\n <linearGradient id=\"gBody-shield-check\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#EAF2F9\"\/><stop offset=\"1\" stop-color=\"#BFD3E6\"\/><\/linearGradient>\n <linearGradient id=\"gBlue-shield-check\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#CDE0EE\"\/><stop offset=\"1\" stop-color=\"#3060A8\"\/><\/linearGradient>\n <linearGradient id=\"gAqua-shield-check\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#BFE2E6\"\/><stop offset=\"1\" stop-color=\"#16606E\"\/><\/linearGradient>\n <linearGradient id=\"gDeep-shield-check\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#3A6CB5\"\/><stop offset=\"1\" stop-color=\"#16344F\"\/><\/linearGradient>\n <radialGradient id=\"gHi-shield-check\" cx=\"0.32\" cy=\"0.24\" r=\"0.72\"><stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".75\"\/><stop offset=\"0.55\" stop-color=\"#fff\" stop-opacity=\"0\"\/><\/radialGradient>\n <filter id=\"soft-shield-check\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"1.5\"\/><\/filter><\/defs>\n <path d=\"M24 5 l15 5 v10 c0 11-7 17-15 22 c-8-5-15-11-15-22 V10Z\" fill=\"url(#gBlue-shield-check)\" opacity=\".22\" filter=\"url(#soft-shield-check)\"\/>\n <path d=\"M24 6 l14 4.6 v9.4 c0 10.5-6.5 16-14 20.5 c-7.5-4.5-14-10-14-20.5 V10.6Z\" fill=\"url(#gBlue-shield-check)\" opacity=\".85\"\/>\n <path d=\"M24 6 l14 4.6 v9.4 c0 10.5-6.5 16-14 20.5 c-7.5-4.5-14-10-14-20.5 V10.6Z\" fill=\"url(#gHi-shield-check)\"\/>\n <path d=\"M17 23 l5 5 9-10\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <ellipse cx=\"18\" cy=\"13\" rx=\"3\" ry=\"1.5\" fill=\"#fff\" opacity=\".5\"\/><\/symbol>\n    <symbol id=\"ymx-star\" viewBox=\"0 0 48 48\"><defs>\n <linearGradient id=\"gBody-star\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#EAF2F9\"\/><stop offset=\"1\" stop-color=\"#BFD3E6\"\/><\/linearGradient>\n <linearGradient id=\"gBlue-star\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#CDE0EE\"\/><stop offset=\"1\" stop-color=\"#3060A8\"\/><\/linearGradient>\n <linearGradient id=\"gAqua-star\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#BFE2E6\"\/><stop offset=\"1\" stop-color=\"#16606E\"\/><\/linearGradient>\n <linearGradient id=\"gDeep-star\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#3A6CB5\"\/><stop offset=\"1\" stop-color=\"#16344F\"\/><\/linearGradient>\n <radialGradient id=\"gHi-star\" cx=\"0.32\" cy=\"0.24\" r=\"0.72\"><stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".75\"\/><stop offset=\"0.55\" stop-color=\"#fff\" stop-opacity=\"0\"\/><\/radialGradient>\n <filter id=\"soft-star\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"1.5\"\/><\/filter><\/defs>\n <circle cx=\"24\" cy=\"24\" r=\"17\" fill=\"url(#gBlue-star)\" opacity=\".18\" filter=\"url(#soft-star)\"\/>\n <path d=\"M24 8 l4.7 9.5 10.5 1.5 -7.6 7.4 1.8 10.4 -9.4-4.9 -9.4 4.9 1.8-10.4 -7.6-7.4 10.5-1.5Z\" fill=\"#7C5E2D\" opacity=\".92\"\/>\n <path d=\"M24 8 l4.7 9.5 10.5 1.5 -7.6 7.4 1.8 10.4 -9.4-4.9 -9.4 4.9 1.8-10.4 -7.6-7.4 10.5-1.5Z\" fill=\"url(#gHi-star)\"\/>\n <ellipse cx=\"19\" cy=\"16\" rx=\"2.6\" ry=\"1.3\" fill=\"#fff\" opacity=\".6\"\/><\/symbol>\n    <symbol id=\"ymx-pin\" viewBox=\"0 0 48 48\"><defs>\n <linearGradient id=\"gBody-pin\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#EAF2F9\"\/><stop offset=\"1\" stop-color=\"#BFD3E6\"\/><\/linearGradient>\n <linearGradient id=\"gBlue-pin\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#CDE0EE\"\/><stop offset=\"1\" stop-color=\"#3060A8\"\/><\/linearGradient>\n <linearGradient id=\"gAqua-pin\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#BFE2E6\"\/><stop offset=\"1\" stop-color=\"#16606E\"\/><\/linearGradient>\n <linearGradient id=\"gDeep-pin\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#3A6CB5\"\/><stop offset=\"1\" stop-color=\"#16344F\"\/><\/linearGradient>\n <radialGradient id=\"gHi-pin\" cx=\"0.32\" cy=\"0.24\" r=\"0.72\"><stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".75\"\/><stop offset=\"0.55\" stop-color=\"#fff\" stop-opacity=\"0\"\/><\/radialGradient>\n <filter id=\"soft-pin\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"1.5\"\/><\/filter><\/defs>\n <ellipse cx=\"24\" cy=\"41\" rx=\"9\" ry=\"3\" fill=\"url(#gBlue-pin)\" opacity=\".25\" filter=\"url(#soft-pin)\"\/>\n <path d=\"M24 6 c-8 0-13 5.5-13 13 c0 9 13 22 13 22 s13-13 13-22 c0-7.5-5-13-13-13Z\" fill=\"url(#gBlue-pin)\" opacity=\".85\"\/>\n <path d=\"M24 6 c-8 0-13 5.5-13 13 c0 9 13 22 13 22 s13-13 13-22 c0-7.5-5-13-13-13Z\" fill=\"url(#gHi-pin)\"\/>\n <circle cx=\"24\" cy=\"19\" r=\"5\" fill=\"#fff\" opacity=\".92\"\/>\n <ellipse cx=\"18\" cy=\"12\" rx=\"3\" ry=\"1.6\" fill=\"#fff\" opacity=\".5\"\/><\/symbol>\n    <symbol id=\"ymx-compass\" viewBox=\"0 0 48 48\"><defs>\n <linearGradient id=\"gBody-compass\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#EAF2F9\"\/><stop offset=\"1\" stop-color=\"#BFD3E6\"\/><\/linearGradient>\n <linearGradient id=\"gBlue-compass\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#CDE0EE\"\/><stop offset=\"1\" stop-color=\"#3060A8\"\/><\/linearGradient>\n <linearGradient id=\"gAqua-compass\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#BFE2E6\"\/><stop offset=\"1\" stop-color=\"#16606E\"\/><\/linearGradient>\n <linearGradient id=\"gDeep-compass\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#3A6CB5\"\/><stop offset=\"1\" stop-color=\"#16344F\"\/><\/linearGradient>\n <radialGradient id=\"gHi-compass\" cx=\"0.32\" cy=\"0.24\" r=\"0.72\"><stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".75\"\/><stop offset=\"0.55\" stop-color=\"#fff\" stop-opacity=\"0\"\/><\/radialGradient>\n <filter id=\"soft-compass\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"1.5\"\/><\/filter><\/defs>\n <circle cx=\"24\" cy=\"25\" r=\"17\" fill=\"url(#gBlue-compass)\" opacity=\".20\" filter=\"url(#soft-compass)\"\/>\n <circle cx=\"24\" cy=\"24\" r=\"15.5\" fill=\"url(#gBody-compass)\" opacity=\".85\"\/>\n <circle cx=\"24\" cy=\"24\" r=\"15.5\" fill=\"none\" stroke=\"url(#gBlue-compass)\" stroke-width=\"2.2\"\/>\n <path d=\"M24 12 L28 24 L24 24 Z\" fill=\"#2B57A0\"\/>\n <path d=\"M24 12 L20 24 L24 24 Z\" fill=\"#3A6CB5\"\/>\n <path d=\"M24 36 L28 24 L24 24 Z\" fill=\"#0B1B2B\"\/>\n <path d=\"M24 36 L20 24 L24 24 Z\" fill=\"#16344F\"\/>\n <circle cx=\"24\" cy=\"24\" r=\"2.4\" fill=\"#fff\"\/>\n <circle cx=\"24\" cy=\"24\" r=\"15.5\" fill=\"url(#gHi-compass)\"\/>\n <ellipse cx=\"17\" cy=\"16\" rx=\"3.4\" ry=\"1.7\" fill=\"#fff\" opacity=\".6\" transform=\"rotate(-35 17 16)\"\/><\/symbol>\n    <symbol id=\"ymx-anchor\" viewBox=\"0 0 48 48\"><defs>\n <linearGradient id=\"gBody-anchor\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#EAF2F9\"\/><stop offset=\"1\" stop-color=\"#BFD3E6\"\/><\/linearGradient>\n <linearGradient id=\"gBlue-anchor\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#CDE0EE\"\/><stop offset=\"1\" stop-color=\"#3060A8\"\/><\/linearGradient>\n <linearGradient id=\"gAqua-anchor\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#BFE2E6\"\/><stop offset=\"1\" stop-color=\"#16606E\"\/><\/linearGradient>\n <linearGradient id=\"gDeep-anchor\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#3A6CB5\"\/><stop offset=\"1\" stop-color=\"#16344F\"\/><\/linearGradient>\n <radialGradient id=\"gHi-anchor\" cx=\"0.32\" cy=\"0.24\" r=\"0.72\"><stop offset=\"0\" stop-color=\"#fff\" stop-opacity=\".75\"\/><stop offset=\"0.55\" stop-color=\"#fff\" stop-opacity=\"0\"\/><\/radialGradient>\n <filter id=\"soft-anchor\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\"><feGaussianBlur stdDeviation=\"1.5\"\/><\/filter><\/defs>\n <circle cx=\"24\" cy=\"27\" r=\"16\" fill=\"url(#gBlue-anchor)\" opacity=\".20\" filter=\"url(#soft-anchor)\"\/>\n <circle cx=\"24\" cy=\"10\" r=\"4.6\" fill=\"none\" stroke=\"url(#gDeep-anchor)\" stroke-width=\"3\"\/>\n <rect x=\"22.2\" y=\"12\" width=\"3.6\" height=\"25\" rx=\"1.8\" fill=\"url(#gBlue-anchor)\"\/>\n <rect x=\"15.5\" y=\"16.5\" width=\"17\" height=\"3.4\" rx=\"1.7\" fill=\"#2B57A0\"\/>\n <path d=\"M9 27c1.5 7.5 7.5 11 15 11s13.5-3.5 15-11\" fill=\"none\" stroke=\"url(#gDeep-anchor)\" stroke-width=\"3.6\" stroke-linecap=\"round\"\/>\n <path d=\"M9 27 l-3 1.4 M9 27 l1 3.4\" stroke=\"#16344F\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n <path d=\"M39 27 l3 1.4 M39 27 l-1 3.4\" stroke=\"#16344F\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n <ellipse cx=\"20\" cy=\"9\" rx=\"2.6\" ry=\"1.4\" fill=\"#fff\" opacity=\".6\"\/><\/symbol>\n  <\/svg>\n\n  <!-- A \u00b7 POR QU\u00c9 -->\n  <section class=\"sec alt\">\n    <span class=\"blob a\"><\/span><span class=\"blob b\"><\/span>\n    <div class=\"shell\">\n      <div class=\"sec-head reveal\">\n        <span class=\"eyebrow\">Por qu\u00e9 Yates M\u00e9xico<\/span>\n        <h2>Por qu\u00e9 comprar tu yate con <em>Yates M\u00e9xico<\/em><\/h2>\n        <p>M\u00e1s de ocho a\u00f1os cerrando compraventas de yates en M\u00e9xico. Te acompa\u00f1amos en cada documento, hora de motor y tr\u00e1mite, en Baja California Sur y Centro Am\u00e9rica.<\/p>\n      <\/div>\n      <div class=\"why-grid\">\n        <article class=\"lg why-card reveal\"><span class=\"lg__blob\"><\/span><span class=\"lg__blob b2\"><\/span><div class=\"lg__in\">\n          <svg class=\"why-ic\"><use href=\"#ymx-credit-card\"\/><\/svg>\n          <h3>Mejores precios<\/h3>\n          <p>Acceso a inventario nacional e internacional, reubicaci\u00f3n incluida y negociaci\u00f3n a tu favor.<\/p>\n        <\/div><\/article>\n        <article class=\"lg why-card reveal\"><span class=\"lg__blob\"><\/span><span class=\"lg__blob b2\"><\/span><div class=\"lg__in\">\n          <svg class=\"why-ic\"><use href=\"#ymx-shield-check\"\/><\/svg>\n          <h3>Transacci\u00f3n segura<\/h3>\n          <p>Acompa\u00f1amiento legal y de gestor\u00eda marina durante todo el proceso de compraventa.<\/p>\n        <\/div><\/article>\n        <article class=\"lg why-card reveal\"><span class=\"lg__blob\"><\/span><span class=\"lg__blob b2\"><\/span><div class=\"lg__in\">\n          <svg class=\"why-ic\"><use href=\"#ymx-star\"\/><\/svg>\n          <h3>Servicio de primera<\/h3>\n          <p>Equipo biling\u00fce, atenci\u00f3n personalizada y conocimiento real del mercado n\u00e1utico mexicano.<\/p>\n        <\/div><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- B \u00b7 DESTINO -->\n  <section class=\"sec\">\n    <span class=\"blob a\"><\/span>\n    <div class=\"shell\">\n      <div class=\"destino reveal\">\n        <div class=\"media\"><img decoding=\"async\" src=\"https:\/\/yatesmexico.com\/wp-content\/uploads\/2026\/01\/LA-PAZ-YACHT-CHARTERS-CATAMARAN-FOR-RENT-LA-PAZ-YATES-MEXICO-YACHTSMX-1-08.webp\" alt=\"Yate en el Mar de Cort\u00e9s, La Paz, Baja California Sur\" loading=\"lazy\"><\/div>\n        <div class=\"panel\">\n          <span class=\"lg__blob\"><\/span>\n          <span class=\"eyebrow\">Destino \u00b7 diferenciador<\/span>\n          <h2>Compra tu yate en <em>Baja California Sur<\/em><\/h2>\n          <p>El Mar de Cort\u00e9s \u2014\u201cel acuario del mundo\u201d\u2014 es de los mejores lugares del planeta para tener tu embarcaci\u00f3n. La Paz y Los Cabos ofrecen marinas de clase mundial, aguas protegidas y temporada casi todo el a\u00f1o.<\/p>\n          <div class=\"chips\"><span class=\"tag\">La Paz<\/span><span class=\"tag\">Los Cabos<\/span><span class=\"tag\">Playa Balandra<\/span><span class=\"tag\">Mar de Cort\u00e9s<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- C \u00b7 PROCESO -->\n  <section class=\"sec alt\">\n    <span class=\"blob b\"><\/span>\n    <div class=\"shell\">\n      <div class=\"sec-head reveal\">\n        <span class=\"eyebrow\">El proceso<\/span>\n        <h2>C\u00f3mo comprar un yate en M\u00e9xico en <em>4 pasos<\/em><\/h2>\n      <\/div>\n      <ol class=\"steps\">\n        <li class=\"lg step reveal\"><span class=\"lg__blob\"><\/span><div class=\"lg__in\"><div class=\"n\">Hablemos<\/div><h3>Cu\u00e9ntanos qu\u00e9 buscas<\/h3><p>Uso, eslora, presupuesto y puerto base. Te enviamos opciones reales.<\/p><\/div><\/li>\n        <li class=\"lg step reveal\"><span class=\"lg__blob\"><\/span><div class=\"lg__in\"><div class=\"n\">Verlo<\/div><h3>Inspecci\u00f3n<\/h3><p>Visita en persona o virtual, con reporte real del estado de la embarcaci\u00f3n.<\/p><\/div><\/li>\n        <li class=\"lg step reveal\"><span class=\"lg__blob\"><\/span><div class=\"lg__in\"><div class=\"n\">Reserva<\/div><h3>Oferta y contrato<\/h3><p>Dep\u00f3sito en garant\u00eda y seguridad jur\u00eddica en toda la transacci\u00f3n.<\/p><\/div><\/li>\n        <li class=\"lg step reveal\"><span class=\"lg__blob\"><\/span><div class=\"lg__in\"><div class=\"n\">Entrega<\/div><h3>Listo para navegar<\/h3><p>Gestor\u00eda, traslado y entrega del yate en Baja California Sur.<\/p><\/div><\/li>\n      <\/ol>\n    <\/div>\n  <\/section>\n\n  <!-- D \u00b7 RENTA -->\n  <section class=\"sec\">\n    <div class=\"shell\">\n      <div class=\"renta-wrap reveal\">\n        <span class=\"rb a\"><\/span><span class=\"rb b\"><\/span>\n        <div class=\"renta\">\n          <span class=\"eyebrow gold\">\u00bfBuscas renta de yates?<\/span>\n          <h2>Las rentas las opera <em>Yates M\u00e9xico\u00ae<\/em><\/h2>\n          <p>Adem\u00e1s de la venta, operamos charters privados con tripulaci\u00f3n en los mejores destinos del Pac\u00edfico mexicano. Elige tu puerto y te armamos la experiencia.<\/p>\n          <div class=\"renta-btns\">\n            <a href=\"https:\/\/yachtsmx.com\/la-paz-yachts\" class=\"btn btn--bone\" target=\"_blank\" rel=\"noopener\">La Paz <span class=\"arr\"><\/span><\/a>\n            <a href=\"https:\/\/yachtsmx.com\/cabo-yachts\" class=\"btn btn--bone\" target=\"_blank\" rel=\"noopener\">Los Cabos <span class=\"arr\"><\/span><\/a>\n            <a href=\"https:\/\/yachtsmx.com\/vallarta-yachts\" class=\"btn btn--bone\" target=\"_blank\" rel=\"noopener\">Vallarta <span class=\"arr\"><\/span><\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- E \u00b7 FAQ (AEO) -->\n  <section class=\"sec alt\">\n    <span class=\"blob a\"><\/span>\n    <div class=\"shell\">\n      <div class=\"sec-head reveal\" style=\"max-width:720px\">\n        <span class=\"eyebrow\">Preguntas frecuentes<\/span>\n        <h2>Comprar un yate en M\u00e9xico, <em>resuelto<\/em><\/h2>\n        <p>Lo que m\u00e1s nos preguntan sobre comprar, vender, rentar y nacionalizar un yate en M\u00e9xico y Centro Am\u00e9rica.<\/p>\n      <\/div>\n      <div class=\"faq-list reveal\">\n        <details><summary>\u00bfC\u00f3mo comprar un yate en M\u00e9xico?<span class=\"chev\"><\/span><\/summary><div class=\"faq-a\">Con Yates M\u00e9xico te asesoramos en cada paso \u2014selecci\u00f3n, inspecci\u00f3n, oferta, contrato y entrega\u2014 con transacci\u00f3n segura y gestor\u00eda incluida, y entrega en La Paz y Los Cabos.<\/div><\/details>\n        <details><summary>\u00bfD\u00f3nde opera Yates M\u00e9xico?<span class=\"chev\"><\/span><\/summary><div class=\"faq-a\">Somos brokerage de yates de lujo con base en Baja California Sur (La Paz y Los Cabos) y cubrimos M\u00e9xico y Centro Am\u00e9rica.<\/div><\/details>\n        <details><summary>\u00bfOfrecen gestor\u00eda marina?<span class=\"chev\"><\/span><\/summary><div class=\"faq-a\">S\u00ed. Importaci\u00f3n, matr\u00edcula, traslados y permisos los gestiona nuestro equipo para que solo pienses en navegar.<\/div><\/details>\n        <details><summary>\u00bfPuedo vender mi yate con Yates M\u00e9xico?<span class=\"chev\"><\/span><\/summary><div class=\"faq-a\">S\u00ed. Ofrecemos representaci\u00f3n de venta, tasaci\u00f3n real, fotograf\u00eda y acceso a nuestra red de compradores en M\u00e9xico y el extranjero, con opci\u00f3n off-market.<\/div><\/details>\n        <details><summary>\u00bfYates M\u00e9xico opera rentas de yates?<span class=\"chev\"><\/span><\/summary><div class=\"faq-a\">S\u00ed. Operamos charters privados con tripulaci\u00f3n en La Paz, Los Cabos y Vallarta.<\/div><\/details>\n        <details><summary>\u00bfCu\u00e1nto cuesta un yate en venta en M\u00e9xico?<span class=\"chev\"><\/span><\/summary><div class=\"faq-a\">Nuestra flota va desde alrededor de 50,000 USD hasta superyates de 17,000,000 USD. Puedes filtrar por marca, eslora, precio y a\u00f1o en el inventario.<\/div><\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<script>\n(function(){\n  var root=document.getElementById('ymxMid');\n  var items=root.querySelectorAll('.reveal');\n  if('IntersectionObserver' in window){\n    var io=new IntersectionObserver(function(es){\n      es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target); } });\n    },{threshold:.14, rootMargin:'0px 0px -8% 0px'});\n    \/\/ stagger dentro de cada grilla\n    Array.prototype.forEach.call(root.querySelectorAll('.why-grid,.steps'),function(g){\n      Array.prototype.forEach.call(g.querySelectorAll('.reveal'),function(el,k){ el.style.transitionDelay=(k*90)+'ms'; });\n    });\n    Array.prototype.forEach.call(items,function(el){ io.observe(el); });\n  } else {\n    Array.prototype.forEach.call(items,function(el){ el.classList.add('in'); });\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Brokerage de yates \u00b7 Baja California Sur Venta de Yates en M\u00e9xico Tu pr\u00f3ximo yate te espera. Superyates y embarcaciones de lujo en venta, con asesor\u00eda completa, transacci\u00f3n segura y entrega en La Paz y Los Cabos. Vender mi yate Comprar un yate 15en venta 8+a\u00f1os 14K+clientes \u2039 \u203a 01 \/ 03 Flota en venta [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yatesmexico.com\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yatesmexico.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yatesmexico.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yatesmexico.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yatesmexico.com\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":19,"href":"https:\/\/yatesmexico.com\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/yatesmexico.com\/wp-json\/wp\/v2\/pages\/9\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/yatesmexico.com\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}