{"id":7635,"date":"2022-09-04T01:36:11","date_gmt":"2022-09-04T01:36:11","guid":{"rendered":"https:\/\/sunnyside.disintecsa.com\/?page_id=7635"},"modified":"2026-09-01T13:02:11","modified_gmt":"2026-09-01T19:02:11","slug":"convenciones","status":"publish","type":"page","link":"https:\/\/sunnyside.com.mx\/es\/convenciones\/","title":{"rendered":"Convenciones"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7635\" class=\"elementor elementor-7635\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7b6fca2 elementor-hidden-desktop elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7b6fca2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6c95b0d\" data-id=\"6c95b0d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3f79dfa elementor-widget__width-auto logo elementor-widget-mobile__width-initial elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"3f79dfa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/sunnyside.com.mx\/es\">\n\t\t\t<img decoding=\"async\" width=\"173\" height=\"41\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/08\/SunnySide-logo.png\" class=\"attachment-large size-large wp-image-7226\" alt=\"\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-eb3ef7c\" data-id=\"eb3ef7c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ac284c0 elementor-widget elementor-widget-html\" data-id=\"ac284c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Men\u00fa m\u00f3vil 3 columnas estilo header Sunnyside -->\r\n<section class=\"menu-3-columnas-movil\" id=\"menu-movil\">\r\n  <div class=\"menu-columna\">\r\n    <a href=\"https:\/\/sunnyside.com.mx\/all-tours\/\" class=\"menu-link\">TOURS<\/a>\r\n  <\/div>\r\n  <div class=\"menu-columna\">\r\n    <a href=\"https:\/\/sunnyside.com.mx\/traslados\/\" class=\"menu-link nowrap-link\">TRANSPORTATION<\/a>\r\n  <\/div>\r\n  <div class=\"menu-columna\">\r\n    <a href=\"https:\/\/sunnyside.com.mx\/convenciones\/\" class=\"menu-link\">MEETINGS & EVENTS<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.menu-3-columnas-movil {\r\n  display: flex;\r\n  justify-content: space-between; \/* Distribuye columnas uniformemente *\/\r\n  padding: 10px 5px;\r\n  background: transparent;       \/* Fondo inicial transparente *\/\r\n  position: relative;           \/* Respeta flujo *\/\r\n  width: 100%;\r\n  transition: background-color 0.3s ease, box-shadow 0.3s ease;\r\n  text-align: center;\r\n  flex-wrap: nowrap; \/* No permitir que salten a otro rengl\u00f3n *\/\r\n}\r\n\r\n\/* Fondo y sombra al hacer scroll *\/\r\n.menu-3-columnas-movil.scrolled {\r\n  background-color: #fff;\r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n}\r\n\r\n.menu-columna {\r\n  flex: 1; \/* Cada columna ocupa el mismo ancho *\/\r\n  text-align: center;\r\n  margin: 0 5px;\r\n}\r\n\r\n\/* Links *\/\r\n.menu-link {\r\n  text-decoration: none;\r\n  color: #000;\r\n  font-weight: 600;\r\n  font-size: 14px; \/* M\u00e1s peque\u00f1a para que quepa en un rengl\u00f3n *\/\r\n  display: block;\r\n  padding: 6px 0;\r\n  transition: color 0.3s ease;\r\n  line-height: 1.2;\r\n}\r\n\r\n.menu-link:hover {\r\n  color: #2a6ebb;\r\n}\r\n\r\n\/* TRANSPORTATION nunca se divide *\/\r\n.nowrap-link {\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* Responsive: ajustar texto en pantallas muy peque\u00f1as *\/\r\n@media (max-width: 360px) {\r\n  .menu-link {\r\n    font-size: 12px; \/* Reducir a\u00fan m\u00e1s si es necesario *\/\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ JS para cambiar fondo al hacer scroll\r\nconst menu = document.getElementById('menu-movil');\r\n\r\nwindow.addEventListener('scroll', () => {\r\n  if(window.scrollY > 50){\r\n    menu.classList.add('scrolled');\r\n  } else {\r\n    menu.classList.remove('scrolled');\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-7b6e527\" data-id=\"7b6e527\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ccae8d elementor-widget-mobile__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"5ccae8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"trp-shortcode-switcher__wrapper\"\r\n     style=\"--bg:#ffffff;--bg-hover:#0000000d;--text:#143852;--text-hover:#1d2327;--border:1px solid #1438521a;--border-width:1px;--border-color:#1438521a;--border-radius:5px;--flag-radius:2px;--flag-size:20px;--aspect-ratio:4\/3;--font-size:16px;--transition-duration:0.2s\"\r\n     role=\"group\"\r\n     data-open-mode=\"click\">\r\n\r\n    \r\n        <!-- ANCHOR (in-flow only; sizing\/borders; inert) -->\r\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-anchor trp-open-on-click\"\r\n             aria-hidden=\"true\"\r\n             inert\r\n             data-no-translation>\r\n                <div class=\"trp-current-language-item__wrapper\">\r\n        <a class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation href=\"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7635#TRPLINKPROCESSED\" title=\"Espa\u00f1ol de M\u00e9xico\"><img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/es_MX.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">Espa\u00f1ol de M\u00e9xico<\/span><\/a>                    <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <\/div>\r\n            <\/div>\r\n\r\n        <!-- OVERLAY (positioned; interactive surface) -->\r\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-overlay trp-open-on-click\"\r\n             role=\"navigation\"\r\n             aria-label=\"Website language selector\"\r\n             data-no-translation\r\n        >\r\n                <div class=\"trp-current-language-item__wrapper\">\r\n        <div class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation role=\"button\" aria-expanded=\"false\" tabindex=\"0\" aria-label=\"Change language\" aria-controls=\"trp-shortcode-dropdown-6a9d1eeccf951\"><img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/es_MX.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">Espa\u00f1ol de M\u00e9xico<\/span><\/div>                    <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <\/div>\r\n    \r\n            <div class=\"trp-switcher-dropdown-list\"\r\n                 id=\"trp-shortcode-dropdown-6a9d1eeccf951\"\r\n                 role=\"group\"\r\n                 aria-label=\"Available languages\"\r\n                 hidden\r\n                 inert\r\n            >\r\n                                                            <a class=\"trp-language-item\" href=\"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7635#TRPLINKPROCESSED\" title=\"English\">\r\n                            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/en_US.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/>                                                            <span class=\"trp-language-item-name\" data-no-translation>English<\/span>\r\n                                                                                <\/a>\r\n                                                <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-9b9a632 elementor-section-content-middle elementor-section-stretched elementor-section-height-min-height elementor-hidden-tablet elementor-hidden-phone sticky-header elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"9b9a632\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;],&quot;sticky_effects_offset&quot;:120,&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-503e4e7\" data-id=\"503e4e7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e27d732 elementor-widget__width-auto elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"e27d732\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0a3033c elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"0a3033c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c48fa24\" data-id=\"c48fa24\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ace8e26 elementor-widget elementor-widget-spacer\" data-id=\"ace8e26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-265bf38 elementor-widget elementor-widget-html\" data-id=\"265bf38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- HERO SECTION -->\r\n<section class=\"ss-hero\">\r\n\r\n  <div class=\"ss-overlay\"><\/div>\r\n\r\n  <div class=\"ss-content\">\r\n\r\n    <h1>\r\n      MEETINGS AND EVENTS<br>\r\n      <span>\r\n        We offer tailored transport solutions for groups of any size. Let us help you plan your next event.\r\n      <\/span>\r\n    <\/h1>\r\n\r\n    <p><\/p>\r\n\r\n    <!-- BOT\u00d3N -->\r\n    <a href=\"#grupoForm\" class=\"ss-cta-btn\">\r\n      GET A QUOTE\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\nhtml{\r\n  scroll-behavior:smooth;\r\n}\r\n\r\n\/* HERO *\/\r\n.ss-hero{\r\n  position:relative;\r\n  width:100%;\r\n  height:55vh;\r\n  display:flex;\r\n  border-radius:25px;\r\n  \r\n  align-items:center;\r\n  padding:0 7%;\r\n  background:url('https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/marwen-larafa-_96edJ8IVC4-unsplash-scaled.jpg')\r\n  center \/ COVER no-repeat;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n.ss-overlay{\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(\r\n    90deg,\r\n    rgba(0,0,0,.25),\r\n    rgba(0,0,0,.25),\r\n    rgba(0,0,0,.25)\r\n  );\r\n}\r\n\r\n\/* CONTENT *\/\r\n.ss-content{\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:700px;\r\n}\r\n\r\n\/* TITLE WHITE *\/\r\n.ss-content h1{\r\n  font-size:clamp(42px,3vw,60px);\r\n  line-height:1.2;\r\n  font-weight:800;\r\n  margin-bottom:50px;\r\n  color:#ffffff; \/* \u2705 FIX *\/\r\n}\r\n\r\n.ss-content h1 span{\r\n  display:block;\r\n  margin-top:12px;\r\n  font-size:clamp(28px,2vw,20px);\r\n  color:#FFC400; \/* \u2705 FIX *\/\r\n  opacity:0.8;\r\n}\r\n\r\n\/* BUTTON WHITE *\/\r\n.ss-cta-btn{\r\n  display:inline-flex;\r\n  padding:14px 26px;\r\n\r\n  background:#ffffff;   \/* \u2705 WHITE BUTTON *\/\r\n  color:#0B1F3A;\r\n\r\n  font-weight:800;\r\n  text-decoration:none;\r\n\r\n  border-radius:999px;\r\n\r\n  transition:.3s ease;\r\n\r\n  box-shadow:0 12px 25px rgba(0,0,0,.25);\r\n}\r\n\r\n.ss-cta-btn:hover{\r\n  transform:translateY(-3px);\r\n  background:#f2f2f2; \/* soft hover *\/\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n  .ss-hero{\r\n    height:85vh;\r\n    padding:0 10px;\r\n    align-items:flex-end;\r\n    padding-bottom:40px;\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5456ca5 elementor-widget elementor-widget-html\" data-id=\"5456ca5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"dmc-diff\">\r\n\r\n  <div class=\"dmc-diff-header\">\r\n    <h2>DMC EXCELLENCE THAT LEAVES A MARK<\/h2>\r\n    <p>\r\n      We combine flawless logistics, in-depth destination knowledge, and meticulous attention to every detail to transform perfectly executed events into memorable experiences that exceed all expectations.\r\n    <\/p>\r\n    <span>THE SUNNYSIDE DIFFERENCE IN CONVENTIONS & EVENTS<\/span>\r\n  <\/div>\r\n\r\n  <div class=\"dmc-diff-grid\">\r\n\r\n    <div class=\"dmc-diff-card\">\r\n      <div class=\"icon\">\ud83d\udd8a\ufe0f<\/div>\r\n      <h4>Event Customization<\/h4>\r\n    <\/div>\r\n\r\n    <div class=\"dmc-diff-card\">\r\n      <div class=\"icon\">\ud83d\ude90<\/div>\r\n      <h4>Transport Options<\/h4>\r\n    <\/div>\r\n\r\n    <div class=\"dmc-diff-card\">\r\n      <div class=\"icon\">\ud83d\udee1\ufe0f<\/div>\r\n      <h4>Highest Safety Standards<\/h4>\r\n    <\/div>\r\n\r\n    <div class=\"dmc-diff-card\">\r\n      <div class=\"icon\">\ud83e\udded<\/div>\r\n      <h4>Tailor-Made Excursions<\/h4>\r\n    <\/div>\r\n\r\n    <div class=\"dmc-diff-card\">\r\n      <div class=\"icon\">\ud83d\udc65<\/div>\r\n      <h4>Specialized Customer Service<\/h4>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ===== CONTENEDOR ===== *\/\r\n.dmc-diff{\r\n  background:#FFFF;\r\n  color:#66666666;\r\n  padding:60px 5%;\r\n  text-align:center;\r\n}\r\n\r\n\/* HEADER *\/\r\n.dmc-diff-header h2{\r\n  font-size:clamp(24px,4vw,34px);\r\n  margin-bottom:15px;\r\n  color:#202F59;\r\n}\r\n\r\n.dmc-diff-header p{\r\n  color:#9ca3af;\r\n  max-width:800px;\r\n  margin:0 auto 20px;\r\n  line-height:1.6;\r\n}\r\n\r\n.dmc-diff-header span{\r\n  display:inline-block;\r\n  margin-top:10px;\r\n  padding:8px 20px;\r\n  border-radius:30px;\r\n  background:#202F59;\r\n  color:#fff;\r\n  font-size:14px;\r\n  letter-spacing:1px;\r\n}\r\n\r\n\/* GRID *\/\r\n.dmc-diff-grid{\r\n  margin-top:40px;\r\n  display:grid;\r\n  grid-template-columns:repeat(5,1fr);\r\n  gap:20px;\r\n}\r\n\r\n\/* CARD *\/\r\n.dmc-diff-card{\r\n  background:rgba(255,255,255,0.05);\r\n  border:1px solid rgba(255,255,255,0.08);\r\n  border-radius:14px;\r\n  padding:25px 15px;\r\n\r\n  backdrop-filter: blur(8px);\r\n\r\n  transition:0.3s;\r\n}\r\n\r\n\/* HOVER *\/\r\n.dmc-diff-card:hover{\r\n  transform:translateY(-6px);\r\n  border-color:#202F59;\r\n}\r\n\r\n\/* ICON *\/\r\n.dmc-diff-card .icon{\r\n  font-size:40px;\r\n  margin-bottom:12px;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.dmc-diff-card h4{\r\n  font-size:14px;\r\n  font-weight:600;\r\n  color:#e5;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:1100px){\r\n  .dmc-diff-grid{\r\n    grid-template-columns:repeat(3,1fr);\r\n  }\r\n}\r\n\r\n@media(max-width:768px){\r\n  .dmc-diff-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n}\r\n\r\n@media(max-width:480px){\r\n  .dmc-diff-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aae923f elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"aae923f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d97d11f\" data-id=\"d97d11f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-af1681d elementor-widget elementor-widget-html\" data-id=\"af1681d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<style>\r\n\r\n\/* ===== AISLADO ===== *\/\r\n.dmc-gallery, .dmc-gallery *{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n  font-family: Arial, sans-serif;\r\n}\r\n\r\n\/* CONTENEDOR *\/\r\n.dmc-gallery{\r\n  background:#FFFFF;\r\n  padding:50px 5%;\r\n}\r\n\r\n\/* GRID *\/\r\n.dmc-gallery-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3, 1fr);\r\n  gap:20px;\r\n}\r\n\r\n\/* CARD *\/\r\n.dmc-gallery-card{\r\n  position:relative;\r\n  height:220px;\r\n  border-radius:14px;\r\n  overflow:hidden;\r\n  cursor:pointer;\r\n}\r\n\r\n\/* IMAGEN *\/\r\n.dmc-gallery-card img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:0.4s ease;\r\n}\r\n\r\n\/* HOVER *\/\r\n.dmc-gallery-card:hover img{\r\n  transform:scale(1.08);\r\n}\r\n\r\n\/* OVERLAY *\/\r\n.dmc-gallery-card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(to top, rgba(0,0,0,0.75), transparent);\r\n}\r\n\r\n\/* TEXTO *\/\r\n.dmc-gallery-content{\r\n  position:absolute;\r\n  bottom:20px;\r\n  left:20px;\r\n  z-index:2;\r\n}\r\n\r\n.dmc-gallery-content h3{\r\n  color:#ffffff;\r\n  font-size:1.1rem;\r\n  text-shadow:0 2px 10px rgba(0,0,0,0.6);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:900px){\r\n  .dmc-gallery-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"dmc-gallery\">\r\n\r\n  <div class=\"dmc-gallery-grid\">\r\n\r\n    <!-- CARD 1 -->\r\n    <div class=\"dmc-gallery-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Aventura-sobre-el-mar-scaled.jpg\">\r\n      <div class=\"dmc-gallery-content\">\r\n        <h3>Tailor-Made Tours<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CARD 2 -->\r\n    <div class=\"dmc-gallery-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Sunny_Aeropuerto_039-scaled.jpg\">\r\n      <div class=\"dmc-gallery-content\">\r\n        <h3>Dedicated Attention<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- CARD 3 -->\r\n    <div class=\"dmc-gallery-card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/DSC_0023-scaled.jpg\">\r\n      <div class=\"dmc-gallery-content\">\r\n        <h3>Wide Range of Transportation<\/h3>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-953f55b elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"953f55b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6bb27b1\" data-id=\"6bb27b1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-48c7f77 elementor-widget elementor-widget-spacer\" data-id=\"48c7f77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bbc393 elementor-widget elementor-widget-html\" data-id=\"1bbc393\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<style>\r\n\r\n\/* ===== AISLAMIENTO TOTAL ===== *\/\r\n.dmc-section, \r\n.dmc-section *{\r\n  box-sizing:border-box !important;\r\n}\r\n\r\n\/* CONTENEDOR *\/\r\n.dmc-section{\r\n  width:100%;\r\n  display:flex;\r\n  justify-content:center;\r\n  padding:40px 15px;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* WRAPPER *\/\r\n.dmc-title{\r\n  width:100%;\r\n  max-width:900px;\r\n  text-align:center;\r\n}\r\n\r\n\/* LABEL (SPAN MODIFICADO) *\/\r\n.dmc-title span{\r\n  display:inline-block;\r\n  padding:10px 24px;\r\n\r\n  background:#202F59; \/* \ud83d\udd25 COLOR SOLIDO *\/\r\n  border:none; \/* opcional quitar borde *\/\r\n  border-radius:50px;\r\n\r\n  color:#ffffff !important; \/* \ud83d\udd25 TEXTO BLANCO *\/\r\n\r\n  font-size:clamp(18px,4vw,28px) !important;\r\n  font-weight:800;\r\n  letter-spacing:1px;\r\n\r\n  margin-bottom:16px;\r\n\r\n  max-width:100%;\r\n  overflow-wrap:anywhere;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.dmc-title p{\r\n  margin:0 auto;\r\n\r\n  font-size:clamp(15px,3.5vw,16px) !important;\r\n  line-height:1.5;\r\n\r\n  color:#475569 !important;\r\n\r\n  max-width:700px;\r\n\r\n  overflow-wrap:anywhere;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width:480px){\r\n\r\n  .dmc-title span{\r\n    padding:8px 16px;\r\n  }\r\n\r\n  .dmc-title p{\r\n    font-size:15px !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"dmc-section\">\r\n\r\n  <div class=\"dmc-title\">\r\n\r\n    <span> EXPERTS IN CREATING MEMORABLE EXPERIENCES<\/span>\r\n\r\n    <p>\r\n        We turn every moment into lasting memories. Our team combines creativity, passion, and experience to ensure every detail of your event shines, creating unique experiences your guests will never forget.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84772df elementor-widget elementor-widget-html\" data-id=\"84772df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<style>\r\n\r\n\/* ===== AISLAMIENTO TOTAL ===== *\/\r\n.dmc-exp, .dmc-exp *{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box !important;\r\n  font-family: Arial, sans-serif !important;\r\n}\r\n\r\n\/* CONTENEDOR *\/\r\n.dmc-exp{\r\n  background:#FFFF;\r\n  color:#fFFf;\r\n  padding:60px 5%;\r\n  width:100%;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* HERO *\/\r\n.dmc-exp .hero{\r\n  position:relative;\r\n  height:400px;\r\n  border-radius:18px;\r\n  overflow:hidden;\r\n  margin-bottom:30px;\r\n}\r\n\r\n.dmc-exp .hero img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n\r\n.dmc-exp .hero::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  \r\n  background:linear-gradient(to right, rgba(0,0,0,0.1), transparent);\r\n}\r\n\r\n.dmc-exp .hero-content{\r\n  position:absolute;\r\n  left:40px;\r\n  bottom:40px;\r\n  z-index:2;\r\n}\r\n\r\n.dmc-exp \/* HERO *\/\r\n.hero h1{\r\n  color:#ffffff !important;\r\n  text-shadow: 0 4px 20px rgba(0,0,0,0.6);\r\n}\r\n\r\n.hero p{\r\n  color:#e5e7eb !important;\r\n}\r\n\r\n\/* CARDS TITLES *\/\r\n.card h3{\r\n  color:#ffffff !important;\r\n  text-shadow: 0 2px 10px rgba(0,0,0,0.6);\r\n}\r\n\r\n\/* CARDS TEXT *\/\r\n.card p{\r\n  color:#d1d5db !important;\r\n}\r\n\r\n\/* BOT\u00d3N *\/\r\n.btn-request{\r\n  color:#ffffff !important;\r\n}\r\n\/* GRID *\/\r\n.dmc-exp .grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:20px;\r\n}\r\n\r\n\/* CARDS *\/\r\n.dmc-exp .card{\r\n  position:relative;\r\n  height:220px;\r\n  border-radius:14px;\r\n  overflow:hidden;\r\n}\r\n\r\n.dmc-exp .card img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:0.4s;\r\n}\r\n\r\n.dmc-exp .card:hover img{\r\n  transform:scale(1.08);\r\n}\r\n\r\n.dmc-exp .card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(to top, rgba(0,0,0,0.77), transparent);\r\n}\r\n\r\n.dmc-exp .card-content{\r\n  position:absolute;\r\n  bottom:20px;\r\n  left:20px;\r\n  z-index:2;\r\n}\r\n\r\n.dmc-exp .card h3{\r\n  font-size:1.1rem;\r\n}\r\n\r\n.dmc-exp .card p{\r\n  font-size:0.85rem;\r\n  opacity:0.8;\r\n  margin-top:5px;\r\n}\r\n\r\n\/* BOT\u00d3N *\/\r\n.dmc-exp .btn-request{\r\n  display:inline-block;\r\n  margin-top:10px;\r\n  padding:6px 14px;\r\n  font-size:0.8rem;\r\n  font-weight:600;\r\n  color:#fff !important;\r\n  background:#202F59 !important;\r\n  border-radius:20px;\r\n  text-decoration:none;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:900px){\r\n  .dmc-exp .grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"dmc-exp\">\r\n\r\n  <!-- HERO -->\r\n  <div class=\"hero\">\r\n    <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-81.png\">\r\n          <div class=\"card-content\">\r\n        <h1>Team Building<\/h1>\r\n        <p>Engaging group activities<\/p>\r\n      <\/div>\r\n    <\/div>\r\n   \r\n\r\n  <!-- GRID -->\r\n  <div class=\"grid\">\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/pexels-david-bartus-43782-844928-scaled.jpg\">\r\n      <div class=\"card-content\">\r\n        <h3>High-end Audiovisual Team<\/h3>\r\n        <p>Ensures flawless production<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/pexels-caleboquendo-11329861-2-scaled.jpg\">\r\n      <div class=\"card-content\">\r\n        <h3>Meetings<\/h3>\r\n        <p>Large-scale flawless events<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Spa-2-scaled.jpg\">\r\n      <div class=\"card-content\">\r\n        <h3>Wellness Programs<\/h3>\r\n        <p>Relaxing premium experiences<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/FOTOS-SHOWS-3.jpeg\">\r\n      <div class=\"card-content\">\r\n        <h3>Themed Parties<\/h3>\r\n        <p>Creative & immersive concepts<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- GROUP TRANSFERS -->\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/123.jpg\">\r\n      <div class=\"card-content\">\r\n        <h3>Group Transfers<\/h3>\r\n        <p>Comfortable & seamless transportation<\/p>\r\n        <a href=\"#contact-form\" class=\"btn-request\">Request<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Grupo-34-scaled.jpg\">\r\n      <div class=\"card-content\">\r\n        <h3>Reward Travel  Experiences<\/h3>\r\n        <p>Tailor-made Itineraries<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/MUSICA.jpg\">\r\n      <div class=\"card-content\">\r\n        <h3>Live Music<\/h3>\r\n        <p>High-end production<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/boda.png\">\r\n      <div class=\"card-content\">\r\n        <h3>Weddings<\/h3>\r\n        <p>Luxury destination weddings<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"card\">\r\n      <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-12-123532.png\">\r\n<div class=\"hero-content\">\r\n      <h3>Beachfront Gala Dinner<\/h3>\r\n      <p>An unforgettable luxury experience in Ixtapa Island<\/p>\r\n    <\/div>\r\n  <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f50f3dc elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"f50f3dc\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-44ef609\" data-id=\"44ef609\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-35bd6f8 elementor-widget elementor-widget-html\" data-id=\"35bd6f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\n     SUNNYSIDE DMC SERVICES\n     TRANSPORTATION SOLUTIONS\n     AIRPORT \/ GROUPS \/ CONVENTIONS\n     AUTOMATIC SINGLE IMAGE GALLERY\n     + REQUEST THIS SERVICE BUTTON\n     Elementor \/ WordPress\n========================================================= -->\n\n<section id=\"ss-transport-experience-gallery\">\n\n  <div class=\"ss-teg-container\">\n\n\n    <!-- =====================================================\n         LEFT - AUTOMATIC IMAGE GALLERY\n    ====================================================== -->\n    <div\n      class=\"ss-teg-gallery\"\n      tabindex=\"0\"\n      aria-label=\"Sunnyside DMC transportation gallery\"\n    >\n\n      <div class=\"ss-teg-gallery-frame\">\n\n        <!-- ONLY ONE IMAGE VISIBLE AT A TIME -->\n        <img decoding=\"async\"\n          id=\"ss-teg-gallery-image\"\n          src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Sunny_Aeropuerto_036-scaled.jpg\"\n          alt=\"Sunnyside DMC airport and group transportation\"\n          loading=\"eager\"\n          fetchpriority=\"high\"\n        >\n\n\n        <!-- SUBTLE OVERLAY -->\n        <div class=\"ss-teg-gallery-overlay\"><\/div>\n\n\n        <!-- CATEGORY -->\n        <div class=\"ss-teg-gallery-tag\">\n          TRANSPORTATION\n        <\/div>\n\n\n        <!-- COUNTER -->\n        <div class=\"ss-teg-gallery-counter\">\n\n          <span id=\"ss-teg-current-number\">\n            01\n          <\/span>\n\n          <span class=\"ss-teg-counter-line\"><\/span>\n\n          <span id=\"ss-teg-total-number\">\n            08\n          <\/span>\n\n        <\/div>\n\n\n        <!-- PREVIOUS -->\n        <button\n          type=\"button\"\n          class=\"ss-teg-gallery-arrow ss-teg-gallery-prev\"\n          aria-label=\"Previous image\"\n        >\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"m15 18-6-6 6-6\"><\/path>\n          <\/svg>\n\n        <\/button>\n\n\n        <!-- NEXT -->\n        <button\n          type=\"button\"\n          class=\"ss-teg-gallery-arrow ss-teg-gallery-next\"\n          aria-label=\"Next image\"\n        >\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"m9 18 6-6-6-6\"><\/path>\n          <\/svg>\n\n        <\/button>\n\n      <\/div>\n\n\n      <!-- DOTS -->\n      <div\n        class=\"ss-teg-gallery-dots\"\n        aria-label=\"Gallery navigation\"\n      ><\/div>\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RIGHT CONTENT\n    ====================================================== -->\n    <div class=\"ss-teg-content\">\n\n\n      <!-- EYEBROW -->\n      <span class=\"ss-teg-label\">\n        AIRPORT \u2022 GROUPS \u2022 MEETINGS &amp; EVENTS\n      <\/span>\n\n\n      <!-- TITLE -->\n      <h2>\n        Transportation\n        <span>Solutions<\/span>\n      <\/h2>\n\n\n      <!-- ACCENT -->\n      <div class=\"ss-teg-line\"><\/div>\n\n\n      <!-- SUBTITLE -->\n      <h3>\n        Seamless transportation for airport arrivals, groups,\n        conventions and special events\n      <\/h3>\n\n\n      <!-- DESCRIPTION -->\n      <p>\n        From individual airport transfers to large-scale group movements,\n        Sunnyside DMC provides reliable transportation solutions designed\n        around each program\u2019s schedule, destination, and operational needs.\n      <\/p>\n\n\n      <p>\n        Our experienced logistics team coordinates arrivals, departures,\n        hotel transfers, convention transportation, private movements, and\n        special-event services with professional drivers and carefully\n        selected vehicles.\n      <\/p>\n\n\n\n      <!-- ===================================================\n           REQUEST THIS SERVICE BUTTON\n      ==================================================== -->\n      <a\n        class=\"ss-teg-button\"\n        href=\"mailto:enrique@sunnyside.com.mx,gerencia@sunnyside.com.mx?subject=Transportation%20Services%20Request%20-%20Sunnyside%20DMC&body=Hello%2C%0A%0AI%20would%20like%20to%20request%20information%20and%20a%20quotation%20for%20transportation%20services.%0A%0APlease%20contact%20me%20with%20the%20available%20options.%0A%0AThank%20you.\"\n      >\n\n        <span>\n          Request This Service\n        <\/span>\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M5 12h13\"><\/path>\n          <path d=\"m14 7 5 5-5 5\"><\/path>\n        <\/svg>\n\n      <\/a>\n\n\n\n      <!-- ===================================================\n           SERVICE HIGHLIGHTS\n      ==================================================== -->\n      <div class=\"ss-teg-services\">\n\n\n        <!-- AIRPORT -->\n        <div class=\"ss-teg-service\">\n\n          <span class=\"ss-teg-service-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M22 2 9 15\"><\/path>\n              <path d=\"m22 2-7 20-4-9-9-4Z\"><\/path>\n            <\/svg>\n\n          <\/span>\n\n          <span>\n            Airport Transfers\n          <\/span>\n\n        <\/div>\n\n\n\n        <!-- GROUPS -->\n        <div class=\"ss-teg-service\">\n\n          <span class=\"ss-teg-service-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <circle cx=\"9\" cy=\"7\" r=\"3\"><\/circle>\n              <circle cx=\"17\" cy=\"8\" r=\"2\"><\/circle>\n              <path d=\"M3 20v-2c0-3 2.5-5 6-5s6 2 6 5v2\"><\/path>\n              <path d=\"M15 14c3 0 5 2 5 5v1\"><\/path>\n            <\/svg>\n\n          <\/span>\n\n          <span>\n            Group Transportation\n          <\/span>\n\n        <\/div>\n\n\n\n        <!-- CONVENTIONS -->\n        <div class=\"ss-teg-service\">\n\n          <span class=\"ss-teg-service-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"><\/rect>\n              <path d=\"M7 8h10M7 12h10M7 16h6\"><\/path>\n            <\/svg>\n\n          <\/span>\n\n          <span>\n            Meetings &amp; Conventions\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   COMPLETE ISOLATION\n========================================================= *\/\n\n#ss-transport-experience-gallery,\n#ss-transport-experience-gallery * {\n  box-sizing: border-box;\n}\n\n\n\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\n#ss-transport-experience-gallery {\n\n  --ss-teg-navy: #071f50;\n  --ss-teg-navy-soft: #173d75;\n\n  --ss-teg-blue: #0a6ebd;\n  --ss-teg-cyan: #25a9d6;\n\n  --ss-teg-green: #16983c;\n  --ss-teg-green-bright: #20ae4c;\n\n  --ss-teg-text: #414b5b;\n  --ss-teg-muted: #7b8795;\n\n  --ss-teg-white: #ffffff;\n  --ss-teg-border: #e5ebf0;\n\n  width: 100%;\n\n  position: relative;\n\n  overflow: hidden;\n\n  padding:\n    80px 24px;\n\n  background:\n    radial-gradient(\n      circle at 88% 12%,\n      rgba(37,169,214,.08),\n      transparent 30%\n    ),\n    #ffffff;\n\n  font-family:\n    \"Poppins\",\n    Arial,\n    Helvetica,\n    sans-serif;\n}\n\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-container {\n\n  width: 100%;\n\n  max-width: 1240px;\n\n  margin:\n    0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.08fr)\n    minmax(360px,.92fr);\n\n  gap:\n    70px;\n\n  align-items:\n    center;\n}\n\n\n\n\/* =========================================================\n   GALLERY\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-gallery {\n\n  width: 100%;\n\n  min-width: 0;\n\n  position: relative;\n\n  outline: none;\n\n  touch-action:\n    pan-y;\n}\n\n\n\n\/* =========================================================\n   FRAME\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-frame {\n\n  width: 100%;\n\n  aspect-ratio:\n    16 \/ 10;\n\n  position: relative;\n\n  overflow: hidden;\n\n  border-radius:\n    22px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #071f50,\n      #173d75\n    );\n\n  box-shadow:\n    0 27px 60px\n    rgba(7,31,80,.18);\n}\n\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-frame > img {\n\n  width: 100%;\n  height: 100%;\n\n  position: absolute;\n\n  inset: 0;\n\n  display: block;\n\n  object-fit:\n    cover;\n\n  object-position:\n    center center;\n\n  margin: 0;\n  padding: 0;\n\n  border: 0;\n\n  opacity: 1;\n\n  transform:\n    scale(1);\n\n  transition:\n    opacity .40s ease,\n    transform 5s ease;\n\n  user-select:\n    none;\n\n  -webkit-user-drag:\n    none;\n}\n\n\n\n\/* =========================================================\n   IMAGE TRANSITION\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-frame > img.is-changing {\n\n  opacity:\n    0;\n}\n\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-frame > img.is-loaded {\n\n  transform:\n    scale(1.025);\n}\n\n\n\n\/* =========================================================\n   OVERLAY\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-overlay {\n\n  position: absolute;\n\n  inset: 0;\n\n  z-index: 2;\n\n  pointer-events: none;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(7,31,80,.02) 0%,\n      rgba(7,31,80,0) 55%,\n      rgba(7,31,80,.25) 100%\n    );\n}\n\n\n\n\/* =========================================================\n   IMAGE TAG\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-tag {\n\n  position: absolute;\n\n  top: 20px;\n  left: 20px;\n\n  z-index: 10;\n\n  padding:\n    8px 13px;\n\n  border:\n    1px solid rgba(255,255,255,.35);\n\n  border-radius:\n    100px;\n\n  color:\n    #ffffff;\n\n  background:\n    rgba(7,31,80,.38);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n\n  font-size:\n    9px;\n\n  line-height:\n    1;\n\n  font-weight:\n    800;\n\n  letter-spacing:\n    1.5px;\n}\n\n\n\n\/* =========================================================\n   COUNTER\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-counter {\n\n  position: absolute;\n\n  left:\n    22px;\n\n  bottom:\n    20px;\n\n  z-index:\n    10;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    9px;\n\n  color:\n    #ffffff;\n\n  font-size:\n    10px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  letter-spacing:\n    1px;\n\n  text-shadow:\n    0 2px 8px\n    rgba(0,0,0,.25);\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-counter-line {\n\n  width:\n    25px;\n\n  height:\n    1px;\n\n  display:\n    block;\n\n  background:\n    rgba(255,255,255,.62);\n}\n\n\n\n\/* =========================================================\n   GALLERY ARROWS\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-arrow {\n\n  width:\n    44px;\n\n  height:\n    44px;\n\n  position:\n    absolute;\n\n  top:\n    50%;\n\n  z-index:\n    15;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  padding:\n    0;\n\n  border:\n    1px solid rgba(255,255,255,.36);\n\n  border-radius:\n    50%;\n\n  color:\n    #ffffff;\n\n  background:\n    rgba(7,31,80,.42);\n\n  backdrop-filter:\n    blur(8px);\n\n  -webkit-backdrop-filter:\n    blur(8px);\n\n  cursor:\n    pointer;\n\n  opacity:\n    0;\n\n  transform:\n    translateY(-50%);\n\n  transition:\n    opacity .25s ease,\n    transform .25s ease,\n    background .25s ease;\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-frame:hover\n.ss-teg-gallery-arrow {\n\n  opacity:\n    1;\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-arrow:hover {\n\n  background:\n    rgba(7,31,80,.86);\n\n  transform:\n    translateY(-50%)\n    scale(1.08);\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-arrow svg {\n\n  width:\n    21px;\n\n  height:\n    21px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    2;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-prev {\n\n  left:\n    18px;\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-next {\n\n  right:\n    18px;\n}\n\n\n\n\/* =========================================================\n   DOTS\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-dots {\n\n  min-height:\n    18px;\n\n  margin-top:\n    16px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    8px;\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-dot {\n\n  width:\n    7px;\n\n  height:\n    7px;\n\n  min-width:\n    7px;\n\n  padding:\n    0;\n\n  border:\n    0;\n\n  border-radius:\n    50%;\n\n  background:\n    #cbd5df;\n\n  cursor:\n    pointer;\n\n  transition:\n    width .25s ease,\n    border-radius .25s ease,\n    background .25s ease;\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-dot:hover {\n\n  background:\n    #8493a5;\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-gallery-dot.is-active {\n\n  width:\n    28px;\n\n  border-radius:\n    20px;\n\n  background:\n    var(--ss-teg-blue);\n}\n\n\n\n\/* =========================================================\n   RIGHT CONTENT\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-content {\n\n  max-width:\n    515px;\n}\n\n\n\n\/* =========================================================\n   LABEL\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-label {\n\n  display:\n    inline-block;\n\n  margin-bottom:\n    17px;\n\n  color:\n    var(--ss-teg-blue);\n\n  font-size:\n    11px;\n\n  line-height:\n    1.4;\n\n  font-weight:\n    800;\n\n  letter-spacing:\n    2.2px;\n}\n\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-content h2 {\n\n  margin:\n    0;\n\n  color:\n    var(--ss-teg-navy);\n\n  font-size:\n    clamp(40px,4.5vw,66px);\n\n  line-height:\n    .96;\n\n  font-weight:\n    800;\n\n  letter-spacing:\n    -2.6px;\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-content h2 span {\n\n  display:\n    block;\n\n  margin-top:\n    8px;\n\n  color:\n    var(--ss-teg-blue);\n\n  font-size:\n    .73em;\n\n  line-height:\n    1;\n\n  font-weight:\n    500;\n\n  letter-spacing:\n    -1.3px;\n}\n\n\n\n\/* =========================================================\n   ACCENT LINE\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-line {\n\n  width:\n    64px;\n\n  height:\n    4px;\n\n  margin:\n    27px 0;\n\n  border-radius:\n    20px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--ss-teg-blue),\n      var(--ss-teg-cyan)\n    );\n}\n\n\n\n\/* =========================================================\n   SUBTITLE\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-content h3 {\n\n  margin:\n    0 0 19px;\n\n  color:\n    var(--ss-teg-navy);\n\n  font-size:\n    20px;\n\n  line-height:\n    1.43;\n\n  font-weight:\n    650;\n}\n\n\n\n\/* =========================================================\n   TEXT\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-content p {\n\n  margin:\n    0 0 14px;\n\n  color:\n    var(--ss-teg-text);\n\n  font-size:\n    15px;\n\n  line-height:\n    1.75;\n\n  font-weight:\n    400;\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-content p:last-of-type {\n\n  margin-bottom:\n    0;\n}\n\n\n\n\/* =========================================================\n   REQUEST THIS SERVICE BUTTON\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-button {\n\n  min-width:\n    235px;\n\n  min-height:\n    55px;\n\n  position:\n    relative;\n\n  overflow:\n    hidden;\n\n  margin-top:\n    27px;\n\n  padding:\n    0 21px 0 25px;\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    15px;\n\n  border-radius:\n    8px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #179537,\n      #20af4d\n    );\n\n  color:\n    #ffffff !important;\n\n  text-decoration:\n    none !important;\n\n  font-size:\n    14px;\n\n  line-height:\n    1;\n\n  font-weight:\n    700;\n\n  box-shadow:\n    0 9px 20px\n    rgba(22,152,60,.18);\n\n  transition:\n    transform .28s ease,\n    box-shadow .28s ease,\n    filter .28s ease;\n}\n\n\n\n\/* BUTTON SHINE *\/\n\n#ss-transport-experience-gallery\n.ss-teg-button::before {\n\n  content:\n    \"\";\n\n  width:\n    60px;\n\n  position:\n    absolute;\n\n  top:\n    0;\n\n  bottom:\n    0;\n\n  left:\n    -90px;\n\n  transform:\n    skewX(-22deg);\n\n  background:\n    rgba(255,255,255,.24);\n\n  transition:\n    left .6s ease;\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-button:hover::before {\n\n  left:\n    calc(100% + 45px);\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-button:hover {\n\n  transform:\n    translateY(-3px);\n\n  filter:\n    brightness(1.05);\n\n  box-shadow:\n    0 14px 27px\n    rgba(22,152,60,.26);\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-button svg {\n\n  width:\n    19px;\n\n  height:\n    19px;\n\n  display:\n    block;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.8;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n}\n\n\n\n\/* =========================================================\n   SERVICE HIGHLIGHTS\n========================================================= *\/\n\n#ss-transport-experience-gallery\n.ss-teg-services {\n\n  margin-top:\n    28px;\n\n  padding-top:\n    22px;\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:\n    12px;\n\n  border-top:\n    1px solid var(--ss-teg-border);\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-service {\n\n  min-width:\n    0;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  gap:\n    8px;\n\n  color:\n    var(--ss-teg-navy);\n\n  font-size:\n    10px;\n\n  line-height:\n    1.35;\n\n  font-weight:\n    700;\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-service-icon {\n\n  width:\n    35px;\n\n  height:\n    35px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  border-radius:\n    50%;\n\n  color:\n    var(--ss-teg-blue);\n\n  background:\n    rgba(8,126,181,.08);\n}\n\n\n\n#ss-transport-experience-gallery\n.ss-teg-service-icon svg {\n\n  width:\n    19px;\n\n  height:\n    19px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.8;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:960px){\n\n  #ss-transport-experience-gallery {\n\n    padding:\n      65px 22px;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-container {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      38px;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-content {\n\n    max-width:\n      720px;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-gallery-arrow {\n\n    opacity:\n      1;\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n  #ss-transport-experience-gallery {\n\n    padding:\n      48px 17px;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-container {\n\n    gap:\n      30px;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-gallery-frame {\n\n    aspect-ratio:\n      16 \/ 11;\n\n    border-radius:\n      17px;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-gallery-tag {\n\n    top:\n      13px;\n\n    left:\n      13px;\n\n    padding:\n      7px 10px;\n\n    font-size:\n      8px;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-gallery-arrow {\n\n    width:\n      38px;\n\n    height:\n      38px;\n\n    opacity:\n      1;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-gallery-prev {\n\n    left:\n      8px;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-gallery-next {\n\n    right:\n      8px;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-gallery-counter {\n\n    left:\n      15px;\n\n    bottom:\n      14px;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-content h2 {\n\n    font-size:\n      41px;\n\n    letter-spacing:\n      -1.7px;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-content h3 {\n\n    font-size:\n      18px;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-content p {\n\n    font-size:\n      14px;\n\n    line-height:\n      1.7;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-button {\n\n    width:\n      100%;\n\n    min-width:\n      0;\n\n    min-height:\n      55px;\n\n    justify-content:\n      space-between;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-services {\n\n    grid-template-columns:\n      1fr;\n\n    gap:\n      13px;\n  }\n\n\n  #ss-transport-experience-gallery\n  .ss-teg-service {\n\n    flex-direction:\n      row;\n\n    align-items:\n      center;\n\n    font-size:\n      11px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  #ss-transport-experience-gallery\n  .ss-teg-gallery-frame > img,\n\n  #ss-transport-experience-gallery\n  .ss-teg-gallery-arrow,\n\n  #ss-transport-experience-gallery\n  .ss-teg-gallery-dot,\n\n  #ss-transport-experience-gallery\n  .ss-teg-button {\n\n    transition:\n      none;\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n  \"use strict\";\n\n\n  \/* =========================================================\n     ROOT\n  ========================================================= *\/\n\n  const root =\n    document.getElementById(\n      \"ss-transport-experience-gallery\"\n    );\n\n\n  if (!root) {\n    return;\n  }\n\n\n  \/* PREVENT ELEMENTOR DUPLICATE INITIALIZATION *\/\n\n  if (\n    root.dataset.ssTegInitialized ===\n    \"true\"\n  ) {\n    return;\n  }\n\n\n  root.dataset.ssTegInitialized =\n    \"true\";\n\n\n\n  \/* =========================================================\n     TRANSPORTATION GALLERY IMAGES\n\n     AQU\u00cd PUEDES AGREGAR \/ QUITAR IM\u00c1GENES.\n  ========================================================= *\/\n\n  const galleryImages = [\n\n    {\n      src:\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Sunny_Aeropuerto_036-scaled.jpg\",\n\n      alt:\n        \"Sunnyside DMC airport transportation services\"\n    },\n\n\n    {\n      src:\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/Sunny_Aeropuerto_037-scaled.jpg\",\n\n      alt:\n        \"Sunnyside DMC transportation for meetings and conventions\"\n    },\n\n\n    {\n      src:\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/123.jpg\",\n\n      alt:\n        \"Sunnyside DMC private group transportation\"\n    },\n\n\n    {\n      src:\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/Sunny_Aeropuerto_029-scaled.jpg\",\n\n      alt:\n        \"Professional airport transportation service\"\n    },\n\n\n    {\n      src:\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/Sunny_Aeropuerto_020.jpg\",\n\n      alt:\n        \"Sunnyside DMC airport transportation operation\"\n    },\n\n\n    {\n      src:\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/Sunny_Aeropuerto_045-scaled.jpg\",\n\n      alt:\n        \"Group transportation logistics\"\n    },\n\n\n    {\n      src:\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/Sunny_Aeropuerto_008-scaled.jpg\",\n\n      alt:\n        \"Airport meet and greet transportation\"\n    },\n\n\n    {\n      src:\n        \"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/DSC_0074-scaled.jpg\",\n\n      alt:\n        \"Transportation for incentives and conventions\"\n    }\n\n  ];\n\n\n\n  \/* =========================================================\n     ELEMENTS\n  ========================================================= *\/\n\n  const gallery =\n    root.querySelector(\n      \".ss-teg-gallery\"\n    );\n\n\n  const image =\n    root.querySelector(\n      \"#ss-teg-gallery-image\"\n    );\n\n\n  const previousButton =\n    root.querySelector(\n      \".ss-teg-gallery-prev\"\n    );\n\n\n  const nextButton =\n    root.querySelector(\n      \".ss-teg-gallery-next\"\n    );\n\n\n  const dotsContainer =\n    root.querySelector(\n      \".ss-teg-gallery-dots\"\n    );\n\n\n  const currentNumber =\n    root.querySelector(\n      \"#ss-teg-current-number\"\n    );\n\n\n  const totalNumber =\n    root.querySelector(\n      \"#ss-teg-total-number\"\n    );\n\n\n  if (\n    !gallery ||\n    !image ||\n    !previousButton ||\n    !nextButton ||\n    !dotsContainer ||\n    !currentNumber ||\n    !totalNumber ||\n    galleryImages.length === 0\n  ) {\n    return;\n  }\n\n\n\n  \/* =========================================================\n     STATE\n  ========================================================= *\/\n\n  let currentIndex =\n    0;\n\n\n  let autoplayTimer =\n    null;\n\n\n  let galleryVisible =\n    false;\n\n\n  let touchStartX =\n    0;\n\n\n  let isChanging =\n    false;\n\n\n  const AUTOPLAY_DELAY =\n    4500;\n\n\n  const FADE_DURATION =\n    330;\n\n\n\n  \/* =========================================================\n     FORMAT NUMBER\n  ========================================================= *\/\n\n  function formatNumber(number) {\n\n    return String(\n      number\n    ).padStart(\n      2,\n      \"0\"\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     PRELOAD IMAGES\n  ========================================================= *\/\n\n  galleryImages.forEach(\n    function (item,index) {\n\n      if (\n        index === 0\n      ) {\n        return;\n      }\n\n\n      const preload =\n        new Image();\n\n\n      preload.src =\n        item.src;\n\n    }\n  );\n\n\n\n  \/* =========================================================\n     CREATE DOTS\n  ========================================================= *\/\n\n  galleryImages.forEach(\n    function (item,index) {\n\n      const dot =\n        document.createElement(\n          \"button\"\n        );\n\n\n      dot.type =\n        \"button\";\n\n\n      dot.className =\n        \"ss-teg-gallery-dot\";\n\n\n      dot.setAttribute(\n        \"aria-label\",\n        \"Show transportation image \" +\n        (index + 1)\n      );\n\n\n      dot.addEventListener(\n        \"click\",\n        function () {\n\n          showImage(\n            index\n          );\n\n\n          restartAutoplay();\n\n        }\n      );\n\n\n      dotsContainer.appendChild(\n        dot\n      );\n\n    }\n  );\n\n\n\n  const dots =\n    Array.from(\n      dotsContainer.querySelectorAll(\n        \".ss-teg-gallery-dot\"\n      )\n    );\n\n\n\n  \/* =========================================================\n     UPDATE UI\n  ========================================================= *\/\n\n  function updateUI() {\n\n    dots.forEach(\n      function (\n        dot,\n        index\n      ) {\n\n        const active =\n          index ===\n          currentIndex;\n\n\n        dot.classList.toggle(\n          \"is-active\",\n          active\n        );\n\n\n        dot.setAttribute(\n          \"aria-current\",\n          active\n            ? \"true\"\n            : \"false\"\n        );\n\n      }\n    );\n\n\n    currentNumber.textContent =\n      formatNumber(\n        currentIndex + 1\n      );\n\n\n    totalNumber.textContent =\n      formatNumber(\n        galleryImages.length\n      );\n\n  }\n\n\n\n  \/* =========================================================\n     CHANGE IMAGE\n  ========================================================= *\/\n\n  function showImage(index) {\n\n    if (\n      isChanging\n    ) {\n      return;\n    }\n\n\n    const total =\n      galleryImages.length;\n\n\n    const nextIndex =\n      (\n        (index % total) +\n        total\n      ) % total;\n\n\n    if (\n      nextIndex ===\n      currentIndex\n    ) {\n\n      updateUI();\n\n      return;\n\n    }\n\n\n    isChanging =\n      true;\n\n\n    image.classList.remove(\n      \"is-loaded\"\n    );\n\n\n    image.classList.add(\n      \"is-changing\"\n    );\n\n\n    window.setTimeout(\n      function () {\n\n        currentIndex =\n          nextIndex;\n\n\n        const nextImage =\n          galleryImages[\n            currentIndex\n          ];\n\n\n        image.src =\n          nextImage.src;\n\n\n        image.alt =\n          nextImage.alt;\n\n\n        const reveal =\n          function () {\n\n            image.classList.remove(\n              \"is-changing\"\n            );\n\n\n            window.requestAnimationFrame(\n              function () {\n\n                image.classList.add(\n                  \"is-loaded\"\n                );\n\n              }\n            );\n\n\n            updateUI();\n\n\n            isChanging =\n              false;\n\n          };\n\n\n        if (\n          typeof image.decode ===\n          \"function\"\n        ) {\n\n          image.decode()\n            .then(\n              reveal\n            )\n            .catch(\n              reveal\n            );\n\n        }\n\n        else {\n\n          reveal();\n\n        }\n\n      },\n      FADE_DURATION\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     NEXT\n  ========================================================= *\/\n\n  function nextImage() {\n\n    showImage(\n      currentIndex + 1\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     PREVIOUS\n  ========================================================= *\/\n\n  function previousImage() {\n\n    showImage(\n      currentIndex - 1\n    );\n\n  }\n\n\n\n  \/* =========================================================\n     BUTTON EVENTS\n  ========================================================= *\/\n\n  nextButton.addEventListener(\n    \"click\",\n    function () {\n\n      nextImage();\n\n      restartAutoplay();\n\n    }\n  );\n\n\n  previousButton.addEventListener(\n    \"click\",\n    function () {\n\n      previousImage();\n\n      restartAutoplay();\n\n    }\n  );\n\n\n\n  \/* =========================================================\n     AUTOPLAY\n  ========================================================= *\/\n\n  function stopAutoplay() {\n\n    if (\n      autoplayTimer ===\n      null\n    ) {\n      return;\n    }\n\n\n    window.clearInterval(\n      autoplayTimer\n    );\n\n\n    autoplayTimer =\n      null;\n\n  }\n\n\n\n  function startAutoplay() {\n\n    stopAutoplay();\n\n\n    if (\n      !galleryVisible ||\n      document.hidden ||\n      galleryImages.length <= 1\n    ) {\n      return;\n    }\n\n\n    autoplayTimer =\n      window.setInterval(\n        function () {\n\n          nextImage();\n\n        },\n        AUTOPLAY_DELAY\n      );\n\n  }\n\n\n\n  function restartAutoplay() {\n\n    stopAutoplay();\n\n    startAutoplay();\n\n  }\n\n\n\n  \/* =========================================================\n     PAUSE ON HOVER\n  ========================================================= *\/\n\n  gallery.addEventListener(\n    \"mouseenter\",\n    stopAutoplay\n  );\n\n\n  gallery.addEventListener(\n    \"mouseleave\",\n    startAutoplay\n  );\n\n\n\n  \/* =========================================================\n     KEYBOARD\n  ========================================================= *\/\n\n  gallery.addEventListener(\n    \"keydown\",\n    function (event) {\n\n      if (\n        event.key ===\n        \"ArrowRight\"\n      ) {\n\n        event.preventDefault();\n\n        nextImage();\n\n        restartAutoplay();\n\n      }\n\n\n      if (\n        event.key ===\n        \"ArrowLeft\"\n      ) {\n\n        event.preventDefault();\n\n        previousImage();\n\n        restartAutoplay();\n\n      }\n\n    }\n  );\n\n\n\n  \/* =========================================================\n     MOBILE SWIPE\n  ========================================================= *\/\n\n  gallery.addEventListener(\n    \"touchstart\",\n    function (event) {\n\n      if (\n        !event.changedTouches ||\n        !event.changedTouches[0]\n      ) {\n        return;\n      }\n\n\n      touchStartX =\n        event.changedTouches[0]\n          .clientX;\n\n    },\n    {\n      passive:\n        true\n    }\n  );\n\n\n  gallery.addEventListener(\n    \"touchend\",\n    function (event) {\n\n      if (\n        !event.changedTouches ||\n        !event.changedTouches[0]\n      ) {\n        return;\n      }\n\n\n      const touchEndX =\n        event.changedTouches[0]\n          .clientX;\n\n\n      const difference =\n        touchEndX -\n        touchStartX;\n\n\n      if (\n        Math.abs(\n          difference\n        ) < 45\n      ) {\n        return;\n      }\n\n\n      if (\n        difference < 0\n      ) {\n\n        nextImage();\n\n      }\n\n      else {\n\n        previousImage();\n\n      }\n\n\n      restartAutoplay();\n\n    },\n    {\n      passive:\n        true\n    }\n  );\n\n\n\n  \/* =========================================================\n     RUN ONLY WHEN VISIBLE\n  ========================================================= *\/\n\n  if (\n    \"IntersectionObserver\" in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              galleryVisible =\n                entry.isIntersecting;\n\n\n              if (\n                galleryVisible\n              ) {\n\n                startAutoplay();\n\n              }\n\n              else {\n\n                stopAutoplay();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:\n            .20\n        }\n      );\n\n\n    observer.observe(\n      gallery\n    );\n\n  }\n\n  else {\n\n    galleryVisible =\n      true;\n\n    startAutoplay();\n\n  }\n\n\n\n  \/* =========================================================\n     TAB VISIBILITY\n  ========================================================= *\/\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function () {\n\n      if (\n        document.hidden\n      ) {\n\n        stopAutoplay();\n\n      }\n\n      else {\n\n        startAutoplay();\n\n      }\n\n    }\n  );\n\n\n\n  \/* =========================================================\n     INITIALIZE\n  ========================================================= *\/\n\n  image.src =\n    galleryImages[0].src;\n\n\n  image.alt =\n    galleryImages[0].alt;\n\n\n  image.classList.add(\n    \"is-loaded\"\n  );\n\n\n  updateUI();\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-68756ad elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"68756ad\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a9cbf0b\" data-id=\"a9cbf0b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-56dbaf6 elementor-widget elementor-widget-html\" data-id=\"56dbaf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\n     SUNNYSIDE DMC SERVICES\n     RECOMMENDATIONS & TESTIMONIALS\n\n     IMPORTANT FIX:\n     - IMAGES ARE NEVER REMOVED FROM THE DOM\n     - IMAGES ARE NEVER CLONED\n     - TRACK IS NEVER CLEARED\n     - ELEMENTOR SAFE CAROUSEL\n\n     DESKTOP:\n     - 2 LETTERS\n     - 3 TESTIMONIALS\n\n     TABLET:\n     - 2 LETTERS\n     - 2 TESTIMONIALS\n\n     MOBILE:\n     - 1 LETTER\n     - 1 TESTIMONIAL\n\n     FULLY ISOLATED\n========================================================= -->\n\n<section id=\"ss-recommendations-showcase\">\n\n  <div class=\"ss-rs-shell\">\n\n\n    <!-- =====================================================\n         MAIN HEADER\n    ====================================================== -->\n    <header class=\"ss-rs-main-header\">\n\n      <span class=\"ss-rs-eyebrow\">\n        RECOMMENDATIONS\n      <\/span>\n\n      <h2>\n        WHAT THEY SAY ABOUT SUNNYSIDE\n      <\/h2>\n\n      <div class=\"ss-rs-header-line\"><\/div>\n\n      <p>\n        Long-standing relationships built on professionalism, reliability,\n        service quality, and trusted collaboration.\n      <\/p>\n\n    <\/header>\n\n\n\n    <!-- =====================================================\n         RECOMMENDATION LETTERS\n    ====================================================== -->\n    <section class=\"ss-rs-block ss-rs-letters-block\">\n\n      <div class=\"ss-rs-block-head\">\n\n        <div class=\"ss-rs-block-title-wrap\">\n\n          <span class=\"ss-rs-block-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n\n              <path\n                d=\"M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9Z\"\n              ><\/path>\n\n              <path d=\"M14 3v6h6\"><\/path>\n\n              <path d=\"M8 13h8\"><\/path>\n\n              <path d=\"M8 17h6\"><\/path>\n\n            <\/svg>\n\n          <\/span>\n\n\n          <div>\n\n            <h3>\n              RECOMMENDATION LETTERS\n            <\/h3>\n\n            <p>\n              Formal recommendations from clients and business partners.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           LETTERS CAROUSEL\n      ==================================================== -->\n      <div\n        class=\"ss-rs-carousel ss-rs-letters-carousel\"\n        tabindex=\"0\"\n        aria-label=\"Recommendation letters carousel\"\n      >\n\n\n        <!-- PREVIOUS -->\n        <button\n          type=\"button\"\n          class=\"ss-rs-arrow ss-rs-prev\"\n          aria-label=\"Previous recommendation letter\"\n        >\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"m15 18-6-6 6-6\"><\/path>\n          <\/svg>\n\n        <\/button>\n\n\n\n        <!-- VIEWPORT -->\n        <div class=\"ss-rs-viewport\">\n\n          <div class=\"ss-rs-track\">\n\n\n            <!-- =============================================\n                 LETTER 1\n            ============================================== -->\n            <div\n              class=\"ss-rs-slide ss-rs-letter-slide\"\n              data-ss-index=\"0\"\n            >\n\n              <div class=\"ss-rs-letter-card\">\n\n                <img\n                  src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/Marplay.png\"\n                  alt=\"Recommendation letter for Sunnyside DMC Services\"\n                  loading=\"eager\"\n                  decoding=\"async\"\n                  draggable=\"false\"\n                >\n\n              <\/div>\n\n            <\/div>\n\n\n            <!-- =============================================\n                 LETTER CLAUDIA\n            ============================================== -->\n            <div\n              class=\"ss-rs-slide ss-rs-letter-slide\"\n              data-ss-index=\"1\"\n            >\n\n              <div class=\"ss-rs-letter-card\">\n\n                <img\n                  src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/08\/imagen_2026-08-25_181741905.png\"\n                  alt=\"Recommendation letter for Sunnyside DMC Services\"\n                  loading=\"eager\"\n                  decoding=\"async\"\n                  draggable=\"false\"\n                >\n\n              <\/div>\n\n            <\/div>\n\n\n\n\n            <!-- =============================================\n                 LETTER 2\n            ============================================== -->\n            <div\n              class=\"ss-rs-slide ss-rs-letter-slide\"\n              data-ss-index=\"1\"\n            >\n\n              <div class=\"ss-rs-letter-card\">\n\n                <img\n                  src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/11\/imagen_2025-11-07_144620705.png\"\n                  alt=\"Recommendation letter for Sunnyside DMC Services\"\n                  loading=\"eager\"\n                  decoding=\"async\"\n                  draggable=\"false\"\n                >\n\n              <\/div>\n\n            <\/div>\n <!-- =============================================\n                 LETTER EVALUZ\n            ============================================== -->\n            <div\n              class=\"ss-rs-slide ss-rs-letter-slide\"\n              data-ss-index=\"1\"\n            >\n\n              <div class=\"ss-rs-letter-card\">\n\n                <img\n                  src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/09\/imagen_2026-09-01_125324845.png\"\n                  alt=\"Recommendation letter for Sunnyside DMC Services\"\n                  loading=\"eager\"\n                  decoding=\"async\"\n                  draggable=\"false\"\n                >\n\n              <\/div>\n\n            <\/div>\n\n\n\n\n\n<!-- =============================================\n                 LETTER 3\n            ============================================== -->\n            <div\n              class=\"ss-rs-slide ss-rs-letter-slide\"\n              data-ss-index=\"0\"\n            >\n\n              <div class=\"ss-rs-letter-card\">\n\n                <img\n                  src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/08\/imagen_2026-08-19_140246347.png\"\n                  alt=\"Recommendation letter for Sunnyside DMC Services\"\n                  loading=\"eager\"\n                  decoding=\"async\"\n                  draggable=\"false\"\n                >\n\n              <\/div>\n\n            <\/div>\n\n\n\n\n\n\n\n            <!-- =================================================\n                 ADD FUTURE LETTERS LIKE THIS:\n\n            <div\n              class=\"ss-rs-slide ss-rs-letter-slide\"\n              data-ss-index=\"2\"\n            >\n\n              <div class=\"ss-rs-letter-card\">\n\n                <img\n                  src=\"YOUR-LETTER-IMAGE.jpg\"\n                  alt=\"Recommendation letter for Sunnyside DMC Services\"\n                  loading=\"lazy\"\n                  decoding=\"async\"\n                  draggable=\"false\"\n                >\n\n              <\/div>\n\n            <\/div>\n\n            IMPORTANT:\n            Increase data-ss-index:\n            2, 3, 4, 5...\n            ================================================= -->\n\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- NEXT -->\n        <button\n          type=\"button\"\n          class=\"ss-rs-arrow ss-rs-next\"\n          aria-label=\"Next recommendation letter\"\n        >\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"m9 18 6-6-6-6\"><\/path>\n          <\/svg>\n\n        <\/button>\n\n      <\/div>\n\n\n      <div class=\"ss-rs-dots\"><\/div>\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         TESTIMONIALS\n    ====================================================== -->\n    <section class=\"ss-rs-block ss-rs-testimonials-block\">\n\n      <div class=\"ss-rs-block-head\">\n\n        <div class=\"ss-rs-block-title-wrap\">\n\n          <span class=\"ss-rs-block-icon\">\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n\n              <path\n                d=\"M10 11H6a2 2 0 0 0-2 2v1a4 4 0 0 0 4 4h1\"\n              ><\/path>\n\n              <path\n                d=\"M20 11h-4a2 2 0 0 0-2 2v1a4 4 0 0 0 4 4h1\"\n              ><\/path>\n\n              <path\n                d=\"M10 11V8a3 3 0 0 1 3-3\"\n              ><\/path>\n\n              <path\n                d=\"M20 11V8a3 3 0 0 1 3-3\"\n              ><\/path>\n\n            <\/svg>\n\n          <\/span>\n\n\n          <div>\n\n            <h3>\n              CLIENT &amp; PARTNER TESTIMONIALS\n            <\/h3>\n\n            <p>\n              Words from tourism, meetings, events, and destination professionals.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           TESTIMONIALS CAROUSEL\n      ==================================================== -->\n      <div\n        class=\"ss-rs-carousel ss-rs-testimonials-carousel\"\n        tabindex=\"0\"\n        aria-label=\"Client and partner testimonials carousel\"\n      >\n\n\n        <!-- PREVIOUS -->\n        <button\n          type=\"button\"\n          class=\"ss-rs-arrow ss-rs-prev\"\n          aria-label=\"Previous testimonial\"\n        >\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"m15 18-6-6 6-6\"><\/path>\n          <\/svg>\n\n        <\/button>\n\n\n\n        <!-- VIEWPORT -->\n        <div class=\"ss-rs-viewport\">\n\n          <div class=\"ss-rs-track\">\n\n\n            <!-- =============================================\n                 TESTIMONIAL 1\n                 PEDRO CASTEL\u00c1N REYNA\n            ============================================== -->\n            <div\n              class=\"ss-rs-slide ss-rs-testimonial-slide\"\n              data-ss-index=\"0\"\n            >\n\n              <article class=\"ss-rs-testimonial-card\">\n\n                <div\n                  class=\"ss-rs-quote-mark\"\n                  aria-hidden=\"true\"\n                >\n                  &ldquo;\n                <\/div>\n\n\n                <p class=\"ss-rs-testimonial-text\">\n\n                  I would like to take this opportunity to express my recognition\n                  of Sunnyside DMC Services, with whom I have had the opportunity\n                  to collaborate on several occasions in the tourist destination\n                  of Ixtapa-Zihuatanejo.\n\n                  During this time, I have witnessed their professionalism,\n                  commitment, and high level of service in tourist transportation\n                  operations and in serving both national and international visitors.\n\n                  Sunnyside DMC stands out for its track record of excellence,\n                  punctuality, vehicles maintained in optimal condition, and highly\n                  trained, uniformed staff, ensuring a safe and high-quality\n                  experience for our visitors.\n\n                  For these reasons, I highly recommend Sunnyside DMC as a reliable\n                  and professional partner in the tourism sector, confident that\n                  their involvement adds value to any project or collaboration\n                  in the destination.\n\n                <\/p>\n\n\n                <div class=\"ss-rs-testimonial-footer\">\n\n                  <div class=\"ss-rs-testimonial-author\">\n\n                    <strong>\n                      Pedro Castel\u00e1n Reyna\n                    <\/strong>\n\n                    <span>\n                      Executive Director\n                    <\/span>\n\n                    <em>\n                      Ixtapa-Zihuatanejo Convention &amp; Visitors Bureau \u2013 OCVIZ\n                    <\/em>\n\n                  <\/div>\n\n                <\/div>\n\n              <\/article>\n\n            <\/div>\n            \n            \n            <!-- =============================================\n                 TESTIMONIAL EVALUZ\n            ============================================== -->\n            <div\n              class=\"ss-rs-slide ss-rs-testimonial-slide\"\n              data-ss-index=\"1\"\n            >\n\n              <article class=\"ss-rs-testimonial-card\">\n\n                <div\n                  class=\"ss-rs-quote-mark\"\n                  aria-hidden=\"true\"\n                >\n                  &ldquo;\n                <\/div>\n\n\n                <p class=\"ss-rs-testimonial-text\">\nTo Whom It May Concern, I am writing to highly recommend SUNNYSIDE DMC, a company I have worked with for several years. They have consistently provided transportation and tour services for my clients and their guests in Ixtapa Zihuatanejo.Throughout this time, I have experienced firsthand their professionalism, punctuality, and commitment in every service they deliver. Their team stands out for offering friendly and efficient customer service, as well as for the care and responsibility with which they handle transportation logistics and various activities and tours.For me, it is essential to rely on trustworthy suppliers that allow me to offer my clients high-quality service and a great experience at the destination. SUNNYSIDE DMC has proven to be a company I can fully depend on.For these reasons, I highly recommend them without reservation for transportation services, tours, and group and event coordination.Please feel free to contact me should you require any additional information.Sincerely,\n                <\/p>\n\n\n                <div class=\"ss-rs-testimonial-footer\">\n\n                  <div class=\"ss-rs-testimonial-author\">\n\n                    <strong>\n                     Eva Luz Ramirez\n                    <\/strong>\n\n                    <span>\n                    CEO Eva Luz Ram\u00edrez WP\n                    <\/span>\n\n                    <em>\n                     Eva Luz Ram\u00edrez WP\n                    <\/em>\n\n                  <\/div>\n\n                <\/div>\n\n              <\/article>\n\n            <\/div>\n\n\n\n            <!-- =============================================\n                 TESTIMONIAL 2\n                 GUADALUPE \u00c1VILA\n            ============================================== -->\n            <div\n              class=\"ss-rs-slide ss-rs-testimonial-slide\"\n              data-ss-index=\"1\"\n            >\n\n              <article class=\"ss-rs-testimonial-card\">\n\n                <div\n                  class=\"ss-rs-quote-mark\"\n                  aria-hidden=\"true\"\n                >\n                  &ldquo;\n                <\/div>\n\n\n                <p class=\"ss-rs-testimonial-text\">\n\n                  It is a great pleasure to highly recommend Sunnyside DMC,\n                  a company with which I have had the pleasure of collaborating\n                  on multiple occasions throughout my career in the tourism\n                  and events sector.\n\n                  As a hotelier and current Commercial Director at WHM Events,\n                  I have worked with numerous transportation and logistics\n                  providers, and I can state with full confidence that Sunnyside\n                  DMC is a reliable, professional, and expert partner in their field.\n\n                  Their team stands out for excellent coordination, punctuality,\n                  personalized attention, and a strong commitment to service quality,\n                  both for corporate groups and special events, as well as for\n                  individual clients requiring private transfers or customized excursions.\n\n                  In every project, they have demonstrated great responsiveness,\n                  attention to detail, and a proactive attitude that ensures\n                  client satisfaction.\n\n                  For these reasons, I consider Sunnyside DMC a strategic partner\n                  for any company in the tourism sector seeking comprehensive\n                  transportation and logistics solutions with high service standards.\n\n                <\/p>\n\n\n                <div class=\"ss-rs-testimonial-footer\">\n\n                  <div class=\"ss-rs-testimonial-author\">\n\n                    <strong>\n                      Guadalupe \u00c1vila\n                    <\/strong>\n\n                    <span>\n                      Commercial Director at WHM Events\n                    <\/span>\n\n                    <em>\n                      President of MPI Mexican Caribbean 2026\n                    <\/em>\n\n                  <\/div>\n\n                <\/div>\n\n              <\/article>\n\n            <\/div>\n\n<!-- =============================================\n                 TESTIMONIAL\n                 CLAUDIA CRUZ \n            ============================================== -->\n            <div\n              class=\"ss-rs-slide ss-rs-testimonial-slide\"\n              data-ss-index=\"1\"\n            >\n\n              <article class=\"ss-rs-testimonial-card\">\n\n                <div\n                  class=\"ss-rs-quote-mark\"\n                  aria-hidden=\"true\"\n                >\n                  &ldquo;\n                <\/div>\n\n\n                <p class=\"ss-rs-testimonial-text\">\n\n                 It is my pleasure to highly recommend SUNNYYSIDE DMC, who collaborated in the organization of the Terumo Kick Of, held from June 22 to 27, 2026, in Ixtapa-Zihuatanejo.\n\nThroughout their service, they demonstrated a high level of professionalism, honesty, and commitment. Their main responsibilities included the logistics and coordination of transfers, tours, and team-building activities, all of which were carried out with complete efficiency. I would also like to highlight their kindness and excellent customer service.\n\nFor these reasons, I fully and unreservedly recommend them.\n\nI remain at your disposal should you require any additional information or wish to verify any of the information provided herein.\n\n\n                <\/p>\n\n\n                <div class=\"ss-rs-testimonial-footer\">\n\n                  <div class=\"ss-rs-testimonial-author\">\n\n                    <strong>\n                     Claudia Cruz\n                    <\/strong>\n\n                    <span>\n                     General Director \n                    <\/span>\n\n                    <em>\n                     CP Meetings&Events\n                    <\/em>\n\n                  <\/div>\n\n                <\/div>\n\n              <\/article>\n\n            <\/div>\n\n\n\n            <!-- =============================================\n                 TESTIMONIAL 3\n                 FRANCISCO CACHAFEIRO\n            ============================================== -->\n            <div\n              class=\"ss-rs-slide ss-rs-testimonial-slide\"\n              data-ss-index=\"2\"\n            >\n\n              <article class=\"ss-rs-testimonial-card\">\n\n                <div\n                  class=\"ss-rs-quote-mark\"\n                  aria-hidden=\"true\"\n                >\n                  &ldquo;\n                <\/div>\n\n\n                <p class=\"ss-rs-testimonial-text\">\n\n                  I would like to take this opportunity to express my sincerest\n                  recommendation for Sunnyside DMC, a company with which we have\n                  had the pleasure of collaborating on various transportation and\n                  tourism logistics services in the Mexican Caribbean and primarily\n                  in Ixtapa-Zihuatanejo.\n\n                  As a business owner and representative of Corad Meeting Planner,\n                  I have had the opportunity to work with multiple providers in the\n                  sector, and I can state with full confidence that Sunnyside DMC\n                  stands out for its professionalism, punctuality, and personalized\n                  attention.\n\n                  Their team of drivers and coordinators consistently demonstrates\n                  an exceptional service mindset, taking care of every detail to\n                  ensure safe, comfortable, and high-quality experiences.\n\n                  In every project, they have shown commitment, flexibility, and\n                  a high level of organization, perfectly adapting to the needs\n                  of our clients and events.\n\n                  For these reasons, I highly recommend Sunnyside DMC as a reliable\n                  partner for any company or individual seeking tourism transportation\n                  or professional logistics services.\n\n                  Without a doubt, they will continue to be our strategic partners\n                  in future projects.\n\n                <\/p>\n\n\n                <div class=\"ss-rs-testimonial-footer\">\n\n                  <div class=\"ss-rs-testimonial-author\">\n\n                    <strong>\n                      Francisco Cachafeiro\n                    <\/strong>\n\n                    <span>\n                      Founding Partner\n                    <\/span>\n\n                    <em>\n                      Corad Meeting Planner\n                    <\/em>\n\n                  <\/div>\n\n                <\/div>\n\n              <\/article>\n\n            <\/div>\n\n\n\n            <!-- =============================================\n                 TESTIMONIAL 4\n                 MARIA DEL ROSARIO ACOSTA\n            ============================================== -->\n            <div\n              class=\"ss-rs-slide ss-rs-testimonial-slide\"\n              data-ss-index=\"3\"\n            >\n\n              <article class=\"ss-rs-testimonial-card\">\n\n                <div\n                  class=\"ss-rs-quote-mark\"\n                  aria-hidden=\"true\"\n                >\n                  &ldquo;\n                <\/div>\n\n\n                <p class=\"ss-rs-testimonial-text\">\n\n                  It is my pleasure to write this professional letter of\n                  recommendation on behalf of Sunnyside DMC, with whom I have\n                  had the pleasure of collaborating on the various services\n                  they provide in Ixtapa-Zihuatanejo and throughout Mexico.\n\n                  Over the course of our 16-year business relationship and\n                  collaboration, they have consistently strengthened and\n                  supported my services.\n\n                  During this time, they have demonstrated outstanding\n                  professionalism, a high level of commitment, and strong\n                  work ethics in every service I have required.\n\n                  I would particularly like to highlight their prompt responsiveness\n                  and their consistent ability to meet the highest standards while\n                  proactively adapting to our operational needs.\n\n                  For all these reasons, I have no hesitation in recommending\n                  Sunnyside DMC as a reliable, highly professional, and strategic\n                  partner for any organization seeking their services.\n\n                  Please feel free to contact me should you require any additional\n                  information or more specific references regarding our experience\n                  working with them.\n\n                <\/p>\n\n\n                <div class=\"ss-rs-testimonial-footer\">\n\n                  <div class=\"ss-rs-testimonial-author\">\n\n                    <strong>\n                      Maria del Rosario Acosta\n                    <\/strong>\n\n                    <span>\n                      General Director\n                    <\/span>\n<em>\n                     Viajes Marplay\n                    <\/em>\n                  <\/div>\n\n                <\/div>\n\n              <\/article>\n\n            <\/div>\n\n\n          <\/div>\n\n        <\/div>\n\n\n\n        <!-- NEXT -->\n        <button\n          type=\"button\"\n          class=\"ss-rs-arrow ss-rs-next\"\n          aria-label=\"Next testimonial\"\n        >\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"m9 18 6-6-6-6\"><\/path>\n          <\/svg>\n\n        <\/button>\n\n      <\/div>\n\n\n      <div class=\"ss-rs-dots\"><\/div>\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         TRUST FOOTER\n    ====================================================== -->\n    <div class=\"ss-rs-footer-note\">\n\n      <span class=\"ss-rs-footer-icon\">\n\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n\n          <path\n            d=\"M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11Z\"\n          ><\/path>\n\n          <path\n            d=\"m9 12 2 2 4-4\"\n          ><\/path>\n\n        <\/svg>\n\n      <\/span>\n\n\n      <p>\n        Built on long-term collaboration, professional service,\n        operational reliability, and trusted partnerships.\n      <\/p>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   COMPLETE ISOLATION\n========================================================= *\/\n\n#ss-recommendations-showcase,\n#ss-recommendations-showcase * {\n  box-sizing: border-box;\n}\n\n\n\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\n#ss-recommendations-showcase {\n\n  --ss-rs-navy: #0c2b59;\n  --ss-rs-green: #1e9e44;\n  --ss-rs-green-dark: #147d34;\n  --ss-rs-green-soft: #eef8f0;\n\n  --ss-rs-text: #4b5b72;\n  --ss-rs-muted: #7a8698;\n  --ss-rs-border: #e4eaf0;\n\n  width: 100%;\n\n  position: relative;\n\n  overflow: hidden;\n\n  padding:\n    72px 32px 58px;\n\n  color:\n    var(--ss-rs-navy);\n\n  background:\n    radial-gradient(\n      circle at 92% 5%,\n      rgba(12,43,89,.045),\n      transparent 29%\n    ),\n    radial-gradient(\n      circle at 4% 74%,\n      rgba(30,158,68,.035),\n      transparent 25%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #fbfcfd 100%\n    );\n\n  font-family:\n    \"Poppins\",\n    \"Helvetica Neue\",\n    Helvetica,\n    Arial,\n    sans-serif;\n}\n\n\n\n\/* =========================================================\n   SHELL\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-shell {\n\n  width: 100%;\n\n  max-width:\n    1380px;\n\n  margin:\n    0 auto;\n}\n\n\n\n\/* =========================================================\n   MAIN HEADER\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-main-header {\n\n  width:\n    100%;\n\n  max-width:\n    1000px;\n\n  margin:\n    0 auto 58px;\n\n  text-align:\n    center;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-eyebrow {\n\n  display:\n    block;\n\n  margin:\n    0 0 13px;\n\n  color:\n    var(--ss-rs-green);\n\n  font-size:\n    12px;\n\n  line-height:\n    1;\n\n  font-weight:\n    800;\n\n  letter-spacing:\n    3.5px;\n\n  text-transform:\n    uppercase;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-main-header h2 {\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  color:\n    var(--ss-rs-navy);\n\n  font-size:\n    clamp(\n      34px,\n      4.2vw,\n      58px\n    );\n\n  line-height:\n    1.03;\n\n  font-weight:\n    800;\n\n  letter-spacing:\n    -1.8px;\n\n  text-transform:\n    uppercase;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-header-line {\n\n  width:\n    78px;\n\n  height:\n    4px;\n\n  margin:\n    21px auto;\n\n  border-radius:\n    100px;\n\n  background:\n    linear-gradient(\n      90deg,\n      #178c3d,\n      #31b85b\n    );\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-main-header p {\n\n  max-width:\n    760px;\n\n  margin:\n    0 auto;\n\n  color:\n    var(--ss-rs-text);\n\n  font-size:\n    15px;\n\n  line-height:\n    1.75;\n}\n\n\n\n\/* =========================================================\n   BLOCKS\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-block {\n\n  width:\n    100%;\n\n  margin:\n    0 0 62px;\n\n  position:\n    relative;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-testimonials-block {\n\n  margin-bottom:\n    0;\n}\n\n\n\n\/* =========================================================\n   BLOCK HEADER\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-block-head {\n\n  width:\n    100%;\n\n  margin:\n    0 0 23px;\n\n  padding:\n    0 8px;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-block-title-wrap {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    14px;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-block-icon {\n\n  width:\n    45px;\n\n  height:\n    45px;\n\n  flex:\n    0 0 45px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  border-radius:\n    50%;\n\n  color:\n    var(--ss-rs-green);\n\n  background:\n    var(--ss-rs-green-soft);\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-block-icon svg {\n\n  width:\n    22px;\n\n  height:\n    22px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.8;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-block-title-wrap h3 {\n\n  margin:\n    0 0 4px;\n\n  color:\n    var(--ss-rs-navy);\n\n  font-size:\n    18px;\n\n  line-height:\n    1.25;\n\n  font-weight:\n    800;\n\n  letter-spacing:\n    .3px;\n\n  text-transform:\n    uppercase;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-block-title-wrap p {\n\n  margin:\n    0;\n\n  color:\n    var(--ss-rs-muted);\n\n  font-size:\n    13px;\n\n  line-height:\n    1.5;\n}\n\n\n\n\/* =========================================================\n   CAROUSEL\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-carousel {\n\n  width:\n    100%;\n\n  position:\n    relative;\n\n  outline:\n    none;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-viewport {\n\n  width:\n    100%;\n\n  position:\n    relative;\n\n  overflow:\n    hidden;\n\n  padding:\n    8px 0 12px;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-track {\n\n  width:\n    100%;\n\n  display:\n    flex;\n\n  align-items:\n    stretch;\n\n  gap:\n    20px;\n\n  transform:\n    translate3d(0,0,0);\n\n  transition:\n    transform .60s\n    cubic-bezier(.22,.61,.36,1);\n\n  will-change:\n    transform;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-track.ss-rs-no-transition {\n\n  transition:\n    none !important;\n}\n\n\n\n\/* =========================================================\n   GENERIC SLIDE\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-slide {\n\n  min-width:\n    0;\n\n  flex:\n    0 0 auto;\n}\n\n\n\n\/* =========================================================\n   LETTERS\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-letter-slide {\n\n  display:\n    flex;\n\n  align-items:\n    stretch;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-letter-card {\n\n  width:\n    100%;\n\n  height:\n    470px;\n\n  position:\n    relative;\n\n  overflow:\n    hidden;\n\n  padding:\n    15px;\n\n  border:\n    1px solid\n    var(--ss-rs-border);\n\n  border-radius:\n    18px;\n\n  background:\n    #ffffff;\n\n  box-shadow:\n    0 11px 32px\n    rgba(12,43,89,.065);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-letter-card:hover {\n\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 20px 44px\n    rgba(12,43,89,.11);\n}\n\n\n\n\/* =========================================================\n   LETTER IMAGE\n   EXTRA PROTECTION AGAINST ELEMENTOR \/ WP CSS\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-letter-card img {\n\n  width:\n    100% !important;\n\n  height:\n    100% !important;\n\n  min-width:\n    0 !important;\n\n  max-width:\n    100% !important;\n\n  min-height:\n    0 !important;\n\n  max-height:\n    100% !important;\n\n  position:\n    static !important;\n\n  display:\n    block !important;\n\n  visibility:\n    visible !important;\n\n  opacity:\n    1 !important;\n\n  transform:\n    none !important;\n\n  filter:\n    none !important;\n\n  clip:\n    auto !important;\n\n  clip-path:\n    none !important;\n\n  object-fit:\n    contain !important;\n\n  object-position:\n    center center !important;\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  border:\n    0 !important;\n\n  border-radius:\n    10px;\n\n  background:\n    #ffffff;\n\n  user-select:\n    none;\n\n  -webkit-user-drag:\n    none;\n}\n\n\n\n\/* =========================================================\n   TESTIMONIALS\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-slide {\n\n  display:\n    flex;\n\n  align-items:\n    stretch;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-card {\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  min-height:\n    600px;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  padding:\n    29px 28px 27px;\n\n  border:\n    1px solid\n    var(--ss-rs-border);\n\n  border-radius:\n    18px;\n\n  background:\n    #ffffff;\n\n  box-shadow:\n    0 11px 30px\n    rgba(12,43,89,.06);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-card:hover {\n\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 20px 44px\n    rgba(12,43,89,.11);\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-quote-mark {\n\n  height:\n    48px;\n\n  margin:\n    0 0 9px;\n\n  color:\n    var(--ss-rs-green);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    73px;\n\n  line-height:\n    .82;\n\n  font-weight:\n    700;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-text {\n\n  margin:\n    0 0 22px;\n\n  color:\n    var(--ss-rs-text);\n\n  font-size:\n    13px;\n\n  line-height:\n    1.72;\n\n  font-style:\n    italic;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-footer {\n\n  margin-top:\n    auto;\n\n  padding-top:\n    19px;\n\n  position:\n    relative;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-footer::before {\n\n  content:\n    \"\";\n\n  width:\n    43px;\n\n  height:\n    3px;\n\n  position:\n    absolute;\n\n  top:\n    0;\n\n  left:\n    0;\n\n  border-radius:\n    100px;\n\n  background:\n    var(--ss-rs-green);\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-author strong {\n\n  display:\n    block;\n\n  margin:\n    0 0 4px;\n\n  color:\n    var(--ss-rs-navy);\n\n  font-size:\n    15px;\n\n  line-height:\n    1.3;\n\n  font-weight:\n    800;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-author span {\n\n  display:\n    block;\n\n  color:\n    #667386;\n\n  font-size:\n    11px;\n\n  line-height:\n    1.45;\n\n  font-weight:\n    500;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-author em {\n\n  display:\n    block;\n\n  margin-top:\n    5px;\n\n  color:\n    var(--ss-rs-green-dark);\n\n  font-size:\n    11px;\n\n  line-height:\n    1.4;\n\n  font-style:\n    normal;\n\n  font-weight:\n    700;\n}\n\n\n\n\/* =========================================================\n   ARROWS\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-arrow {\n\n  width:\n    45px;\n\n  height:\n    45px;\n\n  position:\n    absolute;\n\n  top:\n    50%;\n\n  z-index:\n    50;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  padding:\n    0;\n\n  border:\n    1px solid\n    var(--ss-rs-border);\n\n  border-radius:\n    50%;\n\n  color:\n    var(--ss-rs-navy);\n\n  background:\n    rgba(255,255,255,.98);\n\n  box-shadow:\n    0 8px 24px\n    rgba(12,43,89,.11);\n\n  cursor:\n    pointer;\n\n  transform:\n    translateY(-50%);\n\n  transition:\n    color .25s ease,\n    background .25s ease,\n    transform .25s ease;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-arrow:hover {\n\n  color:\n    #ffffff;\n\n  background:\n    var(--ss-rs-navy);\n\n  transform:\n    translateY(-50%)\n    scale(1.07);\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-arrow svg {\n\n  width:\n    19px;\n\n  height:\n    19px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    2;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-prev {\n\n  left:\n    -14px;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-next {\n\n  right:\n    -14px;\n}\n\n\n\n\/* =========================================================\n   STATIC CAROUSEL\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-carousel.ss-rs-static\n.ss-rs-arrow {\n\n  display:\n    none !important;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-carousel.ss-rs-static\n+\n.ss-rs-dots {\n\n  display:\n    none !important;\n}\n\n\n\n\/* =========================================================\n   DOTS\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-dots {\n\n  min-height:\n    18px;\n\n  margin:\n    17px 0 0;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    8px;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-dot {\n\n  width:\n    8px;\n\n  height:\n    8px;\n\n  padding:\n    0;\n\n  border:\n    0;\n\n  border-radius:\n    50%;\n\n  background:\n    #c9d2de;\n\n  cursor:\n    pointer;\n\n  transition:\n    width .25s ease,\n    background .25s ease,\n    border-radius .25s ease;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-dot.is-active {\n\n  width:\n    29px;\n\n  border-radius:\n    20px;\n\n  background:\n    var(--ss-rs-navy);\n}\n\n\n\n\/* =========================================================\n   TRUST FOOTER\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-footer-note {\n\n  width:\n    100%;\n\n  margin:\n    42px 0 0;\n\n  padding:\n    18px 23px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  gap:\n    14px;\n\n  border:\n    1px solid\n    var(--ss-rs-border);\n\n  border-radius:\n    16px;\n\n  background:\n    #f8fafc;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-footer-icon {\n\n  width:\n    40px;\n\n  height:\n    40px;\n\n  flex:\n    0 0 40px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  border-radius:\n    50%;\n\n  color:\n    var(--ss-rs-green);\n\n  background:\n    var(--ss-rs-green-soft);\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-footer-icon svg {\n\n  width:\n    20px;\n\n  height:\n    20px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.9;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n}\n\n\n\n#ss-recommendations-showcase\n.ss-rs-footer-note p {\n\n  margin:\n    0;\n\n  color:\n    var(--ss-rs-text);\n\n  font-size:\n    13px;\n\n  line-height:\n    1.6;\n\n  text-align:\n    center;\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:900px){\n\n  #ss-recommendations-showcase {\n\n    padding:\n      60px 18px 50px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-letter-card {\n\n    height:\n      390px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonial-card {\n\n    min-height:\n      570px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-prev {\n\n    left:\n      5px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-next {\n\n    right:\n      5px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n  #ss-recommendations-showcase {\n\n    padding:\n      48px 13px 42px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-main-header {\n\n    margin-bottom:\n      39px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-eyebrow {\n\n    font-size:\n      10px;\n\n    letter-spacing:\n      2.7px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-main-header h2 {\n\n    font-size:\n      31px;\n\n    line-height:\n      1.07;\n\n    letter-spacing:\n      -.9px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-main-header p {\n\n    font-size:\n      14px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-block {\n\n    margin-bottom:\n      49px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-block-title-wrap {\n\n    gap:\n      11px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-block-icon {\n\n    width:\n      40px;\n\n    height:\n      40px;\n\n    flex-basis:\n      40px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-block-title-wrap h3 {\n\n    font-size:\n      14px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-block-title-wrap p {\n\n    font-size:\n      11px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-letter-card {\n\n    height:\n      440px;\n\n    padding:\n      10px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonial-card {\n\n    min-height:\n      0;\n\n    padding:\n      25px 23px 23px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonial-text {\n\n    font-size:\n      13px;\n\n    line-height:\n      1.7;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-arrow {\n\n    width:\n      39px;\n\n    height:\n      39px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-prev {\n\n    left:\n      5px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-next {\n\n    right:\n      5px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-footer-note {\n\n    align-items:\n      flex-start;\n\n    padding:\n      16px;\n  }\n\n\n  #ss-recommendations-showcase\n  .ss-rs-footer-note p {\n\n    text-align:\n      left;\n\n    font-size:\n      12px;\n  }\n\n}\n\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  #ss-recommendations-showcase\n  .ss-rs-track,\n\n  #ss-recommendations-showcase\n  .ss-rs-letter-card,\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonial-card {\n\n    transition:\n      none !important;\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function(){\n\n  \"use strict\";\n\n\n  \/* =========================================================\n     ROOT\n  ========================================================= *\/\n\n  const root =\n    document.getElementById(\n      \"ss-recommendations-showcase\"\n    );\n\n\n  if(!root){\n    return;\n  }\n\n\n  if(\n    root.dataset.ssSimpleCarousel ===\n    \"true\"\n  ){\n    return;\n  }\n\n\n  root.dataset.ssSimpleCarousel =\n    \"true\";\n\n\n\n  \/* =========================================================\n     SIMPLE ELEMENTOR-SAFE CAROUSEL\n\n     IMPORTANT:\n     THIS SCRIPT NEVER:\n     - CLEARS THE TRACK\n     - CLONES IMAGES\n     - RECREATES IMAGES\n     - REPLACES IMAGE NODES\n\n     IT ONLY REORDERS EXISTING SLIDES.\n  ========================================================= *\/\n\n  function createSafeCarousel(\n    carousel,\n    type\n  ){\n\n    if(!carousel){\n      return;\n    }\n\n\n    const viewport =\n      carousel.querySelector(\n        \".ss-rs-viewport\"\n      );\n\n\n    const track =\n      carousel.querySelector(\n        \".ss-rs-track\"\n      );\n\n\n    const previousButton =\n      carousel.querySelector(\n        \".ss-rs-prev\"\n      );\n\n\n    const nextButton =\n      carousel.querySelector(\n        \".ss-rs-next\"\n      );\n\n\n    const dotsContainer =\n      carousel.nextElementSibling;\n\n\n    if(\n      !viewport ||\n      !track ||\n      !previousButton ||\n      !nextButton ||\n      !dotsContainer\n    ){\n      return;\n    }\n\n\n\n    \/* =====================================================\n       ORIGINAL COUNT\n    ====================================================== *\/\n\n    const originalCount =\n      track.children.length;\n\n\n    if(\n      originalCount === 0\n    ){\n      return;\n    }\n\n\n\n    let visibleItems =\n      1;\n\n\n    let slideWidth =\n      0;\n\n\n    let slideStep =\n      0;\n\n\n    let autoplayTimer =\n      null;\n\n\n    let resizeTimer =\n      null;\n\n\n    let isAnimating =\n      false;\n\n\n    const GAP =\n      20;\n\n\n\n    \/* =====================================================\n       RESPONSIVE NUMBER OF ITEMS\n    ====================================================== *\/\n\n    function getVisibleItems(){\n\n      if(\n        window.innerWidth <= 600\n      ){\n        return 1;\n      }\n\n\n      if(\n        type === \"letters\"\n      ){\n        return 2;\n      }\n\n\n      if(\n        window.innerWidth <= 900\n      ){\n        return 2;\n      }\n\n\n      return 3;\n\n    }\n\n\n\n    \/* =====================================================\n       CURRENT ORIGINAL INDEX\n    ====================================================== *\/\n\n    function getCurrentIndex(){\n\n      const firstSlide =\n        track.firstElementChild;\n\n\n      if(!firstSlide){\n        return 0;\n      }\n\n\n      const value =\n        parseInt(\n          firstSlide.getAttribute(\n            \"data-ss-index\"\n          ),\n          10\n        );\n\n\n      return Number.isFinite(value)\n        ? value\n        : 0;\n\n    }\n\n\n\n    \/* =====================================================\n       CREATE DOTS\n    ====================================================== *\/\n\n    function createDots(){\n\n      dotsContainer.innerHTML =\n        \"\";\n\n\n      if(\n        originalCount <=\n        visibleItems\n      ){\n        return;\n      }\n\n\n      for(\n        let index = 0;\n        index < originalCount;\n        index++\n      ){\n\n        const dot =\n          document.createElement(\n            \"button\"\n          );\n\n\n        dot.type =\n          \"button\";\n\n\n        dot.className =\n          \"ss-rs-dot\";\n\n\n        dot.setAttribute(\n          \"aria-label\",\n          \"Show item \" +\n          (index + 1)\n        );\n\n\n        dot.addEventListener(\n          \"click\",\n          function(){\n\n            goToIndex(\n              index\n            );\n\n\n            restartAutoplay();\n\n          }\n        );\n\n\n        dotsContainer.appendChild(\n          dot\n        );\n\n      }\n\n\n      updateDots();\n\n    }\n\n\n\n    \/* =====================================================\n       UPDATE DOT\n    ====================================================== *\/\n\n    function updateDots(){\n\n      const activeIndex =\n        getCurrentIndex();\n\n\n      Array.from(\n        dotsContainer.children\n      ).forEach(\n        function(dot,index){\n\n          dot.classList.toggle(\n            \"is-active\",\n            index ===\n            activeIndex\n          );\n\n        }\n      );\n\n    }\n\n\n\n    \/* =====================================================\n       MEASURE WIDTH\n    ====================================================== *\/\n\n    function measure(){\n\n      visibleItems =\n        getVisibleItems();\n\n\n      const viewportWidth =\n        viewport.clientWidth;\n\n\n      if(\n        viewportWidth <= 0\n      ){\n        return;\n      }\n\n\n      slideWidth =\n        (\n          viewportWidth -\n          GAP *\n          (\n            visibleItems - 1\n          )\n        ) \/\n        visibleItems;\n\n\n      slideStep =\n        slideWidth +\n        GAP;\n\n\n      Array.from(\n        track.children\n      ).forEach(\n        function(slide){\n\n          slide.style.width =\n            slideWidth +\n            \"px\";\n\n\n          slide.style.flexBasis =\n            slideWidth +\n            \"px\";\n\n        }\n      );\n\n\n      resetPosition();\n\n    }\n\n\n\n    \/* =====================================================\n       RESET POSITION\n    ====================================================== *\/\n\n    function resetPosition(){\n\n      track.classList.add(\n        \"ss-rs-no-transition\"\n      );\n\n\n      track.style.transform =\n        \"translate3d(0,0,0)\";\n\n\n      track.offsetHeight;\n\n\n      track.classList.remove(\n        \"ss-rs-no-transition\"\n      );\n\n\n      updateDots();\n\n    }\n\n\n\n    \/* =====================================================\n       NEXT\n    ====================================================== *\/\n\n    function next(){\n\n      if(\n        originalCount <=\n        visibleItems ||\n        isAnimating\n      ){\n        return;\n      }\n\n\n      isAnimating =\n        true;\n\n\n      track.style.transform =\n        \"translate3d(-\" +\n        slideStep +\n        \"px,0,0)\";\n\n    }\n\n\n\n    \/* =====================================================\n       AFTER NEXT ANIMATION\n    ====================================================== *\/\n\n    function finishNext(){\n\n      const first =\n        track.firstElementChild;\n\n\n      if(first){\n\n        track.appendChild(\n          first\n        );\n\n      }\n\n\n      track.classList.add(\n        \"ss-rs-no-transition\"\n      );\n\n\n      track.style.transform =\n        \"translate3d(0,0,0)\";\n\n\n      track.offsetHeight;\n\n\n      track.classList.remove(\n        \"ss-rs-no-transition\"\n      );\n\n\n      isAnimating =\n        false;\n\n\n      updateDots();\n\n    }\n\n\n\n    \/* =====================================================\n       PREVIOUS\n    ====================================================== *\/\n\n    function previous(){\n\n      if(\n        originalCount <=\n        visibleItems ||\n        isAnimating\n      ){\n        return;\n      }\n\n\n      isAnimating =\n        true;\n\n\n      const last =\n        track.lastElementChild;\n\n\n      if(!last){\n\n        isAnimating =\n          false;\n\n        return;\n      }\n\n\n      track.classList.add(\n        \"ss-rs-no-transition\"\n      );\n\n\n      track.insertBefore(\n        last,\n        track.firstElementChild\n      );\n\n\n      track.style.transform =\n        \"translate3d(-\" +\n        slideStep +\n        \"px,0,0)\";\n\n\n      track.offsetHeight;\n\n\n      track.classList.remove(\n        \"ss-rs-no-transition\"\n      );\n\n\n      window.requestAnimationFrame(\n        function(){\n\n          track.style.transform =\n            \"translate3d(0,0,0)\";\n\n        }\n      );\n\n    }\n\n\n\n    \/* =====================================================\n       TRANSITION END\n    ====================================================== *\/\n\n    track.addEventListener(\n      \"transitionend\",\n      function(event){\n\n        if(\n          event.propertyName !==\n          \"transform\"\n        ){\n          return;\n        }\n\n\n        const matrix =\n          window.getComputedStyle(\n            track\n          ).transform;\n\n\n        \/*\n         * If transform returned to zero,\n         * this was a PREVIOUS movement.\n         *\/\n\n        if(\n          matrix === \"none\" ||\n          matrix ===\n          \"matrix(1, 0, 0, 1, 0, 0)\"\n        ){\n\n          isAnimating =\n            false;\n\n\n          updateDots();\n\n\n          return;\n\n        }\n\n\n        \/*\n         * Otherwise this was NEXT.\n         *\/\n\n        finishNext();\n\n      }\n    );\n\n\n\n    \/* =====================================================\n       GO TO SPECIFIC INDEX\n    ====================================================== *\/\n\n    function goToIndex(\n      targetIndex\n    ){\n\n      if(\n        originalCount <=\n        visibleItems\n      ){\n        return;\n      }\n\n\n      let safety =\n        0;\n\n\n      while(\n        getCurrentIndex() !==\n        targetIndex &&\n        safety <\n        originalCount\n      ){\n\n        const first =\n          track.firstElementChild;\n\n\n        if(!first){\n          break;\n        }\n\n\n        track.appendChild(\n          first\n        );\n\n\n        safety++;\n\n      }\n\n\n      resetPosition();\n\n    }\n\n\n\n    \/* =====================================================\n       STATIC MODE\n    ====================================================== *\/\n\n    function updateStaticMode(){\n\n      visibleItems =\n        getVisibleItems();\n\n\n      if(\n        originalCount <=\n        visibleItems\n      ){\n\n        carousel.classList.add(\n          \"ss-rs-static\"\n        );\n\n      }\n\n      else{\n\n        carousel.classList.remove(\n          \"ss-rs-static\"\n        );\n\n      }\n\n    }\n\n\n\n    \/* =====================================================\n       AUTOPLAY\n    ====================================================== *\/\n\n    function stopAutoplay(){\n\n      if(\n        autoplayTimer !==\n        null\n      ){\n\n        window.clearInterval(\n          autoplayTimer\n        );\n\n\n        autoplayTimer =\n          null;\n\n      }\n\n    }\n\n\n\n    function startAutoplay(){\n\n      stopAutoplay();\n\n\n      visibleItems =\n        getVisibleItems();\n\n\n      if(\n        originalCount <=\n        visibleItems ||\n        document.hidden\n      ){\n        return;\n      }\n\n\n      const delay =\n        type === \"letters\"\n          ? 5000\n          : 6500;\n\n\n      autoplayTimer =\n        window.setInterval(\n          function(){\n\n            next();\n\n          },\n          delay\n        );\n\n    }\n\n\n\n    function restartAutoplay(){\n\n      stopAutoplay();\n\n      startAutoplay();\n\n    }\n\n\n\n    \/* =====================================================\n       BUTTONS\n    ====================================================== *\/\n\n    previousButton.addEventListener(\n      \"click\",\n      function(){\n\n        previous();\n\n        restartAutoplay();\n\n      }\n    );\n\n\n    nextButton.addEventListener(\n      \"click\",\n      function(){\n\n        next();\n\n        restartAutoplay();\n\n      }\n    );\n\n\n\n    \/* =====================================================\n       KEYBOARD\n    ====================================================== *\/\n\n    carousel.addEventListener(\n      \"keydown\",\n      function(event){\n\n        if(\n          event.key ===\n          \"ArrowRight\"\n        ){\n\n          event.preventDefault();\n\n          next();\n\n          restartAutoplay();\n\n        }\n\n\n        if(\n          event.key ===\n          \"ArrowLeft\"\n        ){\n\n          event.preventDefault();\n\n          previous();\n\n          restartAutoplay();\n\n        }\n\n      }\n    );\n\n\n\n    \/* =====================================================\n       HOVER PAUSE\n    ====================================================== *\/\n\n    carousel.addEventListener(\n      \"mouseenter\",\n      stopAutoplay\n    );\n\n\n    carousel.addEventListener(\n      \"mouseleave\",\n      startAutoplay\n    );\n\n\n\n    \/* =====================================================\n       TOUCH SWIPE\n    ====================================================== *\/\n\n    let touchStartX =\n      0;\n\n\n    carousel.addEventListener(\n      \"touchstart\",\n      function(event){\n\n        if(\n          event.changedTouches &&\n          event.changedTouches[0]\n        ){\n\n          touchStartX =\n            event.changedTouches[0]\n              .clientX;\n\n        }\n\n      },\n      {\n        passive:\n          true\n      }\n    );\n\n\n    carousel.addEventListener(\n      \"touchend\",\n      function(event){\n\n        if(\n          !event.changedTouches ||\n          !event.changedTouches[0]\n        ){\n          return;\n        }\n\n\n        const touchEndX =\n          event.changedTouches[0]\n            .clientX;\n\n\n        const distance =\n          touchEndX -\n          touchStartX;\n\n\n        if(\n          Math.abs(distance) <\n          45\n        ){\n          return;\n        }\n\n\n        if(\n          distance < 0\n        ){\n\n          next();\n\n        }\n\n        else{\n\n          previous();\n\n        }\n\n\n        restartAutoplay();\n\n      },\n      {\n        passive:\n          true\n      }\n    );\n\n\n\n    \/* =====================================================\n       RESIZE\n    ====================================================== *\/\n\n    window.addEventListener(\n      \"resize\",\n      function(){\n\n        window.clearTimeout(\n          resizeTimer\n        );\n\n\n        resizeTimer =\n          window.setTimeout(\n            function(){\n\n              updateStaticMode();\n\n              createDots();\n\n              measure();\n\n              restartAutoplay();\n\n            },\n            150\n          );\n\n      }\n    );\n\n\n\n    \/* =====================================================\n       TAB VISIBILITY\n    ====================================================== *\/\n\n    document.addEventListener(\n      \"visibilitychange\",\n      function(){\n\n        if(\n          document.hidden\n        ){\n\n          stopAutoplay();\n\n        }\n\n        else{\n\n          startAutoplay();\n\n        }\n\n      }\n    );\n\n\n\n    \/* =====================================================\n       INITIALIZATION\n    ====================================================== *\/\n\n    updateStaticMode();\n\n    createDots();\n\n    measure();\n\n    startAutoplay();\n\n  }\n\n\n\n  \/* =========================================================\n     LETTERS\n  ========================================================= *\/\n\n  createSafeCarousel(\n    root.querySelector(\n      \".ss-rs-letters-carousel\"\n    ),\n    \"letters\"\n  );\n\n\n\n  \/* =========================================================\n     TESTIMONIALS\n  ========================================================= *\/\n\n  createSafeCarousel(\n    root.querySelector(\n      \".ss-rs-testimonials-carousel\"\n    ),\n    \"testimonials\"\n  );\n\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63c12af elementor-widget elementor-widget-html\" data-id=\"63c12af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     SUNNYSIDE DMC\r\n     RALLY TREASURE HUNT \u2013 IXTAPA ISLAND\r\n========================================== -->\r\n\r\n<section id=\"ss-rally-experience\">\r\n\r\n  <div class=\"ss-rally-container\">\r\n\r\n    <!-- =====================================\r\n         YOUTUBE PLAYER\r\n    ====================================== -->\r\n    <div class=\"ss-rally-video\">\r\n      <div\r\n        id=\"ss-youtube-player\"\r\n        aria-label=\"Rally Treasure Hunt \u2013 Ixtapa Island\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- =====================================\r\n         CONTENT\r\n    ====================================== -->\r\n    <div class=\"ss-rally-content\">\r\n\r\n      <span class=\"ss-rally-label\">\r\n        CORPORATE TEAM EXPERIENCE\r\n      <\/span>\r\n\r\n      <h2>\r\n        Rally Treasure Hunt\r\n        <span>Ixtapa Island<\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"ss-rally-line\"><\/div>\r\n\r\n      <h3>\r\n        A team-building experience of strategy, collaboration, and adventure\r\n      <\/h3>\r\n\r\n      <p>\r\n        Turn Ixtapa Island into the setting for an exciting treasure hunt.\r\n        Teams must overcome challenges, explore the island\u2019s beaches, and\r\n        collect the clues needed to reach the final goal.\r\n      <\/p>\r\n\r\n      <p>\r\n        A dynamic experience designed to strengthen communication, strategic\r\n        thinking, and teamwork while participants enjoy an extraordinary\r\n        natural environment.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- =====================================\r\n       CONFIDENTIAL NOTICE\r\n  ====================================== -->\r\n  <div class=\"ss-rally-confidential\">\r\n    <p>\r\n      Concept and activity developed by\r\n      <strong>Sunnyside DMC Services<\/strong>.\r\n      Confidential information provided exclusively for commercial\r\n      evaluation purposes.\r\n    <\/p>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================\r\n   GENERAL SETTINGS\r\n========================================= *\/\r\n\r\n#ss-rally-experience,\r\n#ss-rally-experience * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ss-rally-experience {\r\n  --ss-navy: #202f59;\r\n  --ss-blue: #087eb5;\r\n  --ss-cyan: #25a9d6;\r\n  --ss-text: #334155;\r\n  --ss-muted: #7c8798;\r\n  --ss-white: #ffffff;\r\n\r\n  width: 100%;\r\n  padding: 90px 24px 32px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at top right,\r\n      rgba(37, 169, 214, 0.12),\r\n      transparent 34%\r\n    ),\r\n    var(--ss-white);\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN CONTAINER\r\n========================================= *\/\r\n\r\n#ss-rally-experience .ss-rally-container {\r\n  width: 100%;\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);\r\n  gap: 70px;\r\n  align-items: center;\r\n}\r\n\r\n\/* =========================================\r\n   VIDEO PLAYER\r\n========================================= *\/\r\n\r\n#ss-rally-experience .ss-rally-video {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 10;\r\n  overflow: hidden;\r\n\r\n  border-radius: 24px;\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--ss-navy),\r\n      var(--ss-blue)\r\n    );\r\n\r\n  box-shadow:\r\n    0 28px 65px rgba(32, 47, 89, 0.18);\r\n}\r\n\r\n\/* The iframe is automatically generated\r\n   by the official YouTube API *\/\r\n\r\n#ss-rally-experience .ss-rally-video iframe {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  border: 0;\r\n}\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n#ss-rally-experience .ss-rally-content {\r\n  max-width: 510px;\r\n}\r\n\r\n#ss-rally-experience .ss-rally-label {\r\n  display: inline-block;\r\n  margin-bottom: 18px;\r\n\r\n  color: var(--ss-blue);\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  line-height: 1.4;\r\n  letter-spacing: 2.4px;\r\n}\r\n\r\n#ss-rally-experience h2 {\r\n  margin: 0;\r\n\r\n  color: var(--ss-navy);\r\n\r\n  font-size: clamp(38px, 4.5vw, 64px);\r\n  font-weight: 800;\r\n  line-height: 0.98;\r\n  letter-spacing: -2.5px;\r\n}\r\n\r\n#ss-rally-experience h2 span {\r\n  display: block;\r\n  margin-top: 10px;\r\n\r\n  color: var(--ss-blue);\r\n\r\n  font-size: 0.7em;\r\n  font-weight: 500;\r\n  letter-spacing: -1.2px;\r\n}\r\n\r\n#ss-rally-experience .ss-rally-line {\r\n  width: 64px;\r\n  height: 4px;\r\n  margin: 28px 0;\r\n\r\n  border-radius: 20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--ss-blue),\r\n      var(--ss-cyan)\r\n    );\r\n}\r\n\r\n#ss-rally-experience h3 {\r\n  margin: 0 0 20px;\r\n\r\n  color: var(--ss-navy);\r\n\r\n  font-size: 21px;\r\n  font-weight: 600;\r\n  line-height: 1.45;\r\n}\r\n\r\n#ss-rally-experience .ss-rally-content p {\r\n  margin: 0 0 14px;\r\n\r\n  color: var(--ss-text);\r\n\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n}\r\n\r\n#ss-rally-experience .ss-rally-content p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n\/* =========================================\r\n   CONFIDENTIAL NOTICE\r\n========================================= *\/\r\n\r\n#ss-rally-experience .ss-rally-confidential {\r\n  width: 100%;\r\n  max-width: 1240px;\r\n\r\n  margin: 54px auto 0;\r\n  padding-top: 17px;\r\n\r\n  border-top: 1px solid rgba(32, 47, 89, 0.1);\r\n\r\n  text-align: center;\r\n}\r\n\r\n#ss-rally-experience .ss-rally-confidential p {\r\n  max-width: 850px;\r\n  margin: 0 auto;\r\n\r\n  color: var(--ss-muted);\r\n\r\n  font-size: 11px;\r\n  font-weight: 400;\r\n  line-height: 1.6;\r\n  letter-spacing: 0.15px;\r\n}\r\n\r\n#ss-rally-experience .ss-rally-confidential strong {\r\n  color: #657186;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE\r\n========================================= *\/\r\n\r\n@media (max-width: 960px) {\r\n\r\n  #ss-rally-experience {\r\n    padding: 70px 22px 30px;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 45px;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-content {\r\n    max-width: 720px;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-confidential {\r\n    margin-top: 45px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n  #ss-rally-experience {\r\n    padding: 55px 18px 25px;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-container {\r\n    gap: 36px;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-video {\r\n    aspect-ratio: 16 \/ 11;\r\n    border-radius: 17px;\r\n  }\r\n\r\n  #ss-rally-experience h2 {\r\n    font-size: 40px;\r\n    letter-spacing: -1.7px;\r\n  }\r\n\r\n  #ss-rally-experience h3 {\r\n    font-size: 19px;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-content p {\r\n    font-size: 15px;\r\n    line-height: 1.72;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-confidential {\r\n    margin-top: 38px;\r\n    padding-top: 15px;\r\n  }\r\n\r\n  #ss-rally-experience .ss-rally-confidential p {\r\n    font-size: 10px;\r\n    line-height: 1.55;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  const section = document.getElementById(\"ss-rally-experience\");\r\n\r\n  if (!section) {\r\n    return;\r\n  }\r\n\r\n  let youtubePlayer = null;\r\n  let playerIsReady = false;\r\n  let sectionIsVisible = false;\r\n  let videoHasStarted = false;\r\n\r\n  \/* =========================================\r\n     START VIDEO WHEN EVERYTHING IS READY\r\n  ========================================= *\/\r\n\r\n  function startVideoWhenReady() {\r\n    if (\r\n      !youtubePlayer ||\r\n      !playerIsReady ||\r\n      !sectionIsVisible ||\r\n      videoHasStarted\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    \/*\r\n      The video must start muted so autoplay\r\n      is allowed by most browsers.\r\n    *\/\r\n\r\n    youtubePlayer.mute();\r\n    youtubePlayer.playVideo();\r\n\r\n    videoHasStarted = true;\r\n\r\n    \/*\r\n      Stop observing the section after\r\n      the video starts for the first time.\r\n    *\/\r\n\r\n    sectionObserver.disconnect();\r\n  }\r\n\r\n  \/* =========================================\r\n     CREATE YOUTUBE PLAYER\r\n  ========================================= *\/\r\n\r\n  function createYouTubePlayer() {\r\n    if (\r\n      typeof window.YT === \"undefined\" ||\r\n      typeof window.YT.Player === \"undefined\"\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    \/*\r\n      VIDEO ID:\r\n      https:\/\/www.youtube.com\/watch?v=JuZEf1JdtWk\r\n    *\/\r\n\r\n    youtubePlayer = new YT.Player(\"ss-youtube-player\", {\r\n      videoId: \"JuZEf1JdtWk\",\r\n\r\n      playerVars: {\r\n        autoplay: 0,\r\n        mute: 1,\r\n        controls: 1,\r\n        playsinline: 1,\r\n        rel: 0,\r\n        fs: 1,\r\n        origin: window.location.origin\r\n      },\r\n\r\n      events: {\r\n        onReady: function (event) {\r\n          playerIsReady = true;\r\n\r\n          event.target.mute();\r\n\r\n          startVideoWhenReady();\r\n        },\r\n\r\n        onAutoplayBlocked: function () {\r\n          \/*\r\n            If a browser fully blocks autoplay,\r\n            the player will still display its\r\n            standard play button.\r\n          *\/\r\n          videoHasStarted = false;\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/* =========================================\r\n     DETECT WHEN THE SECTION IS VISIBLE\r\n  ========================================= *\/\r\n\r\n  const sectionObserver = new IntersectionObserver(\r\n    function (entries) {\r\n      entries.forEach(function (entry) {\r\n\r\n        if (entry.isIntersecting) {\r\n          sectionIsVisible = true;\r\n          startVideoWhenReady();\r\n        }\r\n\r\n      });\r\n    },\r\n    {\r\n      \/*\r\n        The video starts when approximately\r\n        45% of the section is visible.\r\n      *\/\r\n      threshold: 0.45\r\n    }\r\n  );\r\n\r\n  sectionObserver.observe(section);\r\n\r\n  \/* =========================================\r\n     LOAD THE OFFICIAL YOUTUBE API\r\n  ========================================= *\/\r\n\r\n  if (\r\n    typeof window.YT !== \"undefined\" &&\r\n    typeof window.YT.Player !== \"undefined\"\r\n  ) {\r\n    createYouTubePlayer();\r\n    return;\r\n  }\r\n\r\n  \/*\r\n    Preserve any previous YouTube callback\r\n    that may already exist on the website.\r\n  *\/\r\n\r\n  const previousYouTubeCallback =\r\n    window.onYouTubeIframeAPIReady;\r\n\r\n  window.onYouTubeIframeAPIReady = function () {\r\n\r\n    if (typeof previousYouTubeCallback === \"function\") {\r\n      previousYouTubeCallback();\r\n    }\r\n\r\n    createYouTubePlayer();\r\n  };\r\n\r\n  \/*\r\n    Prevent the API from loading more than once.\r\n  *\/\r\n\r\n  const existingYouTubeScript = document.querySelector(\r\n    'script[src*=\"youtube.com\/iframe_api\"]'\r\n  );\r\n\r\n  if (!existingYouTubeScript) {\r\n    const youtubeScript = document.createElement(\"script\");\r\n\r\n    youtubeScript.src =\r\n      \"https:\/\/www.youtube.com\/iframe_api\";\r\n\r\n    youtubeScript.async = true;\r\n\r\n    document.head.appendChild(youtubeScript);\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f15624 elementor-widget elementor-widget-html\" data-id=\"2f15624\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     SUNNYSIDE DMC\r\n     CHILES RELLENOS COOKING CLASS\r\n     SHORE EXCURSION EXPERIENCE\r\n========================================== -->\r\n\r\n<section id=\"ss-cooking-experience\">\r\n\r\n  <div class=\"ss-cooking-container\">\r\n\r\n    <!-- =====================================\r\n         YOUTUBE PLAYER\r\n    ====================================== -->\r\n    <div class=\"ss-cooking-video\">\r\n      <div\r\n        id=\"ss-cooking-youtube-player\"\r\n        aria-label=\"Chiles Rellenos Mexican Cooking Class\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- =====================================\r\n         CONTENT\r\n    ====================================== -->\r\n    <div class=\"ss-cooking-content\">\r\n\r\n      <span class=\"ss-cooking-label\">\r\n        MEXICAN CULINARY SHORE EXPERIENCE\r\n      <\/span>\r\n\r\n      <h2>\r\n        Chiles Rellenos\r\n        <span>Cooking Class<\/span>\r\n      <\/h2>\r\n\r\n      <div class=\"ss-cooking-line\"><\/div>\r\n\r\n      <h3>\r\n        An authentic Mexican culinary experience created for cruise guests\r\n      <\/h3>\r\n\r\n      <p>\r\n        Discover the flavors and traditions of Mexican cuisine through an\r\n        engaging hands-on cooking class focused on one of the country\u2019s most\r\n        iconic dishes: chiles rellenos.\r\n      <\/p>\r\n\r\n      <p>\r\n        Guided by an experienced local culinary host, participants will learn\r\n        about the ingredients, preparation techniques, and cultural history\r\n        behind this traditional recipe before preparing and enjoying their\r\n        own creation.\r\n      <\/p>\r\n\r\n      <p>\r\n        Specially adapted for cruise ship schedules, this shore experience\r\n        combines local culture, gastronomy, and interactive participation\r\n        within a carefully coordinated program.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- =====================================\r\n       DEVELOPMENT NOTICE\r\n  ====================================== -->\r\n  <div class=\"ss-cooking-notice\">\r\n    <p>\r\n      Experience development, shore-excursion adaptation, logistics, and\r\n      operational coordination provided by\r\n      <strong>Sunnyside DMC Services<\/strong>.\r\n      Information provided exclusively for commercial evaluation purposes.\r\n    <\/p>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   GENERAL SETTINGS\r\n========================================= *\/\r\n\r\n#ss-cooking-experience,\r\n#ss-cooking-experience * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#ss-cooking-experience {\r\n  --ss-cooking-dark: #3f261d;\r\n  --ss-cooking-red: #b8412d;\r\n  --ss-cooking-orange: #d97832;\r\n  --ss-cooking-gold: #d9a441;\r\n\r\n  --ss-cooking-text: #4f4039;\r\n  --ss-cooking-muted: #887b74;\r\n  --ss-cooking-white: #ffffff;\r\n\r\n  width: 100%;\r\n\r\n  padding:\r\n    90px 24px 32px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at top right,\r\n      rgba(217, 120, 50, 0.13),\r\n      transparent 34%\r\n    ),\r\n    radial-gradient(\r\n      circle at bottom left,\r\n      rgba(184, 65, 45, 0.07),\r\n      transparent 28%\r\n    ),\r\n    var(--ss-cooking-white);\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MAIN CONTAINER\r\n========================================= *\/\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-container {\r\n\r\n  width: 100%;\r\n  max-width: 1240px;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.08fr)\r\n    minmax(360px, 0.92fr);\r\n\r\n  gap: 70px;\r\n\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   VIDEO PLAYER\r\n========================================= *\/\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-video {\r\n\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 10;\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 24px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--ss-cooking-dark),\r\n      var(--ss-cooking-red)\r\n    );\r\n\r\n  box-shadow:\r\n    0 28px 65px\r\n    rgba(89, 45, 28, 0.18);\r\n}\r\n\r\n\r\n\/* The iframe is automatically generated\r\n   by the official YouTube API *\/\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-video iframe {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  display: block;\r\n\r\n  border: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-content {\r\n\r\n  max-width: 510px;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-label {\r\n\r\n  display: inline-block;\r\n\r\n  margin-bottom: 18px;\r\n\r\n  color: var(--ss-cooking-red);\r\n\r\n  font-size: 12px;\r\n  font-weight: 800;\r\n  line-height: 1.4;\r\n\r\n  letter-spacing: 2.4px;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\nh2 {\r\n\r\n  margin: 0;\r\n\r\n  color: var(--ss-cooking-dark);\r\n\r\n  font-size:\r\n    clamp(38px, 4.5vw, 64px);\r\n\r\n  font-weight: 800;\r\n  line-height: 0.98;\r\n\r\n  letter-spacing: -2.5px;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\nh2 span {\r\n\r\n  display: block;\r\n\r\n  margin-top: 10px;\r\n\r\n  color: var(--ss-cooking-red);\r\n\r\n  font-size: 0.7em;\r\n  font-weight: 500;\r\n\r\n  letter-spacing: -1.2px;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-line {\r\n\r\n  width: 64px;\r\n  height: 4px;\r\n\r\n  margin:\r\n    28px 0;\r\n\r\n  border-radius: 20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--ss-cooking-red),\r\n      var(--ss-cooking-gold)\r\n    );\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\nh3 {\r\n\r\n  margin:\r\n    0 0 20px;\r\n\r\n  color: var(--ss-cooking-dark);\r\n\r\n  font-size: 21px;\r\n  font-weight: 600;\r\n  line-height: 1.45;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-content p {\r\n\r\n  margin:\r\n    0 0 14px;\r\n\r\n  color: var(--ss-cooking-text);\r\n\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-content p:last-child {\r\n\r\n  margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DEVELOPMENT NOTICE\r\n========================================= *\/\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-notice {\r\n\r\n  width: 100%;\r\n  max-width: 1240px;\r\n\r\n  margin:\r\n    54px auto 0;\r\n\r\n  padding-top: 17px;\r\n\r\n  border-top:\r\n    1px solid rgba(63, 38, 29, 0.11);\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-notice p {\r\n\r\n  max-width: 900px;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  color: var(--ss-cooking-muted);\r\n\r\n  font-size: 11px;\r\n  font-weight: 400;\r\n  line-height: 1.6;\r\n\r\n  letter-spacing: 0.15px;\r\n}\r\n\r\n\r\n#ss-cooking-experience\r\n.ss-cooking-notice strong {\r\n\r\n  color: #71635c;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   RESPONSIVE\r\n========================================= *\/\r\n\r\n@media (max-width: 960px) {\r\n\r\n  #ss-cooking-experience {\r\n\r\n    padding:\r\n      70px 22px 30px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-container {\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 45px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-content {\r\n\r\n    max-width: 720px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-notice {\r\n\r\n    margin-top: 45px;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media (max-width: 600px) {\r\n\r\n  #ss-cooking-experience {\r\n\r\n    padding:\r\n      55px 18px 25px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-container {\r\n\r\n    gap: 36px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-video {\r\n\r\n    aspect-ratio: 16 \/ 11;\r\n\r\n    border-radius: 17px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  h2 {\r\n\r\n    font-size: 40px;\r\n\r\n    letter-spacing: -1.7px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  h3 {\r\n\r\n    font-size: 19px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-content p {\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.72;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-notice {\r\n\r\n    margin-top: 38px;\r\n\r\n    padding-top: 15px;\r\n  }\r\n\r\n\r\n  #ss-cooking-experience\r\n  .ss-cooking-notice p {\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.55;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n  \"use strict\";\r\n\r\n  const section =\r\n    document.getElementById(\r\n      \"ss-cooking-experience\"\r\n    );\r\n\r\n  if (!section) {\r\n    return;\r\n  }\r\n\r\n\r\n  let cookingYouTubePlayer = null;\r\n  let cookingPlayerIsReady = false;\r\n  let cookingSectionIsVisible = false;\r\n  let cookingVideoHasStarted = false;\r\n\r\n\r\n  \/* =========================================\r\n     START VIDEO WHEN EVERYTHING IS READY\r\n  ========================================= *\/\r\n\r\n  function startCookingVideoWhenReady() {\r\n\r\n    if (\r\n      !cookingYouTubePlayer ||\r\n      !cookingPlayerIsReady ||\r\n      !cookingSectionIsVisible ||\r\n      cookingVideoHasStarted\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    \/*\r\n      The video must start muted so autoplay\r\n      is allowed by most browsers.\r\n    *\/\r\n\r\n    cookingYouTubePlayer.mute();\r\n\r\n    cookingYouTubePlayer.playVideo();\r\n\r\n\r\n    cookingVideoHasStarted = true;\r\n\r\n\r\n    \/*\r\n      Stop observing the section after the\r\n      video starts for the first time.\r\n    *\/\r\n\r\n    cookingSectionObserver.disconnect();\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     CREATE YOUTUBE PLAYER\r\n  ========================================= *\/\r\n\r\n  function createCookingYouTubePlayer() {\r\n\r\n    if (\r\n      typeof window.YT === \"undefined\" ||\r\n      typeof window.YT.Player === \"undefined\"\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    \/*\r\n      REPLACE THE VIDEO ID BELOW.\r\n\r\n      Example YouTube URL:\r\n     https:\/\/www.youtube.com\/watch?v=W1y-NzSAdaQ\r\n\r\n      Video ID:\r\n      ABCDEFGHIJK\r\n    *\/\r\n\r\n\r\n    cookingYouTubePlayer =\r\n      new YT.Player(\r\n        \"ss-cooking-youtube-player\",\r\n        {\r\n\r\n          \/*\r\n            ==================================\r\n            PLACE YOUR YOUTUBE VIDEO ID HERE\r\n            ==================================\r\n          *\/\r\n\r\n          videoId: \"W1y-NzSAdaQ\",\r\n\r\n\r\n          playerVars: {\r\n\r\n            autoplay: 0,\r\n\r\n            mute: 1,\r\n\r\n            controls: 1,\r\n\r\n            playsinline: 1,\r\n\r\n            rel: 0,\r\n\r\n            fs: 1,\r\n\r\n            origin:\r\n              window.location.origin\r\n\r\n          },\r\n\r\n\r\n          events: {\r\n\r\n            onReady: function (event) {\r\n\r\n              cookingPlayerIsReady = true;\r\n\r\n              event.target.mute();\r\n\r\n              startCookingVideoWhenReady();\r\n\r\n            },\r\n\r\n\r\n            onAutoplayBlocked: function () {\r\n\r\n              \/*\r\n                If a browser fully blocks\r\n                autoplay, the player will\r\n                continue to show its normal\r\n                play button.\r\n              *\/\r\n\r\n              cookingVideoHasStarted = false;\r\n\r\n            }\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     DETECT WHEN SECTION IS VISIBLE\r\n  ========================================= *\/\r\n\r\n  const cookingSectionObserver =\r\n    new IntersectionObserver(\r\n\r\n      function (entries) {\r\n\r\n        entries.forEach(\r\n          function (entry) {\r\n\r\n            if (entry.isIntersecting) {\r\n\r\n              cookingSectionIsVisible = true;\r\n\r\n              startCookingVideoWhenReady();\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n      },\r\n\r\n      {\r\n\r\n        \/*\r\n          The video starts when approximately\r\n          45% of the section is visible.\r\n        *\/\r\n\r\n        threshold: 0.45\r\n\r\n      }\r\n\r\n    );\r\n\r\n\r\n  cookingSectionObserver.observe(section);\r\n\r\n\r\n  \/* =========================================\r\n     LOAD OFFICIAL YOUTUBE API\r\n  ========================================= *\/\r\n\r\n  if (\r\n    typeof window.YT !== \"undefined\" &&\r\n    typeof window.YT.Player !== \"undefined\"\r\n  ) {\r\n\r\n    createCookingYouTubePlayer();\r\n\r\n    return;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    Preserve any previous YouTube API callback\r\n    that may already exist on the website.\r\n  *\/\r\n\r\n  const previousYouTubeCallback =\r\n    window.onYouTubeIframeAPIReady;\r\n\r\n\r\n  window.onYouTubeIframeAPIReady =\r\n    function () {\r\n\r\n      if (\r\n        typeof previousYouTubeCallback ===\r\n        \"function\"\r\n      ) {\r\n\r\n        previousYouTubeCallback();\r\n\r\n      }\r\n\r\n\r\n      createCookingYouTubePlayer();\r\n\r\n    };\r\n\r\n\r\n  \/*\r\n    Prevent the YouTube API from loading\r\n    more than once.\r\n  *\/\r\n\r\n  const existingYouTubeScript =\r\n    document.querySelector(\r\n      'script[src*=\"youtube.com\/iframe_api\"]'\r\n    );\r\n\r\n\r\n  if (!existingYouTubeScript) {\r\n\r\n    const youtubeScript =\r\n      document.createElement(\"script\");\r\n\r\n\r\n    youtubeScript.src =\r\n      \"https:\/\/www.youtube.com\/iframe_api\";\r\n\r\n\r\n    youtubeScript.async = true;\r\n\r\n\r\n    document.head.appendChild(\r\n      youtubeScript\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0db8f05 elementor-widget elementor-widget-spacer\" data-id=\"0db8f05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f29a432 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"f29a432\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-272343a\" data-id=\"272343a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-653bc38 elementor-widget elementor-widget-html\" data-id=\"653bc38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================\r\nDMC SHORE EXCURSIONS GALLERY\r\n========================= -->\r\n\r\n<section id=\"dmc-shore-gallery\">\r\n\r\n    <div class=\"dmc-gallery-header\">\r\n        <h2>SHORE EXCURSIONS (CRUISES) & TEAM BUILDING ACTIVITIES<\/h2>\r\n        <div class=\"dmc-title-line\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"dmc-gallery-container\">\r\n\r\n        <button class=\"dmc-nav dmc-prev\" aria-label=\"Previous\">\r\n            &#10094;\r\n        <\/button>\r\n\r\n        <div class=\"dmc-gallery-track\">\r\n\r\n            <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividadesintegracion4-1.jpg\" alt=\"\">\r\n            <\/div>\r\n              <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-81.png\" alt=\"\">\r\n            <\/div>\r\n\r\n            <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividad2.jpg\" alt=\"\">\r\n            <\/div>\r\n             <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-5.png\" alt=\"\">\r\n            <\/div>\r\n            \r\n             <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-8.png\" alt=\"\">\r\n            <\/div>\r\n\r\n <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-85.png\" alt=\"\">\r\n            <\/div>\r\n            \r\n             <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-65.png\" alt=\"\">\r\n            <\/div>\r\n            <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividad3.jpg\" alt=\"\">\r\n            <\/div>\r\n            \r\n             <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-26.png\" alt=\"\">\r\n            <\/div>\r\n            \r\n             <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-102.png\" alt=\"\">\r\n            <\/div>\r\n\r\n            <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividad1.jpg\" alt=\"\">\r\n            <\/div>\r\n            \r\n              <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-28-at-4.17.44-PM.jpeg\" alt=\"\">\r\n            <\/div>\r\n\r\n\r\n            <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividadesintegracion2.jpg\" alt=\"\">\r\n            <\/div>\r\n\r\n            <div class=\"dmc-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividadesintegracion1.jpg\" alt=\"\">\r\n            <\/div>\r\n\r\n          \r\n        <\/div>\r\n\r\n        <button class=\"dmc-nav dmc-next\" aria-label=\"Next\">\r\n            &#10095;\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n#dmc-shore-gallery{\r\n    width:100% !important;\r\n    max-width:1600px !important;\r\n    margin:60px auto !important;\r\n    padding:0 20px !important;\r\n    box-sizing:border-box !important;\r\n    font-family:Arial, Helvetica, sans-serif !important;\r\n}\r\n\r\n#dmc-shore-gallery *{\r\n    box-sizing:border-box !important;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n#dmc-shore-gallery .dmc-gallery-header{\r\n    display:flex !important;\r\n    flex-direction:column !important;\r\n    align-items:center !important;\r\n    justify-content:center !important;\r\n    text-align:center !important;\r\n    margin-bottom:35px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-gallery-header h2{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    font-size:38px !important;\r\n    line-height:1.2 !important;\r\n    font-weight:800 !important;\r\n    color:#0d2b4d !important;\r\n    text-transform:uppercase !important;\r\n    letter-spacing:1px !important;\r\n    max-width:1000px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-title-line{\r\n    width:120px !important;\r\n    height:4px !important;\r\n    margin:15px auto 0 auto !important;\r\n    border-radius:50px !important;\r\n    background:#c9a45c !important;\r\n}\r\n\r\n\/* GALLERY *\/\r\n\r\n#dmc-shore-gallery .dmc-gallery-container{\r\n    position:relative !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-gallery-track{\r\n    display:flex !important;\r\n    gap:18px !important;\r\n    overflow-x:auto !important;\r\n    scroll-behavior:smooth !important;\r\n    scrollbar-width:none !important;\r\n    -ms-overflow-style:none !important;\r\n    padding:5px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-gallery-track::-webkit-scrollbar{\r\n    display:none !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-item{\r\n    flex:0 0 auto !important;\r\n    width:340px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-item img{\r\n    width:100% !important;\r\n    height:240px !important;\r\n    display:block !important;\r\n    object-fit:cover !important;\r\n    border-radius:18px !important;\r\n    transition:all .35s ease !important;\r\n    cursor:pointer !important;\r\n    box-shadow:0 4px 15px rgba(0,0,0,.10) !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-item img:hover{\r\n    transform:scale(1.04) !important;\r\n    box-shadow:0 10px 25px rgba(0,0,0,.20) !important;\r\n}\r\n\r\n\/* ARROWS *\/\r\n\r\n#dmc-shore-gallery .dmc-nav{\r\n    position:absolute !important;\r\n    top:50% !important;\r\n    transform:translateY(-50%) !important;\r\n    width:54px !important;\r\n    height:54px !important;\r\n    border:none !important;\r\n    border-radius:50% !important;\r\n    background:#ffffff !important;\r\n    color:#0d2b4d !important;\r\n    font-size:22px !important;\r\n    font-weight:bold !important;\r\n    cursor:pointer !important;\r\n    z-index:999 !important;\r\n    box-shadow:0 5px 20px rgba(0,0,0,.15) !important;\r\n    transition:all .25s ease !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-nav:hover{\r\n    transform:translateY(-50%) scale(1.08) !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-prev{\r\n    left:-10px !important;\r\n}\r\n\r\n#dmc-shore-gallery .dmc-next{\r\n    right:-10px !important;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n\r\n@media (max-width:1200px){\r\n\r\n    #dmc-shore-gallery .dmc-item{\r\n        width:300px !important;\r\n    }\r\n\r\n}\r\n\r\n@media (max-width:768px){\r\n\r\n    #dmc-shore-gallery{\r\n        padding:0 15px !important;\r\n    }\r\n\r\n    #dmc-shore-gallery .dmc-gallery-header h2{\r\n        font-size:24px !important;\r\n    }\r\n\r\n    #dmc-shore-gallery .dmc-item{\r\n        width:260px !important;\r\n    }\r\n\r\n    #dmc-shore-gallery .dmc-item img{\r\n        height:190px !important;\r\n    }\r\n\r\n    #dmc-shore-gallery .dmc-nav{\r\n        width:42px !important;\r\n        height:42px !important;\r\n        font-size:18px !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    const gallery = document.querySelector('#dmc-shore-gallery');\r\n\r\n    if(!gallery) return;\r\n\r\n    const track = gallery.querySelector('.dmc-gallery-track');\r\n    const next = gallery.querySelector('.dmc-next');\r\n    const prev = gallery.querySelector('.dmc-prev');\r\n\r\n    next.addEventListener('click', function(){\r\n\r\n        track.scrollBy({\r\n            left:380,\r\n            behavior:'smooth'\r\n        });\r\n\r\n    });\r\n\r\n    prev.addEventListener('click', function(){\r\n\r\n        track.scrollBy({\r\n            left:-380,\r\n            behavior:'smooth'\r\n        });\r\n\r\n    });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-98f01ff elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"98f01ff\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-064492f\" data-id=\"064492f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4d48f68 elementor-widget elementor-widget-html\" data-id=\"4d48f68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<style>\r\n\r\n\/* ===== AISLAMIENTO TOTAL ===== *\/\r\n.dmc-section, \r\n.dmc-section *{\r\n  box-sizing:border-box !important;\r\n}\r\n\r\n\/* CONTENEDOR *\/\r\n.dmc-section{\r\n  width:100%;\r\n  display:flex;\r\n  justify-content:center;\r\n  padding:40px 15px;\r\n  overflow:hidden;\r\n}\r\n\r\n\/* WRAPPER *\/\r\n.dmc-title{\r\n  width:100%;\r\n  max-width:900px;\r\n  text-align:center;\r\n}\r\n\r\n\/* LABEL (SPAN MODIFICADO) *\/\r\n.dmc-title span{\r\n  display:inline-block;\r\n  padding:10px 24px;\r\n\r\n  background:#202F59; \/* \ud83d\udd25 COLOR SOLIDO *\/\r\n  border:none; \/* opcional quitar borde *\/\r\n  border-radius:50px;\r\n\r\n  color:#ffffff !important; \/* \ud83d\udd25 TEXTO BLANCO *\/\r\n\r\n  font-size:clamp(18px,4vw,22px) !important;\r\n  font-weight:800;\r\n  letter-spacing:1px;\r\n\r\n  margin-bottom:16px;\r\n\r\n  max-width:100%;\r\n  overflow-wrap:anywhere;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.dmc-title p{\r\n  margin:0 auto;\r\n\r\n  font-size:clamp(15px,3.5vw,16px) !important;\r\n  line-height:1.5;\r\n\r\n  color:#475569 !important;\r\n\r\n  max-width:700px;\r\n\r\n  overflow-wrap:anywhere;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width:480px){\r\n\r\n  .dmc-title span{\r\n    padding:8px 16px;\r\n  }\r\n\r\n  .dmc-title p{\r\n    font-size:15px !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"dmc-section\">\r\n\r\n  <div class=\"dmc-title\">\r\n\r\n    <span>HAVE QUESTIONS? WE\u2019VE GOT YOU COVERED. WRITE TO US<\/span>\r\n\r\n    <p>\r\n       \r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-13344cf elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"13344cf\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3421ec6\" data-id=\"3421ec6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dbc44da elementor-widget elementor-widget-html\" data-id=\"dbc44da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- TITLE & TEXT SECTION \u2013 GROUP & CONVENTION ORGANIZATION -->\r\n<section class=\"organization-section\">\r\n  \r\n  <!-- Title -->\r\n  <div class=\"organization-title\">\r\n    <h1>ARE YOU ORGANIZING A GROUP OR CONVENTION?<\/h1>\r\n  <\/div>\r\n\r\n  <!-- Descriptive text -->\r\n  <div class=\"organization-text\">\r\n    <p>If one of our services is what you\u2019re looking for, complete the form below and one of our specialists will contact you shortly to help create an exceptional experience.<\/p>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* General container *\/\r\n.organization-section {\r\n  margin-bottom: 40px;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Title on white background *\/\r\n.organization-title {\r\n  background-color: #ffffff;\r\n  text-align: center;\r\n  padding: 40px 20px;\r\n  border-radius: 12px 12px 0 0;\r\n}\r\n\r\n.organization-title h1 {\r\n  font-family: \"Poppins\", sans-serif;\r\n  font-size: 1.4rem; \/* Reduced size *\/\r\n  font-weight: 700;\r\n  color: #202F59; \/* Corporate blue *\/\r\n  margin: 0;\r\n  letter-spacing: 1px;\r\n  line-height: 1.3;\r\n  text-transform: uppercase; \/* All caps *\/\r\n}\r\n\r\n\/* Descriptive text *\/\r\n.organization-text {\r\n  background-color: #ffffff;\r\n  text-align: center;\r\n  padding: 20px 25px 40px 25px;\r\n}\r\n\r\n.organization-text p {\r\n  font-family: \"Poppins\", sans-serif;\r\n  font-size: 15px;\r\n  color: #202F59; \/* Corporate blue *\/\r\n  margin: 0;\r\n  line-height: 1.5;\r\n  text-align: center;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n  .organization-title h1 {\r\n    font-size: 1.2rem;\r\n  }\r\n\r\n  .organization-text p {\r\n    font-size: 14px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41fc144 elementor-widget elementor-widget-image\" data-id=\"41fc144\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"394\" height=\"388\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/10\/girl.png\" class=\"attachment-full size-full wp-image-8144\" alt=\"\" srcset=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/10\/girl.png 394w, https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/10\/girl-300x295.png 300w\" sizes=\"(max-width: 394px) 100vw, 394px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-9983484\" data-id=\"9983484\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-89a8dec elementor-widget elementor-widget-html\" data-id=\"89a8dec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- FORMULARIO DE CONTACTO \u2013 ORGANIZACI\u00d3N DE GRUPOS --> <section id=\"contact-form\" class=\"formulario-seccion\"> <form id=\"grupoForm\" action=\"https:\/\/formspree.io\/f\/xdawplge\" method=\"POST\"> <!-- Campo Nombre --> <label for=\"nombre\">Name:<\/label> <input type=\"text\" id=\"nombre\" name=\"Nombre\" placeholder=\"Your name\" required> <!-- Campo Email --> <label for=\"email\">Email:<\/label> <input type=\"email\" id=\"email\" name=\"Email\" placeholder=\"Your email\" required> <!-- Campo Tel\u00e9fono con pa\u00eds --> <label for=\"telefono\">Contact Phone:<\/label> <div class=\"telefono-input\"> <select id=\"pais\" name=\"Pais\" required> <option value=\"+54\">\ud83c\udde6\ud83c\uddf7 Argentina +54<\/option> <option value=\"+61\">\ud83c\udde6\ud83c\uddfa Australia +61<\/option> <option value=\"+43\">\ud83c\udde6\ud83c\uddf9 Austria +43<\/option> <option value=\"+32\">\ud83c\udde7\ud83c\uddea Belgium +32<\/option> <option value=\"+55\">\ud83c\udde7\ud83c\uddf7 Brazil +55<\/option> <option value=\"+1\">\ud83c\udde8\ud83c\udde6 Canada +1<\/option> <option value=\"+56\">\ud83c\udde8\ud83c\uddf1 Chile +56<\/option> <option value=\"+57\">\ud83c\udde8\ud83c\uddf4 Colombia +57<\/option> <option value=\"+45\">\ud83c\udde9\ud83c\uddf0 Denmark +45<\/option> <option value=\"+33\">\ud83c\uddeb\ud83c\uddf7 France +33<\/option> <option value=\"+49\">\ud83c\udde9\ud83c\uddea Germany +49<\/option> <option value=\"+39\">\ud83c\uddee\ud83c\uddf9 Italy +39<\/option> <option value=\"+52\" selected>\ud83c\uddf2\ud83c\uddfd Mexico +52<\/option> <option value=\"+31\">\ud83c\uddf3\ud83c\uddf1 Netherlands +31<\/option> <option value=\"+47\">\ud83c\uddf3\ud83c\uddf4 Norway +47<\/option> <option value=\"+507\">\ud83c\uddf5\ud83c\udde6 Panama +507<\/option> <option value=\"+51\">\ud83c\uddf5\ud83c\uddea Peru +51<\/option> <option value=\"+351\">\ud83c\uddf5\ud83c\uddf9 Portugal +351<\/option> <option value=\"+34\">\ud83c\uddea\ud83c\uddf8 Spain +34<\/option> <option value=\"+46\">\ud83c\uddf8\ud83c\uddea Sweden +46<\/option> <option value=\"+41\">\ud83c\udde8\ud83c\udded Switzerland +41<\/option> <option value=\"+44\">\ud83c\uddec\ud83c\udde7 United Kingdom +44<\/option> <option value=\"+1\">\ud83c\uddfa\ud83c\uddf8 United States +1<\/option> <\/select> <input type=\"tel\" id=\"telefono\" name=\"Telefono\" placeholder=\"Number\" required> <\/div> <!-- Cantidad de personas --> <label for=\"pax\">Estimated Number of People:<\/label> <select id=\"pax\" name=\"Pax\" required> <option value=\"\" disabled selected>Select an option<\/option> <option>1 \u2013 100 pax<\/option> <option>101 \u2013 350 pax<\/option> <option>+350 pax<\/option> <\/select> <!-- Campo oculto con asunto fijo --> <input type=\"hidden\" id=\"asuntoFijo\" name=\"AsuntoFijo\" value=\"Groups Web Page\"> <!-- Campo Asunto visible para el cliente --> <label for=\"asuntoCliente\">Subject:<\/label> <input type=\"text\" id=\"asuntoCliente\" name=\"AsuntoCliente\" placeholder=\"Subject of your message\" required> <!-- Campo Mensaje --> <label for=\"mensaje\">Message:<\/label> <textarea id=\"mensaje\" name=\"Mensaje\" placeholder=\"Write your message here\" rows=\"6\" required><\/textarea> <!-- Bot\u00f3n Enviar --> <button type=\"submit\" id=\"submitBtn\">Send<\/button> <!-- Feedback Message --> <p id=\"formMessage\" style=\"display:none; margin-top:15px;\"><\/p> <\/form> <\/section> <style> \/* Estilos b\u00e1sicos del formulario *\/ .formulario-seccion { background-color: #ffffff; padding: 40px 20px; border-radius: 12px; box-shadow: 0 6px 15px rgba(0,0,0,0.1); max-width: 600px; margin: 0 auto 40px auto; } .formulario-seccion form { display: flex; flex-direction: column; } .formulario-seccion label { font-family: \"Poppins\", sans-serif; margin-bottom: 5px; font-weight: 600; color: #202F59; } .formulario-seccion input, .formulario-seccion textarea, .formulario-seccion select { margin-bottom: 20px; padding: 12px; border-radius: 8px; border: 1px solid #ccc; font-family: \"Poppins\", sans-serif; font-size: 14px; } .telefono-input { display: flex; gap: 10px; } .telefono-input select { width: 35%; } .telefono-input input { flex: 1; } .formulario-seccion button { padding: 15px; background-color: #0C5BD2; color: #ffffff; border: none; border-radius: 8px; font-size: 16px; font-weight: 700; cursor: pointer; transition: background-color 0.3s; } .formulario-seccion button:hover { background-color: #0940a0; } \/* Feedback message *\/ #formMessage { font-family: \"Poppins\", sans-serif; font-weight: 600; text-align: center; } \/* Disabled button style *\/ #submitBtn:disabled { opacity: 0.7; cursor: not-allowed; } \/* Responsive *\/ @media (max-width: 480px) { .telefono-input { flex-direction: column; } .telefono-input select { width: 100%; } } <\/style> <script> \/\/ Env\u00edo sin recargar la p\u00e1gina con Formspree const grupoForm = document.getElementById(\"grupoForm\"); const submitBtn = document.getElementById(\"submitBtn\"); const formMessage = document.getElementById(\"formMessage\"); grupoForm.addEventListener(\"submit\", async function(e) { e.preventDefault(); submitBtn.innerText = \"Sending...\"; submitBtn.disabled = true; const data = new FormData(grupoForm); try { const response = await fetch(grupoForm.action, { method: \"POST\", body: data, headers: { 'Accept': 'application\/json' } }); if (response.ok) { formMessage.style.display = \"block\"; formMessage.style.color = \"green\"; formMessage.innerText = \"\u2705 Message sent successfully!\"; grupoForm.reset(); } else { throw new Error(\"Error sending message\"); } } catch (error) { formMessage.style.display = \"block\"; formMessage.style.color = \"red\"; formMessage.innerText = \"\u274c Something went wrong. Please try again.\"; } submitBtn.innerText = \"Send\"; submitBtn.disabled = false; }); <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7e3c264 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7e3c264\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0eb006d\" data-id=\"0eb006d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d68c814 elementor-widget elementor-widget-spacer\" data-id=\"d68c814\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0812e16 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0812e16\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b2a18e\" data-id=\"2b2a18e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TOURS TRANSPORTATION MEETINGS &#038; EVENTS MEETINGS AND EVENTS We offer tailored transport solutions for groups of any size. Let us help you plan your next event. GET A QUOTE DMC EXCELLENCE THAT LEAVES A MARK We combine flawless logistics, in-depth destination knowledge, and meticulous attention to every detail to transform perfectly executed events into memorable [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-7635","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7635","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/comments?post=7635"}],"version-history":[{"count":644,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7635\/revisions"}],"predecessor-version":[{"id":15393,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7635\/revisions\/15393"}],"wp:attachment":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/media?parent=7635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}