{"id":15019,"date":"2016-10-07T12:07:36","date_gmt":"2016-10-07T18:07:36","guid":{"rendered":"https:\/\/ecotourspetate.com\/?page_id=15019"},"modified":"2026-11-06T20:14:46","modified_gmt":"2026-11-07T02:14:46","slug":"tour-manglares-barra-de-santiago","status":"publish","type":"page","link":"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/","title":{"rendered":"Tour de manglares en Barra de Santiago"},"content":{"rendered":"\n<!-- Eco Tours Petate: barra tour page ES (custom HTML). Built by produccion\/scripts\/build_tours_a.py -->\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css\">\n<link rel=\"preload\" href=\"\/wp-content\/uploads\/fonts\/figtree-latin.woff2\" as=\"font\" type=\"font\/woff2\" crossorigin><link rel=\"preload\" href=\"\/wp-content\/uploads\/fonts\/gabarito-latin.woff2\" as=\"font\" type=\"font\/woff2\" crossorigin><style>@font-face{font-family:'Gabarito';font-style:normal;font-weight:600 800;font-display:swap;src:url(\/wp-content\/uploads\/fonts\/gabarito-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Gabarito';font-style:normal;font-weight:600 800;font-display:swap;src:url(\/wp-content\/uploads\/fonts\/gabarito-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Figtree';font-style:normal;font-weight:400 600;font-display:swap;src:url(\/wp-content\/uploads\/fonts\/figtree-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Figtree';font-style:normal;font-weight:400 600;font-display:swap;src:url(\/wp-content\/uploads\/fonts\/figtree-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}<\/style>\n<style>\n  #etp {\n    --ink: #10301d; --ink-2: #4b5a50; --page: #fbfcfa; --soft: #eef4ec; --line: #dde6da;\n    --green: #277a35; --green-dark: #1f6a2c; --sun: #ffc20e;\n    --ease-out: cubic-bezier(0.23, 1, 0.32, 1);\n    --display: Gabarito, system-ui, sans-serif; --body: Figtree, system-ui, sans-serif;\n  }\n  #etp * { box-sizing: border-box; }\n  #etp { margin: 0; background: var(--page); color: var(--ink); font: 17px\/1.65 var(--body); }\n  #etp a { color: inherit; text-decoration: none; }\n  #etp h1, #etp h2, #etp h3 { font-family: var(--display); margin: 0; color: var(--ink); }\n  #etp .wrap { max-width: 1160px; margin: 0 auto; padding: 0 24px; }\n  #etp svg.i { width: 20px; height: 20px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }\n\n  #etp .btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; border-radius: 999px; padding: 15px 24px; font: 600 16px\/1 var(--body); border: 0; cursor: pointer;\n         transition: transform 160ms var(--ease-out), background-color 160ms ease, box-shadow 160ms ease; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }\n  #etp .btn:active { transform: scale(0.97); transition-duration: 100ms; }\n  #etp .btn-green { background: var(--green); color: #fff; }\n  #etp .btn-sun { background: var(--sun); color: #2b2100; }\n  #etp .btn-line { background: #fff; color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--line); }\n  @media (hover: hover) and (pointer: fine) {\n    #etp .btn-green:hover { background: var(--green-dark); }\n    #etp .btn-sun:hover { background: #ffd145; }\n    #etp .btn-line:hover { box-shadow: inset 0 0 0 1.5px var(--ink); }\n  }\n\n  #etp .trust { background: var(--ink); color: #e4efe3; font-size: 13.5px; }\n  #etp .trust .wrap { display: flex; justify-content: center; gap: 30px; padding-top: 9px; padding-bottom: 9px; flex-wrap: wrap; }\n  #etp .trust span { display: inline-flex; align-items: center; gap: 7px; }\n  #etp .trust svg.i { width: 16px; height: 16px; color: var(--sun); }\n\n  #etp header { position: sticky; top: 0; z-index: 20; background: rgba(251,252,250,.85); -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); transition: box-shadow 200ms ease; }\n  #etp header.scrolled { box-shadow: 0 1px 0 var(--line); }\n  #etp header .wrap { display: flex; align-items: center; justify-content: space-between; height: 72px; gap: 24px; }\n  #etp header img { height: 52px; display: block; }\n  #etp .nav { display: flex; align-items: center; gap: 30px; font-size: 16px; }\n  @media (hover: hover) and (pointer: fine) { #etp .nav > a:not(.btn):hover { color: var(--green-dark); } }\n\n  #etp .hero { position: relative; min-height: 520px; display: flex; align-items: flex-end; color: #fff;\n          background: #2a3b2e url(\"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago-manglares.jpg\") center 50%\/cover; }\n  #etp .hero::before { content: \"\"; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,24,14,.15) 0%, rgba(8,24,14,.25) 40%, rgba(8,24,14,.85) 100%); }\n  #etp .hero .wrap { position: relative; width: 100%; padding-top: 120px; padding-bottom: 48px; }\n  #etp .crumbs { font-size: 14px; color: rgba(255,255,255,.85); margin-bottom: 14px; }\n  #etp .crumbs a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(255,255,255,.4); }\n  #etp .hero h1 { color: #fff; font-size: clamp(38px, 5vw, 64px); font-weight: 800; line-height: 1.04; letter-spacing: -0.02em; max-width: 800px; }\n  #etp .chips { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 18px; font-size: 15.5px; }\n  #etp .chips span { display: inline-flex; align-items: center; gap: 8px; }\n  #etp .chips svg.i { width: 18px; height: 18px; color: var(--sun); }\n  #etp .stars { color: var(--sun); letter-spacing: 2px; }\n\n  #etp .facts { background: #fff; border-bottom: 1px solid var(--line); }\n  #etp .facts .wrap { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); padding-top: 4px; padding-bottom: 4px; }\n  #etp .fact { padding: 20px 18px 20px 0; display: flex; gap: 12px; }\n  #etp .fact + .fact { padding-left: 18px; border-left: 1px solid var(--line); }\n  #etp .fact svg.i { color: var(--green); margin-top: 2px; }\n  #etp .fact small { display: block; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); }\n  #etp .fact b { display: block; font-weight: 600; font-size: 16px; line-height: 1.35; }\n  #etp .fact span { font-size: 13px; color: var(--ink-2); }\n\n  #etp .layout { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 56px; padding-top: 56px; padding-bottom: 96px; align-items: start; }\n  #etp .main > section { padding-bottom: 56px; margin-bottom: 56px; border-bottom: 1px solid var(--line); }\n  #etp .main > section:last-child { border-bottom: 0; margin-bottom: 0; }\n  #etp .main h2 { font-size: 32px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; margin-bottom: 18px; }\n  #etp .lead { font-size: 19px; color: var(--ink-2); margin: 0; }\n\n  #etp .desc { position: relative; margin-top: 22px; }\n  #etp .desc p { margin: 0 0 16px; color: var(--ink-2); }\n  #etp .desc h3 { font: 600 18px\/1.3 var(--body); margin: 26px 0 8px; }\n  #etp .desc.clamped { max-height: 260px; overflow: hidden; }\n  #etp .desc.clamped::after { content: \"\"; position: absolute; left: 0; right: 0; bottom: 0; height: 110px; background: linear-gradient(180deg, rgba(251,252,250,0), var(--page)); }\n  #etp .readmore { background: none; border: 0; padding: 0; margin-top: 10px; color: var(--green-dark); font: 600 16px var(--body); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }\n  #etp .readmore svg { width: 16px; height: 16px; transition: transform 200ms var(--ease-out); }\n  #etp .readmore[aria-expanded=\"true\"] svg { transform: rotate(180deg); }\n\n  #etp .mapwrap { border-radius: 20px; overflow: hidden; box-shadow: 0 0 0 1px var(--line); background: var(--soft); }\n  #etp #map { height: 380px; }\n  #etp .legend-map { display: flex; flex-wrap: wrap; gap: 10px 22px; padding: 14px 18px; background: #fff; border-top: 1px solid var(--line); font-size: 15px; color: var(--ink-2); }\n  #etp .legend-map span { display: inline-flex; align-items: center; gap: 8px; }\n  #etp .legend-map i { width: 22px; height: 22px; border-radius: 50%; background: var(--green); color: #fff; font: 700 12px\/22px var(--display); text-align: center; font-style: normal; }\n  #etp .pin { width: 30px; height: 30px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--green); box-shadow: 0 0 0 3px #fff, 0 4px 10px rgba(0,0,0,.25); display: grid; place-items: center; }\n  #etp .pin b { transform: rotate(45deg); color: #fff; font: 700 13px var(--display); }\n  #etp .pin.home { background: var(--ink); }\n  #etp .leaflet-container { font-family: var(--body); }\n\n  #etp .ta-box { margin-top: 18px; display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; background: #fff; border-radius: 18px; padding: 18px 22px; box-shadow: 0 0 0 1px var(--line); }\n  #etp .ta-box b { font: 800 18px var(--display); display: block; }\n  #etp .ta-box ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }\n  #etp .ta-box li { background: var(--soft); padding: 6px 12px; border-radius: 999px; font-size: 14px; }\n\n  #etp .lang { position: relative; }\n  #etp .lang-btn { display: inline-flex; align-items: center; gap: 7px; background: #fff; border: 0; box-shadow: inset 0 0 0 1.5px var(--line); border-radius: 999px; padding: 10px 14px; font: 600 15px\/1 var(--body); color: var(--ink); cursor: pointer; transition: box-shadow 160ms ease, transform 160ms var(--ease-out); }\n  #etp .lang-btn:active { transform: scale(0.97); }\n  @media (hover: hover) and (pointer: fine) { #etp .lang-btn:hover { box-shadow: inset 0 0 0 1.5px var(--ink); } }\n  #etp .lang-btn svg.i { width: 18px; height: 18px; }\n  #etp .lang-btn .chev { width: 14px; height: 14px; transition: transform 200ms var(--ease-out); }\n  #etp .lang-btn[aria-expanded=\"true\"] .chev { transform: rotate(180deg); }\n  #etp .lang-menu { position: absolute; right: 0; top: calc(100% + 8px); min-width: 190px; background: #fff; border-radius: 16px; padding: 6px; box-shadow: 0 0 0 1px var(--line), 0 16px 40px rgba(0,0,0,.12);\n               transform-origin: top right; opacity: 0; transform: scale(.96) translateY(-4px); pointer-events: none; transition: opacity 150ms ease, transform 150ms var(--ease-out); z-index: 40; }\n  #etp .lang-menu.open { opacity: 1; transform: none; pointer-events: auto; }\n  #etp .lang-menu a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 10px; font-size: 15px; }\n  #etp .lang-menu a[aria-current] { background: var(--soft); font-weight: 600; }\n  @media (hover: hover) and (pointer: fine) { #etp .lang-menu a:hover { background: var(--soft); } }\n  #etp .lang-menu small { color: var(--ink-2); font-size: 12px; font-weight: 600; letter-spacing: .06em; }\n  #etp .anno { position: absolute; top: -10px; right: -10px; background: #c4255d; color: #fff; font: 700 11px\/1 var(--body); letter-spacing: .04em; padding: 5px 7px; border-radius: 999px; box-shadow: 0 0 0 2px #fff; pointer-events: none; }\n  #etp .ta-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }\n  #etp .ta-link { display: inline-flex; align-items: center; gap: 6px; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(255,255,255,.45); }\n  #etp a.ta-plain { display: inline-flex; align-items: center; gap: 6px; }\n  @media (hover: hover) and (pointer: fine) { #etp a.ta-plain:hover { color: var(--green-dark); } }\n\n  #etp .gallery { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 190px 190px; gap: 10px; margin-top: 28px; }\n  #etp .gallery div { border-radius: 16px; background: var(--soft) center\/cover; position: relative; overflow: hidden; }\n  #etp .gallery .big { grid-row: span 2; }\n  #etp .gallery .more::after { content: \"+13 fotos\"; position: absolute; inset: 0; display: grid; place-items: center; background: rgba(8,24,14,.5); color: #fff; font: 700 20px var(--display); }\n  #etp .see-all { position: absolute; left: 14px; bottom: 14px; display: inline-flex; align-items: center; gap: 8px; background: #fff; color: var(--ink); font-weight: 600; font-size: 14px; padding: 9px 14px; border-radius: 999px; }\n\n  #etp .hl { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 28px; list-style: none; padding: 0; margin: 0; }\n  #etp .hl li { display: flex; gap: 12px; color: var(--ink-2); line-height: 1.5; }\n  #etp .hl svg.i { color: var(--green); margin-top: 2px; }\n\n  #etp .timeline { position: relative; }\n  #etp .stop { display: grid; grid-template-columns: 86px 22px minmax(0,1fr); gap: 0 16px; padding-bottom: 30px; position: relative; }\n  #etp .stop time { font: 700 14px\/1.6 var(--display); color: var(--green-dark); text-align: right; padding-top: 1px; }\n  #etp .stop .dot { position: relative; }\n  #etp .stop .dot::before { content: \"\"; position: absolute; left: 50%; top: 6px; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 3px var(--green); }\n  #etp .stop .dot::after { content: \"\"; position: absolute; left: 50%; top: 22px; bottom: -36px; width: 2px; margin-left: -1px; background: var(--line); }\n  #etp .stop:last-child .dot::after { display: none; }\n  #etp .stop h3 { font: 600 18px\/1.35 var(--body); }\n  #etp .stop p { margin: 4px 0 0; color: var(--ink-2); }\n  #etp .stop .ph { margin-top: 14px; aspect-ratio: 16 \/ 9; max-width: 460px; border-radius: 16px; background: var(--soft) center\/cover; }\n\n  #etp .inc { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n  #etp .inc > div { background: #fff; border-radius: 18px; padding: 22px 24px; box-shadow: 0 0 0 1px var(--line); }\n  #etp .inc h3 { font: 600 17px\/1.3 var(--body); margin-bottom: 12px; }\n  #etp .inc ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }\n  #etp .inc li { display: flex; gap: 10px; color: var(--ink-2); font-size: 16px; line-height: 1.45; }\n  #etp .inc .yes svg.i { color: var(--green); }\n  #etp .inc .no svg.i { color: #b5443a; }\n\n  #etp .ptable { width: 100%; border-collapse: collapse; background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 0 0 1px var(--line); }\n  #etp .ptable th, #etp .ptable td { text-align: left; padding: 16px 22px; border-bottom: 1px solid var(--line); font-size: 16px; }\n  #etp .ptable th { font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); background: var(--soft); }\n  #etp .ptable tr:last-child td { border-bottom: 0; }\n  #etp .ptable td:last-child { text-align: right; font: 700 18px var(--display); }\n  #etp .ptable .best td { background: #fffbea; }\n  #etp .ptable .best td:first-child::after { content: \"Mejor precio\"; display: inline-block; white-space: nowrap; line-height: 1.4; margin: 4px 0 0 10px; font: 600 12px var(--body); background: var(--sun); color: #2b2100; padding: 3px 8px; border-radius: 999px; }\n  #etp .note { font-size: 14px; color: var(--ink-2); margin: 12px 0 0; }\n\n  #etp details { border-bottom: 1px solid var(--line); }\n  #etp details:first-of-type { border-top: 1px solid var(--line); }\n  #etp summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0; font: 600 17px\/1.35 var(--body); }\n  #etp summary::-webkit-details-marker { display: none; }\n  #etp summary .pm { width: 28px; height: 28px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--line); display: grid; place-items: center; flex: none; transition: transform 200ms var(--ease-out), background-color 160ms ease; }\n  #etp details[open] summary .pm { transform: rotate(45deg); background: var(--soft); }\n  #etp details.closing summary .pm { transform: none; background: transparent; }\n  #etp details .ans { overflow: hidden; }\n  #etp details p, #etp details ul { margin: -4px 0 20px; color: var(--ink-2); }\n  #etp details ul { padding-left: 20px; }\n\n  #etp .tips { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; list-style: none; padding: 0; margin: 0 0 20px; }\n  #etp .tips li { display: flex; gap: 12px; align-items: center; background: #fff; border-radius: 14px; padding: 14px 16px; box-shadow: 0 0 0 1px var(--line); font-size: 15.5px; }\n  #etp .tips svg.i { color: var(--green); }\n  #etp .warn { display: flex; gap: 12px; background: #fff8e1; border-radius: 14px; padding: 16px 18px; color: #5c4600; font-size: 15.5px; line-height: 1.5; }\n  #etp .warn svg.i { color: #b07d00; margin-top: 2px; }\n\n  #etp .rev { background: #fff; border-radius: 20px; padding: 26px; box-shadow: 0 0 0 1px var(--line); }\n  #etp .rev p { margin: 10px 0 16px; font: 500 20px\/1.45 var(--display); color: var(--ink); }\n  #etp .rev .by { font-size: 14px; color: var(--ink-2); }\n  #etp .score { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 18px; color: var(--ink-2); font-size: 15px; }\n  #etp .score b { font: 800 30px\/1 var(--display); color: var(--ink); }\n\n  #etp aside.book { position: sticky; top: var(--stick-top, 88px); align-self: start; transition: top 200ms var(--ease-out); }\n  #etp .bcard { background: #fff; border-radius: 22px; padding: 26px; box-shadow: 0 0 0 1px var(--line), 0 14px 34px rgba(0,0,0,.07); }\n  #etp .bprice { display: flex; align-items: baseline; gap: 8px; }\n  #etp .bprice b { font: 800 40px\/1 var(--display); letter-spacing: -0.02em; }\n  #etp .bprice span { color: var(--ink-2); font-size: 15px; }\n  #etp .toggle { margin-top: 8px; background: none; border: 0; padding: 0; color: var(--green-dark); font: 600 15px var(--body); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }\n  #etp .toggle svg { width: 16px; height: 16px; transition: transform 200ms var(--ease-out); }\n  #etp .toggle[aria-expanded=\"true\"] svg { transform: rotate(180deg); }\n  #etp .tiers { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 240ms var(--ease-out); }\n  #etp .tiers.open { grid-template-rows: 1fr; }\n  #etp .tiers > div { overflow: hidden; }\n  #etp .tiers ul { list-style: none; margin: 12px 0 0; padding: 12px 14px; background: var(--soft); border-radius: 14px; display: grid; gap: 6px; font-size: 15px; }\n  #etp .tiers li { display: flex; justify-content: space-between; }\n  #etp .tiers li b { font-weight: 600; }\n  #etp .rows { list-style: none; margin: 20px 0; padding: 0; }\n  #etp .rows li { display: flex; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 15px; color: var(--ink-2); }\n  #etp .rows li b { color: var(--ink); font-weight: 600; text-align: right; }\n  #etp .bcard .btn { width: 100%; }\n  #etp .bcard .btn + .btn { margin-top: 10px; }\n  #etp .fine { text-align: center; font-size: 13.5px; color: var(--ink-2); margin: 14px 0 0; line-height: 1.5; }\n  #etp .ta { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 16px; font-size: 14px; color: var(--ink-2); }\n\n  #etp .grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }\n  #etp .card { background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 0 0 1px var(--line); display: flex; flex-direction: column; }\n  #etp .card .img { aspect-ratio: 3 \/ 2; background: var(--soft) center\/cover; position: relative; overflow: hidden; isolation: isolate; }\n  #etp .card .img::before { content: \"\"; position: absolute; inset: 0; background: inherit; z-index: -1; transition: transform 400ms var(--ease-out); }\n  @media (hover: hover) and (pointer: fine) { #etp .card:hover .img::before { transform: scale(1.04); } }\n  #etp .card .body { padding: 20px 22px; display: flex; justify-content: space-between; align-items: end; gap: 12px; flex: 1; }\n  #etp .card h3 { font-size: 19px; font-weight: 700; line-height: 1.2; }\n  #etp .card small { display: block; color: var(--ink-2); font-size: 14px; margin-top: 6px; }\n  #etp .card .p { white-space: nowrap; font-size: 14px; color: var(--ink-2); }\n  #etp .card .p b { font: 700 19px var(--display); color: var(--ink); }\n\n  #etp footer { border-top: 1px solid var(--line); padding: 44px 0 110px; font-size: 15px; color: var(--ink-2); }\n  #etp footer .wrap { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 32px; }\n  #etp footer b { color: var(--ink); }\n  #etp footer p { margin: 0 0 6px; }\n\n  #etp .legend { background: #fff; border-top: 1px solid var(--line); padding: 52px 0; }\n  #etp .legend h2 { font-size: 30px; font-weight: 800; margin-bottom: 18px; }\n  #etp .legend ul { margin: 0; padding: 0 0 0 20px; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 40px; color: var(--ink-2); }\n  #etp .legend b { color: var(--ink); }\n\n  #etp .mbook { display: none; }\n  #etp .reveal { opacity: 0; transform: translateY(14px); transition: opacity 550ms var(--ease-out), transform 550ms var(--ease-out); transition-delay: var(--d, 0ms); }\n  #etp .reveal.in { opacity: 1; transform: none; }\n\n  @media (prefers-reduced-motion: reduce) { #etp .reveal { transform: none; transition: opacity 200ms ease; } #etp .tiers, #etp .pm, #etp .toggle svg { transition: none; } }\n  @media (prefers-reduced-transparency: reduce) { #etp header, #etp .mbook { background: var(--page); backdrop-filter: none; -webkit-backdrop-filter: none; } }\n\n  @media (max-width: 960px) {\n    #etp .nav > a { display: none; }\n    #etp .nav { gap: 10px; }\n    #etp header img { height: 46px; }\n    #etp .hero { min-height: 460px; }\n    #etp .hero .wrap { padding-top: 96px; padding-bottom: 32px; }\n    #etp .facts .wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding-top: 8px; padding-bottom: 8px; }\n    #etp .fact, #etp .fact + .fact { padding: 14px 10px 14px 0; border-left: 0; gap: 10px; border-bottom: 1px solid var(--line); }\n    #etp .fact:nth-child(even) { padding-left: 14px; border-left: 1px solid var(--line); }\n    #etp .fact:last-child { grid-column: 1 \/ -1; border-bottom: 0; padding-left: 0; border-left: 0; }\n    #etp .fact:nth-last-child(2) { border-bottom: 1px solid var(--line); }\n    #etp .fact b { font-size: 15px; }\n    #etp .fact svg.i { width: 18px; height: 18px; }\n    #etp .chips { margin-top: 14px; }\n    #etp .layout { grid-template-columns: 1fr; padding-top: 36px; gap: 0; }\n    #etp .layout { display: flex; flex-direction: column; }\n    #etp .main { display: contents; }\n    #etp .main > section { order: 10; }\n    #etp .main > section:nth-child(1) { order: 1; }\n    #etp .main > section:nth-child(2) { order: 2; }\n    #etp aside.book { position: static; order: 3; width: 100%; min-width: 0; max-width: 100%; margin: 0 0 56px; scroll-margin-top: 80px; }\n    #etp .layout { min-width: 0; }\n    #etp aside.book .bcard { overflow: hidden; }\n    #etp .wt-cal iframe { max-width: 100%; }\n    #etp aside.book .bcard { padding: 22px 18px; box-shadow: 0 0 0 1px var(--line); }\n    #etp .book-title { display: block !important; }\n    #etp .wt-cal { margin: 4px -6px 10px; }\n    #etp .gallery { grid-template-columns: 1fr 1fr; grid-template-rows: 220px 130px; }\n    #etp .gallery .big { grid-column: span 2; grid-row: span 1; }\n    #etp .gallery div:nth-child(4), #etp .gallery div:nth-child(5) { display: none; }\n    #etp .gallery .more { display: block !important; }\n    #etp .hl, #etp .inc, #etp .tips, #etp .grid, #etp footer .wrap, #etp .legend ul { grid-template-columns: 1fr; }\n    #etp .stop { grid-template-columns: 64px 20px minmax(0,1fr); gap: 0 10px; }\n    #etp .main h2 { font-size: 27px; }\n    #etp #map { height: 300px; }\n    #etp .ptable th, #etp .ptable td { padding: 14px 16px; }\n    #etp .mbook { display: flex; align-items: center; justify-content: space-between; gap: 14px; position: sticky; bottom: 12px; z-index: 30; margin: 0 12px; padding: 10px 10px 10px 20px; border-radius: 999px;\n             background: rgba(255,255,255,.85); -webkit-backdrop-filter: blur(18px) saturate(180%); backdrop-filter: blur(18px) saturate(180%); box-shadow: 0 0 0 1px var(--line), 0 12px 30px rgba(0,0,0,.16); }\n    #etp .mbook .pr { font-size: 13px; color: var(--ink-2); line-height: 1.2; }\n    #etp .mbook .pr b { display: block; font: 800 22px\/1.1 var(--display); color: var(--ink); }\n    #etp .mbook .btns { display: flex; gap: 8px; }\n    #etp .mbook .wa { width: 50px; padding: 0; height: 50px; }\n  }\n\n  #etp .burger { display: none; width: 46px; height: 46px; border-radius: 50%; border: 0; background: #fff; box-shadow: inset 0 0 0 1.5px var(--line); cursor: pointer; place-items: center; color: var(--ink);\n            transition: transform 160ms var(--ease-out), box-shadow 160ms ease; -webkit-tap-highlight-color: transparent; }\n  #etp .burger:active { transform: scale(0.95); }\n  #etp .burger svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; }\n  #etp .scrim { position: fixed; inset: 0; z-index: 60; background: rgba(0,0,0,.35); opacity: 0; pointer-events: none; transition: opacity 280ms ease; }\n  #etp .scrim.open { opacity: 1; pointer-events: auto; }\n  #etp .drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 61; width: min(86vw, 360px); background: var(--page); box-shadow: -12px 0 40px rgba(0,0,0,.18);\n            transform: translateX(100%); transition: transform 340ms cubic-bezier(0.32, 0.72, 0, 1); display: flex; flex-direction: column; padding: 18px 22px 26px; visibility: hidden; }\n  #etp .drawer.open { transform: none; visibility: visible; }\n  #etp .drawer .top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }\n  #etp .drawer .top img { height: 44px; }\n  #etp .drawer nav { display: flex; flex-direction: column; }\n  #etp .drawer nav a { display: flex; align-items: center; justify-content: space-between; padding: 16px 4px; border-bottom: 1px solid var(--line); font: 600 19px\/1.2 var(--body); color: var(--ink);\n                  opacity: 0; transform: translateX(16px); transition: opacity 260ms ease, transform 320ms var(--ease-out); }\n  #etp .drawer.open nav a { opacity: 1; transform: none; }\n  #etp .drawer nav a svg { width: 18px; height: 18px; stroke: var(--ink-2); fill: none; stroke-width: 1.8; }\n  #etp .drawer .langs { display: flex; gap: 8px; margin: 22px 0; }\n  #etp .drawer .langs a { flex: 1; text-align: center; padding: 12px; border-radius: 12px; box-shadow: inset 0 0 0 1.5px var(--line); font-weight: 600; font-size: 15px; }\n  #etp .drawer .langs a[aria-current] { background: var(--ink); color: #fff; box-shadow: none; }\n  #etp .drawer .cta { margin-top: auto; display: grid; gap: 10px; }\n  #etp .drawer .cta .btn { width: 100%; }\n  #etp .drawer .contact { margin-top: 16px; font-size: 14px; color: var(--ink-2); text-align: center; }\n  @media (prefers-reduced-motion: reduce) { #etp .drawer, #etp .drawer nav a { transition: opacity 200ms ease; transform: none; } #etp .drawer:not(.open) { opacity: 0; } }\n  @media (max-width: 960px) { #etp .burger { display: grid; } }\n\n  #etp .seg { position: relative; display: inline-flex; padding: 4px; border-radius: 999px; background: var(--soft); box-shadow: inset 0 0 0 1px var(--line); }\n  #etp .seg a { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; border-radius: 999px; font: 700 14px\/1 var(--body); letter-spacing: .04em; color: var(--ink-2); transition: color 160ms ease; }\n  #etp .seg a[aria-current] { background: var(--ink); color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.15); }\n  @media (hover: hover) and (pointer: fine) { #etp .seg a:not([aria-current]):hover { color: var(--ink); } }\n  #etp .seg .flag { width: 18px; height: 12px; border-radius: 2px; flex: none; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }\n  #etp .seg .anno { top: -12px; right: -8px; }\n  @media (max-width: 420px) { #etp .seg .flag { display: none; } #etp .seg a { padding: 9px 12px; } }\n\n  #etp .bk-scrim { position: fixed; inset: 0; z-index: 80; background: rgba(8,20,12,.5); opacity: 0; pointer-events: none; transition: opacity 220ms ease; }\n  #etp .bk-scrim.open { opacity: 1; pointer-events: auto; }\n  #etp .bk { position: fixed; z-index: 81; left: 50%; top: 50%; width: min(960px, calc(100vw - 48px)); max-height: calc(100vh - 48px); background: #fff; border-radius: 24px; overflow: hidden;\n        display: grid; grid-template-columns: 1.25fr 1fr; box-shadow: 0 30px 80px rgba(0,0,0,.3);\n        transform: translate(-50%, -50%) scale(.96); opacity: 0; pointer-events: none; transition: transform 240ms var(--ease-out), opacity 200ms ease; }\n  #etp .bk.open { transform: translate(-50%, -50%); opacity: 1; pointer-events: auto; }\n  #etp .bk-l { padding: 26px 28px; overflow-y: auto; }\n  #etp .bk-r { background: #fff; box-shadow: inset 1px 0 0 var(--line); display: flex; flex-direction: column; overflow-y: auto; }\n  #etp .bk-steps { display: flex; gap: 8px; align-items: center; font-size: 13px; color: var(--ink-2); margin-bottom: 18px; }\n  #etp .bk-steps b { color: var(--ink); }\n  #etp .bk h3 { font: 700 20px\/1.2 var(--display); margin: 0 0 14px; }\n  #etp .bk h3 small { font: 500 14px var(--body); color: var(--ink-2); margin-left: 6px; }\n  #etp .cal-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }\n  #etp .cal-head b { font: 600 16px var(--body); }\n  #etp .cal-nav { display: flex; gap: 6px; }\n  #etp .cal-nav button { width: 34px; height: 34px; border-radius: 50%; border: 0; background: var(--soft); cursor: pointer; display: grid; place-items: center; transition: transform 140ms var(--ease-out); }\n  #etp .cal-nav button:active { transform: scale(.94); }\n  #etp .cal-nav svg { width: 16px; height: 16px; stroke: var(--ink); fill: none; stroke-width: 2; }\n  #etp .cal { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; text-align: center; }\n  #etp .cal .dow { font-size: 12px; font-weight: 600; color: var(--ink-2); padding: 6px 0; }\n  #etp .cal button { aspect-ratio: 1; border: 0; border-radius: 12px; background: none; font: 500 15px var(--body); color: var(--ink); cursor: pointer; position: relative; transition: background-color 140ms ease, transform 140ms var(--ease-out); }\n  #etp .cal button:active { transform: scale(.94); }\n  @media (hover: hover) and (pointer: fine) { #etp .cal button:not([disabled]):not(.sel):hover { background: var(--soft); } }\n  #etp .cal button[disabled] { color: #b9c2b9; text-decoration: line-through; cursor: default; }\n  #etp .cal button.sel { background: var(--ink); color: #fff; }\n  #etp .cal button.few::after { content: \"\"; position: absolute; left: 50%; bottom: 5px; width: 5px; height: 5px; margin-left: -2.5px; border-radius: 50%; background: #d97706; }\n  #etp .cal button.sel.few::after { background: var(--sun); }\n  #etp .cal-legend { display: flex; gap: 16px; font-size: 13px; color: var(--ink-2); margin: 10px 0 24px; flex-wrap: wrap; }\n  #etp .cal-legend span { display: inline-flex; align-items: center; gap: 6px; }\n  #etp .cal-legend i { width: 8px; height: 8px; border-radius: 50%; background: #d97706; }\n  #etp .cal-legend s { color: #b9c2b9; }\n  #etp .trav { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; border-radius: 16px; box-shadow: inset 0 0 0 1.5px var(--line); }\n  #etp .trav b { display: block; font-weight: 600; }\n  #etp .trav span { font-size: 14px; color: var(--ink-2); }\n  #etp .stepper { display: flex; align-items: center; gap: 4px; background: var(--soft); border-radius: 999px; padding: 4px; }\n  #etp .stepper button { width: 38px; height: 38px; border-radius: 50%; border: 0; background: #fff; font: 600 20px\/1 var(--body); color: var(--ink); cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,.08); transition: transform 140ms var(--ease-out), opacity 140ms ease; }\n  #etp .stepper button:active { transform: scale(.92); }\n  #etp .stepper button[disabled] { opacity: .35; cursor: default; }\n  #etp .stepper output { min-width: 34px; text-align: center; font: 700 18px var(--display); font-variant-numeric: tabular-nums; }\n  #etp .tiers2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 12px; }\n  #etp .tiers2 div { text-align: center; padding: 8px 4px; border-radius: 12px; font-size: 12.5px; color: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line); transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease; }\n  #etp .tiers2 div b { display: block; font: 700 15px var(--display); color: var(--ink); }\n  #etp .tiers2 div.on { background: #fffbea; box-shadow: inset 0 0 0 1.5px var(--sun); color: #5c4600; }\n  #etp .bk-ph { height: 150px; background: #2a3b2e url(\"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2023\/10\/santa-ana-volcano-crater.jpg\") center\/cover; position: relative; }\n  #etp .bk-x { position: absolute; top: 14px; right: 14px; width: 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(255,255,255,.92); cursor: pointer; display: grid; place-items: center; transition: transform 140ms var(--ease-out); }\n  #etp .bk-x:active { transform: scale(.94); }\n  #etp .bk-x svg { width: 18px; height: 18px; stroke: var(--ink); fill: none; stroke-width: 2; }\n  #etp .bk-sum { padding: 22px 24px; display: flex; flex-direction: column; gap: 12px; flex: 1; }\n  #etp .bk-sum h4 { margin: 0; font: 700 18px\/1.25 var(--display); }\n  #etp .bk-sum .row { display: flex; justify-content: space-between; gap: 12px; font-size: 15px; color: var(--ink-2); }\n  #etp .bk-sum .row b { color: var(--ink); font-weight: 600; text-align: right; }\n  #etp .bk-sum hr { border: 0; border-top: 1px solid var(--line); margin: 4px 0; width: 100%; }\n  #etp .bk-total { display: flex; justify-content: space-between; align-items: baseline; }\n  #etp .bk-total b { font: 800 30px\/1 var(--display); font-variant-numeric: tabular-nums; }\n  #etp .bk-sum .btn { width: 100%; margin-top: auto; }\n  #etp .bk-sum .btn[aria-disabled=\"true\"] { opacity: .45; pointer-events: none; }\n  #etp .bk-fine { font-size: 13px; color: var(--ink-2); text-align: center; line-height: 1.5; }\n  #etp .bk-fine a { text-decoration: underline; text-underline-offset: 2px; }\n  #etp .bk-note { margin: 0 0 18px; background: #fde7ef; color: #8a1846; font-size: 13px; line-height: 1.45; padding: 10px 12px; border-radius: 12px; }\n  #etp .bk-pulse { animation: pulse 360ms var(--ease-out); }\n  @keyframes pulse { 50% { transform: scale(1.06); } }\n  @media (max-width: 760px) {\n    #etp .bk { left: 0; right: 0; top: auto; bottom: 0; width: 100%; max-height: 92vh; border-radius: 22px 22px 0 0; grid-template-columns: 1fr; transform: translateY(100%); transition: transform 360ms cubic-bezier(0.32, 0.72, 0, 1), opacity 200ms ease; overflow-y: auto; }\n    #etp .bk.open { transform: none; }\n    #etp .bk-l { order: 2; overflow: visible; padding: 22px 20px; }\n    #etp .bk-r { order: 1; overflow: visible; }\n    #etp .bk-ph { height: 110px; }\n    #etp .bk-sum { order: 3; padding: 0 20px 24px; background: #fff; }\n    #etp .bk-r .bk-sum { display: none; }\n    #etp .bk-sum.mob { display: flex !important; }\n    #etp .tiers2 { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (min-width: 761px) { #etp .bk-sum.mob { display: none; } }\n  @media (prefers-reduced-motion: reduce) { #etp .bk, #etp .bk.open { transition: opacity 200ms ease; } #etp .bk-pulse { animation: none; } }\n\n  #etp .wt-overlay { position: fixed; inset: 0; z-index: 90; background: rgba(8,20,12,.55); display: grid; place-items: center; opacity: 0; pointer-events: none; transition: opacity 220ms ease; }\n  #etp .wt-overlay.open { opacity: 1; pointer-events: auto; }\n  #etp .wt-frame { width: min(1100px, 100vw); height: min(92vh, 900px); border: 0; border-radius: 20px; background: #fff; box-shadow: 0 30px 80px rgba(0,0,0,.35); transform: scale(.97); transition: transform 260ms var(--ease-out); }\n  #etp .wt-overlay.open .wt-frame { transform: none; }\n  #etp .wt-close { position: fixed; top: 16px; right: 16px; z-index: 91; width: 44px; height: 44px; border-radius: 50%; border: 0; background: #fff; cursor: pointer; display: grid; place-items: center; box-shadow: 0 4px 14px rgba(0,0,0,.2); }\n  #etp .wt-close svg { width: 18px; height: 18px; stroke: var(--ink); fill: none; stroke-width: 2; }\n  #etp .wt-hint { position: fixed; left: 50%; top: 16px; z-index: 92; transform: translate(-50%, -8px); opacity: 0; display: flex; align-items: center; gap: 12px; max-width: calc(100vw - 96px);\n             background: var(--ink); color: #fff; padding: 12px 18px; border-radius: 999px; font-size: 14.5px; line-height: 1.35; box-shadow: 0 10px 30px rgba(0,0,0,.3);\n             transition: opacity 260ms ease 250ms, transform 320ms var(--ease-out) 250ms; }\n  #etp .wt-overlay.open .wt-hint { opacity: 1; transform: translate(-50%, 0); }\n  #etp .wt-hint .ok { width: 22px; height: 22px; border-radius: 50%; background: var(--sun); color: #2b2100; display: grid; place-items: center; flex: none; font-weight: 800; font-size: 13px; }\n  #etp .wt-hint b { color: var(--sun); font-weight: 700; }\n  #etp .wt-hint button { background: none; border: 0; color: #cfe0cd; cursor: pointer; font: 600 13px var(--body); padding: 0 0 0 6px; }\n  #etp .wt-hint.hide { opacity: 0 !important; transform: translate(-50%, -8px) !important; transition-delay: 0s; pointer-events: none; }\n  @media (max-width: 760px) { #etp .wt-hint { top: auto; bottom: 16px; left: 12px; right: 12px; max-width: none; transform: translateY(8px); border-radius: 18px; } #etp .wt-overlay.open .wt-hint { transform: none; } #etp .wt-hint.hide { transform: translateY(8px) !important; } }\n  #etp .wt-loading { position: absolute; color: #fff; font: 600 16px var(--body); }\n  @media (max-width: 760px) { #etp .wt-frame { width: 100vw; height: 100vh; border-radius: 0; } }\n\n  #etp aside.book { width: 400px; }\n  #etp .book-title { display: none; font: 800 27px\/1.1 var(--display); letter-spacing: -0.02em; margin: 0 0 16px; }\n  #etp .wt-cal { margin: 4px -10px 6px; min-height: 420px; }\n  #etp .wt-cal { --calh: 555px; }\n  #etp .wt-cal iframe { width: 100% !important; height: var(--calh) !important; min-height: 0 !important; border: 0; display: block; overflow: hidden; }\n\n  #etp .mbook { transition: transform 280ms var(--ease-out), opacity 200ms ease; }\n  #etp .mbook.away { transform: translateY(calc(100% + 24px)); opacity: 0; pointer-events: none; }\n  @media (prefers-reduced-motion: reduce) { #etp .mbook { transition: opacity 150ms ease; } #etp .mbook.away { transform: none; } }\n\n  #etp .more-sec { background: var(--soft); padding: 88px 0 96px; }\n  #etp .more-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 30px; }\n  #etp .more-k { display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--green-dark); margin-bottom: 8px; }\n  #etp .more-sec h2 { font-size: clamp(30px, 3.4vw, 42px); font-weight: 800; letter-spacing: -0.02em; line-height: 1.08; margin: 0 0 8px; }\n  #etp .more-head p { margin: 0; color: var(--ink-2); }\n  #etp .more-nav { display: flex; gap: 8px; }\n  #etp .mnav { width: 46px; height: 46px; border-radius: 50%; border: 0; background: #fff; box-shadow: inset 0 0 0 1.5px var(--line); cursor: pointer; display: grid; place-items: center; color: var(--ink);\n          transition: transform 140ms var(--ease-out), box-shadow 160ms ease, opacity 160ms ease; }\n  #etp .mnav:active { transform: scale(.94); }\n  #etp .mnav[disabled] { opacity: .35; cursor: default; }\n  @media (hover: hover) and (pointer: fine) { #etp .mnav:not([disabled]):hover { box-shadow: inset 0 0 0 1.5px var(--ink); } }\n  #etp .mnav svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; }\n  #etp .sugg-row { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 66px) \/ 4); gap: 22px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding: 4px 2px 8px; margin: -4px -2px 0; }\n  #etp .sugg-row::-webkit-scrollbar { display: none; }\n  #etp .sugg { scroll-snap-align: start; background: #fff; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 0 0 1px var(--line); transition: box-shadow 220ms ease; }\n  #etp .sugg-img { aspect-ratio: 4 \/ 3; background: var(--line) center\/cover; position: relative; overflow: hidden; isolation: isolate; }\n  #etp .sugg-img::before { content: \"\"; position: absolute; inset: 0; background: inherit; z-index: -1; transition: transform 450ms var(--ease-out); }\n  #etp .sugg-img .tag { position: absolute; top: 14px; left: 14px; background: #fff; color: var(--ink); font: 600 11.5px\/1 var(--body); letter-spacing: .08em; text-transform: uppercase; padding: 8px 11px; border-radius: 999px; }\n  #etp .sugg-badge { position: absolute; left: 12px; right: 12px; bottom: 12px; background: rgba(16,48,29,.78); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #fff; font-size: 13px; font-weight: 500; padding: 7px 11px; border-radius: 10px; }\n  #etp .sugg-body { padding: 18px 20px 18px; display: flex; flex-direction: column; flex: 1; }\n  #etp .sugg h3 { font: 700 18.5px\/1.25 var(--display); letter-spacing: -0.01em; margin: 0; }\n  #etp .sugg-body p { margin: 8px 0 14px; color: var(--ink-2); font-size: 15px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }\n  #etp .sugg-meta { display: flex; gap: 16px; color: var(--ink-2); font-size: 14px; margin-top: auto; padding-bottom: 14px; border-bottom: 1px solid var(--line); }\n  #etp .sugg-meta span { display: inline-flex; align-items: center; gap: 6px; }\n  #etp .sugg-meta svg.i { width: 16px; height: 16px; }\n  #etp .sugg-foot { display: flex; justify-content: space-between; align-items: center; padding-top: 14px; }\n  #etp .sugg-price { font-size: 14px; color: var(--ink-2); }\n  #etp .sugg-price b { font: 700 20px var(--display); color: var(--ink); }\n  #etp .sugg-go { width: 38px; height: 38px; border-radius: 50%; background: var(--soft); display: grid; place-items: center; color: var(--ink); transition: background-color 200ms ease, color 200ms ease, transform 200ms var(--ease-out); }\n  #etp .sugg-go svg.i { width: 18px; height: 18px; }\n  @media (hover: hover) and (pointer: fine) {\n    #etp .sugg:hover { box-shadow: 0 0 0 1px #c8d6c4, 0 14px 30px rgba(0,0,0,.08); }\n    #etp .sugg:hover .sugg-img::before { transform: scale(1.05); }\n    #etp .sugg:hover .sugg-go { background: var(--sun); color: #2b2100; transform: translateX(2px); }\n  }\n  #etp .sugg:active { transform: scale(.99); }\n  #etp .more-foot { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 30px; flex-wrap: wrap; }\n  #etp .sugg-dots { display: none; gap: 6px; }\n  #etp .sugg-dots i { width: 6px; height: 6px; border-radius: 3px; background: #c6d0c1; transition: width 200ms var(--ease-out), background-color 200ms ease; }\n  #etp .sugg-dots i.on { width: 18px; background: var(--green); }\n  @media (max-width: 1100px) { #etp .sugg-row { grid-auto-columns: calc((100% - 44px) \/ 3); } }\n  @media (max-width: 960px) {\n    #etp .more-sec { padding: 64px 0 72px; }\n    #etp .more-nav { display: none; }\n    #etp .sugg-row { grid-auto-columns: 80%; gap: 14px; margin: 0 -24px; padding: 4px 24px 10px; scroll-padding-left: 24px; }\n    #etp .more-foot { flex-direction: column; gap: 16px; }\n    #etp .sugg-dots { display: flex; }\n  }\n  @media (prefers-reduced-motion: reduce) { #etp .sugg-row { scroll-behavior: auto; } #etp .sugg-img::before { transition: none; } }\n\n  #etp .bhead { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; flex-wrap: wrap; }\n  #etp .bhead .toggle { margin: 0 0 4px; }\n  #etp .bcard { padding: 22px 24px 18px; }\n  #etp .bprice b { font-size: 36px; }\n  #etp .fine { margin: 10px 0 0; font-size: 13px; }\n  #etp .wa-link { display: none; }\n  #etp .wa-link a { display: inline-flex; align-items: center; gap: 4px; color: var(--green-dark); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }\n  #etp .wa-link svg.i { width: 14px; height: 14px; }\n  #etp .bcard .ta { margin-top: 10px; }\n  @media (min-width: 961px) {\n    #etp aside.book[data-opt=\"2\"] .wa-full, #etp aside.book[data-opt=\"3\"] .wa-full, #etp aside.book[data-opt=\"4\"] .wa-full { display: none; }\n    #etp aside.book[data-opt=\"2\"] .wa-link, #etp aside.book[data-opt=\"4\"] .wa-link { display: inline; }\n    #etp aside.book[data-opt=\"3\"] .ta { display: none; }\n    #etp aside.book[data-opt=\"4\"] .wt-cal { height: calc(var(--calh) * var(--s, 1)); min-height: 0; overflow: hidden; }\n    #etp aside.book[data-opt=\"4\"] .wt-cal iframe { transform: scale(var(--s, 1)); transform-origin: top left; width: calc(100% \/ var(--s, 1)) !important; }\n  }\n  #etp .optbar { position: fixed; left: 16px; bottom: 16px; z-index: 70; display: flex; align-items: center; gap: 6px; background: #fff; border-radius: 999px; padding: 6px 6px 6px 14px; box-shadow: 0 0 0 1px var(--line), 0 10px 30px rgba(0,0,0,.14); font-size: 13px; }\n  #etp .optbar b { color: #c4255d; font-weight: 700; margin-right: 4px; }\n  #etp .optbar button { border: 0; background: var(--soft); border-radius: 999px; padding: 8px 12px; font: 600 13px var(--body); color: var(--ink); cursor: pointer; transition: background-color 150ms ease, color 150ms ease, transform 140ms var(--ease-out); }\n  #etp .optbar button:active { transform: scale(.96); }\n  #etp .optbar button[aria-pressed=\"true\"] { background: var(--ink); color: #fff; }\n  #etp .optbar output { margin-left: 6px; color: var(--ink-2); font-variant-numeric: tabular-nums; min-width: 92px; }\n  @media (max-width: 960px) { #etp .optbar { display: none; } }\n\n  #etp .social, #etp .dsocial { display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap; }\n  #etp .social a, #etp .dsocial a { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--line); background: #fff;\n                          transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 140ms var(--ease-out); }\n  #etp .social a:active, #etp .dsocial a:active { transform: scale(.94); }\n  @media (hover: hover) and (pointer: fine) { #etp .social a:hover, #etp .dsocial a:hover { background: var(--ink); color: #fff; box-shadow: none; } }\n  #etp .social svg, #etp .dsocial svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }\n  #etp .dsocial { justify-content: center; margin-top: 14px; }\n  @media (max-width: 960px) {\n    #etp .trust .wrap { position: relative; height: 38px; padding-top: 8px; padding-bottom: 8px; display: block; }\n    #etp .trust span, #etp .trust span:nth-child(n+2) { display: inline-flex !important; position: absolute; left: 0; right: 0; top: 8px; height: 22px; align-items: center; justify-content: center; opacity: 0; transform: translateY(6px); transition: opacity 300ms ease, transform 400ms var(--ease-out); pointer-events: none; }\n    #etp .trust span.on { opacity: 1; transform: none; }\n  }\n  @media (max-width: 960px) and (prefers-reduced-motion: reduce) { #etp .trust span, #etp .trust span:nth-child(n+2) { transform: none !important; transition: opacity 200ms ease; } }\n\n  body { margin: 0; background: #fbfcfa; }\n  #etp { background: var(--page); color: var(--ink); font: 17px\/1.65 var(--body); }\n  #etp a:hover, #etp a:focus { color: inherit; }\n  #etp button { line-height: inherit; text-transform: none; }\n  #etp .toggle:hover, #etp .toggle:focus, #etp .readmore:hover, #etp .readmore:focus { background: none; color: var(--green-dark); }\n  #etp .burger:hover, #etp .burger:focus, #etp .mnav:hover, #etp .mnav:focus { background: #fff; color: var(--ink); }\n  #etp details summary { background: none; }\n  #etp img { height: auto; }\n  #etp header img { height: 52px; }\n  #etp h1, #etp h2, #etp h3 { margin-block-start: 0; }\n  .admin-bar #etp header { top: 32px; }\n  @media (max-width: 782px) { .admin-bar #etp header { top: 46px; } }\n\n  #etp .gallery div > img, #etp .stop img.ph { width: 100%; height: 100%; object-fit: cover; display: block; }\n  #etp .gallery div > img { position: absolute; inset: 0; z-index: 0; }\n  #etp .gallery .see-all, #etp .gallery .more::after { z-index: 1; }\n  #etp .stop .ph { position: relative; overflow: hidden; }\n  #etp .stop .ph > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }\n\n  #etp .hero-sub { color: rgba(255,255,255,.94); font-size: 20px; line-height: 1.5; max-width: 620px; margin: 14px 0 0; text-shadow: 0 1px 12px rgba(0,0,0,.35); }\n  #etp .chips > span { display: none; }\n  #etp .hero::before { background: linear-gradient(180deg, rgba(8,24,14,.15) 0%, rgba(8,24,14,.35) 40%, rgba(8,24,14,.88) 100%); }\n  @media (max-width: 960px) { #etp .hero-sub { font-size: 17px; } }\n\n  #etp .gallery > div { cursor: zoom-in; }\n  #etp .gallery > div:focus-visible { outline: 3px solid var(--sun); outline-offset: 2px; }\n  @media (hover: hover) and (pointer: fine) { #etp .gallery > div > img { transition: transform 400ms var(--ease-out); } #etp .gallery > div:hover > img { transform: scale(1.04); } }\n  #etp .lb { position: fixed; inset: 0; z-index: 95; background: rgba(6,14,9,.94); display: grid; grid-template-rows: auto 1fr auto; opacity: 0; pointer-events: none; transition: opacity 200ms ease; }\n  #etp .lb.open { opacity: 1; pointer-events: auto; }\n  #etp .lb-top { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; color: #fff; font-size: 14px; font-variant-numeric: tabular-nums; }\n  #etp .lb-stage { position: relative; display: grid; place-items: center; padding: 0 64px; min-height: 0; }\n  #etp .lb-stage img { max-width: 100%; max-height: calc(100vh - 150px); border-radius: 12px; object-fit: contain; transition: opacity 180ms ease, transform 220ms var(--ease-out); }\n  #etp .lb-stage img.swap { opacity: 0; transform: scale(.98); }\n  #etp .lb-cap { color: #d7e3d6; text-align: center; padding: 12px 18px 22px; font-size: 15px; }\n  #etp .lb button { border: 0; cursor: pointer; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.14); color: #fff; transition: background-color 150ms ease, transform 140ms var(--ease-out); }\n  #etp .lb button:active { transform: scale(.94); }\n  @media (hover: hover) and (pointer: fine) { #etp .lb button:hover { background: rgba(255,255,255,.26); } }\n  #etp .lb-x { width: 44px; height: 44px; }\n  #etp .lb-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; }\n  #etp .lb-nav:active { transform: translateY(-50%) scale(.94); }\n  #etp .lb-prev { left: 10px; } #etp .lb-next { right: 10px; }\n  #etp .lb svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 2; }\n  @media (max-width: 760px) { #etp .lb-stage { padding: 0 8px; } #etp .lb-nav { top: auto; bottom: -56px; transform: none; } #etp .lb-nav:active { transform: scale(.94); } #etp .lb-prev { left: calc(50% - 60px); } #etp .lb-next { right: calc(50% - 60px); } #etp .lb-cap { padding-bottom: 76px; } }\n  @media (prefers-reduced-motion: reduce) { #etp .lb, #etp .lb-stage img { transition: opacity 120ms ease; transform: none; } }\n  #etp .hero h1 { max-width: 600px; }\n  #etp .hero-sub { max-width: 540px; }\n  .admin-bar #etp .lb { top: 32px; }\n  @media (max-width: 782px) { .admin-bar #etp .lb { top: 46px; } }\n\/*ta-brand*\/#etp .ta-owl{display:inline-flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;border-radius:50%;background:#00EB5B}#etp .ta-owl svg{width:30px;height:auto;display:block}#etp .ta-bub{display:inline-flex;vertical-align:-1px;margin-right:4px}#etp .ta-bub svg{width:68px;height:12px;display:block;fill:#00852F}#etp a.score{box-shadow:0 0 0 1.5px #00EB5B;gap:12px}#etp .btn.btn-ta{background:#00EB5B;color:#002B11;box-shadow:none;gap:10px}@media (hover:hover) and (pointer:fine){#etp .btn.btn-ta:hover{background:#00d652;box-shadow:none}}#etp .btn-ta .ta-owl{width:auto;height:auto;border-radius:0;background:none}#etp .btn-ta .ta-owl svg{width:28px}<\/style>\n<div id=\"etp\">\n<div class=\"trust\">\n  <div class=\"wrap\">\n    <span><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M3 13h13l3 3v2H3z\"\/><circle cx=\"7\" cy=\"18\" r=\"2\"\/><circle cx=\"16\" cy=\"18\" r=\"2\"\/><path d=\"M5 13l2-5h7l3 5\"\/><\/svg>Recogida en hotel y Airbnb incluida<\/span>\n    <span><svg class=\"i\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>Cancelaci\u00f3n gratis hasta 24 horas antes<\/span>\n    <span><svg class=\"i\" viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M3 20c0-3 3-5 6-5s6 2 6 5\"\/><circle cx=\"17\" cy=\"9\" r=\"2.5\"\/><path d=\"M16 14c3 0 5 2 5 5\"\/><\/svg>Grupos peque\u00f1os, m\u00e1ximo 10<\/span>\n    <span><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M4 7h16v4a2 2 0 0 0 0 4v4H4v-4a2 2 0 0 0 0-4z\"\/><\/svg>Entradas incluidas<\/span>\n  <\/div>\n<\/div>\n\n<header>\n  <div class=\"wrap\">\n    <a href=\"https:\/\/ecotourspetate.com\/es\/\" aria-label=\"Inicio de Eco Tours Petate\"><img decoding=\"async\" src=\"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2023\/08\/logo-color-transparente.png\" alt=\"Eco Tours Petate\"><\/a>\n    <div class=\"nav\">\n      <a href=\"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/\">Tours de un d\u00eda<\/a><a href=\"https:\/\/ecotourspetate.com\/es\/traslado-aeropuerto-el-salvador-sal\/\">Traslados al aeropuerto<\/a><a href=\"https:\/\/ecotourspetate.com\/es\/sobre-nosotros\/\">Nosotros<\/a><a href=\"https:\/\/ecotourspetate.com\/es\/contacto\/\">Contacto<\/a><a href=\"https:\/\/ecotourspetate.com\/blog\/\">Blog<\/a>\n      <nav class=\"seg\" aria-label=\"Idioma\"><a href=\"#\" data-en=\"\/day-tours-el-salvador-day-tours-un-dia\/beach-tour-de-playa\/la-barra-de-santiago-tour\/\" hreflang=\"en\" lang=\"en\"><svg class=\"flag\" viewBox=\"0 0 18 12\" aria-hidden=\"true\"><rect width=\"18\" height=\"12\" fill=\"#b22234\"\/><path d=\"M0 1.4h18M0 4.1h18M0 6.9h18M0 9.6h18\" stroke=\"#fff\" stroke-width=\".9\"\/><rect width=\"8\" height=\"6.5\" fill=\"#3c3b6e\"\/><\/svg>EN<\/a><a href=\"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/\" aria-current=\"true\" hreflang=\"es\" lang=\"es\"><svg class=\"flag\" viewBox=\"0 0 18 12\" aria-hidden=\"true\"><rect width=\"18\" height=\"12\" fill=\"#fff\"\/><rect width=\"18\" height=\"4\" fill=\"#0f47af\"\/><rect y=\"8\" width=\"18\" height=\"4\" fill=\"#0f47af\"\/><\/svg>ES<\/a><\/nav>\n      <a class=\"btn btn-green\" href=\"https:\/\/api.whatsapp.com\/send?phone=50371819077\" target=\"_blank\" rel=\"noopener\" style=\"padding:12px 20px\"><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M4 20l1.3-3.9A8 8 0 1 1 8 19z\"\/><\/svg>WhatsApp<\/a>\n<button class=\"burger\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\" aria-controls=\"drawer\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 7h16M4 12h16M4 17h16\"\/><\/svg><\/button>\n    <\/div>\n  <\/div>\n<\/header>\n\n<div class=\"hero\">\n  <div class=\"wrap\">\n    <div class=\"crumbs\"><a href=\"https:\/\/ecotourspetate.com\/es\/\">Inicio<\/a> \/ <a href=\"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/\">Tours de un d\u00eda<\/a> \/ Barra de Santiago<\/div>\n    <h1>Tour de manglares en Barra de Santiago: cocodrilos y aves<\/h1>\n    <p class=\"hero-sub\">Un paseo en lancha por uno de los manglares mejor conservados de El Salvador para ver cocodrilos y aves, almuerzo frente al mar y el pueblo colonial de Izalco.<\/p>\n    <div class=\"chips\">\n      <span><svg class=\"i\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>8\u20139 horas<\/span><span><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M3 19l6-10 4 6 3-4 5 8z\"\/><\/svg>F\u00e1cil<\/span><span><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M3 13h13l3 3v2H3z\"\/><circle cx=\"7\" cy=\"18\" r=\"2\"\/><circle cx=\"16\" cy=\"18\" r=\"2\"\/><\/svg>Paseo en lancha incluido<\/span>\n      <a class=\"ta-link\" href=\"https:\/\/www.tripadvisor.com\/Attraction_Review-g294476-d7898636-Reviews-Eco_Tours_Petate-San_Salvador_San_Salvador_Department.html\" target=\"_blank\" rel=\"noopener\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span> 523+ rese\u00f1as en Tripadvisor <svg class=\"i\" viewBox=\"0 0 24 24\" style=\"width:15px;height:15px\"><path d=\"M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5\"\/><\/svg><\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div class=\"facts\">\n  <div class=\"wrap\">\n    <div class=\"fact\"><svg class=\"i\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg><div><small>Duraci\u00f3n<\/small><b>8\u20139 horas<\/b><span>regreso entre 5:00 y 5:30 p. m.<\/span><\/div><\/div>\n    <div class=\"fact\"><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M3 19l6-10 4 6 3-4 5 8z\"\/><\/svg><div><small>Dificultad<\/small><b>F\u00e1cil<\/b><span>casi todo en lancha<\/span><\/div><\/div>\n    <div class=\"fact\"><svg class=\"i\" viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"5\" width=\"16\" height=\"15\" rx=\"2\"\/><path d=\"M4 10h16M9 3v4M15 3v4\"\/><\/svg><div><small>Recogida<\/small><b>8:30 a. m.<\/b><span>en tu hotel o Airbnb<\/span><\/div><\/div>\n    <div class=\"fact\"><svg class=\"i\" viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M3 20c0-3 3-5 6-5s6 2 6 5\"\/><circle cx=\"17\" cy=\"9\" r=\"2.5\"\/><path d=\"M16 14c3 0 5 2 5 5\"\/><\/svg><div><small>Grupo<\/small><b>M\u00e1ximo 10 personas<\/b><span>ideal para familias<\/span><\/div><\/div>\n    <div class=\"fact\"><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M12 21s7-6 7-12a7 7 0 0 0-14 0c0 6 7 12 7 12z\"\/><circle cx=\"12\" cy=\"9\" r=\"2.5\"\/><\/svg><div><small>Zona de recogida<\/small><b>San Salvador<\/b><\/div><\/div>\n    <\/div>\n<\/div>\n\n<div class=\"wrap layout\">\n  <div class=\"main\">\n\n    <section>\n      <h2>Sobre el tour de manglares en Barra de Santiago<\/h2>\n      <p class=\"lead\">Los manglares est\u00e1n entre los bosques m\u00e1s amenazados del mundo, y El Salvador tiene algunos de los m\u00e1s grandes de Centroam\u00e9rica. En Barra de Santiago, casi 2,000 hect\u00e1reas de siete especies de mangle se alimentan del agua dulce que baja del Parque Nacional El Imposible. En este tour recorres sus canales en lancha con un gu\u00eda local y apoyas a la comunidad de pescadores que vive aqu\u00ed.<\/p>\n      <div class=\"desc clamped\" id=\"desc\">\n        <h3>Cocodrilos en libertad<\/h3>\n        <p>Uno de los mejores momentos es ver cocodrilos en su h\u00e1bitat natural, con seguridad desde la lancha. Son depredadores clave para el equilibrio del ecosistema.<\/p>\n        <h3>Un santuario de aves<\/h3>\n        <p>Tambi\u00e9n visitamos un santuario donde anidan aves nativas y migratorias, como el pel\u00edcano pardo, la garza azul, la garza blanca y el mart\u00edn pescador.<\/p>\n        <h3>Pueblo colonial de Izalco<\/h3>\n        <p>Despu\u00e9s del almuerzo frente al mar (no incluido), paramos en el pueblo colonial de Izalco, con sus dos iglesias y su mercado. En la Colonia esta fue una de las zonas de cacao m\u00e1s grandes de Centroam\u00e9rica.<\/p>\n        <\/div>\n      <button class=\"readmore\" aria-expanded=\"false\" aria-controls=\"desc\">Leer la descripci\u00f3n completa <svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/button>\n      <div class=\"gallery\">\n        <div class=\"big\" role=\"button\" tabindex=\"0\" data-i=\"1\" aria-label=\"Abrir foto: Paseo en lancha por los manglares de Barra de Santiago\"><img src=\"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago.jpg\" alt=\"Paseo en lancha por los manglares de Barra de Santiago\" loading=\"lazy\" decoding=\"async\"><span class=\"see-all\"><svg class=\"i\" viewBox=\"0 0 24 24\" style=\"width:16px;height:16px\"><rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg>Ver las 6 fotos<\/span><\/div>\n        <div role=\"button\" tabindex=\"0\" data-i=\"2\" aria-label=\"Abrir foto: Cocodrilo descansando junto a las ra\u00edces del manglar\"><img src=\"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago-manglares-cocodrilos2.jpg\" alt=\"Cocodrilo descansando junto a las ra\u00edces del manglar\" loading=\"lazy\" decoding=\"async\"><\/div>\n        <div role=\"button\" tabindex=\"0\" data-i=\"3\" aria-label=\"Abrir foto: Canal de manglar en Barra de Santiago\"><img src=\"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago2.jpg\" alt=\"Canal de manglar en Barra de Santiago\" loading=\"lazy\" decoding=\"async\"><\/div>\n        <div role=\"button\" tabindex=\"0\" data-i=\"4\" aria-label=\"Abrir foto: Cocodrilo visto desde la lancha\"><img src=\"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago-manglares-cocodrilos-final.jpg\" alt=\"Cocodrilo visto desde la lancha\" loading=\"lazy\" decoding=\"async\"><\/div>\n        <div class=\"more\" role=\"button\" tabindex=\"0\" data-i=\"5\" aria-label=\"Abrir foto: Estero de Barra de Santiago\"><img src=\"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2021\/01\/barra-de-santiago.jpg\" alt=\"Estero de Barra de Santiago\" loading=\"lazy\" decoding=\"async\"><\/div>\n      <\/div>\n    <\/section>\n\n    <section>\n      <h2>Lo m\u00e1s destacado<\/h2>\n      <ul class=\"hl\"><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12l4 4 10-10\"\/><\/svg>Cocodrilos en su h\u00e1bitat natural<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12l4 4 10-10\"\/><\/svg>Un santuario de aves en el manglar<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12l4 4 10-10\"\/><\/svg>Paseo en lancha con gu\u00eda local<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12l4 4 10-10\"\/><\/svg>Almuerzo de mariscos frescos frente al mar<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12l4 4 10-10\"\/><\/svg>El pueblo colonial de Izalco<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12l4 4 10-10\"\/><\/svg>Apoya a la comunidad de pescadores<\/li><\/ul>\n    <\/section>\n\n    <section>\n      <h2>Itinerario del tour a Barra de Santiago<\/h2>\n      <div class=\"timeline\">\n        <div class=\"stop reveal\"><time>8:30 a. m.<\/time><span class=\"dot\"><\/span><div><h3>Recogida en tu hotel o Airbnb<\/h3><p>Tu gu\u00eda pasa por ti a tu hotel o Airbnb en San Salvador.<\/p><\/div><\/div>\n        <div class=\"stop reveal\"><time>10:30 a. m.<\/time><span class=\"dot\"><\/span><div><h3>Paseo en lancha por el manglar<\/h3><p>Un recorrido en lancha con gu\u00eda local por los canales de la reserva para ver cocodrilos y aves.<\/p><div class=\"ph\"><img src=\"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago.jpg\" alt=\"Paseo en lancha por los manglares de Barra de Santiago\" loading=\"lazy\" decoding=\"async\"><\/div><\/div><\/div>\n        <div class=\"stop reveal\"><time>12:15 p. m.<\/time><span class=\"dot\"><\/span><div><h3>Almuerzo en Barra de Santiago<\/h3><p>Mariscos frescos pescados el mismo d\u00eda en un restaurante local (no incluido).<\/p><\/div><\/div>\n        <div class=\"stop reveal\"><time>2:30 p. m.<\/time><span class=\"dot\"><\/span><div><h3>Pueblo colonial de Izalco<\/h3><p>Un paseo por sus dos iglesias y por el mercado local.<\/p><\/div><\/div>\n        <div class=\"stop reveal\"><time>3:30 p. m.<\/time><span class=\"dot\"><\/span><div><h3>Regreso<\/h3><p>Regresamos a San Salvador y llegamos entre las 5:00 y las 5:30 p. m.<\/p><\/div><\/div>\n        <\/div>\n    <\/section>\n\n    <section>\n      <h2>Mapa de la ruta<\/h2>\n      <div class=\"mapwrap\">\n        <div id=\"map\" role=\"img\" aria-label=\"Mapa con San Salvador, Barra de Santiago y el pueblo colonial de Izalco\"><\/div>\n        <div class=\"legend-map\"><span><i style=\"background:var(--ink)\">S<\/i>San Salvador (recogida)<\/span><span><i>1<\/i>Barra de Santiago<\/span><span><i>2<\/i>Izalco colonial town<\/span><\/div>\n      <\/div>\n    <\/section>\n\n    <section>\n      <h2>Qu\u00e9 incluye<\/h2>\n      <div class=\"inc\">\n        <div class=\"yes\"><h3>Incluye<\/h3><ul><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12l4 4 10-10\"\/><\/svg>Recogida y regreso a tu hotel o Airbnb en San Salvador<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12l4 4 10-10\"\/><\/svg>Transporte en veh\u00edculo c\u00f3modo<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12l4 4 10-10\"\/><\/svg>Paseo en lancha con gu\u00eda local<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12l4 4 10-10\"\/><\/svg>Gu\u00eda profesional<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12l4 4 10-10\"\/><\/svg>Todas las entradas<\/li><\/ul><\/div>\n        <div class=\"no\"><h3>No incluye<\/h3><ul><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>Almuerzo, snacks y bebidas<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>Propinas (opcional)<\/li><\/ul><\/div>\n      <\/div>\n    <\/section>\n\n    <section id=\"prices\">\n      <h2>Precios<\/h2>\n      <table class=\"ptable\">\n        <tr><th>Tama\u00f1o del grupo<\/th><th style=\"text-align:right\">Por persona<\/th><\/tr>\n        <tr><td>1 persona<\/td><td>$235<\/td><\/tr><tr><td>2 personas<\/td><td>$130<\/td><\/tr><tr><td>3 personas<\/td><td>$93<\/td><\/tr><tr><td>4 personas<\/td><td>$81<\/td><\/tr><tr><td>5 personas<\/td><td>$80<\/td><\/tr><tr class=\"best\"><td>6 a 10 personas<\/td><td>desde $58<\/td><\/tr>\n      <\/table>\n      <p class=\"note\">\u00bfViajas solo\/a? El precio baja a $130 si otros viajeros se unen en tu fecha.<\/p>\n    <\/section>\n\n    <section id=\"faq\">\n      <h2>Tour a Barra de Santiago: preguntas frecuentes<\/h2>\n      <details open><summary>\u00bfEs seguro ver los cocodrilos?<span class=\"pm\">+<\/span><\/summary><div class=\"ans\"><p>S\u00ed. Los ves desde la lancha, a una distancia segura y con un gu\u00eda local.<\/p><\/div><\/details>\n      <details><summary>\u00bfEst\u00e1 incluido el almuerzo?<span class=\"pm\">+<\/span><\/summary><div class=\"ans\"><p>No. Los restaurantes locales sirven mariscos frescos pescados el mismo d\u00eda, para todos los presupuestos.<\/p><\/div><\/details>\n      <details><summary>\u00bfEs apto para familias?<span class=\"pm\">+<\/span><\/summary><div class=\"ans\"><p>S\u00ed. Casi todo el tour es en lancha y las caminatas en Izalco son cortas.<\/p><\/div><\/details>\n      <details><summary>\u00bfQu\u00e9 aves podemos ver?<span class=\"pm\">+<\/span><\/summary><div class=\"ans\"><p>Aves nativas y migratorias como pel\u00edcanos, garzas y martines pescadores, seg\u00fan la temporada.<\/p><\/div><\/details>\n      <details><summary>\u00bfC\u00f3mo reservo y pago?<span class=\"pm\">+<\/span><\/summary><div class=\"ans\"><p>Puedes reservar en nuestra p\u00e1gina web y pagar con tarjeta de cr\u00e9dito o d\u00e9bito.<\/p><\/div><\/details>\n      <details><summary>\u00bfPuedo unirme si viajo solo\/a?<span class=\"pm\">+<\/span><\/summary><div class=\"ans\"><p>Claro. Te sumamos a un grupo existente. Escr\u00edbenos por WhatsApp con tu fecha.<\/p><\/div><\/details>\n      <\/section>\n\n    <section>\n      <h2>Antes de ir<\/h2>\n      <ul class=\"tips\"><li><svg class=\"i\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2M12 20v2M2 12h2M20 12h2M5 5l1.5 1.5M17.5 17.5L19 19M5 19l1.5-1.5M17.5 6.5L19 5\"\/><\/svg>Protector solar, gorra y lentes de sol<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><ellipse cx=\"12\" cy=\"13\" rx=\"4\" ry=\"6\"\/><path d=\"M12 7V4M8 9L4 7M16 9l4-2M8 13H3M16 13h5M8 17l-4 2M16 17l4 2\"\/><\/svg>Repelente de insectos<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M9 3h6M10 3v3l-3 4v10h10V10l-3-4V3\"\/><\/svg>Una botella de agua<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\"\/><circle cx=\"12\" cy=\"13.5\" r=\"3.5\"\/><path d=\"M8 7l2-3h4l2 3\"\/><\/svg>Una c\u00e1mara con zoom para las aves<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"12\" rx=\"2\"\/><circle cx=\"12\" cy=\"13\" r=\"2.5\"\/><path d=\"M7 7V5h10v2\"\/><\/svg>Efectivo para el almuerzo<\/li><li><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M12 3v2M4 13a8 8 0 0 1 16 0zM12 13v6a2 2 0 0 1-4 0\"\/><\/svg>Un poncho en temporada de lluvias<\/li><\/ul>\n      <div class=\"warn\"><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M12 3l10 18H2z\"\/><path d=\"M12 10v5M12 18v.5\"\/><\/svg><span>Los cocodrilos y las aves son silvestres: es muy probable verlos, pero nunca est\u00e1 garantizado.<\/span><\/div>\n    <\/section>\n\n    <section>\n      <h2>Lo que dicen los viajeros<\/h2>\n      <div class=\"score\"><span class=\"ta-owl\"><svg aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 132 86\" fill=\"none\"><path fill=\"#002B11\" d=\"M44.508 49.657c0 6.436-5.218 11.654-11.653 11.654s-11.653-5.218-11.653-11.654c0-6.435 5.218-11.654 11.653-11.654s11.653 5.218 11.653 11.654m54.028-11.654c-6.435 0-11.653 5.218-11.653 11.654S92.1 61.311 98.536 61.311s11.653-5.218 11.653-11.654c-.002-6.432-5.215-11.647-11.647-11.65zm32.855 11.654c0 18.136-14.715 32.84-32.855 32.84a32.7 32.7 0 0 1-22.31-8.740L65.71 85.196 55.19 73.744a32.7 32.7 0 0 1-22.317 8.754C14.746 82.497.036 67.792.036 49.656a32.75 32.75 0 0 1 10.71-24.27L0 13.693h23.876c25.263-17.195 58.467-17.195 83.73 0h23.814l-10.745 11.692a32.75 32.75 0 0 1 10.716 24.271m-76.305 0c0-12.274-9.95-22.225-22.223-22.225S10.64 37.383 10.64 49.657s9.95 22.225 22.223 22.225 22.222-9.948 22.223-22.222zm35.284-33.18a64.13 64.13 0 0 0-49.326 0c14.03 5.37 24.667 17.915 24.667 32.54 0-14.624 10.635-27.170 24.66-32.538zm30.395 33.18c0-12.274-9.95-22.225-22.223-22.225s-22.223 9.95-22.223 22.224S86.268 71.88 98.54 71.88s22.223-9.950 22.223-22.225\"\/><\/svg><\/span><b>4.9<\/b><span><span class=\"ta-bub\" role=\"img\" aria-label=\"4.9 of 5 bubbles\"><svg viewBox=\"0 0 128 24\" aria-hidden=\"true\"><path d=\"M12 0C5.388 0 0 5.388 0 12s5.388 12 12 12 12-5.38 12-12c0-6.612-5.38-12-12-12z\" transform=\"translate(0 0)\"\/><path d=\"M12 0C5.388 0 0 5.388 0 12s5.388 12 12 12 12-5.38 12-12c0-6.612-5.38-12-12-12z\" transform=\"translate(26 0)\"\/><path d=\"M12 0C5.388 0 0 5.388 0 12s5.388 12 12 12 12-5.38 12-12c0-6.612-5.38-12-12-12z\" transform=\"translate(52 0)\"\/><path d=\"M12 0C5.388 0 0 5.388 0 12s5.388 12 12 12 12-5.38 12-12c0-6.612-5.38-12-12-12z\" transform=\"translate(78 0)\"\/><path d=\"M12 0C5.388 0 0 5.388 0 12s5.388 12 12 12 12-5.38 12-12c0-6.612-5.38-12-12-12z\" transform=\"translate(104 0)\"\/><\/svg><\/span> <a class=\"ta-plain\" href=\"https:\/\/www.tripadvisor.com\/Attraction_Review-g294476-d7898636-Reviews-Eco_Tours_Petate-San_Salvador_San_Salvador_Department.html\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration:underline;text-underline-offset:3px\">523+ rese\u00f1as en Tripadvisor<\/a><\/span><\/div>\n      <div class=\"rev reveal\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span><p>&#8220;Rafa nos llev\u00f3 a much\u00edsimos lugares a los que nunca habr\u00eda podido ir por mi cuenta. Fue un gu\u00eda perfecto: respondi\u00f3 todas nuestras preguntas y tambi\u00e9n nos dio espacio para disfrutar.&#8221;<\/p><div class=\"by\">mdobow \u00b7 Un conductor excelente<\/div><\/div>\n      <div class=\"ta-links\">\n        <a class=\"btn btn-line btn-ta\" href=\"https:\/\/www.tripadvisor.com\/Attraction_Review-g294476-d7898636-Reviews-Eco_Tours_Petate-San_Salvador_San_Salvador_Department.html\" target=\"_blank\" rel=\"noopener\"><span class=\"ta-owl\"><svg aria-hidden=\"true\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 132 86\" fill=\"none\"><path fill=\"#002B11\" d=\"M44.508 49.657c0 6.436-5.218 11.654-11.653 11.654s-11.653-5.218-11.653-11.654c0-6.435 5.218-11.654 11.653-11.654s11.653 5.218 11.653 11.654m54.028-11.654c-6.435 0-11.653 5.218-11.653 11.654S92.1 61.311 98.536 61.311s11.653-5.218 11.653-11.654c-.002-6.432-5.215-11.647-11.647-11.65zm32.855 11.654c0 18.136-14.715 32.84-32.855 32.84a32.7 32.7 0 0 1-22.31-8.740L65.71 85.196 55.19 73.744a32.7 32.7 0 0 1-22.317 8.754C14.746 82.497.036 67.792.036 49.656a32.75 32.75 0 0 1 10.71-24.27L0 13.693h23.876c25.263-17.195 58.467-17.195 83.73 0h23.814l-10.745 11.692a32.75 32.75 0 0 1 10.716 24.271m-76.305 0c0-12.274-9.95-22.225-22.223-22.225S10.64 37.383 10.64 49.657s9.95 22.225 22.223 22.225 22.222-9.948 22.223-22.222zm35.284-33.18a64.13 64.13 0 0 0-49.326 0c14.03 5.37 24.667 17.915 24.667 32.54 0-14.624 10.635-27.170 24.66-32.538zm30.395 33.18c0-12.274-9.95-22.225-22.223-22.225s-22.223 9.95-22.223 22.224S86.268 71.88 98.54 71.88s22.223-9.950 22.223-22.225\"\/><\/svg><\/span>Leer todas las rese\u00f1as en Tripadvisor <svg class=\"i\" viewBox=\"0 0 24 24\" style=\"width:15px;height:15px\"><path d=\"M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5\"\/><\/svg><\/a>\n        <a class=\"btn btn-line\" href=\"https:\/\/www.tripadvisor.com\/UserReviewEdit-g294476-d7898636-Eco_Tours_Petate-San_Salvador_San_Salvador_Department.html\" target=\"_blank\" rel=\"noopener\">Escribir una rese\u00f1a <svg class=\"i\" viewBox=\"0 0 24 24\" style=\"width:15px;height:15px\"><path d=\"M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5\"\/><\/svg><\/a>\n      <\/div>\n      <a class=\"ta-box\" href=\"https:\/\/www.tripadvisor.com\/Attraction_Review-g294476-d7898636-Reviews-Eco_Tours_Petate-San_Salvador_San_Salvador_Department.html\" target=\"_blank\" rel=\"noopener\"><div><b>#3 de 95<\/b><span style=\"font-size:14px;color:var(--ink-2)\">actividades al aire libre en San Salvador<\/span><\/div><div><span style=\"font-size:14px;color:var(--ink-2)\">Rese\u00f1as recientes<\/span><ul><li>&#8220;Best last day :)&#8221;<\/li><li>&#8220;Professional Driving Skills&#8221;<\/li><li>&#8220;A beautiful experience&#8221;<\/li><\/ul><\/div><\/a>\n    <\/section>\n\n  <\/div>\n\n  <aside class=\"book\" id=\"book\" data-opt=\"1\">\n    <h2 class=\"book-title\">Reserva tu fecha<\/h2>\n    <div class=\"bcard\">\n      <div class=\"bhead\">\n        <div class=\"bprice\"><b>$130<\/b><span>por persona para 2<\/span><\/div>\n        <button class=\"toggle\" aria-expanded=\"false\" aria-controls=\"tiers\">Precios por grupo <svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M6 9l6 6 6-6\"\/><\/svg><\/button>\n      <\/div>\n      <div class=\"tiers\" id=\"tiers\"><div><ul>\n        <li><span>1 persona<\/span><b>$235<\/b><\/li><li><span>2 personas<\/span><b>$130<\/b><\/li><li><span>3 personas<\/span><b>$93<\/b><\/li><li><span>4 personas<\/span><b>$81<\/b><\/li><li><span>5 personas<\/span><b>$80<\/b><\/li><li><span>6 a 10 personas<\/span><b>desde $58<\/b><\/li>\n      <\/ul><\/div><\/div>\n      <div class=\"wt-cal\">\n        <script src=\"https:\/\/cdn.wetravel.com\/widgets\/embed_calendar.js\" id=\"wetravel_embed_calendar\" data-env=\"https:\/\/www.wetravel.com\" data-version=\"v0.3\" data-uid=\"704437\" data-uuid=\"29312995\" data-color=\"ffc20e\" data-text=\"RESERVAR  \u2192\" data-title=\"Elige la fecha de salida\"><\/script>\n      <\/div>\n      <a class=\"btn btn-line wa-full\" href=\"https:\/\/api.whatsapp.com\/send?phone=50371819077\" target=\"_blank\" rel=\"noopener\"><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M4 20l1.3-3.9A8 8 0 1 1 8 19z\"\/><\/svg>\u00bfDudas? Escr\u00edbenos por WhatsApp<\/a>\n      <p class=\"fine\">Cancelaci\u00f3n gratis hasta 24 h \u00b7 Pago con tarjeta<span class=\"wa-link\"> \u00b7 <a href=\"https:\/\/api.whatsapp.com\/send?phone=50371819077\" target=\"_blank\" rel=\"noopener\"><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M4 20l1.3-3.9A8 8 0 1 1 8 19z\"\/><\/svg>\u00bfDudas? WhatsApp<\/a><\/span><\/p>\n      <a class=\"ta ta-plain\" href=\"https:\/\/www.tripadvisor.com\/Attraction_Review-g294476-d7898636-Reviews-Eco_Tours_Petate-San_Salvador_San_Salvador_Department.html\" target=\"_blank\" rel=\"noopener\" style=\"justify-content:center;width:100%\"><span class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/span>523+ rese\u00f1as \u00b7 #3 en San Salvador <svg class=\"i\" viewBox=\"0 0 24 24\" style=\"width:15px;height:15px\"><path d=\"M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5\"\/><\/svg><\/a>\n    <\/div>\n  <\/aside>\n<\/div>\n\n<section class=\"more-sec\">\n  <div class=\"wrap\">\n    <div class=\"more-head\">\n      <div><span class=\"more-k\">Sigue explorando<\/span><h2>M\u00e1s tours de un d\u00eda desde San Salvador<\/h2><p>La misma recogida en tu hotel o Airbnb y los mismos grupos peque\u00f1os.<\/p><\/div>\n      <div class=\"more-nav\">\n        <button class=\"mnav\" id=\"mPrev\" aria-label=\"Tours anteriores\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg><\/button>\n        <button class=\"mnav\" id=\"mNext\" aria-label=\"Tours siguientes\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button>\n      <\/div>\n    <\/div>\n    <div class=\"sugg-row\" id=\"suggRow\">\n      <a class=\"sugg reveal\" href=\"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-bahia-de-jiquilisco-manglares-y-monos-arana\/\" style=\"--d:0ms\">\n        <div class=\"sugg-img\" style=\"background-image:url('https:\/\/ecotourspetate.com\/wp-content\/uploads\/2026\/11\/jiquilisco-bay-mangrove-tour-19-800.webp')\"><span class=\"tag\">Naturaleza<\/span><\/div>\n        <div class=\"sugg-body\">\n          <h3>Bah\u00eda de Jiquilisco: manglares y monos ara\u00f1a<\/h3>\n          <p>Recorre los manglares en kayak, visita un santuario de monos ara\u00f1a y almuerza en Puerto Barillas.<\/p>\n          <div class=\"sugg-meta\"><span><svg class=\"i\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>11 h<\/span><span><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M3 19l6-10 4 6 3-4 5 8z\"\/><\/svg>F\u00e1cil<\/span><\/div>\n          <div class=\"sugg-foot\"><span class=\"sugg-price\">desde <b>$199<\/b> \/ persona<\/span><span class=\"sugg-go\" aria-hidden=\"true\"><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/div>\n        <\/div>\n      <\/a>\n      <a class=\"sugg reveal\" href=\"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-parque-nacional-el-imposible\/\" style=\"--d:60ms\">\n        <div class=\"sugg-img\" style=\"background-image:url('https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/01\/el-imposible-National-Park-tour.jpg')\"><span class=\"tag\">Naturaleza<\/span><\/div>\n        <div class=\"sugg-body\">\n          <h3>Parque Nacional El Imposible<\/h3>\n          <p>Camina por el parque nacional m\u00e1s grande de El Salvador hasta el mirador El Mulo y nada en las pozas del r\u00edo Aguachap\u00edo.<\/p>\n          <div class=\"sugg-meta\"><span><svg class=\"i\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>11 h<\/span><span><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M3 19l6-10 4 6 3-4 5 8z\"\/><\/svg>Moderado<\/span><\/div>\n          <div class=\"sugg-foot\"><span class=\"sugg-price\">desde <b>$124<\/b> \/ persona<\/span><span class=\"sugg-go\" aria-hidden=\"true\"><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/div>\n        <\/div>\n      <\/a>\n      <a class=\"sugg reveal\" href=\"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/tours-panoramicos-el-salvador\/tour-ruta-de-las-flores-el-salvador\/\" style=\"--d:120ms\">\n        <div class=\"sugg-img\" style=\"background-image:url('https:\/\/ecotourspetate.com\/wp-content\/uploads\/2026\/11\/flowers-route-tour-21-800.webp')\"><span class=\"tag\">Cultura<\/span><\/div>\n        <div class=\"sugg-body\">\n          <h3>Tour Ruta de las Flores: Ataco, Caf\u00e9 Albania y aguas termales<\/h3>\n          <p>Nahuizalco, el Tobog\u00e1n Arco\u00edris o el Bike Zipline de Caf\u00e9 Albania, los murales de Ataco y los Termales de Santa Teresa.<\/p>\n          <div class=\"sugg-meta\"><span><svg class=\"i\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>10 h<\/span><span><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M3 19l6-10 4 6 3-4 5 8z\"\/><\/svg>F\u00e1cil<\/span><\/div>\n          <div class=\"sugg-foot\"><span class=\"sugg-price\">desde <b>$104<\/b> \/ persona<\/span><span class=\"sugg-go\" aria-hidden=\"true\"><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/div>\n        <\/div>\n      <\/a>\n      <a class=\"sugg reveal\" href=\"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-a-las-cascadas-de-tamanique-y-playa-el-tunco\/\" style=\"--d:180ms\">\n        <div class=\"sugg-img\" style=\"background-image:url('https:\/\/ecotourspetate.com\/wp-content\/uploads\/2026\/11\/tamanique-waterfalls-tour-02-800.webp')\"><span class=\"tag\">Aventura<\/span><\/div>\n        <div class=\"sugg-body\">\n          <h3>Cascadas de Tamanique y playa El Tunco<\/h3>\n          <p>Baja caminando hasta las cascadas de Tamanique, b\u00e1\u00f1ate en sus pozas y pasa la tarde en la playa.<\/p>\n          <div class=\"sugg-meta\"><span><svg class=\"i\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/svg>8\u20139 h<\/span><span><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M3 19l6-10 4 6 3-4 5 8z\"\/><\/svg>Moderado<\/span><\/div>\n          <div class=\"sugg-foot\"><span class=\"sugg-price\">desde <b>$89<\/b> \/ persona<\/span><span class=\"sugg-go\" aria-hidden=\"true\"><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/div>\n        <\/div>\n      <\/a>\n    <\/div>\n    <div class=\"more-foot\"><span class=\"sugg-dots\" id=\"suggDots\" aria-hidden=\"true\"><\/span><a class=\"btn btn-line\" href=\"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/\">Ver los 17 tours de un d\u00eda <svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/a><\/div>\n  <\/div>\n<\/section>\n\n<div class=\"mbook\">\n  <div class=\"pr\">desde<b>$130<\/b>por persona para 2<\/div>\n  <div class=\"btns\">\n    <a class=\"btn btn-green wa\" href=\"https:\/\/api.whatsapp.com\/send?phone=50371819077\" target=\"_blank\" rel=\"noopener\" aria-label=\"WhatsApp\"><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M4 20l1.3-3.9A8 8 0 1 1 8 19z\"\/><\/svg><\/a>\n    <a class=\"btn btn-sun\" href=\"https:\/\/www.wetravel.com\/checkout_embed?uuid=29312995&amp;source=direct_link\">Reservar<\/a>\n  <\/div>\n<\/div>\n\n<footer>\n  <div class=\"wrap\">\n    <div><p><b>Eco Tours Petate<\/b><\/p><p>Calle a Planes de Renderos km 3\u00bd, San Salvador<\/p><p><a href=\"mailto:info@ecotourspetate.com\">info@ecotourspetate.com<\/a><\/p><div class=\"social\" aria-label=\"Redes sociales\"><a href=\"https:\/\/www.facebook.com\/ecopetatetours\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14 8h3V4h-3a4 4 0 0 0-4 4v3H7v4h3v6h4v-6h3l1-4h-4V8z\"\/><\/svg><\/a><a href=\"https:\/\/www.instagram.com\/eco_tours_petate\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.3\" cy=\"6.7\" r=\".6\" fill=\"currentColor\"\/><\/svg><\/a><a href=\"https:\/\/www.youtube.com\/@ecopetatetoursElsalvador\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"5.5\" width=\"19\" height=\"13\" rx=\"4\"\/><path d=\"M10 9.5v5l4.5-2.5z\" fill=\"currentColor\"\/><\/svg><\/a><a href=\"https:\/\/twitter.com\/ecopetatetours\" target=\"_blank\" rel=\"noopener\" aria-label=\"X (Twitter)\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 4l16 16M20 4L4 20\"\/><\/svg><\/a><a href=\"https:\/\/www.tripadvisor.com\/Attraction_Review-g294476-d7898636-Reviews-Eco_Tours_Petate-San_Salvador_San_Salvador_Department.html\" target=\"_blank\" rel=\"noopener\" aria-label=\"Tripadvisor\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"7\" cy=\"13\" r=\"3.5\"\/><circle cx=\"17\" cy=\"13\" r=\"3.5\"\/><circle cx=\"7\" cy=\"13\" r=\"1\" fill=\"currentColor\"\/><circle cx=\"17\" cy=\"13\" r=\"1\" fill=\"currentColor\"\/><path d=\"M3 9h18M12 6c-3 0-6 1-8 3M12 6c3 0 6 1 8 3\"\/><\/svg><\/a><\/div><\/div>\n    <div><p><b>Rafael<\/b> <a href=\"tel:+50371819077\">+503 7181 9077<\/a><\/p><p><b>Osmaro<\/b> <a href=\"tel:+50361884730\">+503 6188 4730<\/a><\/p><p>En l\u00ednea 24\/7<\/p><\/div>\n    <div><p><a href=\"https:\/\/ecotourspetate.com\/cancellation-policy\/\">Pol\u00edtica de cancelaci\u00f3n<\/a><\/p><p><a href=\"https:\/\/ecotourspetate.com\/general-conditions-eco-tours-petate\/\">Condiciones generales<\/a><\/p><p><a href=\"https:\/\/ecotourspetate.com\/privacy-policy\/\">Pol\u00edtica de privacidad<\/a><\/p><\/div>\n  <\/div>\n<\/footer>\n\n\n<div class=\"scrim\" id=\"scrim\"><\/div>\n<aside class=\"drawer\" id=\"drawer\" aria-label=\"Men\u00fa\" aria-hidden=\"true\">\n  <div class=\"top\">\n    <img decoding=\"async\" src=\"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2023\/08\/logo-color-transparente.png\" alt=\"Eco Tours Petate\">\n    <button class=\"burger\" style=\"display:grid\" aria-label=\"Cerrar men\u00fa\" id=\"closeMenu\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg><\/button>\n  <\/div>\n  <nav>\n    <a href=\"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/\" style=\"transition-delay:40ms\">Tours de un d\u00eda <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\n    <a href=\"https:\/\/ecotourspetate.com\/es\/traslado-aeropuerto-el-salvador-sal\/\" style=\"transition-delay:120ms\">Traslados al aeropuerto <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\n    <a href=\"https:\/\/ecotourspetate.com\/es\/sobre-nosotros\/\" style=\"transition-delay:160ms\">Nosotros <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\n    <a href=\"https:\/\/ecotourspetate.com\/es\/contacto\/\" style=\"transition-delay:180ms\">Contacto <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\n    <a href=\"https:\/\/ecotourspetate.com\/blog\/\" style=\"transition-delay:240ms\">Blog <svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/a>\n  <\/nav>\n  <div class=\"langs\"><a href=\"#\" data-en=\"\/day-tours-el-salvador-day-tours-un-dia\/beach-tour-de-playa\/la-barra-de-santiago-tour\/\" lang=\"en\">English<\/a><a href=\"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/\" aria-current=\"true\">Espa\u00f1ol<\/a><\/div>\n  <div class=\"cta\">\n    <a class=\"btn btn-sun\" href=\"#book\">Reservar un tour<\/a>\n    <a class=\"btn btn-green\" href=\"https:\/\/api.whatsapp.com\/send?phone=50371819077\" target=\"_blank\" rel=\"noopener\"><svg class=\"i\" viewBox=\"0 0 24 24\"><path d=\"M4 20l1.3-3.9A8 8 0 1 1 8 19z\"\/><\/svg>WhatsApp<\/a>\n  <\/div>\n  <p class=\"contact\"><a href=\"mailto:info@ecotourspetate.com\">info@ecotourspetate.com<\/a><\/p>\n  <div class=\"dsocial\" aria-label=\"Redes sociales\"><a href=\"https:\/\/www.facebook.com\/ecopetatetours\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M14 8h3V4h-3a4 4 0 0 0-4 4v3H7v4h3v6h4v-6h3l1-4h-4V8z\"\/><\/svg><\/a><a href=\"https:\/\/www.instagram.com\/eco_tours_petate\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.3\" cy=\"6.7\" r=\".6\" fill=\"currentColor\"\/><\/svg><\/a><a href=\"https:\/\/www.youtube.com\/@ecopetatetoursElsalvador\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"2.5\" y=\"5.5\" width=\"19\" height=\"13\" rx=\"4\"\/><path d=\"M10 9.5v5l4.5-2.5z\" fill=\"currentColor\"\/><\/svg><\/a><a href=\"https:\/\/twitter.com\/ecopetatetours\" target=\"_blank\" rel=\"noopener\" aria-label=\"X (Twitter)\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 4l16 16M20 4L4 20\"\/><\/svg><\/a><a href=\"https:\/\/www.tripadvisor.com\/Attraction_Review-g294476-d7898636-Reviews-Eco_Tours_Petate-San_Salvador_San_Salvador_Department.html\" target=\"_blank\" rel=\"noopener\" aria-label=\"Tripadvisor\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"7\" cy=\"13\" r=\"3.5\"\/><circle cx=\"17\" cy=\"13\" r=\"3.5\"\/><circle cx=\"7\" cy=\"13\" r=\"1\" fill=\"currentColor\"\/><circle cx=\"17\" cy=\"13\" r=\"1\" fill=\"currentColor\"\/><path d=\"M3 9h18M12 6c-3 0-6 1-8 3M12 6c3 0 6 1 8 3\"\/><\/svg><\/a><\/div>\n<\/aside>\n\n\n\n<div class=\"lb\" id=\"lb\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\" aria-label=\"Ver las 6 fotos\">\n  <div class=\"lb-top\"><span id=\"lbCount\">1 \/ 6<\/span><button class=\"lb-x\" id=\"lbClose\" aria-label=\"Cerrar\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg><\/button><\/div>\n  <div class=\"lb-stage\"><button class=\"lb-nav lb-prev\" id=\"lbPrev\" aria-label=\"Foto anterior\"><svg viewBox=\"0 0 24 24\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg><\/button><img id=\"lbImg\" alt=\"\"><button class=\"lb-nav lb-next\" id=\"lbNext\" aria-label=\"Foto siguiente\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button><\/div>\n  <p class=\"lb-cap\" id=\"lbCap\"><\/p>\n<\/div>\n\n<script src=\"https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js\"><\/script>\n<script>\n  const header = document.querySelector('header');\n  const onScroll = () => header.classList.toggle('scrolled', scrollY > 8);\n  addEventListener('scroll', onScroll, { passive: true }); onScroll();\n\n  const t = document.querySelector('.toggle'), tiers = document.getElementById('tiers');\n  t.addEventListener('click', () => { const o = t.getAttribute('aria-expanded') !== 'true'; t.setAttribute('aria-expanded', o); tiers.classList.toggle('open', o); });\n\n  const reduce = matchMedia('(prefers-reduced-motion: reduce)').matches;\n  document.querySelectorAll('details').forEach(d => {\n    const sum = d.querySelector('summary'), ans = d.querySelector('.ans');\n    sum.addEventListener('click', e => {\n      e.preventDefault();\n      if (reduce) { d.open = !d.open; return; }\n      if (d.open) {\n        d.classList.add('closing');\n        const a = ans.animate([{ height: ans.offsetHeight + 'px', opacity: 1 }, { height: '0px', opacity: 0 }], { duration: 180, easing: 'cubic-bezier(0.23,1,0.32,1)' });\n        a.onfinish = () => { d.open = false; d.classList.remove('closing'); };\n      } else {\n        d.open = true; const h = ans.offsetHeight;\n        ans.animate([{ height: '0px', opacity: 0 }, { height: h + 'px', opacity: 1 }], { duration: 220, easing: 'cubic-bezier(0.23,1,0.32,1)' });\n      }\n    });\n  });\n\n  const io = new IntersectionObserver(es => es.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } }), { rootMargin: '0px 0px -60px 0px' });\n  document.querySelectorAll('.reveal').forEach(el => io.observe(el));\n  const desc = document.getElementById('desc'), rm = document.querySelector('.readmore');\n  rm.addEventListener('click', () => {\n    const open = rm.getAttribute('aria-expanded') !== 'true';\n    const from = desc.offsetHeight; desc.classList.toggle('clamped', !open);\n    const to = desc.offsetHeight;\n    if (!reduce) desc.animate([{ height: from + 'px' }, { height: to + 'px' }], { duration: 320, easing: 'cubic-bezier(0.23,1,0.32,1)' });\n    rm.setAttribute('aria-expanded', open);\n    rm.firstChild.textContent = open ? 'Mostrar menos ' : 'Leer la descripci\u00f3n completa ';\n  });\n\n  const pts = [\n    { n: 'S', name: 'San Salvador', ll: [13.6930672, -89.2403679], home: true },\n    { n: '1', name: 'Barra de Santiago', ll: [13.693, -90.008] },\n    { n: '2', name: 'Izalco colonial town', ll: [13.745, -89.673] }\n  ];\n  const map = L.map('map', { scrollWheelZoom: false, zoomControl: true });\n  L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', { maxZoom: 18, attribution: '&copy; OpenStreetMap' }).addTo(map);\n  pts.forEach(p => L.marker(p.ll, { icon: L.divIcon({ className: '', html: `<div class=\"pin ${p.home ? 'home' : ''}\"><b>${p.n}<\/b><\/div>`, iconSize: [30, 30], iconAnchor: [15, 30] }) }).addTo(map).bindTooltip(p.name, { direction: 'top', offset: [0, -30] }));\n  L.polyline([...pts.map(p => p.ll), pts[0].ll], { color: '#2f8a3e', weight: 3, dashArray: '6 8', opacity: .8 }).addTo(map);\n  const fit = () => { map.invalidateSize(); map.fitBounds(L.latLngBounds(pts.map(p => p.ll)).pad(0.2)); };\n  fit(); new ResizeObserver(fit).observe(document.getElementById('map'));\n  const drawer = document.getElementById('drawer'), scrim = document.getElementById('scrim'), opener = document.querySelector('header .burger');\n  const setMenu = o => { drawer.classList.toggle('open', o); scrim.classList.toggle('open', o); drawer.setAttribute('aria-hidden', !o); opener.setAttribute('aria-expanded', o);\n    document.body.style.overflow = o ? 'hidden' : ''; if (o) document.getElementById('closeMenu').focus(); else opener.focus(); };\n  opener.addEventListener('click', () => setMenu(true));\n  document.getElementById('closeMenu').addEventListener('click', () => setMenu(false));\n  scrim.addEventListener('click', () => setMenu(false));\n  document.addEventListener('keydown', e => { if (e.key === 'Escape' && drawer.classList.contains('open')) setMenu(false); });\n  const mbook = document.querySelector('.mbook'), bookEl = document.getElementById('book');\n  new IntersectionObserver(([e]) => mbook.classList.toggle('away', e.isIntersecting), { rootMargin: '-15% 0px -15% 0px' }).observe(bookEl);\n  const row = document.getElementById('suggRow'), dotsEl = document.getElementById('suggDots'), mPrev = document.getElementById('mPrev'), mNext = document.getElementById('mNext');\n  const cardsS = [...row.children];\n  dotsEl.innerHTML = cardsS.map(() => '<i><\/i>').join('');\n  const step = () => cardsS[0].offsetWidth + parseFloat(getComputedStyle(row).columnGap || 22);\n  const syncRow = () => {\n    const i = Math.round(row.scrollLeft \/ step());\n    [...dotsEl.children].forEach((d, k) => d.classList.toggle('on', k === Math.min(i, cardsS.length - 1)));\n    mPrev.disabled = row.scrollLeft < 4; mNext.disabled = row.scrollLeft + row.clientWidth >= row.scrollWidth - 4;\n  };\n  row.addEventListener('scroll', syncRow, { passive: true }); addEventListener('resize', syncRow); syncRow();\n  mPrev.addEventListener('click', () => row.scrollBy({ left: -step(), behavior: reduce ? 'auto' : 'smooth' }));\n  mNext.addEventListener('click', () => row.scrollBy({ left: step(), behavior: reduce ? 'auto' : 'smooth' }));\n  cardsS.forEach(c => io.observe(c));\n  const asideBook = document.getElementById('book');\n  const fitCal = () => {\n    const box = asideBook.querySelector('.wt-cal');\n    if (asideBook.dataset.opt !== '4' || innerWidth <= 960) { box.style.removeProperty('--s'); return 1; }\n    const chrome = asideBook.offsetHeight - box.offsetHeight, room = innerHeight - 88 - 16;\n    const sc = Math.max(0.88, Math.min(1, (room - chrome) \/ 555));\n    box.style.setProperty('--s', sc.toFixed(3)); return sc;\n  };\n  const fitSticky = () => {\n    fitCal();\n    const h = asideBook.offsetHeight, room = innerHeight - 88 - 16;\n    asideBook.style.setProperty('--stick-top', (h <= room ? 88 : innerHeight - h - 16) + 'px');\n  };\n  fitSticky(); addEventListener('resize', fitSticky); new ResizeObserver(fitSticky).observe(asideBook);\n  const noScroll = f => { if (f.dataset.ns) return; f.dataset.ns = '1'; f.setAttribute('scrolling', 'no'); const src = f.src; f.src = 'about:blank'; requestAnimationFrame(() => { f.src = src; }); };\n  const calBox = document.querySelector('.wt-cal');\n  const existing = calBox.querySelector('iframe'); if (existing) noScroll(existing);\n  new MutationObserver(() => { const f = calBox.querySelector('iframe'); if (f) noScroll(f); }).observe(calBox, { childList: true, subtree: true });\n  const tItems = [...document.querySelectorAll('.trust span')];\n  if (tItems.length) {\n    let ti = 0; tItems[0].classList.add('on');\n    const tNext = () => { tItems[ti].classList.remove('on'); ti = (ti + 1) % tItems.length; tItems[ti].classList.add('on'); };\n    let tTimer = setInterval(tNext, 3500);\n    document.querySelector('.trust').addEventListener('click', () => { tNext(); clearInterval(tTimer); tTimer = setInterval(tNext, 3500); });\n    document.addEventListener('visibilitychange', () => { clearInterval(tTimer); if (!document.hidden) tTimer = setInterval(tNext, 3500); });\n  }\n  document.querySelectorAll('#etp a[data-en]').forEach(a => { a.href = location.origin + a.dataset.en; });\n  const LB = [{\"src\": \"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago-manglares.jpg\", \"alt\": \"Cocodrilo en los manglares de Barra de Santiago\"}, {\"src\": \"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago.jpg\", \"alt\": \"Paseo en lancha por los manglares de Barra de Santiago\"}, {\"src\": \"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago-manglares-cocodrilos2.jpg\", \"alt\": \"Cocodrilo descansando junto a las ra\u00edces del manglar\"}, {\"src\": \"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago2.jpg\", \"alt\": \"Canal de manglar en Barra de Santiago\"}, {\"src\": \"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago-manglares-cocodrilos-final.jpg\", \"alt\": \"Cocodrilo visto desde la lancha\"}, {\"src\": \"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2021\/01\/barra-de-santiago.jpg\", \"alt\": \"Estero de Barra de Santiago\"}];\n  const lb = document.getElementById('lb'), lbImg = document.getElementById('lbImg'), lbCap = document.getElementById('lbCap'), lbCount = document.getElementById('lbCount');\n  let lbi = 0, lbFrom = null;\n  const lbShow = i => { lbi = (i + LB.length) % LB.length; lbImg.classList.add('swap'); const pic = new Image(); pic.onload = () => { lbImg.src = LB[lbi].src; lbImg.alt = LB[lbi].alt; lbImg.classList.remove('swap'); }; pic.src = LB[lbi].src; lbCap.textContent = LB[lbi].alt; lbCount.textContent = (lbi + 1) + ' \/ ' + LB.length; };\n  const lbOpen = i => { lbFrom = document.activeElement; lbShow(i); lb.classList.add('open'); lb.setAttribute('aria-hidden', 'false'); document.body.style.overflow = 'hidden'; document.getElementById('lbClose').focus(); };\n  const lbClose = () => { lb.classList.remove('open'); lb.setAttribute('aria-hidden', 'true'); document.body.style.overflow = ''; if (lbFrom) lbFrom.focus(); };\n  document.querySelectorAll('#etp .gallery > div[data-i]').forEach(el => { el.addEventListener('click', () => lbOpen(+el.dataset.i)); el.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); lbOpen(+el.dataset.i); } }); });\n  document.getElementById('lbClose').addEventListener('click', lbClose);\n  document.getElementById('lbPrev').addEventListener('click', () => lbShow(lbi - 1));\n  document.getElementById('lbNext').addEventListener('click', () => lbShow(lbi + 1));\n  lb.addEventListener('click', e => { if (e.target === lb || e.target.classList.contains('lb-stage')) lbClose(); });\n  document.addEventListener('keydown', e => { if (!lb.classList.contains('open')) return; if (e.key === 'Escape') lbClose(); if (e.key === 'ArrowRight') lbShow(lbi + 1); if (e.key === 'ArrowLeft') lbShow(lbi - 1); });\n  let lbX = null; lb.addEventListener('touchstart', e => { lbX = e.touches[0].clientX; }, { passive: true });\n  lb.addEventListener('touchend', e => { if (lbX === null) return; const dx = e.changedTouches[0].clientX - lbX; if (Math.abs(dx) > 40) lbShow(lbi + (dx < 0 ? 1 : -1)); lbX = null; });\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Recogida en hotel y Airbnb incluida Cancelaci\u00f3n gratis hasta 24 horas antes Grupos peque\u00f1os, m\u00e1ximo 10 Entradas incluidas Tours de un d\u00edaTraslados al aeropuertoNosotrosContactoBlog ENES WhatsApp Inicio \/ Tours de un d\u00eda \/ Barra de Santiago Tour de manglares en Barra de Santiago: cocodrilos y aves Un paseo en lancha por uno de los manglares [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":15022,"parent":14341,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-15019","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tour Barra de Santiago: manglares y cocodrilos | Eco Tours Petate<\/title>\n<meta name=\"description\" content=\"Tour Barra de Santiago: paseo en lancha por los manglares para ver cocodrilos y aves, almuerzo frente al mar y el pueblo de Izalco.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tour Barra de Santiago: manglares y cocodrilos | Eco Tours Petate\" \/>\n<meta property=\"og:description\" content=\"Tour Barra de Santiago: paseo en lancha por los manglares para ver cocodrilos y aves, almuerzo frente al mar y el pueblo de Izalco.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/\" \/>\n<meta property=\"og:site_name\" content=\"Eco Tours Petate\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ecopetatetours?fref=ts\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-07T02:14:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago-manglares.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@ecopetatetours\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/day-tours-el-salvador-day-tours-un-dia\\\/ecoturismo-el-salvador\\\/tour-manglares-barra-de-santiago\\\/\",\"url\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/day-tours-el-salvador-day-tours-un-dia\\\/ecoturismo-el-salvador\\\/tour-manglares-barra-de-santiago\\\/\",\"name\":\"Tour Barra de Santiago: manglares y cocodrilos | Eco Tours Petate\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/day-tours-el-salvador-day-tours-un-dia\\\/ecoturismo-el-salvador\\\/tour-manglares-barra-de-santiago\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/day-tours-el-salvador-day-tours-un-dia\\\/ecoturismo-el-salvador\\\/tour-manglares-barra-de-santiago\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ecotourspetate.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/barra-de-santiago-manglares.jpg\",\"datePublished\":\"2016-10-07T18:07:36+00:00\",\"dateModified\":\"2026-11-07T02:14:46+00:00\",\"description\":\"Tour Barra de Santiago: paseo en lancha por los manglares para ver cocodrilos y aves, almuerzo frente al mar y el pueblo de Izalco.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/day-tours-el-salvador-day-tours-un-dia\\\/ecoturismo-el-salvador\\\/tour-manglares-barra-de-santiago\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/day-tours-el-salvador-day-tours-un-dia\\\/ecoturismo-el-salvador\\\/tour-manglares-barra-de-santiago\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/day-tours-el-salvador-day-tours-un-dia\\\/ecoturismo-el-salvador\\\/tour-manglares-barra-de-santiago\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ecotourspetate.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/barra-de-santiago-manglares.jpg\",\"contentUrl\":\"https:\\\/\\\/ecotourspetate.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/barra-de-santiago-manglares.jpg\",\"width\":1600,\"height\":1200},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/day-tours-el-salvador-day-tours-un-dia\\\/ecoturismo-el-salvador\\\/tour-manglares-barra-de-santiago\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Excursiones de un d\u00eda en El Salvador\",\"item\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/day-tours-el-salvador-day-tours-un-dia\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Ecoturismo El Salvador\",\"item\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/day-tours-el-salvador-day-tours-un-dia\\\/ecoturismo-el-salvador\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Tour de manglares en Barra de Santiago\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/\",\"name\":\"Eco Tours Petate\",\"description\":\"Turismo con perspectiva diferente\",\"publisher\":{\"@id\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/#organization\",\"name\":\"Eco Tours Petate\",\"url\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ecotourspetate.com\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/eco-tours-petate-central-america.jpg\",\"contentUrl\":\"https:\\\/\\\/ecotourspetate.com\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/eco-tours-petate-central-america.jpg\",\"width\":174,\"height\":150,\"caption\":\"Eco Tours Petate\"},\"image\":{\"@id\":\"https:\\\/\\\/ecotourspetate.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ecopetatetours?fref=ts\",\"https:\\\/\\\/x.com\\\/ecopetatetours\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tour Barra de Santiago: manglares y cocodrilos | Eco Tours Petate","description":"Tour Barra de Santiago: paseo en lancha por los manglares para ver cocodrilos y aves, almuerzo frente al mar y el pueblo de Izalco.","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:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/","og_locale":"es_ES","og_type":"article","og_title":"Tour Barra de Santiago: manglares y cocodrilos | Eco Tours Petate","og_description":"Tour Barra de Santiago: paseo en lancha por los manglares para ver cocodrilos y aves, almuerzo frente al mar y el pueblo de Izalco.","og_url":"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/","og_site_name":"Eco Tours Petate","article_publisher":"https:\/\/www.facebook.com\/ecopetatetours?fref=ts","article_modified_time":"2026-11-07T02:14:46+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago-manglares.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@ecopetatetours","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/","url":"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/","name":"Tour Barra de Santiago: manglares y cocodrilos | Eco Tours Petate","isPartOf":{"@id":"https:\/\/ecotourspetate.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/#primaryimage"},"image":{"@id":"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/#primaryimage"},"thumbnailUrl":"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago-manglares.jpg","datePublished":"2016-10-07T18:07:36+00:00","dateModified":"2026-11-07T02:14:46+00:00","description":"Tour Barra de Santiago: paseo en lancha por los manglares para ver cocodrilos y aves, almuerzo frente al mar y el pueblo de Izalco.","breadcrumb":{"@id":"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/#primaryimage","url":"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago-manglares.jpg","contentUrl":"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2025\/07\/barra-de-santiago-manglares.jpg","width":1600,"height":1200},{"@type":"BreadcrumbList","@id":"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/tour-manglares-barra-de-santiago\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ecotourspetate.com\/es\/"},{"@type":"ListItem","position":2,"name":"Excursiones de un d\u00eda en El Salvador","item":"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/"},{"@type":"ListItem","position":3,"name":"Ecoturismo El Salvador","item":"https:\/\/ecotourspetate.com\/es\/day-tours-el-salvador-day-tours-un-dia\/ecoturismo-el-salvador\/"},{"@type":"ListItem","position":4,"name":"Tour de manglares en Barra de Santiago"}]},{"@type":"WebSite","@id":"https:\/\/ecotourspetate.com\/es\/#website","url":"https:\/\/ecotourspetate.com\/es\/","name":"Eco Tours Petate","description":"Turismo con perspectiva diferente","publisher":{"@id":"https:\/\/ecotourspetate.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ecotourspetate.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/ecotourspetate.com\/es\/#organization","name":"Eco Tours Petate","url":"https:\/\/ecotourspetate.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ecotourspetate.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2018\/02\/eco-tours-petate-central-america.jpg","contentUrl":"https:\/\/ecotourspetate.com\/wp-content\/uploads\/2018\/02\/eco-tours-petate-central-america.jpg","width":174,"height":150,"caption":"Eco Tours Petate"},"image":{"@id":"https:\/\/ecotourspetate.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ecopetatetours?fref=ts","https:\/\/x.com\/ecopetatetours"]}]}},"_links":{"self":[{"href":"https:\/\/ecotourspetate.com\/es\/wp-json\/wp\/v2\/pages\/15019","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecotourspetate.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecotourspetate.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecotourspetate.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ecotourspetate.com\/es\/wp-json\/wp\/v2\/comments?post=15019"}],"version-history":[{"count":7,"href":"https:\/\/ecotourspetate.com\/es\/wp-json\/wp\/v2\/pages\/15019\/revisions"}],"predecessor-version":[{"id":15482,"href":"https:\/\/ecotourspetate.com\/es\/wp-json\/wp\/v2\/pages\/15019\/revisions\/15482"}],"up":[{"embeddable":true,"href":"https:\/\/ecotourspetate.com\/es\/wp-json\/wp\/v2\/pages\/14341"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ecotourspetate.com\/es\/wp-json\/wp\/v2\/media\/15022"}],"wp:attachment":[{"href":"https:\/\/ecotourspetate.com\/es\/wp-json\/wp\/v2\/media?parent=15019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}