{"id":55864,"date":"2026-01-28T00:44:17","date_gmt":"2026-01-28T00:44:17","guid":{"rendered":"https:\/\/yatezzitos.com\/?page_id=55864"},"modified":"2026-02-12T08:53:25","modified_gmt":"2026-02-12T08:53:25","slug":"avistamiento-de-ballenas-mazatlan","status":"publish","type":"page","link":"https:\/\/yatezzitos.com\/en\/avistamiento-de-ballenas-mazatlan\/","title":{"rendered":"Avistamiento de ballenas: vive la experiencia en yate"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"55864\" class=\"elementor elementor-55864\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07258eb e-flex e-con-boxed e-con e-parent\" data-id=\"07258eb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ef6063 elementor-widget elementor-widget-html\" data-id=\"4ef6063\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\n     YATEZZITOS | HERO (SOLO PRIMERA SECCI\u00d3N)\n     \u2705 Sin formulario \/ sin iframe \/ sin scripts de compra\n     \u2705 Bot\u00f3n mantiene href=\"#comprar\"\n     \u2705 + CTA WhatsApp color #F6EA69 (avistamientos)\n     \u2705 Fondo s\u00f3lido #0B1939 (SIN degradados raros)\n     ========================================= -->\n\n<style>\n  \/* =========================\n     YATEZZITOS | Fonts Loader\n     (Pegar 1 sola vez por p\u00e1gina)\n     ========================= *\/\n  @font-face{\n    font-family: \"Dk Knucklebones\";\n    src:\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/DK-Knucklebones-Regular.woff2\") format(\"woff2\"),\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/DK-Knucklebones-Regular.woff\") format(\"woff\");\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n  }\n  @font-face{\n    font-family: \"Barlow\";\n    src:\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/Barlow.woff2\") format(\"woff2\"),\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/Barlow.woff\") format(\"woff\");\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n  }\n\n  \/* iPhone\/Safari: evita auto-zoom de tipograf\u00eda *\/\n  html, body{\n    -webkit-text-size-adjust:100%;\n    text-size-adjust:100%;\n  }\n\n  \/* Forzar Barlow en todo el hero *\/\n  .yzz-hero{\n    font-family: \"Barlow\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif !important;\n  }\n\n  \/* Forzar Knucklebones en t\u00edtulos *\/\n  .yzz-title{\n    font-family: \"Dk Knucklebones\",\"Barlow\",sans-serif !important;\n  }\n\n  :root{\n    --yzz-black:#000000;\n    --yzz-green:#00945E;\n    --yzz-red:#CA003D;\n    --yzz-blue:#194395;\n    --yzz-yellow:#F6EA69;\n    --yzz-white:#ffffff;\n\n    \/* \u2705 Fondo s\u00f3lido solicitado *\/\n    --yzz-heroSolid:#0B1939;\n  }\n\n  \/* =========================\n     HERO\n     ========================= *\/\n  .yzz-hero{\n    position: relative;\n    overflow: hidden;\n    padding: 28px 0 42px;\n    color: var(--yzz-white);\n\n    \/* \u2705 Fondo 100% s\u00f3lido *\/\n    background: var(--yzz-heroSolid);\n  }\n\n  .yzz-hero__bg{\n    position:absolute; inset:0;\n    background-size:cover;\n    background-position:center;\n    transform: scale(1.02);\n    filter: saturate(1.05) contrast(1.05);\n\n    \/* \u2705 Si no pones imagen, que no \u201censucie\u201d *\/\n    opacity: .18;\n  }\n\n  \/* \u2705 Overlay UNIFORME (sin mitad\/mitad) *\/\n  .yzz-hero__overlay{\n    position:absolute; inset:0;\n    background: rgba(11,25,57,.78); \/* mismo color base, una sola capa *\/\n  }\n\n  .yzz-container{\n    position: relative;\n    width: min(1100px, 92vw);\n    margin: 0 auto;\n  }\n\n  .yzz-hero__grid{\n    display: grid;\n    gap: 28px;\n    align-items: center;\n  }\n\n  .yzz-pill{\n    display:inline-flex; align-items:center;\n    padding: 10px 14px; border-radius: 999px;\n    background: rgba(255,255,255,.92); color: #0b2b3a;\n    font-weight: 700; letter-spacing: .6px;\n    font-size: 12px; text-transform: uppercase;\n  }\n\n  .yzz-eyebrow{ margin: 14px 0 8px; font-weight: 600; opacity: .9; letter-spacing: .4px; }\n\n  .yzz-title{\n    margin: 0 0 10px;\n    line-height: .92;\n    font-size: clamp(42px, 7vw, 72px);\n    letter-spacing: .5px;\n    text-shadow: 0 10px 30px rgba(0,0,0,.35);\n  }\n  .yzz-title span{ color: var(--yzz-yellow); }\n\n  .yzz-sub{\n    margin: 0 0 16px;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 1.55;\n    max-width: 52ch;\n    color: rgba(255,255,255,.92);\n  }\n  .yzz-sub__muted{ display:block; opacity:.85; margin-top: 4px; }\n\n  .yzz-prices{\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin: 16px 0 14px;\n    max-width: 520px;\n  }\n  .yzz-price-card{\n    border-radius: 14px;\n    padding: 14px 14px 12px;\n    background: rgba(255,255,255,.10);\n    border: 1px solid rgba(255,255,255,.18);\n    backdrop-filter: blur(8px);\n  }\n  .yzz-price-card.is-highlight{\n    border-color: rgba(0,148,94,.55);\n    box-shadow: 0 12px 28px rgba(0,148,94,.18);\n  }\n  .yzz-price-label{ font-weight: 800; letter-spacing: .9px; font-size: 12px; opacity:.9; }\n  .yzz-price{ margin-top: 6px; font-weight: 900; font-size: 26px; letter-spacing: .2px; }\n  .yzz-price span{ font-weight: 700; font-size: 12px; opacity:.9; margin-left: 6px; }\n  .yzz-price-note{ margin-top: 4px; font-weight: 500; font-size: 12px; opacity:.85; }\n\n  .yzz-mini{ display:grid; gap: 10px; margin: 10px 0 18px; max-width: 560px; }\n  .yzz-mini__item{ display:flex; gap: 10px; align-items:flex-start; font-weight: 500; font-size: 14px; color: rgba(255,255,255,.92); }\n  .yzz-ico{ width: 22px; height: 22px; color: var(--yzz-green); flex: 0 0 auto; margin-top: 1px; }\n  .yzz-ico svg{ width:100%; height:100%; }\n\n  .yzz-cta-row{\n    display:flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    align-items:center;\n    margin-top: 8px;\n  }\n\n  .yzz-btn{\n    display:inline-flex; align-items:center; justify-content:center;\n    border-radius: 8px;\n    padding: 14px 16px;\n    text-decoration:none;\n    font-weight: 700;\n    letter-spacing: .8px;\n    text-transform: uppercase;\n    font-size: 13px;\n    transition: transform .15s ease, filter .15s ease;\n    user-select:none;\n    width: 100%;\n    max-width: 560px;\n  }\n\n  .yzz-btn--primary{ background: var(--yzz-blue); color: var(--yzz-white); }\n  .yzz-btn--primary:hover{ transform: translateY(-1px); filter: brightness(1.06); }\n\n  \/* \u2705 CTA WhatsApp (amarillo #F6EA69) *\/\n  .yzz-btn--wa{\n    background: var(--yzz-yellow);\n    color: #0c1222;\n    border: 1px solid rgba(246,234,105,.55);\n  }\n  .yzz-btn--wa:hover{ transform: translateY(-1px); filter: brightness(1.03); }\n\n  .yzz-trust{ margin: 12px 0 0; font-weight: 500; font-size: 13px; opacity: .92; }\n\n  .yzz-hero__visual{ position: relative; min-height: 280px; }\n  .yzz-whale{\n    position: relative;\n    width: min(520px, 88vw);\n    margin-left: auto;\n    margin-right: auto;\n    transform: translateY(6px);\n    animation: yzzFloat 4.8s ease-in-out infinite;\n    filter: drop-shadow(0 22px 40px rgba(0,0,0,.35));\n  }\n  .yzz-whale img{ width: 100%; height: auto; display:block; }\n\n  .yzz-boat-card{\n    position: absolute;\n    right: 10px;\n    bottom: 6px;\n    display:flex;\n    align-items:center;\n    gap: 12px;\n    padding: 10px 12px;\n    border-radius: 14px;\n    background: rgba(0,0,0,.35);\n    border: 1px solid rgba(255,255,255,.18);\n    backdrop-filter: blur(10px);\n    width: min(320px, 86vw);\n  }\n  .yzz-boat-thumb{\n    width: 78px; height: 52px;\n    border-radius: 10px;\n    overflow:hidden;\n    background: rgba(255,255,255,.08);\n    border: 1px solid rgba(255,255,255,.15);\n    flex: 0 0 auto;\n  }\n  .yzz-boat-thumb img{ width: 100%; height: 100%; object-fit: cover; display:block; }\n  .yzz-boat-name{ font-weight: 900; letter-spacing: .8px; font-size: 13px; }\n  .yzz-boat-meta{ font-weight: 500; font-size: 12px; opacity: .9; margin-top: 2px; }\n\n  .yzz-hero__fade{\n    position:absolute;\n    left:0; right:0; bottom:-1px;\n    height: 90px;\n\n    \/* \u2705 Fade desde el mismo color s\u00f3lido (no negro) *\/\n    background: linear-gradient(180deg, rgba(11,25,57,0), rgba(11,25,57,1));\n    pointer-events:none;\n  }\n\n  @keyframes yzzFloat{\n    0%,100%{ transform: translateY(6px); }\n    50%{ transform: translateY(-6px); }\n  }\n\n  @media (min-width: 920px){\n    .yzz-hero{ padding: 42px 0 54px; }\n    .yzz-hero__grid{ grid-template-columns: 1.1fr .9fr; gap: 34px; }\n    .yzz-hero__visual{ min-height: 420px; }\n    .yzz-whale{ width: 520px; margin-left: auto; margin-right: 0; }\n    .yzz-boat-card{ right: 0; bottom: 0; }\n  }\n  @media (max-width: 420px){\n    .yzz-prices{ grid-template-columns: 1fr; }\n    .yzz-boat-card{ right: 0; left: 0; margin: 0 auto; }\n  }\n<\/style>\n\n<!-- =========================\n     HERO (primera secci\u00f3n)\n     ========================= -->\n<section class=\"yzz-hero\" aria-label=\"Avistamiento de ballenas\">\n  <!-- \u2705 Si quieres usar imagen, reemplaza la URL.\n       Si NO quieres imagen, puedes borrar este div completo. -->\n  <div class=\"yzz-hero__bg\" role=\"img\" aria-label=\"Mar en Mazatl\u00e1n\"\n       style=\"background-image:url('https:\/\/TU-URL-DE-FONDO.jpg');\"><\/div>\n\n  <div class=\"yzz-hero__overlay\"><\/div>\n\n  <div class=\"yzz-container\">\n    <div class=\"yzz-hero__grid\">\n      <!-- CONTENIDO -->\n      <div class=\"yzz-hero__content\">\n        <div class=\"yzz-pill\">DOMINGOS \u00b7 9:00 AM \u2013 2:00 PM<\/div>\n\n        <p class=\"yzz-eyebrow\">Experiencia \u00fanica en altamar<\/p>\n\n        <h1 class=\"yzz-title\">Avistamiento de <span>ballenas<\/span><\/h1>\n\n        <p class=\"yzz-sub\">\n          Vive el <strong>avistamiento de ballenas<\/strong> navegando hacia las zonas donde se observa la\n          <strong>ballena jorobada<\/strong> a bordo del <strong>Trimar\u00e1n Vikinga<\/strong>.\n          <span class=\"yzz-sub__muted\">Paseo compartido \u00b7 25 personas.<\/span>\n        <\/p>\n\n        <div class=\"yzz-prices\" role=\"group\" aria-label=\"Precios por persona\">\n          <div class=\"yzz-price-card\">\n            <div class=\"yzz-price-label\">TURISTAS<\/div>\n            <div class=\"yzz-price\">$1,000 <span>MXN<\/span><\/div>\n            <div class=\"yzz-price-note\">por persona<\/div>\n          <\/div>\n\n          <div class=\"yzz-price-card is-highlight\">\n            <div class=\"yzz-price-label\">LOCALES<\/div>\n            <div class=\"yzz-price\">$700 <span>MXN<\/span><\/div>\n            <div class=\"yzz-price-note\">presenta INE<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"yzz-mini\" aria-label=\"Incluye\">\n          <div class=\"yzz-mini__item\">\n            <span class=\"yzz-ico\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M7 3h10l-1 18H8L7 3Z\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n                <path d=\"M9 7h6\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n              <\/svg>\n            <\/span>\n            <span>Bebidas: agua, jugos y refrescos<\/span>\n          <\/div>\n\n          <div class=\"yzz-mini__item\">\n            <span class=\"yzz-ico\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M6 2v8M10 2v8M8 2v8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M14 2v10c0 1 1 2 2 2s2-1 2-2V2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                <path d=\"M8 14v8M16 14v8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/span>\n            <span>Alimentos: fruta, burritos y guacamole<\/span>\n          <\/div>\n\n          <div class=\"yzz-mini__item\">\n            <span class=\"yzz-ico\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M12 2 20 6v7c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V6l8-4Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                <path d=\"M9 12l2 2 4-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n              <\/svg>\n            <\/span>\n            <span>Capit\u00e1n + gu\u00eda + chalecos salvavidas<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"yzz-cta-row\">\n          <a class=\"yzz-btn yzz-btn--primary\" href=\"#comprar\">RESERVAR MI LUGAR<\/a>\n\n          <a class=\"yzz-btn yzz-btn--wa\"\n             href=\"https:\/\/wa.me\/526691324073?text=Hola%20Yatezzitos%20%F0%9F%90%8B%20Quiero%20reservar%20mi%20lugar%20para%20el%20avistamiento%20de%20ballenas%20en%20el%20Trimar%C3%A1n%20Vikinga%20(domingo%209%20am%20a%202%20pm).%20%C2%BFMe%20ayudas%20con%20disponibilidad%20y%20c%C3%B3mo%20pagar%3F\"\n             target=\"_blank\" rel=\"noopener\">\n            HABLAR POR WHATSAPP\n          <\/a>\n        <\/div>\n\n        <p class=\"yzz-trust\">\u2693 Salida puntual \u00b7 Plan perfecto para presumir \u00b7 Cupo limitado<\/p>\n      <\/div>\n\n      <!-- VISUAL -->\n      <div class=\"yzz-hero__visual\" aria-label=\"Ballena y trimar\u00e1n\">\n        <div class=\"yzz-whale\" aria-label=\"Ballena recortada\">\n          <img decoding=\"async\"\n            src=\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/Avistamientos-de-ballenas.png\"\n            alt=\"avistamiento de ballenas\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n\n        <div class=\"yzz-boat-card\" aria-label=\"Trimar\u00e1n Vikinga\">\n          <div class=\"yzz-boat-thumb\">\n            <img decoding=\"async\"\n              src=\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/trimaran-vikinga-mazatlan.png\"\n              loading=\"lazy\"\n              alt=\"Trimar\u00e1n Vikinga\"\n            >\n          <\/div>\n          <div class=\"yzz-boat-text\">\n            <div class=\"yzz-boat-name\">TRIMAR\u00c1N VIKINGA<\/div>\n            <div class=\"yzz-boat-meta\">Amplio \u00b7 C\u00f3modo \u00b7 Seguro<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"yzz-hero__fade\"><\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0e7740f e-flex e-con-boxed e-con e-parent\" data-id=\"0e7740f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f8b3d0 elementor-widget elementor-widget-html\" data-id=\"2f8b3d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  \/* =========================\n     YATEZZITOS | Fonts Loader\n     (Pegar 1 sola vez)\n     ========================= *\/\n\n  @font-face{\n    font-family: \"Dk Knucklebones\";\n    src:\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/DK-Knucklebones-Regular.woff2\") format(\"woff2\"),\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/DK-Knucklebones-Regular.woff\") format(\"woff\");\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face{\n    font-family: \"Barlow\";\n    src:\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/Barlow.woff2\") format(\"woff2\"),\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/Barlow.woff\") format(\"woff\");\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n  }\n\n  \/* Forzar Barlow en todo *\/\n  .yzz-hero, .yzz-section, .yzz-final{\n    font-family: \"Barlow\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif !important;\n  }\n\n  \/* Forzar Knucklebones en t\u00edtulos (SIN cursive para evitar \u201ctipos raros\u201d en iPhone) *\/\n  .yzz-title, .yzz-sec-title{\n    font-family: \"Dk Knucklebones\",\"Barlow\",sans-serif !important;\n  }\n<\/style>\n\n<script>\n  \/\/ Preload (especialmente importante en iPhone\/Safari)\n  (function(){\n    const fonts = [\n      \"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/DK-Knucklebones-Regular.woff2\",\n      \"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/Barlow.woff2\"\n    ];\n    const head = document.head || document.getElementsByTagName(\"head\")[0];\n    if(!head) return;\n\n    fonts.forEach(href=>{\n      const link = document.createElement(\"link\");\n      link.rel = \"preload\";\n      link.as = \"font\";\n      link.type = \"font\/woff2\";\n      link.href = href;\n      link.crossOrigin = \"anonymous\";\n      head.appendChild(link);\n    });\n  })();\n<\/script>\n\n<!-- SECCI\u00d3N 2 | \u00bfQU\u00c9 INCLUYE? + SALIDA + NI\u00d1OS -->\n<section class=\"yzz-section yzz-includes\" id=\"incluye\" aria-label=\"Qu\u00e9 incluye el avistamiento de ballenas\">\n  <div class=\"yzz-container\">\n    <header class=\"yzz-sec-head\">\n      <p class=\"yzz-sec-kicker\">Lo bueno empieza desde que abordas<\/p>\n      <h2 class=\"yzz-sec-title\">\u00bfQu\u00e9 incluye el <span>avistamiento de ballenas<\/span> en Mazatl\u00e1n?<\/h2>\n      <p class=\"yzz-sec-sub\">\n        Plan familiar y para grupos de amigos: t\u00fa llegas, te subes\u2026 y el mar hace lo suyo. \ud83d\ude0e\ud83d\udc0b\n      <\/p>\n    <\/header>\n\n    <div class=\"yzz-cards-grid\" role=\"list\">\n      <article class=\"yzz-card\" role=\"listitem\">\n        <span class=\"yzz-card-ico\" aria-hidden=\"true\">\n          <!-- ballena -->\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M3 14c4-4 10-6 16-4 2 1 2 4 0 5-5 2-11 1-16-1Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M18 10c1-2 3-3 3-3v5s-2 0-3-2Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"yzz-card-title\">Avistamiento de ballena jorobada<\/h3>\n        <p class=\"yzz-card-text\">Ruta guiada hacia las mejores zonas de observaci\u00f3n (depende de la naturaleza, pero el plan siempre se disfruta).<\/p>\n      <\/article>\n\n      <article class=\"yzz-card\" role=\"listitem\">\n        <span class=\"yzz-card-ico\" aria-hidden=\"true\">\n          <!-- trimar\u00e1n\/boat -->\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M3 16h18l-2 4H5l-2-4Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n            <path d=\"M7 16V8h10v8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"yzz-card-title\">Trimar\u00e1n amplio y estable<\/h3>\n        <p class=\"yzz-card-text\">Espacio para moverte, sentarte c\u00f3modo y disfrutar sin sentirlo \u201capretado\u201d.<\/p>\n      <\/article>\n\n      <article class=\"yzz-card\" role=\"listitem\">\n        <span class=\"yzz-card-ico\" aria-hidden=\"true\">\n          <!-- capit\u00e1n -->\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M4 22c1-4 4-6 8-6s7 2 8 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"yzz-card-title\">Capit\u00e1n + gu\u00eda<\/h3>\n        <p class=\"yzz-card-text\">Tripulaci\u00f3n a cargo para que t\u00fa solo te enfoques en vivir el momento (y grabarlo).<\/p>\n      <\/article>\n\n      <article class=\"yzz-card\" role=\"listitem\">\n        <span class=\"yzz-card-ico\" aria-hidden=\"true\">\n          <!-- seguridad -->\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 2 20 6v7c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V6l8-4Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M9 12l2 2 4-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"yzz-card-title\">Chalecos salvavidas<\/h3>\n        <p class=\"yzz-card-text\">Seguridad primero, siempre. Ideal para familias con ni\u00f1os.<\/p>\n      <\/article>\n\n      <article class=\"yzz-card\" role=\"listitem\">\n        <span class=\"yzz-card-ico\" aria-hidden=\"true\">\n          <!-- bebidas -->\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M7 3h10l-1 18H8L7 3Z\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n            <path d=\"M9 7h6\" stroke=\"currentColor\" stroke-width=\"2\" \/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"yzz-card-title\">Bebidas incluidas<\/h3>\n        <p class=\"yzz-card-text\">Agua, jugos y refrescos para que el paseo se disfrute sin \u201csed de altamar\u201d.<\/p>\n      <\/article>\n\n      <article class=\"yzz-card\" role=\"listitem\">\n        <span class=\"yzz-card-ico\" aria-hidden=\"true\">\n          <!-- alimentos -->\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M6 2v8M10 2v8M8 2v8\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M14 2v10c0 1 1 2 2 2s2-1 2-2V2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"yzz-card-title\">Snack\/comida ligera<\/h3>\n        <p class=\"yzz-card-text\">Fruta, burritos y guacamole para aguantar el mood de exploraci\u00f3n.<\/p>\n      <\/article>\n    <\/div>\n\n    <div class=\"yzz-info-row\">\n      <!-- Punto de salida -->\n      <div class=\"yzz-info-box\">\n        <h3 class=\"yzz-info-title\">Punto de salida<\/h3>\n        <p class=\"yzz-info-text\">\n          <strong>Marina Mazatl\u00e1n<\/strong>, en el muelle que est\u00e1 justo en la <strong>Tostader\u00eda del Mar<\/strong>.\n        <\/p>\n        <a class=\"yzz-btn yzz-btn--ghost\" href=\"https:\/\/maps.app.goo.gl\/sHpPFoQiE8feDsQP9\" target=\"_blank\" rel=\"noopener\">\n          VER UBICACI\u00d3N\n        <\/a>\n      <\/div>\n\n      <!-- Tarifa ni\u00f1os -->\n      <div class=\"yzz-info-box yzz-info-box--accent\">\n        <h3 class=\"yzz-info-title\">Tarifa para ni\u00f1os<\/h3>\n        <p class=\"yzz-info-text\">\n          Ni\u00f1os de <strong>2 a 12 a\u00f1os<\/strong>: <strong>$500<\/strong> (turistas) \/ <strong>$400<\/strong> (locales).<br>\n          Menores de <strong>2 a\u00f1os no pagan<\/strong>.\n        <\/p>\n        <p class=\"yzz-info-mini\">Tip: si son locales, trae INE para aplicar tarifa.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"yzz-cta-strip\" id=\"reservar\" aria-label=\"CTA reserva\">\n      <div class=\"yzz-cta-copy\">\n        <h3 class=\"yzz-cta-title\">\u00bfListo para ver ballenas en vivo?<\/h3>\n        <p class=\"yzz-cta-text\">Domingos 9am\u20132pm \u00b7 Paseo compartido \u00b7 Cupo limitado<\/p>\n      <\/div>\n    <a class=\"yzz-btn yzz-btn--primary\" href=\"#comprar\">\n  RESERVAR MI LUGAR\n<\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  \/* SECCI\u00d3N 2 | estilos (usan tus variables del hero) *\/\n  .yzz-section{ padding: 42px 0; background: #fff; color: #0b2b3a; }\n  .yzz-sec-head{ margin-bottom: 18px; }\n  .yzz-sec-kicker{\n    font-family: \"Barlow\", system-ui, -apple-system, Arial, sans-serif;\n    font-weight: 700;\n    letter-spacing: .6px;\n    text-transform: uppercase;\n    font-size: 12px;\n    color: rgba(11,43,58,.75);\n    margin: 0 0 8px;\n  }\n  .yzz-sec-title{\n    margin: 0 0 8px;\n    font-family: \"Dk Knucklebones\", \"DK Knucklebones\", \"Barlow\", cursive;\n    font-size: clamp(34px, 5.5vw, 54px);\n    line-height: .95;\n    color: #0b2b3a;\n  }\n  .yzz-sec-title span{ color: var(--yzz-green); }\n  .yzz-sec-sub{\n    margin: 0;\n    max-width: 70ch;\n    font-family: \"Barlow\", system-ui, -apple-system, Arial, sans-serif;\n    font-weight: 400;\n    line-height: 1.55;\n    color: rgba(11,43,58,.85);\n  }\n\n  .yzz-cards-grid{\n    display: grid;\n    gap: 12px;\n    margin-top: 18px;\n  }\n\n  .yzz-card{\n    border-radius: 14px;\n    padding: 14px;\n    border: 1px solid rgba(11,43,58,.12);\n    background: rgba(25,67,149,.04);\n  }\n\n  .yzz-card-ico{\n    width: 28px; height: 28px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--yzz-blue);\n    margin-bottom: 8px;\n  }\n  .yzz-card-ico svg{ width: 100%; height: 100%; }\n\n  .yzz-card-title{\n    margin: 0 0 6px;\n    font-family: \"Barlow\", system-ui, -apple-system, Arial, sans-serif;\n    font-weight: 800;\n    letter-spacing: .2px;\n    font-size: 16px;\n    color: #0b2b3a;\n  }\n  .yzz-card-text{\n    margin: 0;\n    font-family: \"Barlow\", system-ui, -apple-system, Arial, sans-serif;\n    font-weight: 400;\n    line-height: 1.5;\n    color: rgba(11,43,58,.85);\n    font-size: 14px;\n  }\n\n  .yzz-info-row{\n    display: grid;\n    gap: 12px;\n    margin-top: 18px;\n  }\n\n  .yzz-info-box{\n    border-radius: 14px;\n    padding: 16px;\n    border: 1px solid rgba(11,43,58,.12);\n    background: #ffffff;\n    box-shadow: 0 10px 24px rgba(0,0,0,.06);\n  }\n\n  .yzz-info-box--accent{\n    border-color: rgba(0,148,94,.28);\n    background: rgba(0,148,94,.05);\n  }\n\n  .yzz-info-title{\n    margin: 0 0 8px;\n    font-family: \"Barlow\", system-ui, -apple-system, Arial, sans-serif;\n    font-weight: 900;\n    letter-spacing: .3px;\n    font-size: 16px;\n  }\n\n  .yzz-info-text{\n    margin: 0 0 12px;\n    font-family: \"Barlow\", system-ui, -apple-system, Arial, sans-serif;\n    font-weight: 400;\n    line-height: 1.55;\n    color: rgba(11,43,58,.88);\n    font-size: 14px;\n  }\n\n  .yzz-info-mini{\n    margin: 0;\n    font-family: \"Barlow\", system-ui, -apple-system, Arial, sans-serif;\n    font-weight: 500;\n    font-size: 12px;\n    color: rgba(11,43,58,.75);\n  }\n\n  .yzz-cta-strip{\n    margin-top: 18px;\n    border-radius: 16px;\n    padding: 14px;\n    background: #0b2b3a;\n    color: #fff;\n    display: grid;\n    gap: 12px;\n    align-items: center;\n  }\n\n  .yzz-cta-title{\n    margin: 0 0 4px;\n    font-family: \"Barlow\", system-ui, -apple-system, Arial, sans-serif;\n    font-weight: 900;\n    letter-spacing: .2px;\n    font-size: 16px;\n  }\n  .yzz-cta-text{\n    margin: 0;\n    font-family: \"Barlow\", system-ui, -apple-system, Arial, sans-serif;\n    font-weight: 400;\n    opacity: .9;\n    font-size: 13px;\n    line-height: 1.45;\n  }\n\n  @media (min-width: 820px){\n    .yzz-cards-grid{ grid-template-columns: repeat(3, 1fr); }\n    .yzz-info-row{ grid-template-columns: 1fr 1fr; }\n    .yzz-cta-strip{\n      grid-template-columns: 1fr auto;\n      padding: 16px 18px;\n    }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b4299a e-flex e-con-boxed e-con e-parent\" data-id=\"9b4299a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd7608f elementor-widget elementor-widget-html\" data-id=\"dd7608f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  \/* =========================\n     YATEZZITOS | Fonts Loader\n     (Pegar 1 sola vez)\n     ========================= *\/\n\n  @font-face{\n    font-family: \"Dk Knucklebones\";\n    src:\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/DK-Knucklebones-Regular.woff2\") format(\"woff2\"),\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/DK-Knucklebones-Regular.woff\") format(\"woff\");\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face{\n    font-family: \"Barlow\";\n    src:\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/Barlow.woff2\") format(\"woff2\"),\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/Barlow.woff\") format(\"woff\");\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n  }\n\n  \/* Forzar Barlow en todo *\/\n  .yzz-hero, .yzz-section, .yzz-final{\n    font-family: \"Barlow\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif !important;\n  }\n\n  \/* Forzar Knucklebones en t\u00edtulos (SIN cursive para evitar \u201ctipos raros\u201d en iPhone) *\/\n  .yzz-title, .yzz-sec-title{\n    font-family: \"Dk Knucklebones\",\"Barlow\",sans-serif !important;\n  }\n<\/style>\n\n<script>\n  \/\/ Preload (especialmente importante en iPhone\/Safari)\n  (function(){\n    const fonts = [\n      \"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/DK-Knucklebones-Regular.woff2\",\n      \"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/Barlow.woff2\"\n    ];\n    const head = document.head || document.getElementsByTagName(\"head\")[0];\n    if(!head) return;\n\n    fonts.forEach(href=>{\n      const link = document.createElement(\"link\");\n      link.rel = \"preload\";\n      link.as = \"font\";\n      link.type = \"font\/woff2\";\n      link.href = href;\n      link.crossOrigin = \"anonymous\";\n      head.appendChild(link);\n    });\n  })();\n<\/script>\n\n<!-- SECCI\u00d3N 3 | DETALLES + CHECKLIST + FAQ -->\n<section class=\"yzz-section yzz-details\" id=\"detalles\" aria-label=\"Detalles del avistamiento de ballenas\">\n  <div class=\"yzz-container\">\n    <header class=\"yzz-sec-head\">\n      <p class=\"yzz-sec-kicker\">Sin letras chiquitas<\/p>\n      <h2 class=\"yzz-sec-title\">Detalles del <span>avistamiento de ballenas<\/span><\/h2>\n      <p class=\"yzz-sec-sub\">\n        Para que reserves con cero dudas: horarios, salida, reglas y tips para disfrutarlo al m\u00e1ximo.\n      <\/p>\n    <\/header>\n\n    <!-- TARJETAS R\u00c1PIDAS -->\n    <div class=\"yzz-facts\" role=\"list\">\n      <article class=\"yzz-fact\" role=\"listitem\">\n        <span class=\"yzz-fact-ico\" aria-hidden=\"true\">\n          <!-- reloj -->\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 22a10 10 0 1 0-10-10 10 10 0 0 0 10 10Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M12 6v6l4 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"yzz-fact-title\">Duraci\u00f3n<\/h3>\n        <p class=\"yzz-fact-text\"><strong>5 horas<\/strong> \u00b7 Domingos <strong>9:00am a 2:00pm<\/strong><\/p>\n      <\/article>\n\n      <article class=\"yzz-fact\" role=\"listitem\">\n        <span class=\"yzz-fact-ico\" aria-hidden=\"true\">\n          <!-- pin -->\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 22s7-5 7-12a7 7 0 1 0-14 0c0 7 7 12 7 12Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M12 10.5a2.5 2.5 0 1 0-2.5-2.5 2.5 2.5 0 0 0 2.5 2.5Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"yzz-fact-title\">Salida<\/h3>\n        <p class=\"yzz-fact-text\">\n          <strong>Marina Mazatl\u00e1n<\/strong>, muelle junto a <strong>Tostader\u00eda del Mar<\/strong>.\n        <\/p>\n        <a class=\"yzz-link\" href=\"https:\/\/maps.app.goo.gl\/sHpPFoQiE8feDsQP9\" target=\"_blank\" rel=\"noopener\">\n          Abrir ubicaci\u00f3n en Maps\n        <\/a>\n      <\/article>\n\n      <article class=\"yzz-fact\" role=\"listitem\">\n        <span class=\"yzz-fact-ico\" aria-hidden=\"true\">\n          <!-- usuarios -->\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M16 11a4 4 0 1 0-4-4 4 4 0 0 0 4 4Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M4 22c1.2-4 4.6-6 8-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M20 22c-.9-3-3.2-5-6-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <path d=\"M8 12a3.5 3.5 0 1 0-3.5-3.5A3.5 3.5 0 0 0 8 12Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"yzz-fact-title\">Tipo de paseo<\/h3>\n        <p class=\"yzz-fact-text\"><strong>Compartido<\/strong> \u00b7 Cupo <strong>25 personas<\/strong><\/p>\n      <\/article>\n\n      <article class=\"yzz-fact\" role=\"listitem\">\n        <span class=\"yzz-fact-ico\" aria-hidden=\"true\">\n          <!-- coraz\u00f3n\/familia -->\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 21s-8-5-8-11a4.5 4.5 0 0 1 8-2 4.5 4.5 0 0 1 8 2c0 6-8 11-8 11Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"yzz-fact-title\">Ideal para<\/h3>\n        <p class=\"yzz-fact-text\"><strong>Familias<\/strong> y <strong>grupos de amigos<\/strong> (plan 100% presumible)<\/p>\n      <\/article>\n\n      <article class=\"yzz-fact yzz-fact--accent\" role=\"listitem\">\n        <span class=\"yzz-fact-ico\" aria-hidden=\"true\">\n          <!-- ni\u00f1o -->\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n            <path d=\"M4 22c1.5-4.5 6-7 8-7s6.5 2.5 8 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n          <\/svg>\n        <\/span>\n        <h3 class=\"yzz-fact-title\">Ni\u00f1os<\/h3>\n        <p class=\"yzz-fact-text\">\n          <strong>2 a 12 a\u00f1os:<\/strong> $500 turistas \/ $400 locales \u00b7 <strong>Menores de 2:<\/strong> no pagan\n        <\/p>\n        <p class=\"yzz-fact-mini\">Locales: presentar INE para aplicar tarifa.<\/p>\n      <\/article>\n    <\/div>\n\n    <!-- CHECKLISTS -->\n    <div class=\"yzz-checks\">\n      <div class=\"yzz-checkbox\">\n        <h3 class=\"yzz-check-title\">Qu\u00e9 llevar (para disfrutarlo m\u00e1s)<\/h3>\n        <ul class=\"yzz-list\">\n          <li>Bloqueador (idealmente biodegradable)<\/li>\n          <li>Gorra \/ lentes de sol<\/li>\n          <li>Su\u00e9ter ligero (en la ma\u00f1ana puede pegar el aire)<\/li>\n          <li>Cel con pila + powerbank (vas a grabar s\u00ed o s\u00ed)<\/li>\n          <li>Agua extra si acostumbras (aunque incluye bebidas)<\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"yzz-checkbox yzz-checkbox--soft\">\n        <h3 class=\"yzz-check-title\">Qu\u00e9 NO incluye<\/h3>\n        <ul class=\"yzz-list\">\n          <li>Transporte al muelle<\/li>\n          <li>Propinas<\/li>\n          <li>Consumos o extras fuera del paquete<\/li>\n          <li>Servicios especiales no mencionados<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <!-- IMPORTANTE -->\n    <div class=\"yzz-note\" role=\"note\" aria-label=\"Importante\">\n      <h3 class=\"yzz-note-title\">Importante<\/h3>\n      <p class=\"yzz-note-text\">\n        El <strong>avistamiento<\/strong> depende de la naturaleza (as\u00ed es el mar \ud83d\ude05), pero el recorrido se hace con gu\u00eda\n        para maximizar probabilidades. Llega <strong>20 minutos antes<\/strong> para abordar sin prisas.\n      <\/p>\n    <\/div>\n\n    <!-- FAQ (Acorde\u00f3n) -->\n    <div class=\"yzz-faq\" aria-label=\"Preguntas frecuentes\">\n      <h3 class=\"yzz-faq-title\">Preguntas frecuentes<\/h3>\n\n      <div class=\"yzz-acc\">\n        <button class=\"yzz-acc__btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq1\">\n          \u00bfQu\u00e9 pasa si no vemos ballenas?\n          <span class=\"yzz-acc__chev\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"yzz-acc__panel\" id=\"faq1\" role=\"region\" aria-label=\"Respuesta\">\n          <p>\n            Las ballenas son libres (y se les respeta). El gu\u00eda busca las mejores zonas y, aunque el avistamiento no se puede\n            garantizar al 100%, el paseo sigue siendo una experiencia incre\u00edble en el mar.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"yzz-acc\">\n        <button class=\"yzz-acc__btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq2\">\n          \u00bfPueden subir ni\u00f1os?\n          <span class=\"yzz-acc__chev\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"yzz-acc__panel\" id=\"faq2\" role=\"region\" aria-label=\"Respuesta\">\n          <p>\n            S\u00ed. Es un plan familiar. Ni\u00f1os de <strong>2 a 12 a\u00f1os<\/strong> pagan tarifa preferencial y\n            menores de <strong>2 a\u00f1os<\/strong> no pagan. Se recomienda supervisi\u00f3n constante.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"yzz-acc\">\n        <button class=\"yzz-acc__btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq3\">\n          Me mareo\u2026 \u00bfalg\u00fan tip?\n          <span class=\"yzz-acc__chev\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"yzz-acc__panel\" id=\"faq3\" role=\"region\" aria-label=\"Respuesta\">\n          <p>\n            Desayuna ligero, hidr\u00e1tate y si eres sensible puedes tomar tu medicamento anti-mareo antes de salir.\n            Tip pro: mantente en zonas centrales del trimar\u00e1n y mira al horizonte.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"yzz-acc\">\n        <button class=\"yzz-acc__btn\" type=\"button\" aria-expanded=\"false\" aria-controls=\"faq4\">\n          \u00bfA qu\u00e9 hora debo llegar y d\u00f3nde es el punto exacto?\n          <span class=\"yzz-acc__chev\" aria-hidden=\"true\">+<\/span>\n        <\/button>\n        <div class=\"yzz-acc__panel\" id=\"faq4\" role=\"region\" aria-label=\"Respuesta\">\n          <p>\n            Llega <strong>20 minutos antes<\/strong>. La salida es en <strong>Marina Mazatl\u00e1n<\/strong>,\n            en el muelle junto a <strong>Tostader\u00eda del Mar<\/strong>. Puedes abrir el mapa desde esta secci\u00f3n.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- CTA FINAL DE SECCI\u00d3N -->\n    <div class=\"yzz-cta-strip\" aria-label=\"CTA compra\">\n      <div class=\"yzz-cta-copy\">\n        <h3 class=\"yzz-cta-title\">Dale un giro a tu domingo \ud83d\udc0b<\/h3>\n        <p class=\"yzz-cta-text\">Marina Mazatl\u00e1n \u00b7 9am\u20132pm \u00b7 Cupo limitado<\/p>\n      <\/div>\n      <a class=\"yzz-btn yzz-btn--primary\" href=\"#comprar\">COMPRAR BOLETO<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root{\n    --yzz-black:#000000;\n    --yzz-green:#00945E;\n    --yzz-red:#CA003D;\n    --yzz-blue:#194395;\n    --yzz-yellow:#F6EA69;\n    --yzz-white:#ffffff;\n  }\n\n  \/* \u2705 Contenedor (por si esta secci\u00f3n vive sola) *\/\n  .yzz-details .yzz-container{\n    width: min(1100px, 92vw);\n    margin: 0 auto;\n  }\n\n  \/* =========================\n     \u2705 MODO OSCURO (solo esta secci\u00f3n)\n     ========================= *\/\n.yzz-section.yzz-details{\n  padding: 42px 0;\n  background: #0B1939; \/* \u2705 mismo fondo s\u00f3lido *\/\n  color: #fff;\n  overflow-x: clip;\n}\n\n\n  .yzz-sec-head{ margin-bottom: 16px; }\n  .yzz-sec-kicker{\n    font-weight: 800;\n    letter-spacing: .6px;\n    text-transform: uppercase;\n    font-size: 12px;\n    color: rgba(255,255,255,.72);\n    margin: 0 0 8px;\n  }\n  .yzz-sec-title{\n    margin: 0 0 8px;\n    font-size: clamp(34px, 5.5vw, 54px);\n    line-height: .95;\n    color: #fff;\n    text-shadow: 0 12px 28px rgba(0,0,0,.55);\n  }\n  .yzz-sec-title span{ color: var(--yzz-yellow); }\n  .yzz-sec-sub{\n    margin: 0;\n    max-width: 72ch;\n    font-weight: 500;\n    line-height: 1.55;\n    color: rgba(255,255,255,.78);\n  }\n\n  \/* Facts *\/\n  .yzz-facts{\n    display: grid;\n    gap: 12px;\n    margin-top: 18px;\n  }\n  .yzz-fact{\n    border-radius: 14px;\n    padding: 14px;\n    border: 1px solid rgba(255,255,255,.14);\n    background: rgba(255,255,255,.06);\n    box-shadow: 0 18px 40px rgba(0,0,0,.35);\n    backdrop-filter: blur(8px);\n  }\n  .yzz-fact--accent{\n    background: rgba(0,148,94,.10);\n    border-color: rgba(0,148,94,.32);\n  }\n  .yzz-fact-ico{\n    width: 28px; height: 28px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--yzz-yellow);\n    margin-bottom: 8px;\n  }\n  .yzz-fact--accent .yzz-fact-ico{ color: rgba(0,148,94,1); }\n  .yzz-fact-ico svg{ width:100%; height:100%; }\n\n  .yzz-fact-title{\n    margin: 0 0 6px;\n    font-weight: 900;\n    letter-spacing: .2px;\n    font-size: 16px;\n    color: rgba(255,255,255,.95);\n  }\n  .yzz-fact-text{\n    margin: 0;\n    font-weight: 500;\n    line-height: 1.5;\n    color: rgba(255,255,255,.82);\n    font-size: 14px;\n  }\n  .yzz-fact-mini{\n    margin: 8px 0 0;\n    font-weight: 600;\n    font-size: 12px;\n    color: rgba(255,255,255,.70);\n  }\n\n  .yzz-link{\n    display: inline-block;\n    margin-top: 10px;\n    font-weight: 900;\n    letter-spacing: .3px;\n    font-size: 12px;\n    text-transform: uppercase;\n    text-decoration: none;\n    color: var(--yzz-yellow);\n  }\n  .yzz-link:hover{ text-decoration: underline; }\n\n  \/* Checklists *\/\n  .yzz-checks{\n    display: grid;\n    gap: 12px;\n    margin-top: 18px;\n  }\n  .yzz-checkbox{\n    border-radius: 14px;\n    padding: 16px;\n    border: 1px solid rgba(255,255,255,.14);\n    background: rgba(255,255,255,.06);\n    box-shadow: 0 18px 40px rgba(0,0,0,.35);\n    backdrop-filter: blur(8px);\n  }\n  .yzz-checkbox--soft{\n    background: rgba(255,255,255,.04);\n  }\n  .yzz-check-title{\n    margin: 0 0 10px;\n    font-weight: 900;\n    font-size: 16px;\n    letter-spacing: .2px;\n    color: rgba(255,255,255,.95);\n  }\n  .yzz-list{\n    margin: 0;\n    padding-left: 18px;\n    font-weight: 500;\n    color: rgba(255,255,255,.82);\n    line-height: 1.7;\n    font-size: 14px;\n  }\n\n  \/* Important note (se mantiene amarillo para contraste) *\/\n  .yzz-note{\n    margin-top: 18px;\n    border-radius: 14px;\n    padding: 16px;\n    background: rgba(246,234,105,.92);\n    border: 1px solid rgba(246,234,105,1);\n  }\n  .yzz-note-title{\n    margin: 0 0 6px;\n    font-weight: 900;\n    letter-spacing: .2px;\n    font-size: 16px;\n    color: #0b2b3a;\n  }\n  .yzz-note-text{\n    margin: 0;\n    font-weight: 500;\n    line-height: 1.55;\n    color: rgba(11,43,58,.92);\n    font-size: 14px;\n  }\n\n  \/* FAQ *\/\n  .yzz-faq{ margin-top: 18px; }\n  .yzz-faq-title{\n    margin: 0 0 10px;\n    font-weight: 900;\n    letter-spacing: .2px;\n    font-size: 16px;\n    color: rgba(255,255,255,.92);\n  }\n  .yzz-acc{\n    border-radius: 14px;\n    overflow: hidden;\n    border: 1px solid rgba(255,255,255,.14);\n    background: rgba(255,255,255,.06);\n    box-shadow: 0 18px 40px rgba(0,0,0,.35);\n    backdrop-filter: blur(8px);\n    margin-bottom: 10px;\n  }\n  .yzz-acc__btn{\n    width: 100%;\n    border: 0;\n    background: transparent;\n    padding: 14px 14px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    font-weight: 800;\n    letter-spacing: .1px;\n    font-size: 14px;\n    color: rgba(255,255,255,.92);\n  }\n  .yzz-acc__btn:hover{ background: rgba(255,255,255,.06); }\n\n  .yzz-acc__chev{\n    width: 28px; height: 28px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    background: rgba(246,234,105,.16);\n    color: var(--yzz-yellow);\n    font-weight: 900;\n    line-height: 1;\n    transition: transform .15s ease;\n  }\n  .yzz-acc__panel{\n    display: none;\n    padding: 0 14px 14px;\n    font-weight: 500;\n    line-height: 1.6;\n    color: rgba(255,255,255,.82);\n    font-size: 14px;\n  }\n  .yzz-acc__panel p{ margin: 0; }\n\n  \/* CTA strip *\/\n  .yzz-cta-strip{\n    margin-top: 18px;\n    border-radius: 16px;\n    padding: 14px;\n    background: rgba(255,255,255,.06);\n    border: 1px solid rgba(255,255,255,.14);\n    color: #fff;\n    display: grid;\n    gap: 12px;\n    align-items: center;\n    box-shadow: 0 18px 40px rgba(0,0,0,.35);\n    backdrop-filter: blur(8px);\n  }\n  .yzz-cta-title{\n    margin: 0 0 4px;\n    font-weight: 900;\n    letter-spacing: .2px;\n    font-size: 16px;\n  }\n  .yzz-cta-text{\n    margin: 0;\n    font-weight: 500;\n    opacity: .82;\n    font-size: 13px;\n    line-height: 1.45;\n  }\n\n  \/* Botones *\/\n  .yzz-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    border-radius: 8px;\n    padding: 14px 16px;\n    text-decoration:none;\n    font-weight: 900;\n    letter-spacing: .8px;\n    text-transform: uppercase;\n    font-size: 13px;\n    transition: transform .15s ease, filter .15s ease, background .15s ease, border-color .15s ease;\n    user-select:none;\n  }\n  .yzz-btn--primary{ background: var(--yzz-blue); color: #fff; }\n  .yzz-btn--primary:hover{ transform: translateY(-1px); filter: brightness(1.06); }\n\n  @media (min-width: 820px){\n    .yzz-facts{ grid-template-columns: repeat(3, 1fr); }\n    .yzz-checks{ grid-template-columns: 1fr 1fr; }\n    .yzz-cta-strip{ grid-template-columns: 1fr auto; padding: 16px 18px; }\n  }\n<\/style>\n\n<script>\n  \/\/ Acorde\u00f3n FAQ (simple y compatible con Elementor)\n  (function(){\n    const root = document.querySelector('.yzz-details');\n    if(!root) return;\n\n    const items = root.querySelectorAll('.yzz-acc');\n    items.forEach(item => {\n      const btn = item.querySelector('.yzz-acc__btn');\n      const panel = item.querySelector('.yzz-acc__panel');\n      const chev = item.querySelector('.yzz-acc__chev');\n      if(!btn || !panel) return;\n\n      btn.addEventListener('click', () => {\n        const isOpen = btn.getAttribute('aria-expanded') === 'true';\n\n        \/\/ Cierra todos\n        items.forEach(i => {\n          const b = i.querySelector('.yzz-acc__btn');\n          const p = i.querySelector('.yzz-acc__panel');\n          const c = i.querySelector('.yzz-acc__chev');\n          if(b) b.setAttribute('aria-expanded','false');\n          if(p) p.style.display = 'none';\n          if(c) c.style.transform = 'rotate(0deg)';\n          if(c) c.textContent = '+';\n        });\n\n        \/\/ Abre el seleccionado\n        if(!isOpen){\n          btn.setAttribute('aria-expanded','true');\n          panel.style.display = 'block';\n          if(chev) chev.style.transform = 'rotate(45deg)';\n          if(chev) chev.textContent = '+';\n        }\n      });\n    });\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6307bd6 e-flex e-con-boxed e-con e-parent\" data-id=\"6307bd6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-745b607 elementor-widget elementor-widget-html\" data-id=\"745b607\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  \/* =========================\n     YATEZZITOS | Fonts Loader\n     (Pegar 1 sola vez)\n     ========================= *\/\n\n  @font-face{\n    font-family: \"Dk Knucklebones\";\n    src:\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/DK-Knucklebones-Regular.woff2\") format(\"woff2\"),\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/DK-Knucklebones-Regular.woff\") format(\"woff\");\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n  }\n\n  @font-face{\n    font-family: \"Barlow\";\n    src:\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/Barlow.woff2\") format(\"woff2\"),\n      url(\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/Barlow.woff\") format(\"woff\");\n    font-weight: 400;\n    font-style: normal;\n    font-display: swap;\n  }\n\n  \/* Forzar Barlow en todo *\/\n  .yzz-hero, .yzz-section, .yzz-final{\n    font-family: \"Barlow\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif !important;\n  }\n\n  \/* Forzar Knucklebones en t\u00edtulos *\/\n  .yzz-title, .yzz-sec-title{\n    font-family: \"Dk Knucklebones\",\"Barlow\",sans-serif !important;\n  }\n<\/style>\n\n<script>\n  \/\/ Preload (especialmente importante en iPhone\/Safari)\n  (function(){\n    const fonts = [\n      \"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/DK-Knucklebones-Regular.woff2\",\n      \"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/Barlow.woff2\"\n    ];\n    const head = document.head || document.getElementsByTagName(\"head\")[0];\n    if(!head) return;\n\n    fonts.forEach(href=>{\n      const link = document.createElement(\"link\");\n      link.rel = \"preload\";\n      link.as = \"font\";\n      link.type = \"font\/woff2\";\n      link.href = href;\n      link.crossOrigin = \"anonymous\";\n      head.appendChild(link);\n    });\n  })();\n<\/script>\n\n<!-- SECCI\u00d3N 4 | PRECIO + RESUMEN + CTA FINAL (\u2705 SIN IDS) -->\n<section class=\"yzz-section yzz-final\" aria-label=\"Precio y cierre avistamiento de ballenas\">\n  <div class=\"yzz-container\">\n    <header class=\"yzz-sec-head yzz-sec-head--center\">\n      <p class=\"yzz-sec-kicker\">El plan que s\u00ed se presume<\/p>\n      <h2 class=\"yzz-sec-title\">Precio por persona<\/h2>\n      <p class=\"yzz-sec-sub\">\n        Avistamiento de ballenas en <strong>Mazatl\u00e1n<\/strong>, salida en <strong>Marina Mazatl\u00e1n<\/strong>.\n        Domingos <strong>9am\u20132pm<\/strong> \u00b7 Paseo compartido \u00b7 Cupo limitado.\n      <\/p>\n    <\/header>\n\n    <div class=\"yzz-price-grid\" role=\"list\" aria-label=\"Tarifas\">\n      <!-- Turistas -->\n      <article class=\"yzz-pricebox\" role=\"listitem\">\n        <div class=\"yzz-badge\">TURISTAS<\/div>\n        <div class=\"yzz-amount\">$1,000 <span>MXN<\/span><\/div>\n        <p class=\"yzz-small\">Adulto \u00b7 por persona<\/p>\n\n        <ul class=\"yzz-bullets\" aria-label=\"Incluye\">\n          <li>Trimar\u00e1n Vikinga (paseo compartido)<\/li>\n          <li>Capit\u00e1n + gu\u00eda<\/li>\n          <li>Bebidas + snack\/comida ligera<\/li>\n          <li>Chalecos salvavidas<\/li>\n        <\/ul>\n      <\/article>\n\n      <!-- Locales -->\n      <article class=\"yzz-pricebox yzz-pricebox--highlight\" role=\"listitem\">\n        <div class=\"yzz-badge yzz-badge--green\">LOCALES<\/div>\n        <div class=\"yzz-amount\">$700 <span>MXN<\/span><\/div>\n        <p class=\"yzz-small\">Adulto \u00b7 presenta INE<\/p>\n\n        <ul class=\"yzz-bullets\" aria-label=\"Incluye\">\n          <li>Todo lo del paquete turista<\/li>\n          <li>Tarifa preferencial con INE<\/li>\n          <li>Ideal para plan familiar<\/li>\n          <li>Cupo limitado (25 personas)<\/li>\n        <\/ul>\n      <\/article>\n    <\/div>\n\n    <!-- Ni\u00f1os -->\n    <div class=\"yzz-kids\">\n      <div class=\"yzz-kids__left\">\n        <h3 class=\"yzz-kids__title\">Tarifa ni\u00f1os<\/h3>\n        <p class=\"yzz-kids__text\">\n          <strong>2 a 12 a\u00f1os:<\/strong> $500 turistas \/ $400 locales \u00b7\n          <strong>Menores de 2 a\u00f1os:<\/strong> no pagan.\n        <\/p>\n        <a class=\"yzz-link\" href=\"https:\/\/maps.app.goo.gl\/sHpPFoQiE8feDsQP9\" target=\"_blank\" rel=\"noopener\">\n          Ver punto de salida en Maps\n        <\/a>\n      <\/div>\n      <div class=\"yzz-kids__right\">\n        <div class=\"yzz-tip\">\n          <strong>Tip r\u00e1pido:<\/strong> llega 20 min antes y trae powerbank\u2026 porque s\u00ed vas a grabar. \ud83d\udc0b\ud83d\udcf1\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Resumen final -->\n    <div class=\"yzz-summary\" aria-label=\"Resumen del plan\">\n      <h3 class=\"yzz-summary__title\">Resumen en 15 segundos<\/h3>\n      <div class=\"yzz-summary__grid\">\n        <div class=\"yzz-chip\">\ud83d\udccd Marina Mazatl\u00e1n \u00b7 muelle Tostader\u00eda del Mar<\/div>\n        <div class=\"yzz-chip\">\u23f0 Domingos 9:00am\u20132:00pm<\/div>\n        <div class=\"yzz-chip\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66 Familiar + amigos \u00b7 25 personas<\/div>\n        <div class=\"yzz-chip\">\ud83e\udd64\ud83c\udf49 Bebidas + fruta\/burritos\/guacamole<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- CTA FINAL -->\n    <div class=\"yzz-final-cta\" aria-label=\"Llamada a la acci\u00f3n final\">\n      <div class=\"yzz-final-cta__copy\">\n        <h3 class=\"yzz-final-cta__title\">\u00bfTe guardo tu lugar?<\/h3>\n        <p class=\"yzz-final-cta__text\">\n          Cupo limitado cada domingo. Si ya traes el plan en la cabeza\u2026 mejor am\u00e1rralo hoy. \ud83d\ude09\n        <\/p>\n        <p class=\"yzz-final-cta__micro\">\n          Al reservar: indica cu\u00e1ntos adultos, cu\u00e1ntos ni\u00f1os (2\u201312) y si son locales.\n        <\/p>\n      <\/div>\n\n      <div class=\"yzz-final-cta__actions\">\n        <a class=\"yzz-btn yzz-btn--primary\" href=\"#comprar\" data-yzz-popup=\"ballenas\">\n          COMPRAR BOLETO\n        <\/a>\n\n        <a class=\"yzz-btn yzz-btn--ghost\" href=\"https:\/\/maps.app.goo.gl\/sHpPFoQiE8feDsQP9\" target=\"_blank\" rel=\"noopener\">\n          VER UBICACI\u00d3N\n        <\/a>\n\n        <div class=\"yzz-urgency\" aria-label=\"Urgencia suave\">\n          <span class=\"yzz-dot\"><\/span>\n          <span class=\"yzz-seats-text\">Cupo limitado \u00b7 se llena r\u00e1pido<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  :root{\n    --yzz-black:#000000;\n    --yzz-green:#00945E;\n    --yzz-red:#CA003D;\n    --yzz-blue:#194395;\n    --yzz-yellow:#F6EA69;\n    --yzz-white:#ffffff;\n  }\n\n  \/* \u2705 Base container si no existe en otra secci\u00f3n *\/\n  .yzz-final .yzz-container{\n    width: min(1100px, 92vw);\n    margin: 0 auto;\n  }\n\n  \/* ======================================================\n     \u2705 FIX: \u201cDescontaminar\u201d t\u00edtulo y subt\u00edtulo SOLO AQU\u00cd\n     (para que no los pise otra secci\u00f3n con .yzz-sec-title global)\n     ====================================================== *\/\n  .yzz-final .yzz-sec-head--center{ text-align:center; }\n  .yzz-final .yzz-sec-head--center .yzz-sec-sub{ margin-left:auto; margin-right:auto; }\n\n  .yzz-final .yzz-sec-kicker{\n    font-weight: 800 !important;\n    letter-spacing: .6px !important;\n    text-transform: uppercase !important;\n    font-size: 12px !important;\n    color: rgba(11,43,58,.75) !important;\n    margin: 0 0 8px !important;\n    text-shadow: none !important;\n    filter: none !important;\n  }\n\n  .yzz-final .yzz-sec-title{\n    margin: 0 0 8px !important;\n    font-size: clamp(34px, 5.5vw, 54px) !important;\n    line-height: .95 !important;\n    color: #0b2b3a !important;\n    text-shadow: none !important;\n    filter: none !important;\n    -webkit-text-fill-color: #0b2b3a !important; \/* por si alg\u00fan estilo raro lo afecta *\/\n  }\n\n  .yzz-final .yzz-sec-sub{\n    margin: 0 !important;\n    max-width: 72ch !important;\n    font-weight: 500 !important;\n    line-height: 1.55 !important;\n    color: rgba(11,43,58,.85) !important;\n    text-shadow: none !important;\n    filter: none !important;\n    opacity: 1 !important;\n  }\n\n  \/* Secci\u00f3n *\/\n  .yzz-final{\n    background: #ffffff;\n    color: #0b2b3a;\n    padding: 42px 0;\n    overflow-x: clip;\n  }\n\n  .yzz-price-grid{\n    display:grid;\n    gap: 12px;\n    margin-top: 18px;\n  }\n\n  .yzz-pricebox{\n    border-radius: 16px;\n    padding: 16px;\n    border: 1px solid rgba(11,43,58,.12);\n    background: rgba(25,67,149,.04);\n  }\n\n  .yzz-pricebox--highlight{\n    background: rgba(0,148,94,.06);\n    border-color: rgba(0,148,94,.25);\n    box-shadow: 0 14px 28px rgba(0,148,94,.10);\n  }\n\n  .yzz-badge{\n    display:inline-flex;\n    align-items:center;\n    padding: 8px 12px;\n    border-radius: 999px;\n    background: rgba(25,67,149,.12);\n    color: #0b2b3a;\n    font-weight: 900;\n    letter-spacing: .7px;\n    font-size: 12px;\n    text-transform: uppercase;\n  }\n  .yzz-badge--green{ background: rgba(0,148,94,.16); }\n\n  .yzz-amount{\n    margin-top: 10px;\n    font-weight: 900;\n    font-size: 34px;\n    letter-spacing: .2px;\n    color: #0b2b3a;\n  }\n  .yzz-amount span{\n    font-weight: 800;\n    font-size: 12px;\n    opacity: .85;\n    margin-left: 6px;\n  }\n\n  .yzz-small{\n    margin: 6px 0 12px;\n    font-weight: 500;\n    font-size: 13px;\n    color: rgba(11,43,58,.78);\n  }\n\n  .yzz-bullets{\n    margin: 0;\n    padding-left: 18px;\n    font-weight: 400;\n    color: rgba(11,43,58,.88);\n    line-height: 1.7;\n    font-size: 14px;\n  }\n\n  .yzz-kids{\n    margin-top: 14px;\n    border-radius: 16px;\n    padding: 16px;\n    background: rgba(246,234,105,.35);\n    border: 1px solid rgba(246,234,105,.85);\n    display:grid;\n    gap: 12px;\n  }\n  .yzz-kids__title{\n    margin: 0 0 6px;\n    font-weight: 900;\n    font-size: 16px;\n    letter-spacing: .2px;\n  }\n  .yzz-kids__text{\n    margin: 0 0 8px;\n    font-weight: 400;\n    line-height: 1.55;\n    color: rgba(11,43,58,.92);\n    font-size: 14px;\n  }\n\n  .yzz-link{\n    display: inline-block;\n    margin-top: 10px;\n    font-weight: 800;\n    letter-spacing: .3px;\n    font-size: 12px;\n    text-transform: uppercase;\n    text-decoration: none;\n    color: var(--yzz-blue);\n  }\n  .yzz-link:hover{ text-decoration: underline; }\n\n  .yzz-tip{\n    border-radius: 14px;\n    padding: 12px;\n    background: rgba(0,0,0,.04);\n    border: 1px solid rgba(0,0,0,.06);\n    font-weight: 500;\n    color: rgba(11,43,58,.85);\n    line-height: 1.5;\n    font-size: 13px;\n  }\n\n  .yzz-summary{\n    margin-top: 16px;\n    border-radius: 16px;\n    padding: 16px;\n    border: 1px solid rgba(11,43,58,.12);\n    background: #fff;\n    box-shadow: 0 10px 24px rgba(0,0,0,.06);\n  }\n  .yzz-summary__title{\n    margin: 0 0 10px;\n    font-weight: 900;\n    font-size: 16px;\n    letter-spacing: .2px;\n  }\n  .yzz-summary__grid{\n    display:grid;\n    gap: 10px;\n  }\n  .yzz-chip{\n    border-radius: 12px;\n    padding: 10px 12px;\n    background: rgba(25,67,149,.06);\n    border: 1px solid rgba(25,67,149,.10);\n    font-weight: 500;\n    font-size: 13px;\n    color: rgba(11,43,58,.88);\n  }\n\n  .yzz-final-cta{\n    margin-top: 16px;\n    border-radius: 18px;\n    padding: 16px;\n    background: #0b2b3a;\n    color: #fff;\n    display:grid;\n    gap: 14px;\n    align-items: center;\n  }\n  .yzz-final-cta__title{\n    margin: 0 0 6px;\n    font-weight: 900;\n    letter-spacing: .2px;\n    font-size: 18px;\n  }\n  .yzz-final-cta__text{\n    margin: 0;\n    font-weight: 400;\n    line-height: 1.55;\n    opacity: .92;\n    font-size: 14px;\n  }\n  .yzz-final-cta__micro{\n    margin: 10px 0 0;\n    font-weight: 500;\n    opacity: .92;\n    font-size: 13px;\n  }\n\n  .yzz-final-cta__actions{\n    display:grid;\n    gap: 10px;\n    justify-items: start;\n  }\n\n  .yzz-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    border-radius: 8px;\n    padding: 14px 16px;\n    text-decoration:none;\n    font-weight: 700;\n    letter-spacing: .8px;\n    text-transform: uppercase;\n    font-size: 13px;\n    transition: transform .15s ease, filter .15s ease, background .15s ease, border-color .15s ease;\n    user-select:none;\n    width: 100%;\n  }\n  .yzz-btn--primary{ background: var(--yzz-blue); color: #fff; }\n  .yzz-btn--primary:hover{ transform: translateY(-1px); filter: brightness(1.06); }\n  .yzz-btn--ghost{\n    background: rgba(0,0,0,.20);\n    color: #fff;\n    border: 1px solid rgba(255,255,255,.35);\n  }\n  .yzz-btn--ghost:hover{ transform: translateY(-1px); border-color: rgba(0,148,94,.7); }\n\n  .yzz-urgency{\n    display:flex;\n    align-items:center;\n    gap: 8px;\n    font-weight: 600;\n    font-size: 12px;\n    opacity: .92;\n    letter-spacing: .2px;\n  }\n  .yzz-dot{\n    width: 10px; height: 10px;\n    border-radius: 999px;\n    background: var(--yzz-green);\n    box-shadow: 0 0 0 6px rgba(0,148,94,.18);\n    animation: yzzPulse 1.6s ease-in-out infinite;\n  }\n  @keyframes yzzPulse{\n    0%,100%{ transform: scale(1); opacity: 1; }\n    50%{ transform: scale(1.08); opacity: .75; }\n  }\n\n  \/* Desktop *\/\n  @media (min-width: 820px){\n    .yzz-price-grid{ grid-template-columns: 1fr 1fr; }\n    .yzz-kids{ grid-template-columns: 1.2fr .8fr; align-items: center; }\n    .yzz-summary__grid{ grid-template-columns: 1fr 1fr; }\n    .yzz-final-cta{ grid-template-columns: 1.2fr .8fr; padding: 18px 20px; }\n    .yzz-final-cta__actions{ justify-items: stretch; }\n  }\n<\/style>\n\n<script>\n  \/\/ Micro-urgencia (copy din\u00e1mico sutil, no inventa n\u00fameros)\n  (function(){\n    const els = document.querySelectorAll('.yzz-seats-text');\n    if(!els || !els.length) return;\n\n    const msgs = [\n      \"Cupo limitado \u00b7 se llena r\u00e1pido\",\n      \"Tip: reserva hoy y olv\u00eddate del \u201cya no hubo lugar\u201d\",\n      \"Domingos 9am\u20132pm \u00b7 asegura tu lugar con tiempo\"\n    ];\n    let i = 0;\n\n    setInterval(() => {\n      i = (i + 1) % msgs.length;\n      els.forEach(el => el.textContent = msgs[i]);\n    }, 3200);\n  })();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb762cc e-flex e-con-boxed e-con e-parent\" data-id=\"cb762cc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5623fb elementor-widget elementor-widget-html\" data-id=\"c5623fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================\n     Yatezzitos | SECCI\u00d3N 4A \u2014 INFO (Avistamientos de Ballenas)\n     \u2705 Versi\u00f3n FONDO OSCURO\n     - Pegar en 1 widget HTML (Secci\u00f3n 1)\n     - 2 CTAs: Comprar (scroll a #comprar) + WhatsApp (amarillo #F6EA69)\n     ========================= -->\n<section class=\"yzz-whale-s4 yzz-whale-s4light\" id=\"whale-info\" aria-label=\"Informaci\u00f3n Avistamientos de Ballenas\">\n  <div class=\"yzz-whale-s4__wrap\">\n\n    <header class=\"yzz-whale-s4__head\">\n      <p class=\"yzz-whale-s4__eyebrow\">\u00daltimo paso<\/p>\n      <h2 class=\"yzz-whale-s4__title\">Asegura tu lugar <span class=\"yzz-whale-s4__accent\">en 1 minuto<\/span><\/h2>\n      <p class=\"yzz-whale-s4__sub\">\n        Viaje compartido en <strong>Trimar\u00e1n Vikinga<\/strong> (Mazatl\u00e1n) \u2022 <strong>Domingos<\/strong> de <strong>9:00 am a 2:00 pm<\/strong>.\n      <\/p>\n    <\/header>\n\n    <div class=\"yzz-whale-s4__grid yzz-whale-s4__grid--one\">\n      <!-- RESUMEN -->\n      <aside class=\"yzz-whale-s4__card yzz-whale-s4__card--summary\" aria-label=\"Resumen del paseo\">\n        <div class=\"yzz-whale-s4__hero\">\n          <div class=\"yzz-whale-s4__heroTop\">\n            <span class=\"yzz-pill yzz-pill--ok\">Experiencia compartida<\/span>\n            <span class=\"yzz-pill yzz-pill--time\">\ud83d\udc0b Temporada de ballenas<\/span>\n          <\/div>\n\n          <p class=\"yzz-whale-s4__heroNote\">\n            Compra aqu\u00ed y recibe tu confirmaci\u00f3n inmediata. Llega con tiempo y disfruta el paseo sin estr\u00e9s.\n          <\/p>\n\n          <div class=\"yzz-whale-s4__bar\" aria-hidden=\"true\">\n            <span class=\"yzz-whale-s4__fill\"><\/span>\n          <\/div>\n\n          <div class=\"yzz-whale-s4__trustRow\" aria-label=\"Confianza\">\n            <span class=\"yzz-trustPill\">Pagos seguros<\/span>\n            <span class=\"yzz-trustDot\" aria-hidden=\"true\"><\/span>\n            <span class=\"yzz-trustPill\">Confirmaci\u00f3n inmediata<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"yzz-whale-s4__facts\" aria-label=\"Datos del paseo\">\n          <div class=\"yzz-fact\">\n            <span class=\"yzz-fact__k\">Horario<\/span>\n            <span class=\"yzz-fact__v\">Domingos \u2022 9:00 am \u2013 2:00 pm<\/span>\n          <\/div>\n          <div class=\"yzz-fact\">\n            <span class=\"yzz-fact__k\">Embarcaci\u00f3n<\/span>\n            <span class=\"yzz-fact__v\">Trimar\u00e1n Vikinga<\/span>\n          <\/div>\n          <div class=\"yzz-fact\">\n            <span class=\"yzz-fact__k\">Tip<\/span>\n            <span class=\"yzz-fact__v\">Llega 30 min antes para abordar<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"yzz-whale-s4__policy\" aria-label=\"Pol\u00edticas y recomendaciones\">\n          <h3 class=\"yzz-whale-s4__h3\">Lo que debes de saber antes de comprar:<\/h3>\n          <ul class=\"yzz-whale-s4__bullets\">\n            <li>Si eres propenso al mareo, toma medicamento anti-mareo <strong>30 min antes<\/strong>.<\/li>\n            <li>Ni\u00f1os: se puede, pero de 2 a 12 pagan $500<\/li>\n            <li>Si el clima no permite salir, se cambia de fecha o bien queda <strong>saldo a favor<\/strong> para futuras experiencias en Mazatl\u00e1n u otros destinos.<\/li>\n            <li>No hay reembolso por cancelaci\u00f3n.<\/li>\n          <\/ul>\n        <\/div>\n\n        <!-- CTAs -->\n        <div class=\"yzz-whale-s4__ctaRow\" aria-label=\"Acciones\">\n          <a class=\"yzz-whale-s4__btn yzz-whale-s4__btn--primary\" href=\"#comprar\" data-yzz-scroll>\n            Comprar boletos ahora\n          <\/a>\n\n          <a class=\"yzz-whale-s4__btn yzz-whale-s4__btn--wa\"\n             href=\"https:\/\/wa.me\/526691324073?text=Hola%20Yatezzitos%20%F0%9F%90%8B%20Quiero%20comprar%20boletos%20para%20Avistamiento%20de%20Ballenas%20en%20el%20Trimar%C3%A1n%20Vikinga%20(domingo%209%20am%20a%202%20pm).%20%C2%BFMe%20ayudas%20con%20disponibilidad%20y%20c%C3%B3mo%20pagar%3F\"\n             target=\"_blank\" rel=\"noopener\">\n            Hablar por WhatsApp\n          <\/a>\n        <\/div>\n\n      <\/aside>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n  \/* =========================\n     Yatezzitos | Whale S4 (scoped)\n     \u2705 FONDO OSCURO\n     ========================= *\/\n  .yzz-whale-s4light{\n    --black:#000000;\n    --blue:#194395;\n    --yellow:#F6EA69;\n    --green:#00945E;\n    --red:#CA003D;\n\n    \/* Dark UI tokens *\/\n    --bg:#000000;\n    --surface: rgba(255,255,255,.06);\n    --surface2: rgba(255,255,255,.08);\n    --text:#ffffff;\n    --muted: rgba(255,255,255,.78);\n    --line: rgba(255,255,255,.16);\n    --shadow: 0 18px 40px rgba(0,0,0,.55);\n\n    --radius: 18px;\n    --radiusBtn: 8px;\n\n    background: var(--bg);\n    color: var(--text);\n    padding: 44px 0;\n    font-family: \"Barlow\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n    overflow-x: clip;\n  }\n\n  .yzz-whale-s4light .yzz-whale-s4__wrap{\n    max-width:1180px;\n    margin:0 auto;\n    padding:0 18px;\n  }\n\n  .yzz-whale-s4light .yzz-whale-s4__eyebrow{\n    display:inline-flex;\n    padding: 8px 12px;\n    border-radius: 999px;\n    border: 1px solid var(--line);\n    background: rgba(255,255,255,.08);\n    font-weight: 900;\n    letter-spacing: .2px;\n    color: rgba(255,255,255,.92);\n    margin: 0 0 10px;\n  }\n\n  .yzz-whale-s4light .yzz-whale-s4__title{\n    margin: 0 0 10px;\n    font-family:\"Dk Knucklebones\",\"Barlow\",system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\n    text-transform: uppercase;\n    letter-spacing: .4px;\n    font-size: clamp(28px, 3.9vw, 48px);\n    line-height: 1;\n    color: #fff;\n  }\n  .yzz-whale-s4light .yzz-whale-s4__accent{ color: var(--yellow); }\n\n  .yzz-whale-s4light .yzz-whale-s4__sub{\n    margin: 0;\n    color: var(--muted);\n    font-weight: 600;\n    line-height: 1.55;\n    max-width: 92ch;\n  }\n\n  .yzz-whale-s4light .yzz-whale-s4__grid{\n    margin-top: 16px;\n    display:grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n    align-items:start;\n  }\n\n  .yzz-whale-s4light .yzz-whale-s4__card{\n    border: 1px solid var(--line);\n    background: var(--surface);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    padding: 14px;\n    min-width: 0;\n  }\n\n  \/* Hero summary *\/\n  .yzz-whale-s4light .yzz-whale-s4__hero{\n    border: 1px solid var(--line);\n    background: var(--surface2);\n    border-radius: 16px;\n    padding: 12px;\n    overflow: hidden;\n  }\n  .yzz-whale-s4light .yzz-whale-s4__heroTop{\n    display:flex;\n    justify-content: space-between;\n    gap: 10px;\n    flex-wrap: wrap;\n    align-items:center;\n  }\n\n  .yzz-whale-s4light .yzz-pill{\n    display:inline-flex;\n    padding: 8px 10px;\n    border-radius: 999px;\n    border: 1px solid var(--line);\n    background: rgba(0,0,0,.28);\n    font-weight: 900;\n    font-size: 12px;\n    letter-spacing: .2px;\n    color: rgba(255,255,255,.92);\n    max-width: 100%;\n  }\n  .yzz-whale-s4light .yzz-pill--ok{\n    border-color: rgba(0,148,94,.40);\n    background: rgba(0,148,94,.12);\n  }\n  .yzz-whale-s4light .yzz-pill--time{\n    border-color: rgba(25,67,149,.40);\n    background: rgba(25,67,149,.14);\n  }\n\n  .yzz-whale-s4light .yzz-whale-s4__heroNote{\n    margin: 10px 0 10px;\n    color: rgba(255,255,255,.80);\n    font-weight: 700;\n    line-height: 1.5;\n    font-size: 13px;\n  }\n\n  .yzz-whale-s4light .yzz-whale-s4__bar{\n    height: 10px;\n    border-radius: 999px;\n    background: rgba(255,255,255,.12);\n    border: 1px solid rgba(255,255,255,.14);\n    overflow:hidden;\n  }\n  .yzz-whale-s4light .yzz-whale-s4__fill{\n    display:block;\n    height:100%;\n    width:100%;\n    background: var(--yellow);\n    opacity: .95;\n  }\n\n  \/* Trust *\/\n  .yzz-whale-s4light .yzz-whale-s4__trustRow{\n    display:flex;\n    align-items:center;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-top: 10px;\n    color: rgba(255,255,255,.82);\n    font-weight: 900;\n    font-size: 13px;\n  }\n  .yzz-whale-s4light .yzz-trustPill{\n    padding: 8px 10px;\n    border-radius: 999px;\n    border: 1px solid var(--line);\n    background: rgba(0,0,0,.28);\n  }\n  .yzz-whale-s4light .yzz-trustDot{\n    width: 6px; height: 6px; border-radius: 99px;\n    background: var(--green);\n    box-shadow: 0 0 0 6px rgba(0,148,94,.20);\n  }\n\n  \/* Facts *\/\n  .yzz-whale-s4light .yzz-whale-s4__facts{\n    margin-top: 12px;\n    display:grid;\n    gap: 10px;\n  }\n  .yzz-whale-s4light .yzz-fact{\n    display:flex;\n    gap: 12px;\n    justify-content: space-between;\n    align-items:flex-start;\n    padding: 10px 12px;\n    border-radius: 14px;\n    border: 1px solid var(--line);\n    background: rgba(255,255,255,.04);\n    min-width: 0;\n  }\n  .yzz-whale-s4light .yzz-fact__k{\n    font-weight: 900;\n    color: rgba(255,255,255,.85);\n    text-transform: uppercase;\n    letter-spacing: .25px;\n    font-size: 12px;\n    flex: 0 0 auto;\n  }\n  .yzz-whale-s4light .yzz-fact__v{\n    font-weight: 700;\n    color: rgba(255,255,255,.88);\n    line-height: 1.45;\n    text-align: right;\n    max-width: 52ch;\n    word-break: break-word;\n  }\n\n  \/* Policy *\/\n  .yzz-whale-s4light .yzz-whale-s4__policy{\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--line);\n  }\n  .yzz-whale-s4light .yzz-whale-s4__h3{\n    margin: 0 0 10px;\n    font-weight: 900;\n    letter-spacing: .2px;\n    font-size: 16px;\n    color: rgba(255,255,255,.92);\n  }\n  .yzz-whale-s4light .yzz-whale-s4__bullets{\n    margin: 0;\n    padding-left: 18px;\n    color: rgba(255,255,255,.80);\n    font-weight: 700;\n    line-height: 1.6;\n  }\n  .yzz-whale-s4light .yzz-whale-s4__bullets li{ margin: 6px 0; }\n\n  \/* CTAs *\/\n  .yzz-whale-s4light .yzz-whale-s4__ctaRow{\n    display:grid;\n    gap: 10px;\n    margin-top: 12px;\n  }\n  .yzz-whale-s4light .yzz-whale-s4__btn{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-decoration:none;\n    font-weight: 900;\n    letter-spacing: .7px;\n    text-transform: uppercase;\n    padding: 14px 16px;\n    border-radius: var(--radiusBtn);\n    border: 1px solid transparent;\n    min-height: 50px;\n    transition: transform .15s ease, filter .15s ease, background .15s ease;\n    width: 100%;\n  }\n  .yzz-whale-s4light .yzz-whale-s4__btn:active{ transform: scale(.99); }\n\n  .yzz-whale-s4light .yzz-whale-s4__btn--primary{\n    background: var(--blue);\n    color: #fff;\n    box-shadow: 0 14px 30px rgba(25,67,149,.28);\n  }\n  .yzz-whale-s4light .yzz-whale-s4__btn--primary:hover{ filter: brightness(1.06); }\n\n  \/* WhatsApp amarillo *\/\n  .yzz-whale-s4light .yzz-whale-s4__btn--wa{\n    background: var(--yellow);\n    color: #0c1222;\n    border-color: rgba(246,234,105,.65);\n  }\n  .yzz-whale-s4light .yzz-whale-s4__btn--wa:hover{ filter: brightness(1.03); }\n\n  \/* \u2705 Anti-overflow MOBILE *\/\n  @media (max-width: 819px){\n    .yzz-whale-s4light,\n    .yzz-whale-s4light *{ box-sizing: border-box; }\n    .yzz-whale-s4light{ overflow-x: hidden; }\n    .yzz-whale-s4light .yzz-whale-s4__wrap{ overflow-x: hidden; }\n    .yzz-whale-s4light .yzz-fact__v{ text-align:left; }\n  }\n  @media (max-width: 560px){\n    .yzz-whale-s4light{ padding: 38px 0; }\n    .yzz-whale-s4light .yzz-whale-s4__wrap{ padding: 0 14px; }\n  }\n<\/style>\n\n<script>\n\/* =========================\n   Smooth scroll a #comprar\n   - Para el CTA \"Comprar boletos ahora\"\n   ========================= *\/\n(function(){\n  document.addEventListener('click', function(e){\n    var a = e.target.closest && e.target.closest('a[href=\"#comprar\"], a[data-yzz-scroll]');\n    if(!a) return;\n\n    var href = a.getAttribute('href') || '';\n    if(href !== '#comprar') return;\n\n    var target = document.getElementById('comprar');\n    if(!target) return;\n\n    e.preventDefault();\n    target.scrollIntoView({ behavior:'smooth', block:'start' });\n    history.replaceState(null, '', '#comprar');\n  }, true);\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88141db e-flex e-con-boxed e-con e-parent\" data-id=\"88141db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8386e72 elementor-widget elementor-widget-html\" data-id=\"8386e72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================\n     Yatezzitos | SECCI\u00d3N 4B \u2014 FORMULARIO (Avistamientos de Ballenas)\n     - Pegar en 1 widget HTML (Secci\u00f3n 2)\n     - \u2705 Mantiene ID #comprar para CTAs globales\n     - \u2705 Incluye script embed (solo una vez)\n     ========================= -->\n<section class=\"yzz-whale-form yzz-whale-formlight\" id=\"comprar\" aria-label=\"Completa tu compra Avistamientos de Ballenas\">\n  <div class=\"yzz-whale-form__wrap\">\n\n    <header class=\"yzz-whale-form__head\">\n      <p class=\"yzz-whale-form__eyebrow\">Compra segura<\/p>\n      <h2 class=\"yzz-whale-form__title\">Completa tu compra <span class=\"yzz-whale-form__accent\">aqu\u00ed<\/span><\/h2>\n      <p class=\"yzz-whale-form__sub\">Selecciona tu domingo disponible y finaliza el pago en el formulario \ud83d\udc47<\/p>\n    <\/header>\n\n    <article class=\"yzz-whale-form__card\" aria-label=\"Formulario de pago\">\n      <div class=\"yzz-whale-form__iframeWrap\" id=\"yzz-whale-form\">\n        <iframe\n          src=\"https:\/\/link.yatezzitos.com\/widget\/form\/tpU7QR10QJPQLKbT1JGd\"\n          style=\"width:100%;height:100%;border:none;border-radius:14px\"\n          id=\"inline-tpU7QR10QJPQLKbT1JGd\"\n          data-layout=\"{'id':'INLINE'}\"\n          data-trigger-type=\"alwaysShow\"\n          data-trigger-value=\"\"\n          data-activation-type=\"alwaysActivated\"\n          data-activation-value=\"\"\n          data-deactivation-type=\"neverDeactivate\"\n          data-deactivation-value=\"\"\n          data-form-name=\"Avistamientos de Ballenas\"\n          data-height=\"1695\"\n          data-layout-iframe-id=\"inline-tpU7QR10QJPQLKbT1JGd\"\n          data-form-id=\"tpU7QR10QJPQLKbT1JGd\"\n          title=\"Avistamientos de Ballenas\">\n        <\/iframe>\n      <\/div>\n\n      <div class=\"yzz-whale-form__microBox\" aria-label=\"Nota\">\n        <p class=\"yzz-whale-form__micro\">\n          Tip pro: si vienes en grupo, compra todo junto para que tu lugar quede asegurado de una vez \u2705\n        <\/p>\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<!-- \u2705 Script del embed (debe ir una sola vez en la p\u00e1gina) -->\n<script src=\"https:\/\/link.yatezzitos.com\/js\/form_embed.js\"><\/script>\n\n<style>\n  \/* =========================\n     Yatezzitos | Whale FORM LIGHT (scoped)\n     ========================= *\/\n  .yzz-whale-formlight{\n    --blue:#194395;\n    --yellow:#F6EA69;\n    --green:#00945E;\n\n    --bg:#ffffff;\n    --surface:#ffffff;\n    --surface2:#f6f7fb;\n    --text:#0c1222;\n    --muted: rgba(12,18,34,.72);\n    --line: rgba(12,18,34,.12);\n    --shadow: 0 18px 40px rgba(12,18,34,.10);\n    --radius: 18px;\n\n    background: var(--bg);\n    color: var(--text);\n    padding: 36px 0 44px;\n    font-family: \"Barlow\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n    overflow-x: clip;\n  }\n\n  .yzz-whale-formlight .yzz-whale-form__wrap{\n    max-width:1180px;\n    margin:0 auto;\n    padding:0 18px;\n  }\n\n  .yzz-whale-formlight .yzz-whale-form__eyebrow{\n    display:inline-flex;\n    padding: 8px 12px;\n    border-radius: 999px;\n    border: 1px solid var(--line);\n    background: var(--surface2);\n    font-weight: 900;\n    letter-spacing: .2px;\n    color: rgba(12,18,34,.86);\n    margin: 0 0 10px;\n  }\n\n  .yzz-whale-formlight .yzz-whale-form__title{\n    margin: 0 0 10px;\n    font-family:\"Dk Knucklebones\",\"Barlow\",system-ui,-apple-system,\"Segoe UI\",Roboto,Arial,sans-serif;\n    text-transform: uppercase;\n    letter-spacing: .4px;\n    font-size: clamp(28px, 3.9vw, 44px);\n    line-height: 1;\n  }\n  .yzz-whale-formlight .yzz-whale-form__accent{ color: var(--blue); }\n\n  .yzz-whale-formlight .yzz-whale-form__sub{\n    margin: 0;\n    color: var(--muted);\n    font-weight: 700;\n    line-height: 1.5;\n    max-width: 92ch;\n  }\n\n  .yzz-whale-formlight .yzz-whale-form__card{\n    margin-top: 14px;\n    border: 1px solid var(--line);\n    background: var(--surface);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    padding: 14px;\n    min-width: 0;\n  }\n\n  .yzz-whale-formlight .yzz-whale-form__iframeWrap{\n    border: 1px solid var(--line);\n    background: var(--surface2);\n    border-radius: 16px;\n    padding: 10px;\n    overflow: hidden;\n    max-width: 100%;\n    min-width: 0;\n  }\n  .yzz-whale-formlight .yzz-whale-form__iframeWrap iframe{\n    display:block !important;\n    width:100% !important;\n    min-width:100% !important;\n    max-width:100% !important;\n    border:0 !important;\n    border-radius:14px !important;\n    transform: translateZ(0);\n  }\n\n  .yzz-whale-formlight .yzz-whale-form__microBox{\n    margin-top: 10px;\n    border: 1px solid var(--line);\n    background: #fff;\n    border-radius: 14px;\n    padding: 10px 12px;\n  }\n  .yzz-whale-formlight .yzz-whale-form__micro{\n    margin: 0;\n    color: rgba(12,18,34,.70);\n    font-weight: 800;\n    line-height: 1.5;\n  }\n\n  \/* \u2705 Anti-overflow MOBILE *\/\n  @media (max-width: 819px){\n    .yzz-whale-formlight,\n    .yzz-whale-formlight *{ box-sizing: border-box; }\n    .yzz-whale-formlight{ overflow-x: hidden; }\n    .yzz-whale-formlight .yzz-whale-form__wrap{ overflow-x: hidden; }\n  }\n  @media (max-width: 560px){\n    .yzz-whale-formlight{ padding: 30px 0 38px; }\n    .yzz-whale-formlight .yzz-whale-form__wrap{ padding: 0 14px; }\n  }\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>DOMINGOS \u00b7 9:00 AM \u2013 2:00 PM Experiencia \u00fanica en altamar Avistamiento de ballenas Vive el avistamiento de ballenas navegando hacia las zonas donde se observa la ballena jorobada a bordo del Trimar\u00e1n Vikinga. Paseo compartido \u00b7 25 personas. TURISTAS $1,000 MXN por persona LOCALES $700 MXN presenta INE Bebidas: agua, jugos y refrescos Alimentos: [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":55865,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_yoast_wpseo_focuskw":"avistamiento de ballenas","_yoast_wpseo_title":"Avistamiento de ballenas en Mazatl\u00e1n | Yatezzitos","_yoast_wpseo_metadesc":"Avistamiento de ballenas en Mazatl\u00e1n: paseo compartido 9am-2pm en el Trimar\u00e1n Vikinga. Cupo limitado, aparta tu espacio.","footnotes":""},"class_list":["post-55864","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Avistamiento de ballenas en Mazatl\u00e1n | Yatezzitos<\/title>\n<meta name=\"description\" content=\"Avistamiento de ballenas en Mazatl\u00e1n: paseo compartido 9am-2pm en el Trimar\u00e1n Vikinga. Cupo limitado, aparta tu espacio.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yatezzitos.com\/en\/avistamiento-de-ballenas-mazatlan\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Avistamiento de ballenas: vive la experiencia en yate\" \/>\n<meta property=\"og:description\" content=\"Avistamiento de ballenas en Mazatl\u00e1n: paseo compartido 9am-2pm en el Trimar\u00e1n Vikinga. Cupo limitado, aparta tu espacio.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yatezzitos.com\/en\/avistamiento-de-ballenas-mazatlan\/\" \/>\n<meta property=\"og:site_name\" content=\"Yatezzitos\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/es-la.facebook.com\/Yatezzitos\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-12T08:53:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/2b1486b1-b71d-4c15-a197-2d52f6024016.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1152\" \/>\n\t<meta property=\"og:image:height\" content=\"866\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@yatezzitos\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/yatezzitos.com\\\/avistamiento-de-ballenas-mazatlan\\\/\",\"url\":\"https:\\\/\\\/yatezzitos.com\\\/avistamiento-de-ballenas-mazatlan\\\/\",\"name\":\"Avistamiento de ballenas en Mazatl\u00e1n | Yatezzitos\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/yatezzitos.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/yatezzitos.com\\\/avistamiento-de-ballenas-mazatlan\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/yatezzitos.com\\\/avistamiento-de-ballenas-mazatlan\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yatezzitos.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/2b1486b1-b71d-4c15-a197-2d52f6024016.webp\",\"datePublished\":\"2026-01-28T00:44:17+00:00\",\"dateModified\":\"2026-02-12T08:53:25+00:00\",\"description\":\"Avistamiento de ballenas en Mazatl\u00e1n: paseo compartido 9am-2pm en el Trimar\u00e1n Vikinga. Cupo limitado, aparta tu espacio.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/yatezzitos.com\\\/avistamiento-de-ballenas-mazatlan\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/yatezzitos.com\\\/avistamiento-de-ballenas-mazatlan\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/yatezzitos.com\\\/avistamiento-de-ballenas-mazatlan\\\/#primaryimage\",\"url\":\"https:\\\/\\\/yatezzitos.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/2b1486b1-b71d-4c15-a197-2d52f6024016.webp\",\"contentUrl\":\"https:\\\/\\\/yatezzitos.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/2b1486b1-b71d-4c15-a197-2d52f6024016.webp\",\"width\":1152,\"height\":866},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/yatezzitos.com\\\/avistamiento-de-ballenas-mazatlan\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/yatezzitos.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Avistamiento de ballenas: vive la experiencia en yate\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/yatezzitos.com\\\/#website\",\"url\":\"https:\\\/\\\/yatezzitos.com\\\/\",\"name\":\"Yatezzitos M\u00e9xico\",\"description\":\"Renta de Yates en M\u00e9xico\",\"alternateName\":\"Yatezzitos\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/yatezzitos.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Avistamiento de ballenas en Mazatl\u00e1n | Yatezzitos","description":"Avistamiento de ballenas en Mazatl\u00e1n: paseo compartido 9am-2pm en el Trimar\u00e1n Vikinga. Cupo limitado, aparta tu espacio.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/yatezzitos.com\/en\/avistamiento-de-ballenas-mazatlan\/","og_locale":"en_US","og_type":"article","og_title":"Avistamiento de ballenas: vive la experiencia en yate","og_description":"Avistamiento de ballenas en Mazatl\u00e1n: paseo compartido 9am-2pm en el Trimar\u00e1n Vikinga. Cupo limitado, aparta tu espacio.","og_url":"https:\/\/yatezzitos.com\/en\/avistamiento-de-ballenas-mazatlan\/","og_site_name":"Yatezzitos","article_publisher":"https:\/\/es-la.facebook.com\/Yatezzitos\/","article_modified_time":"2026-02-12T08:53:25+00:00","og_image":[{"width":1152,"height":866,"url":"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/2b1486b1-b71d-4c15-a197-2d52f6024016.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_site":"@yatezzitos","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/yatezzitos.com\/avistamiento-de-ballenas-mazatlan\/","url":"https:\/\/yatezzitos.com\/avistamiento-de-ballenas-mazatlan\/","name":"Avistamiento de ballenas en Mazatl\u00e1n | Yatezzitos","isPartOf":{"@id":"https:\/\/yatezzitos.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/yatezzitos.com\/avistamiento-de-ballenas-mazatlan\/#primaryimage"},"image":{"@id":"https:\/\/yatezzitos.com\/avistamiento-de-ballenas-mazatlan\/#primaryimage"},"thumbnailUrl":"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/2b1486b1-b71d-4c15-a197-2d52f6024016.webp","datePublished":"2026-01-28T00:44:17+00:00","dateModified":"2026-02-12T08:53:25+00:00","description":"Avistamiento de ballenas en Mazatl\u00e1n: paseo compartido 9am-2pm en el Trimar\u00e1n Vikinga. Cupo limitado, aparta tu espacio.","breadcrumb":{"@id":"https:\/\/yatezzitos.com\/avistamiento-de-ballenas-mazatlan\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yatezzitos.com\/avistamiento-de-ballenas-mazatlan\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yatezzitos.com\/avistamiento-de-ballenas-mazatlan\/#primaryimage","url":"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/2b1486b1-b71d-4c15-a197-2d52f6024016.webp","contentUrl":"https:\/\/yatezzitos.com\/wp-content\/uploads\/2026\/01\/2b1486b1-b71d-4c15-a197-2d52f6024016.webp","width":1152,"height":866},{"@type":"BreadcrumbList","@id":"https:\/\/yatezzitos.com\/avistamiento-de-ballenas-mazatlan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/yatezzitos.com\/es\/"},{"@type":"ListItem","position":2,"name":"Avistamiento de ballenas: vive la experiencia en yate"}]},{"@type":"WebSite","@id":"https:\/\/yatezzitos.com\/#website","url":"https:\/\/yatezzitos.com\/","name":"Yatezzitos Mexico","description":"Yacht Charter in Mexico","alternateName":"Yatezzitos","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yatezzitos.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/yatezzitos.com\/en\/wp-json\/wp\/v2\/pages\/55864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yatezzitos.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yatezzitos.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yatezzitos.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/yatezzitos.com\/en\/wp-json\/wp\/v2\/comments?post=55864"}],"version-history":[{"count":0,"href":"https:\/\/yatezzitos.com\/en\/wp-json\/wp\/v2\/pages\/55864\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yatezzitos.com\/en\/wp-json\/wp\/v2\/media\/55865"}],"wp:attachment":[{"href":"https:\/\/yatezzitos.com\/en\/wp-json\/wp\/v2\/media?parent=55864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}