{"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-10-08T10:15:47","modified_gmt":"2026-10-08T16:15:47","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<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<!-- ============================================================\nSUNNYSIDE DMC\nMEETINGS & EVENTS HERO\nSEO + MICE OPTIMIZED\n\nDESKTOP: WIDE EDITORIAL HERO\nMOBILE: ORIGINAL RESPONSIVE BEHAVIOR PRESERVED\n\nPRIMARY MARKET: IXTAPA-ZIHUATANEJO\nSECONDARY MARKET: CANCUN & RIVIERA MAYA\n============================================================ -->\n\n<section id=\"ss-me-hero-01\">\n\n  <div class=\"ssme1-overlay\"><\/div>\n\n  <div class=\"ssme1-content\">\n\n    <h1>\n      IXTAPA-ZIHUATANEJO DMC\n      <span class=\"ssme1-title-line\">\n        FOR MEETINGS, GROUPS & EVENTS\n      <\/span>\n    <\/h1>\n\n    <p class=\"ssme1-subtitle\">\n      Destination management, transportation and event logistics for corporate groups,\n      conventions and incentive programs in Ixtapa-Zihuatanejo, Canc\u00fan and Riviera Maya.\n    <\/p>\n\n    <div class=\"ssme1-line\"><\/div>\n\n    <a href=\"#grupoForm\" class=\"ssme1-btn\">\n      <span>GET A QUOTE<\/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    <\/a>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ============================================================\nISOLATION\n============================================================ *\/\n\n#ss-me-hero-01,\n#ss-me-hero-01 *,\n#ss-me-hero-01 *::before,\n#ss-me-hero-01 *::after{\n  box-sizing:border-box !important;\n}\n\n\n\/* ============================================================\nHERO\n============================================================ *\/\n\n#ss-me-hero-01{\n\n  --navy:#071D34;\n  --navy2:#0A294A;\n  --yellow:#FFC629;\n\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  min-height:650px !important;\n\n  left:50% !important;\n\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:\n    72px\n    clamp(30px,5.3vw,105px) !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  overflow:hidden !important;\n\n  background:\n    url(\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/marwen-larafa-_96edJ8IVC4-unsplash-scaled.jpg\")\n    center center \/ cover\n    no-repeat !important;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif !important;\n}\n\n\n\/* ============================================================\nOVERLAY\n============================================================ *\/\n\n#ss-me-hero-01\n.ssme1-overlay{\n\n  position:absolute !important;\n\n  inset:0 !important;\n\n  z-index:1 !important;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(7,29,52,.95) 0%,\n      rgba(7,29,52,.88) 32%,\n      rgba(7,29,52,.66) 52%,\n      rgba(7,29,52,.32) 74%,\n      rgba(7,29,52,.10) 100%\n    ) !important;\n}\n\n\n\/* ============================================================\nCONTENT\n============================================================ *\/\n\n#ss-me-hero-01\n.ssme1-content{\n\n  position:relative !important;\n\n  z-index:3 !important;\n\n  width:100% !important;\n  max-width:1500px !important;\n\n  margin:0 !important;\n}\n\n\n\/* ============================================================\nTITLE\n============================================================ *\/\n\n#ss-me-hero-01\n.ssme1-content h1{\n\n  width:100% !important;\n  max-width:1500px !important;\n\n  margin:0 !important;\n  padding:0 !important;\n\n  color:#FFFFFF !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    clamp(52px,4.7vw,88px) !important;\n\n  line-height:.96 !important;\n\n  font-weight:600 !important;\n\n  letter-spacing:-2.7px !important;\n\n  white-space:nowrap !important;\n\n  word-break:normal !important;\n  overflow-wrap:normal !important;\n  hyphens:none !important;\n}\n\n\n\/* ============================================================\nSECOND LINE OF H1\n============================================================ *\/\n\n#ss-me-hero-01\n.ssme1-title-line{\n\n  display:block !important;\n\n  margin-top:5px !important;\n\n  color:#FFFFFF !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:inherit !important;\n\n  line-height:inherit !important;\n\n  font-weight:inherit !important;\n\n  letter-spacing:inherit !important;\n\n  white-space:nowrap !important;\n}\n\n\n\/* ============================================================\nSUBTITLE\n============================================================ *\/\n\n#ss-me-hero-01\n.ssme1-subtitle{\n\n  display:block !important;\n\n  max-width:860px !important;\n\n  margin:\n    25px\n    0\n    0 !important;\n\n  padding:0 !important;\n\n  color:\n    rgba(255,255,255,.84) !important;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif !important;\n\n  font-size:\n    clamp(15px,1.15vw,19px) !important;\n\n  line-height:1.62 !important;\n\n  font-weight:400 !important;\n\n  letter-spacing:0 !important;\n\n  white-space:normal !important;\n\n  word-break:normal !important;\n  overflow-wrap:normal !important;\n  hyphens:none !important;\n}\n\n\n\/* ============================================================\nYELLOW LINE\n============================================================ *\/\n\n#ss-me-hero-01\n.ssme1-line{\n\n  width:65px !important;\n\n  height:4px !important;\n\n  margin:\n    28px\n    0\n    27px !important;\n\n  background:\n    var(--yellow) !important;\n}\n\n\n\/* ============================================================\nBUTTON\n============================================================ *\/\n\n#ss-me-hero-01\n.ssme1-btn{\n\n  min-width:190px !important;\n  min-height:52px !important;\n\n  padding:\n    0\n    19px\n    0\n    22px !important;\n\n  display:inline-flex !important;\n\n  align-items:center !important;\n  justify-content:space-between !important;\n\n  gap:26px !important;\n\n  border:\n    1px solid\n    #FFFFFF !important;\n\n  border-radius:\n    8px !important;\n\n  background:\n    #FFFFFF !important;\n\n  color:\n    var(--navy) !important;\n\n  text-decoration:none !important;\n\n  font-size:11px !important;\n\n  font-weight:800 !important;\n\n  letter-spacing:.8px !important;\n\n  box-shadow:\n    0 10px 25px\n    rgba(0,0,0,.16) !important;\n\n  transition:\n    transform .22s ease,\n    background .22s ease,\n    border-color .22s ease !important;\n}\n\n\n#ss-me-hero-01\n.ssme1-btn svg{\n\n  width:19px !important;\n\n  height:19px !important;\n\n  fill:none !important;\n\n  stroke:\n    var(--yellow) !important;\n\n  stroke-width:2 !important;\n\n  stroke-linecap:round !important;\n\n  stroke-linejoin:round !important;\n}\n\n\n#ss-me-hero-01\n.ssme1-btn:hover{\n\n  transform:\n    translateY(-3px) !important;\n\n  background:\n    #F8FAFC !important;\n}\n\n\n\/* ============================================================\nMEDIUM DESKTOP \/ TABLET\nPrevents horizontal overflow before mobile breakpoint.\n============================================================ *\/\n\n@media(min-width:701px) and (max-width:1100px){\n\n  #ss-me-hero-01{\n\n    min-height:610px !important;\n\n    padding:\n      65px\n      clamp(28px,5vw,55px) !important;\n  }\n\n\n  #ss-me-hero-01\n  .ssme1-content h1{\n\n    font-size:\n      clamp(43px,5.7vw,60px) !important;\n\n    letter-spacing:-1.8px !important;\n\n    white-space:normal !important;\n  }\n\n\n  #ss-me-hero-01\n  .ssme1-title-line{\n\n    white-space:normal !important;\n  }\n\n\n  #ss-me-hero-01\n  .ssme1-subtitle{\n\n    max-width:700px !important;\n  }\n\n}\n\/* ============================================================\nSPANISH DESKTOP TITLE\nThe Spanish headline is longer than the English version.\nKeep the two-line composition without overflowing the viewport.\n============================================================ *\/\n\n@media(min-width:1101px){\n\n  html[lang=\"es\"]\n  #ss-me-hero-01\n  .ssme1-content h1,\n\n  html[lang^=\"es-\"]\n  #ss-me-hero-01\n  .ssme1-content h1,\n\n  body.translatepress-es\n  #ss-me-hero-01\n  .ssme1-content h1{\n\n    font-size:\n      clamp(48px,3.25vw,64px) !important;\n\n    line-height:.98 !important;\n\n    letter-spacing:-2px !important;\n\n    white-space:nowrap !important;\n  }\n\n\n  html[lang=\"es\"]\n  #ss-me-hero-01\n  .ssme1-title-line,\n\n  html[lang^=\"es-\"]\n  #ss-me-hero-01\n  .ssme1-title-line,\n\n  body.translatepress-es\n  #ss-me-hero-01\n  .ssme1-title-line{\n\n    white-space:nowrap !important;\n  }\n\n}\n\n\/* ============================================================\nMOBILE\nORIGINAL BEHAVIOR PRESERVED\n============================================================ *\/\n\n@media(max-width:700px){\n\n  #ss-me-hero-01{\n\n    min-height:590px !important;\n\n    padding:\n      68px\n      20px\n      38px !important;\n\n    align-items:flex-start !important;\n\n    background-position:\n      center 38% !important;\n  }\n\n\n  #ss-me-hero-01\n  .ssme1-overlay{\n\n    background:\n      linear-gradient(\n        180deg,\n        rgba(7,29,52,.48) 0%,\n        rgba(7,29,52,.54) 28%,\n        rgba(7,29,52,.72) 58%,\n        rgba(7,29,52,.94) 100%\n      ) !important;\n  }\n\n\n  #ss-me-hero-01\n  .ssme1-content{\n\n    width:100% !important;\n\n    max-width:100% !important;\n\n    margin:0 !important;\n  }\n\n\n  #ss-me-hero-01\n  .ssme1-content h1{\n\n    width:100% !important;\n\n    max-width:100% !important;\n\n    font-size:\n      clamp(32px,8.9vw,44px) !important;\n\n    line-height:1 !important;\n\n    letter-spacing:-1.2px !important;\n\n    white-space:normal !important;\n\n    word-break:normal !important;\n\n    overflow-wrap:normal !important;\n\n    hyphens:none !important;\n\n    text-wrap:balance !important;\n  }\n\n\n  #ss-me-hero-01\n  .ssme1-title-line{\n\n    margin-top:5px !important;\n\n    white-space:normal !important;\n  }\n\n\n  \/*\n  ESPA\u00d1OL\n  PREPARADO PARA UNA VERSI\u00d3N DE T\u00cdTULO M\u00c1S LARGA\n  *\/\n\n  html[lang=\"es\"]\n  #ss-me-hero-01\n  .ssme1-content h1,\n\n  html[lang^=\"es-\"]\n  #ss-me-hero-01\n  .ssme1-content h1,\n\n  body.translatepress-es\n  #ss-me-hero-01\n  .ssme1-content h1{\n\n    font-size:\n      clamp(30px,8.1vw,40px) !important;\n\n    line-height:1.01 !important;\n\n    letter-spacing:-.9px !important;\n  }\n\n\n  #ss-me-hero-01\n  .ssme1-subtitle{\n\n    max-width:100% !important;\n\n    margin-top:\n      17px !important;\n\n    font-size:\n      14px !important;\n\n    line-height:\n      1.52 !important;\n  }\n\n\n  #ss-me-hero-01\n  .ssme1-line{\n\n    width:58px !important;\n\n    margin:\n      21px\n      0\n      20px !important;\n  }\n\n\n  #ss-me-hero-01\n  .ssme1-btn{\n\n    min-width:176px !important;\n\n    min-height:50px !important;\n\n    padding:\n      0\n      17px\n      0\n      19px !important;\n  }\n\n}\n\n\n\/* ============================================================\nSMALL MOBILE\n============================================================ *\/\n\n@media(max-width:420px){\n\n  #ss-me-hero-01{\n\n    min-height:565px !important;\n\n    padding:\n      54px\n      17px\n      32px !important;\n\n    align-items:flex-start !important;\n\n    background-position:\n      center 36% !important;\n  }\n\n\n  #ss-me-hero-01\n  .ssme1-content h1{\n\n    font-size:\n      clamp(30px,8.3vw,38px) !important;\n\n    line-height:1.01 !important;\n\n    letter-spacing:-.8px !important;\n  }\n\n\n  html[lang=\"es\"]\n  #ss-me-hero-01\n  .ssme1-content h1,\n\n  html[lang^=\"es-\"]\n  #ss-me-hero-01\n  .ssme1-content h1,\n\n  body.translatepress-es\n  #ss-me-hero-01\n  .ssme1-content h1{\n\n    font-size:\n      clamp(28px,7.7vw,35px) !important;\n\n    line-height:1.02 !important;\n\n    letter-spacing:-.6px !important;\n  }\n\n\n  #ss-me-hero-01\n  .ssme1-subtitle{\n\n    margin-top:\n      15px !important;\n\n    font-size:\n      13.5px !important;\n\n    line-height:\n      1.5 !important;\n  }\n\n\n  #ss-me-hero-01\n  .ssme1-line{\n\n    margin:\n      19px\n      0\n      19px !important;\n  }\n\n}\n\n\n\/* ============================================================\nEXTRA SMALL MOBILE\n============================================================ *\/\n\n@media(max-width:350px){\n\n  #ss-me-hero-01{\n\n    min-height:550px !important;\n\n    padding:\n      48px\n      14px\n      28px !important;\n  }\n\n\n  #ss-me-hero-01\n  .ssme1-content h1{\n\n    font-size:\n      28px !important;\n  }\n\n\n  html[lang=\"es\"]\n  #ss-me-hero-01\n  .ssme1-content h1,\n\n  html[lang^=\"es-\"]\n  #ss-me-hero-01\n  .ssme1-content h1,\n\n  body.translatepress-es\n  #ss-me-hero-01\n  .ssme1-content h1{\n\n    font-size:\n      26px !important;\n  }\n\n}\n\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<!-- ============================================================\nSUNNYSIDE DMC\nMEETINGS & EVENTS\nDMC DIFFERENCE\nSEO + MICE OPTIMIZED\n============================================================ -->\n\n<section id=\"ss-dmc-diff-03\">\n\n  <div class=\"ssdd3-shell\">\n\n\n    <!-- ======================================================\n    INTRO\n    ======================================================= -->\n\n    <div class=\"ssdd3-intro\">\n\n      <span class=\"ssdd3-label\">\n        THE SUNNYSIDE DIFFERENCE IN DESTINATION MANAGEMENT\n      <\/span>\n\n      <h2>\n        LOCAL DMC EXPERTISE. SEAMLESS EXECUTION.\n      <\/h2>\n\n      <div class=\"ssdd3-line\"><\/div>\n\n      <p>\n        Sunnyside DMC combines destination expertise, transportation logistics and personalized coordination for meetings, conventions, incentive groups and corporate events. With deep local knowledge in Ixtapa-Zihuatanejo and operations in Canc\u00fan and Riviera Maya, we manage every detail from arrival to departure.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- ======================================================\n    GRID\n    ======================================================= -->\n\n    <div class=\"ssdd3-grid\">\n\n\n      <article class=\"ssdd3-item\">\n\n        <span class=\"ssdd3-number\">\n          01\n        <\/span>\n\n        <div class=\"ssdd3-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 20h9\"><\/path>\n            <path d=\"M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4Z\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <h3>\n          Customized Event Programs\n        <\/h3>\n\n      <\/article>\n\n\n      <article class=\"ssdd3-item\">\n\n        <span class=\"ssdd3-number\">\n          02\n        <\/span>\n\n        <div class=\"ssdd3-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <rect x=\"3\" y=\"7\" width=\"18\" height=\"10\" rx=\"2\"><\/rect>\n            <path d=\"M3 12h18\"><\/path>\n            <circle cx=\"7\" cy=\"16\" r=\"1\"><\/circle>\n            <circle cx=\"17\" cy=\"16\" r=\"1\"><\/circle>\n          <\/svg>\n\n        <\/div>\n\n        <h3>\n          Group &amp; Convention Transportation\n        <\/h3>\n\n      <\/article>\n\n\n      <article class=\"ssdd3-item\">\n\n        <span class=\"ssdd3-number\">\n          03\n        <\/span>\n\n        <div class=\"ssdd3-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"M12 22s8-4 8-11V5l-8-3-8 3v6c0 7 8 11 8 11Z\"><\/path>\n            <path d=\"m9 12 2 2 4-4\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <h3>\n          Professional Safety Standards\n        <\/h3>\n\n      <\/article>\n\n\n      <article class=\"ssdd3-item\">\n\n        <span class=\"ssdd3-number\">\n          04\n        <\/span>\n\n        <div class=\"ssdd3-icon\">\n\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n            <path d=\"m16 8-2.5 5.5L8 16l2.5-5.5Z\"><\/path>\n          <\/svg>\n\n        <\/div>\n\n        <h3>\n          Incentive &amp; Group Experiences\n        <\/h3>\n\n      <\/article>\n\n\n      <article class=\"ssdd3-item ssdd3-wide\">\n\n        <span class=\"ssdd3-number\">\n          05\n        <\/span>\n\n        <div class=\"ssdd3-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        <\/div>\n\n        <h3>\n          Dedicated On-Site Coordination\n        <\/h3>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ============================================================\nISOLATION\n============================================================ *\/\n\n#ss-dmc-diff-03,\n#ss-dmc-diff-03 *,\n#ss-dmc-diff-03 *::before,\n#ss-dmc-diff-03 *::after{\n  box-sizing:border-box !important;\n}\n\n\n\/* ============================================================\nSECTION\n============================================================ *\/\n\n#ss-dmc-diff-03{\n\n  --navy:#071D34;\n  --yellow:#FFC629;\n  --muted:#687688;\n  --border:#E2E7ED;\n  --soft:#F7F9FB;\n\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  left:50% !important;\n\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:\n    55px\n    clamp(16px,4vw,70px)\n    60px !important;\n\n  background:#FFFFFF !important;\n\n  overflow:hidden !important;\n\n  font-family:Arial,Helvetica,sans-serif !important;\n\n}\n\n\n\/* ============================================================\nSHELL\n============================================================ *\/\n\n#ss-dmc-diff-03\n.ssdd3-shell{\n\n  width:100% !important;\n\n  display:grid !important;\n\n  grid-template-columns:\n    minmax(280px,.38fr)\n    minmax(0,.62fr) !important;\n\n  gap:\n    clamp(40px,6vw,90px) !important;\n\n  align-items:center !important;\n\n}\n\n\n\/* ============================================================\nINTRO\n============================================================ *\/\n\n#ss-dmc-diff-03\n.ssdd3-intro{\n\n  position:relative !important;\n\n}\n\n\n#ss-dmc-diff-03\n.ssdd3-label{\n\n  display:block !important;\n\n  margin-bottom:12px !important;\n\n  color:var(--navy) !important;\n\n  font-size:9px !important;\n\n  font-weight:800 !important;\n\n  line-height:1.5 !important;\n\n  letter-spacing:2.3px !important;\n\n}\n\n\n#ss-dmc-diff-03\n.ssdd3-intro h2{\n\n  margin:0 !important;\n\n  color:var(--navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    clamp(40px,4vw,58px) !important;\n\n  line-height:.98 !important;\n\n  font-weight:600 !important;\n\n  letter-spacing:-1.8px !important;\n\n}\n\n\n#ss-dmc-diff-03\n.ssdd3-line{\n\n  width:62px !important;\n  height:4px !important;\n\n  margin:\n    22px\n    0 !important;\n\n  background:var(--yellow) !important;\n\n}\n\n\n#ss-dmc-diff-03\n.ssdd3-intro p{\n\n  margin:0 !important;\n\n  max-width:520px !important;\n\n  color:var(--muted) !important;\n\n  font-size:14px !important;\n\n  line-height:1.8 !important;\n\n}\n\n\n\/* ============================================================\nGRID\n============================================================ *\/\n\n#ss-dmc-diff-03\n.ssdd3-grid{\n\n  display:grid !important;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr)) !important;\n\n  gap:12px !important;\n\n}\n\n\n\/* ============================================================\nITEM\n============================================================ *\/\n\n#ss-dmc-diff-03\n.ssdd3-item{\n\n  position:relative !important;\n\n  min-height:180px !important;\n\n  margin:0 !important;\n\n  padding:\n    24px\n    24px !important;\n\n  display:flex !important;\n\n  flex-direction:column !important;\n\n  justify-content:flex-end !important;\n\n  overflow:hidden !important;\n\n  border:\n    1px solid\n    var(--border) !important;\n\n  border-radius:13px !important;\n\n  background:var(--soft) !important;\n\n  transition:\n    background .22s ease,\n    transform .22s ease !important;\n\n}\n\n\n#ss-dmc-diff-03\n.ssdd3-item:hover{\n\n  transform:\n    translateY(-3px) !important;\n\n  background:#FFFFFF !important;\n\n}\n\n\n#ss-dmc-diff-03\n.ssdd3-wide{\n\n  grid-column:\n    1 \/ -1 !important;\n\n  min-height:145px !important;\n\n}\n\n\n\/* ============================================================\nNUMBER\n============================================================ *\/\n\n#ss-dmc-diff-03\n.ssdd3-number{\n\n  position:absolute !important;\n\n  top:17px !important;\n  right:18px !important;\n\n  color:\n    rgba(7,29,52,.12) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:14px !important;\n\n}\n\n\n\/* ============================================================\nICON\n============================================================ *\/\n\n#ss-dmc-diff-03\n.ssdd3-icon{\n\n  width:46px !important;\n  height:46px !important;\n\n  margin-bottom:17px !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  border-radius:10px !important;\n\n  background:var(--navy) !important;\n\n  color:var(--yellow) !important;\n\n}\n\n\n#ss-dmc-diff-03\n.ssdd3-icon svg{\n\n  width:23px !important;\n  height:23px !important;\n\n  fill:none !important;\n\n  stroke:currentColor !important;\n\n  stroke-width:1.6 !important;\n\n  stroke-linecap:round !important;\n\n  stroke-linejoin:round !important;\n\n}\n\n\n\/* ============================================================\nTITLE\n============================================================ *\/\n\n#ss-dmc-diff-03\n.ssdd3-item h3{\n\n  margin:0 !important;\n\n  max-width:260px !important;\n\n  color:var(--navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:18px !important;\n\n  line-height:1.2 !important;\n\n  font-weight:600 !important;\n\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n\n@media(max-width:900px){\n\n  #ss-dmc-diff-03\n  .ssdd3-shell{\n\n    grid-template-columns:1fr !important;\n\n    gap:35px !important;\n\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:600px){\n\n  #ss-dmc-diff-03{\n\n    padding:\n      42px\n      14px\n      48px !important;\n\n  }\n\n\n  #ss-dmc-diff-03\n  .ssdd3-intro h2{\n\n    font-size:\n      clamp(34px,10vw,45px) !important;\n\n    line-height:1 !important;\n\n  }\n\n\n  #ss-dmc-diff-03\n  .ssdd3-grid{\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr)) !important;\n\n    gap:9px !important;\n\n  }\n\n\n  #ss-dmc-diff-03\n  .ssdd3-item{\n\n    min-height:175px !important;\n\n    padding:\n      18px\n      13px !important;\n\n  }\n\n\n  #ss-dmc-diff-03\n  .ssdd3-wide{\n\n    grid-column:\n      1 \/ -1 !important;\n\n    min-height:130px !important;\n\n  }\n\n\n  #ss-dmc-diff-03\n  .ssdd3-item h3{\n\n    max-width:100% !important;\n\n    font-size:14px !important;\n\n    line-height:1.25 !important;\n\n  }\n\n}\n\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<!-- ============================================================\nSUNNYSIDE DMC\nMEETINGS & EVENTS GALLERY\nOPTION 01 \u2014 PREMIUM EDITORIAL\nMICE + SEO OPTIMIZED\n============================================================ -->\n\n<section id=\"ss-dmc-gallery-01\">\n\n  <div class=\"ssdg1-grid\">\n\n\n    <!-- CARD 1 -->\n\n    <article class=\"ssdg1-card\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Aventura-sobre-el-mar-scaled.jpg\"\n        alt=\"Incentive and group experiences in Ixtapa-Zihuatanejo by Sunnyside DMC\"\n      >\n\n      <div class=\"ssdg1-overlay\"><\/div>\n\n      <div class=\"ssdg1-content\">\n\n        <span class=\"ssdg1-number\">\n          01\n        <\/span>\n\n        <div class=\"ssdg1-line\"><\/div>\n\n        <h3>\n          Incentive &amp; Group Experiences\n        <\/h3>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- CARD 2 -->\n\n    <article class=\"ssdg1-card\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Sunny_Aeropuerto_039-scaled.jpg\"\n        alt=\"Dedicated local DMC support for groups and events in Ixtapa-Zihuatanejo\"\n      >\n\n      <div class=\"ssdg1-overlay\"><\/div>\n\n      <div class=\"ssdg1-content\">\n\n        <span class=\"ssdg1-number\">\n          02\n        <\/span>\n\n        <div class=\"ssdg1-line\"><\/div>\n\n        <h3>\n          Dedicated Local DMC Support\n        <\/h3>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- CARD 3 -->\n\n    <article class=\"ssdg1-card\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/DSC_0023-scaled.jpg\"\n        alt=\"Group transportation and event logistics by Sunnyside DMC\"\n      >\n\n      <div class=\"ssdg1-overlay\"><\/div>\n\n      <div class=\"ssdg1-content\">\n\n        <span class=\"ssdg1-number\">\n          03\n        <\/span>\n\n        <div class=\"ssdg1-line\"><\/div>\n\n        <h3>\n          Group Transportation &amp; Logistics\n        <\/h3>\n\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ============================================================\nISOLATION\n============================================================ *\/\n\n#ss-dmc-gallery-01,\n#ss-dmc-gallery-01 *,\n#ss-dmc-gallery-01 *::before,\n#ss-dmc-gallery-01 *::after{\n  box-sizing:border-box !important;\n}\n\n\n\/* ============================================================\nSECTION\n============================================================ *\/\n\n#ss-dmc-gallery-01{\n\n  --navy:#071D34;\n  --yellow:#FFC629;\n\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  left:50% !important;\n\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:\n    34px\n    clamp(14px,3vw,55px)\n    55px !important;\n\n  background:#FFFFFF !important;\n\n  overflow:hidden !important;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif !important;\n\n}\n\n\n\/* ============================================================\nGRID\n============================================================ *\/\n\n#ss-dmc-gallery-01\n.ssdg1-grid{\n\n  width:100% !important;\n\n  display:grid !important;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr)) !important;\n\n  gap:\n    clamp(14px,1.5vw,22px) !important;\n\n}\n\n\n\/* ============================================================\nCARD\n============================================================ *\/\n\n#ss-dmc-gallery-01\n.ssdg1-card{\n\n  position:relative !important;\n\n  height:\n    clamp(330px,34vw,470px) !important;\n\n  margin:0 !important;\n\n  overflow:hidden !important;\n\n  border-radius:\n    15px !important;\n\n  background:\n    var(--navy) !important;\n\n  box-shadow:\n    0 14px 32px\n    rgba(7,29,52,.10) !important;\n\n}\n\n\n\/* ============================================================\nIMAGE\n============================================================ *\/\n\n#ss-dmc-gallery-01\n.ssdg1-card img{\n\n  display:block !important;\n\n  width:100% !important;\n  height:100% !important;\n\n  object-fit:cover !important;\n\n  transition:\n    transform .55s ease !important;\n\n}\n\n\n\/* ============================================================\nHOVER\n============================================================ *\/\n\n#ss-dmc-gallery-01\n.ssdg1-card:hover img{\n\n  transform:\n    scale(1.055) !important;\n\n}\n\n\n\/* ============================================================\nOVERLAY\n============================================================ *\/\n\n#ss-dmc-gallery-01\n.ssdg1-overlay{\n\n  position:absolute !important;\n\n  inset:0 !important;\n\n  z-index:1 !important;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(7,29,52,.02) 22%,\n      rgba(7,29,52,.22) 52%,\n      rgba(7,29,52,.90) 100%\n    ) !important;\n\n}\n\n\n\/* ============================================================\nCONTENT\n============================================================ *\/\n\n#ss-dmc-gallery-01\n.ssdg1-content{\n\n  position:absolute !important;\n\n  z-index:3 !important;\n\n  left:27px !important;\n  right:27px !important;\n  bottom:27px !important;\n\n}\n\n\n#ss-dmc-gallery-01\n.ssdg1-number{\n\n  display:block !important;\n\n  margin-bottom:11px !important;\n\n  color:\n    rgba(255,255,255,.62) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    13px !important;\n\n}\n\n\n#ss-dmc-gallery-01\n.ssdg1-line{\n\n  width:43px !important;\n  height:4px !important;\n\n  margin-bottom:\n    14px !important;\n\n  background:\n    var(--yellow) !important;\n\n}\n\n\n#ss-dmc-gallery-01\n.ssdg1-content h3{\n\n  margin:0 !important;\n\n  max-width:330px !important;\n\n  color:#FFFFFF !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    clamp(24px,2.05vw,34px) !important;\n\n  line-height:1.06 !important;\n\n  font-weight:600 !important;\n\n  letter-spacing:\n    -.7px !important;\n\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n\n@media(max-width:900px){\n\n  #ss-dmc-gallery-01\n  .ssdg1-grid{\n\n    grid-template-columns:1fr !important;\n\n  }\n\n\n  #ss-dmc-gallery-01\n  .ssdg1-card{\n\n    height:\n      390px !important;\n\n  }\n\n\n  #ss-dmc-gallery-01\n  .ssdg1-content h3{\n\n    max-width:420px !important;\n\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:600px){\n\n  #ss-dmc-gallery-01{\n\n    padding:\n      25px\n      14px\n      42px !important;\n\n  }\n\n\n  #ss-dmc-gallery-01\n  .ssdg1-card{\n\n    height:\n      330px !important;\n\n  }\n\n\n  #ss-dmc-gallery-01\n  .ssdg1-content{\n\n    left:21px !important;\n    right:21px !important;\n    bottom:22px !important;\n\n  }\n\n\n  #ss-dmc-gallery-01\n  .ssdg1-content h3{\n\n    max-width:285px !important;\n\n    font-size:\n      clamp(24px,7.2vw,31px) !important;\n\n  }\n\n}\n\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-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-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<!-- ============================================================\nSUNNYSIDE DMC\nMEETINGS & EVENTS\nMEMORABLE GROUP EXPERIENCES\nMICE + SEO OPTIMIZED\nPRIMARY MARKET: IXTAPA-ZIHUATANEJO\nSECONDARY MARKET: CANCUN & RIVIERA MAYA\n============================================================ -->\n\n<section id=\"ss-memorable-exp-01\">\n\n  <div class=\"ssme01-header\">\n\n    <span class=\"ssme01-eyebrow\">\n      MEETINGS \u2022 INCENTIVES \u2022 GROUPS \u2022 EVENTS\n    <\/span>\n\n    <h2>\n      DESTINATION MANAGEMENT FOR<br>\n      <span>MEMORABLE GROUP EXPERIENCES<\/span>\n    <\/h2>\n\n    <div class=\"ssme01-line\"><\/div>\n\n    <p>\n      From meetings, incentive travel and corporate events in Ixtapa-Zihuatanejo\n      to customized group programs in Canc\u00fan and Riviera Maya, Sunnyside DMC\n      coordinates transportation, experiences, production and on-site logistics\n      around your schedule, objectives and guests.\n    <\/p>\n\n  <\/div>\n\n\n  <!-- ========================================================\n  FEATURE \u2014 TEAM BUILDING\n  ========================================================= -->\n\n  <article class=\"ssme01-feature\">\n\n    <img decoding=\"async\"\n      src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-81.png\"\n      alt=\"Corporate team building experience in Ixtapa-Zihuatanejo by Sunnyside DMC\"\n    >\n\n    <div class=\"ssme01-feature-overlay\"><\/div>\n\n    <div class=\"ssme01-feature-content\">\n\n      <span>\n        FEATURED TEAM EXPERIENCE\n      <\/span>\n\n      <h3>\n        Corporate Team Building\n      <\/h3>\n\n      <p>\n        Engaging group activities designed to connect, collaborate and create memorable shared experiences.\n      <\/p>\n\n    <\/div>\n\n  <\/article>\n\n\n  <!-- ========================================================\n  GRID\n  ========================================================= -->\n\n  <div class=\"ssme01-grid\">\n\n\n    <!-- 01 -->\n\n    <article class=\"ssme01-card\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/pexels-david-bartus-43782-844928-scaled.jpg\"\n        alt=\"Audiovisual and event production for meetings and corporate events\"\n      >\n\n      <div class=\"ssme01-card-overlay\"><\/div>\n\n      <div class=\"ssme01-card-content\">\n\n        <h3>\n          Audiovisual &amp; Event Production\n        <\/h3>\n\n        <p>\n          Professional support for seamless event execution\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- 02 -->\n\n    <article class=\"ssme01-card\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/pexels-caleboquendo-11329861-2-scaled.jpg\"\n        alt=\"Corporate meetings and conventions in Ixtapa-Zihuatanejo\"\n      >\n\n      <div class=\"ssme01-card-overlay\"><\/div>\n\n      <div class=\"ssme01-card-content\">\n\n        <h3>\n          Meetings &amp; Conventions\n        <\/h3>\n\n        <p>\n          Local coordination for corporate and large-scale events\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- 03 -->\n\n    <article class=\"ssme01-card\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Spa-2-scaled.jpg\"\n        alt=\"Wellness programs for incentive groups and corporate events\"\n      >\n\n      <div class=\"ssme01-card-overlay\"><\/div>\n\n      <div class=\"ssme01-card-content\">\n\n        <h3>\n          Wellness Programs\n        <\/h3>\n\n        <p>\n          Curated wellness experiences for groups and incentives\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- 04 -->\n\n    <article class=\"ssme01-card\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/FOTOS-SHOWS-3.jpeg\"\n        alt=\"Themed corporate events and group experiences\"\n      >\n\n      <div class=\"ssme01-card-overlay\"><\/div>\n\n      <div class=\"ssme01-card-content\">\n\n        <h3>\n          Themed Events\n        <\/h3>\n\n        <p>\n          Creative and immersive concepts for memorable groups\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- 05 -->\n\n    <article class=\"ssme01-card\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/06\/123.jpg\"\n        alt=\"Group and event transportation in Ixtapa-Zihuatanejo\"\n      >\n\n      <div class=\"ssme01-card-overlay\"><\/div>\n\n      <div class=\"ssme01-card-content\">\n\n        <h3>\n          Group &amp; Event Transportation\n        <\/h3>\n\n        <p>\n          Reliable transportation and coordinated logistics\n        <\/p>\n\n        <a\n          href=\"#grupoForm\"\n          class=\"ssme01-request\"\n        >\n          REQUEST A QUOTE\n        <\/a>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- 06 -->\n\n    <article class=\"ssme01-card\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Grupo-34-scaled.jpg\"\n        alt=\"Incentive travel experiences in Ixtapa-Zihuatanejo, Cancun and Riviera Maya\"\n      >\n\n      <div class=\"ssme01-card-overlay\"><\/div>\n\n      <div class=\"ssme01-card-content\">\n\n        <h3>\n          Incentive Travel Experiences\n        <\/h3>\n\n        <p>\n          Tailor-made programs designed around your group\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- 07 -->\n\n    <article class=\"ssme01-card\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/MUSICA.jpg\"\n        alt=\"Live entertainment and production for corporate events\"\n      >\n\n      <div class=\"ssme01-card-overlay\"><\/div>\n\n      <div class=\"ssme01-card-content\">\n\n        <h3>\n          Live Entertainment\n        <\/h3>\n\n        <p>\n          Professional entertainment for private and corporate events\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- 08 -->\n\n    <article class=\"ssme01-card\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/boda.png\"\n        alt=\"Destination weddings and group transportation in Mexico\"\n      >\n\n      <div class=\"ssme01-card-overlay\"><\/div>\n\n      <div class=\"ssme01-card-content\">\n\n        <h3>\n          Destination Weddings\n        <\/h3>\n\n        <p>\n          Destination support, transportation and guest experiences\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- 09 -->\n\n    <article class=\"ssme01-card\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/Captura-de-pantalla-2025-10-12-123532.png\"\n        alt=\"Beachfront gala dinner for groups on Ixtapa Island\"\n      >\n\n      <div class=\"ssme01-card-overlay\"><\/div>\n\n      <div class=\"ssme01-card-content\">\n\n        <h3>\n          Beachfront Gala Dinners\n        <\/h3>\n\n        <p>\n          Private group events in unforgettable Ixtapa settings\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ============================================================\nISOLATION\n============================================================ *\/\n\n#ss-memorable-exp-01,\n#ss-memorable-exp-01 *,\n#ss-memorable-exp-01 *::before,\n#ss-memorable-exp-01 *::after{\n  box-sizing:border-box !important;\n}\n\n\n\/* ============================================================\nSECTION\n============================================================ *\/\n\n#ss-memorable-exp-01{\n\n  --navy:#071D34;\n  --navy2:#0A294A;\n  --yellow:#FFC629;\n  --muted:#687688;\n\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  left:50% !important;\n\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:\n    52px\n    clamp(14px,3vw,55px)\n    58px !important;\n\n  overflow:hidden !important;\n\n  background:#FFFFFF !important;\n\n  font-family:Arial,Helvetica,sans-serif !important;\n\n}\n\n\n\/* ============================================================\nHEADER\n============================================================ *\/\n\n#ss-memorable-exp-01\n.ssme01-header{\n\n  max-width:980px !important;\n\n  margin:\n    0 auto\n    38px !important;\n\n  text-align:center !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-eyebrow{\n\n  display:block !important;\n\n  margin-bottom:10px !important;\n\n  color:var(--navy) !important;\n\n  font-size:9px !important;\n\n  font-weight:800 !important;\n\n  letter-spacing:2.7px !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-header h2{\n\n  margin:0 !important;\n\n  color:var(--navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    clamp(39px,4.5vw,62px) !important;\n\n  line-height:.98 !important;\n\n  font-weight:600 !important;\n\n  letter-spacing:-2px !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-header h2 span{\n\n  color:var(--navy) !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-line{\n\n  width:62px !important;\n  height:4px !important;\n\n  margin:\n    20px auto !important;\n\n  background:var(--yellow) !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-header p{\n\n  max-width:820px !important;\n\n  margin:0 auto !important;\n\n  color:var(--muted) !important;\n\n  font-size:14px !important;\n\n  line-height:1.75 !important;\n\n}\n\n\n\/* ============================================================\nFEATURE\n============================================================ *\/\n\n#ss-memorable-exp-01\n.ssme01-feature{\n\n  position:relative !important;\n\n  height:\n    clamp(390px,42vw,590px) !important;\n\n  margin:\n    0 0\n    18px !important;\n\n  overflow:hidden !important;\n\n  border-radius:16px !important;\n\n  background:var(--navy) !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-feature img{\n\n  width:100% !important;\n  height:100% !important;\n\n  display:block !important;\n\n  object-fit:cover !important;\n\n  transition:\n    transform .6s ease !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-feature:hover img{\n\n  transform:\n    scale(1.035) !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-feature-overlay{\n\n  position:absolute !important;\n\n  inset:0 !important;\n\n  z-index:1 !important;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(7,29,52,.88) 0%,\n      rgba(7,29,52,.42) 45%,\n      rgba(7,29,52,.05) 75%\n    ) !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-feature-content{\n\n  position:absolute !important;\n\n  z-index:3 !important;\n\n  left:\n    clamp(25px,4vw,60px) !important;\n\n  bottom:\n    clamp(28px,4vw,55px) !important;\n\n  max-width:660px !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-feature-content > span{\n\n  display:block !important;\n\n  margin-bottom:11px !important;\n\n  color:var(--yellow) !important;\n\n  font-size:9px !important;\n\n  font-weight:800 !important;\n\n  letter-spacing:2.5px !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-feature-content h3{\n\n  margin:0 !important;\n\n  color:#FFFFFF !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    clamp(43px,5vw,70px) !important;\n\n  line-height:.95 !important;\n\n  font-weight:600 !important;\n\n  letter-spacing:-2px !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-feature-content p{\n\n  max-width:620px !important;\n\n  margin:\n    13px\n    0\n    0 !important;\n\n  color:\n    rgba(255,255,255,.82) !important;\n\n  font-size:14px !important;\n\n  line-height:1.55 !important;\n\n}\n\n\n\/* ============================================================\nGRID\n============================================================ *\/\n\n#ss-memorable-exp-01\n.ssme01-grid{\n\n  display:grid !important;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr)) !important;\n\n  gap:\n    18px !important;\n\n}\n\n\n\/* ============================================================\nCARDS\n============================================================ *\/\n\n#ss-memorable-exp-01\n.ssme01-card{\n\n  position:relative !important;\n\n  height:270px !important;\n\n  margin:0 !important;\n\n  overflow:hidden !important;\n\n  border-radius:14px !important;\n\n  background:var(--navy) !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-card img{\n\n  width:100% !important;\n  height:100% !important;\n\n  display:block !important;\n\n  object-fit:cover !important;\n\n  transition:\n    transform .5s ease !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-card:hover img{\n\n  transform:\n    scale(1.06) !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-card-overlay{\n\n  position:absolute !important;\n\n  inset:0 !important;\n\n  z-index:1 !important;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(7,29,52,.02) 20%,\n      rgba(7,29,52,.24) 50%,\n      rgba(7,29,52,.93) 100%\n    ) !important;\n\n}\n\n\n\/* ============================================================\nCARD CONTENT\n============================================================ *\/\n\n#ss-memorable-exp-01\n.ssme01-card-content{\n\n  position:absolute !important;\n\n  z-index:3 !important;\n\n  left:22px !important;\n  right:22px !important;\n  bottom:21px !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-card-content::before{\n\n  content:\"\" !important;\n\n  display:block !important;\n\n  width:40px !important;\n  height:3px !important;\n\n  margin-bottom:12px !important;\n\n  background:var(--yellow) !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-card-content h3{\n\n  margin:0 !important;\n\n  color:#FFFFFF !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    clamp(20px,1.7vw,27px) !important;\n\n  line-height:1.08 !important;\n\n  font-weight:600 !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-card-content p{\n\n  margin:\n    7px\n    0\n    0 !important;\n\n  color:\n    rgba(255,255,255,.76) !important;\n\n  font-size:11px !important;\n\n  line-height:1.45 !important;\n\n}\n\n\n\/* ============================================================\nREQUEST\n============================================================ *\/\n\n#ss-memorable-exp-01\n.ssme01-request{\n\n  display:inline-flex !important;\n\n  margin-top:11px !important;\n\n  min-height:32px !important;\n\n  padding:\n    0\n    13px !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  border:\n    1px solid\n    rgba(255,255,255,.36) !important;\n\n  border-radius:6px !important;\n\n  background:\n    rgba(255,255,255,.10) !important;\n\n  color:#FFFFFF !important;\n\n  text-decoration:none !important;\n\n  font-size:9px !important;\n\n  font-weight:800 !important;\n\n  letter-spacing:.5px !important;\n\n  transition:\n    background .22s ease !important;\n\n}\n\n\n#ss-memorable-exp-01\n.ssme01-request:hover{\n\n  background:var(--navy) !important;\n\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n\n@media(max-width:950px){\n\n  #ss-memorable-exp-01\n  .ssme01-grid{\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr)) !important;\n\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:650px){\n\n  #ss-memorable-exp-01{\n\n    padding:\n      42px\n      14px\n      48px !important;\n\n  }\n\n\n  #ss-memorable-exp-01\n  .ssme01-header h2{\n\n    font-size:\n      clamp(34px,10vw,46px) !important;\n\n    line-height:1 !important;\n\n  }\n\n\n  #ss-memorable-exp-01\n  .ssme01-feature{\n\n    height:430px !important;\n\n  }\n\n\n  #ss-memorable-exp-01\n  .ssme01-feature-overlay{\n\n    background:\n      linear-gradient(\n        180deg,\n        rgba(7,29,52,.10),\n        rgba(7,29,52,.88)\n      ) !important;\n\n  }\n\n\n  #ss-memorable-exp-01\n  .ssme01-feature-content h3{\n\n    font-size:\n      clamp(38px,11vw,52px) !important;\n\n  }\n\n\n  #ss-memorable-exp-01\n  .ssme01-grid{\n\n    grid-template-columns:1fr !important;\n\n    gap:12px !important;\n\n  }\n\n\n  #ss-memorable-exp-01\n  .ssme01-card{\n\n    height:280px !important;\n\n  }\n\n}\n\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-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\">\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<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-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<!-- =========================================================\nSUNNYSIDE DMC SERVICES\nGROUP & EVENT TRANSPORTATION\nSEO + MICE OPTIMIZED\nPRIMARY MARKET: IXTAPA-ZIHUATANEJO\nSECONDARY MARKET: CANCUN & RIVIERA MAYA\nAUTOMATIC 8 IMAGE GALLERY\n========================================================= -->\n\n<section id=\"ss-transport-gallery-01\">\n\n  <div class=\"sstg1-shell\">\n\n    <!-- =====================================================\n    GALLERY\n    ====================================================== -->\n\n    <div\n      class=\"sstg1-gallery\"\n      tabindex=\"0\"\n      aria-label=\"Sunnyside DMC group and event transportation gallery\"\n    >\n\n      <div class=\"sstg1-frame\">\n\n        <img decoding=\"async\"\n          class=\"sstg1-image\"\n          src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-16-sept-2026-11_25_00-a.m.png\"\n          alt=\"Group and airport transportation in Ixtapa-Zihuatanejo by Sunnyside DMC\"\n          loading=\"eager\"\n          fetchpriority=\"high\"\n        >\n\n        <div class=\"sstg1-overlay\"><\/div>\n\n        <div class=\"sstg1-tag\">\n          GROUP TRANSPORTATION\n        <\/div>\n\n        <div class=\"sstg1-counter\">\n          <span class=\"sstg1-current\">01<\/span>\n          <span class=\"sstg1-counter-line\"><\/span>\n          <span class=\"sstg1-total\">08<\/span>\n        <\/div>\n\n        <button\n          type=\"button\"\n          class=\"sstg1-arrow sstg1-prev\"\n          aria-label=\"Previous image\"\n        >\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"m15 18-6-6 6-6\"><\/path>\n          <\/svg>\n        <\/button>\n\n        <button\n          type=\"button\"\n          class=\"sstg1-arrow sstg1-next\"\n          aria-label=\"Next image\"\n        >\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d=\"m9 18 6-6-6-6\"><\/path>\n          <\/svg>\n        <\/button>\n\n      <\/div>\n\n      <div\n        class=\"sstg1-dots\"\n        aria-label=\"Gallery navigation\"\n      ><\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n    CONTENT\n    ====================================================== -->\n\n    <div class=\"sstg1-content\">\n\n      <span class=\"sstg1-label\">\n        IXTAPA-ZIHUATANEJO \u2022 AIRPORT \u2022 GROUPS \u2022 EVENTS\n      <\/span>\n\n      <h2>\n        GROUP &amp; EVENT\n        <span>TRANSPORTATION<\/span>\n      <\/h2>\n\n      <div class=\"sstg1-line\"><\/div>\n\n      <h3>\n        Seamless transportation for airport arrivals,\n        conventions and special events\n      <\/h3>\n\n      <p>\n        From individual airport transfers to large-scale group movements,\n        Sunnyside DMC provides professional transportation and logistics\n        in Ixtapa-Zihuatanejo, with group transportation services also\n        available in Canc\u00fan and Riviera Maya.\n      <\/p>\n\n      <p>\n        Our experienced logistics team coordinates arrivals, departures,\n        hotel transfers, convention transportation, private movements,\n        VIP services and special-event transportation around each\n        program\u2019s schedule, venue and operational requirements.\n      <\/p>\n\n      <a\n        class=\"sstg1-button\"\n        href=\"mailto:enrique@sunnyside.com.mx,gerencia@sunnyside.com.mx?subject=Group%20Transportation%20Request%20-%20Sunnyside%20DMC&body=Hello%2C%0A%0AI%20would%20like%20to%20request%20information%20and%20a%20quotation%20for%20group%20or%20event%20transportation.%0A%0APlease%20contact%20me%20with%20the%20available%20options.%0A%0AThank%20you.\"\n      >\n        <span>\n          REQUEST TRANSPORTATION\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      <\/a>\n\n\n      <!-- SERVICES -->\n\n      <div class=\"sstg1-services\">\n\n        <div class=\"sstg1-service\">\n\n          <span class=\"sstg1-service-icon\">\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          <\/span>\n\n          <span>\n            Airport Transfers\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"sstg1-service\">\n\n          <span class=\"sstg1-service-icon\">\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          <\/span>\n\n          <span>\n            Group &amp; Event Transportation\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"sstg1-service\">\n\n          <span class=\"sstg1-service-icon\">\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          <\/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<style>\n\n\/* ============================================================\nISOLATION\n============================================================ *\/\n\n#ss-transport-gallery-01,\n#ss-transport-gallery-01 *,\n#ss-transport-gallery-01 *::before,\n#ss-transport-gallery-01 *::after{\n  box-sizing:border-box !important;\n}\n\n\n\/* ============================================================\nSECTION\n============================================================ *\/\n\n#ss-transport-gallery-01{\n\n  --navy:#071D34;\n  --navy2:#0A294A;\n  --yellow:#FFC629;\n  --muted:#687688;\n  --text:#26384A;\n  --border:#E2E7ED;\n  --soft:#F7F9FB;\n\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  left:50% !important;\n\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:\n    58px\n    clamp(16px,4vw,70px)\n    62px !important;\n\n  overflow:hidden !important;\n\n  background:#FFFFFF !important;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif !important;\n\n}\n\n\n\/* ============================================================\nLAYOUT\n============================================================ *\/\n\n#ss-transport-gallery-01\n.sstg1-shell{\n\n  width:100% !important;\n\n  display:grid !important;\n\n  grid-template-columns:\n    minmax(0,1.08fr)\n    minmax(360px,.92fr) !important;\n\n  gap:\n    clamp(40px,5vw,75px) !important;\n\n  align-items:center !important;\n\n}\n\n\n\/* ============================================================\nGALLERY\n============================================================ *\/\n\n#ss-transport-gallery-01\n.sstg1-gallery{\n\n  min-width:0 !important;\n\n  outline:none !important;\n\n  touch-action:pan-y !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-frame{\n\n  position:relative !important;\n\n  width:100% !important;\n\n  aspect-ratio:\n    16 \/ 10 !important;\n\n  overflow:hidden !important;\n\n  border-radius:15px !important;\n\n  background:var(--navy) !important;\n\n  box-shadow:\n    0 20px 45px\n    rgba(7,29,52,.14) !important;\n\n}\n\n\n\/* IMAGE *\/\n\n#ss-transport-gallery-01\n.sstg1-image{\n\n  position:absolute !important;\n\n  inset:0 !important;\n\n  width:100% !important;\n  height:100% !important;\n\n  margin:0 !important;\n\n  display:block !important;\n\n  object-fit:cover !important;\n\n  opacity:1 !important;\n\n  transform:scale(1) !important;\n\n  transition:\n    opacity .38s ease,\n    transform 5s ease !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-image.is-changing{\n\n  opacity:0 !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-image.is-loaded{\n\n  transform:\n    scale(1.025) !important;\n\n}\n\n\n\/* OVERLAY *\/\n\n#ss-transport-gallery-01\n.sstg1-overlay{\n\n  position:absolute !important;\n\n  inset:0 !important;\n\n  z-index:2 !important;\n\n  pointer-events:none !important;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(7,29,52,.02) 35%,\n      rgba(7,29,52,.42) 100%\n    ) !important;\n\n}\n\n\n\/* TAG *\/\n\n#ss-transport-gallery-01\n.sstg1-tag{\n\n  position:absolute !important;\n\n  z-index:6 !important;\n\n  top:18px !important;\n  left:18px !important;\n\n  padding:\n    8px\n    12px !important;\n\n  border:\n    1px solid\n    rgba(255,255,255,.30) !important;\n\n  border-radius:7px !important;\n\n  background:\n    rgba(7,29,52,.55) !important;\n\n  color:#FFFFFF !important;\n\n  font-size:8px !important;\n\n  font-weight:800 !important;\n\n  letter-spacing:1.7px !important;\n\n}\n\n\n\/* COUNTER *\/\n\n#ss-transport-gallery-01\n.sstg1-counter{\n\n  position:absolute !important;\n\n  z-index:7 !important;\n\n  left:20px !important;\n  bottom:19px !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  gap:9px !important;\n\n  color:#FFFFFF !important;\n\n  font-size:10px !important;\n\n  font-weight:700 !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-counter-line{\n\n  width:26px !important;\n  height:1px !important;\n\n  background:\n    rgba(255,255,255,.60) !important;\n\n}\n\n\n\/* ARROWS *\/\n\n#ss-transport-gallery-01\n.sstg1-arrow{\n\n  position:absolute !important;\n\n  z-index:10 !important;\n\n  top:50% !important;\n\n  width:43px !important;\n  height:43px !important;\n\n  padding:0 !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  border:\n    1px solid\n    rgba(255,255,255,.32) !important;\n\n  border-radius:50% !important;\n\n  background:\n    rgba(7,29,52,.52) !important;\n\n  color:#FFFFFF !important;\n\n  cursor:pointer !important;\n\n  opacity:0 !important;\n\n  transform:\n    translateY(-50%) !important;\n\n  transition:\n    opacity .2s ease,\n    background .2s ease,\n    transform .2s ease !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-frame:hover\n.sstg1-arrow{\n\n  opacity:1 !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-arrow:hover{\n\n  background:\n    var(--navy) !important;\n\n  transform:\n    translateY(-50%)\n    scale(1.07) !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-arrow svg{\n\n  width:20px !important;\n  height:20px !important;\n\n  fill:none !important;\n\n  stroke:currentColor !important;\n\n  stroke-width:2 !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-prev{\n\n  left:15px !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-next{\n\n  right:15px !important;\n\n}\n\n\n\/* ============================================================\nDOTS\n============================================================ *\/\n\n#ss-transport-gallery-01\n.sstg1-dots{\n\n  min-height:18px !important;\n\n  margin-top:15px !important;\n\n  display:flex !important;\n\n  justify-content:center !important;\n\n  align-items:center !important;\n\n  gap:7px !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-dot{\n\n  width:7px !important;\n  height:7px !important;\n\n  min-width:7px !important;\n\n  padding:0 !important;\n\n  border:0 !important;\n\n  border-radius:50% !important;\n\n  background:#CDD5DE !important;\n\n  cursor:pointer !important;\n\n  transition:\n    width .2s ease,\n    background .2s ease !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-dot.is-active{\n\n  width:28px !important;\n\n  border-radius:20px !important;\n\n  background:\n    var(--yellow) !important;\n\n}\n\n\n\/* ============================================================\nCONTENT\n============================================================ *\/\n\n#ss-transport-gallery-01\n.sstg1-content{\n\n  max-width:640px !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-label{\n\n  display:block !important;\n\n  margin-bottom:12px !important;\n\n  color:var(--navy) !important;\n\n  font-size:9px !important;\n\n  font-weight:800 !important;\n\n  letter-spacing:2.4px !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-content h2{\n\n  margin:0 !important;\n\n  color:var(--navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    clamp(40px,3.9vw,60px) !important;\n\n  line-height:.96 !important;\n\n  font-weight:600 !important;\n\n  letter-spacing:-1.9px !important;\n\n  text-wrap:balance !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-content h2 span{\n\n  display:block !important;\n\n  margin-top:6px !important;\n\n  color:var(--navy) !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-line{\n\n  width:62px !important;\n  height:4px !important;\n\n  margin:\n    22px\n    0 !important;\n\n  background:\n    var(--yellow) !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-content h3{\n\n  margin:\n    0\n    0\n    17px !important;\n\n  color:var(--navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:20px !important;\n\n  line-height:1.38 !important;\n\n  font-weight:600 !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-content p{\n\n  margin:\n    0\n    0\n    14px !important;\n\n  color:var(--muted) !important;\n\n  font-size:14px !important;\n\n  line-height:1.75 !important;\n\n}\n\n\n\/* ============================================================\nBUTTON\n============================================================ *\/\n\n#ss-transport-gallery-01\n.sstg1-button{\n\n  min-width:225px !important;\n  min-height:51px !important;\n\n  margin-top:13px !important;\n\n  padding:\n    0\n    18px\n    0\n    21px !important;\n\n  display:inline-flex !important;\n\n  align-items:center !important;\n\n  justify-content:space-between !important;\n\n  gap:22px !important;\n\n  border-radius:8px !important;\n\n  background:var(--navy) !important;\n\n  color:#FFFFFF !important;\n\n  text-decoration:none !important;\n\n  font-size:10px !important;\n\n  font-weight:800 !important;\n\n  letter-spacing:.5px !important;\n\n  box-shadow:\n    0 9px 22px\n    rgba(7,29,52,.14) !important;\n\n  transition:\n    transform .2s ease,\n    background .2s ease !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-button:hover{\n\n  transform:\n    translateY(-2px) !important;\n\n  background:var(--navy2) !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-button svg{\n\n  width:18px !important;\n  height:18px !important;\n\n  fill:none !important;\n\n  stroke:var(--yellow) !important;\n\n  stroke-width:2 !important;\n\n}\n\n\n\/* ============================================================\nSERVICES\n============================================================ *\/\n\n#ss-transport-gallery-01\n.sstg1-services{\n\n  margin-top:27px !important;\n\n  padding-top:21px !important;\n\n  display:grid !important;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr)) !important;\n\n  gap:12px !important;\n\n  border-top:\n    1px solid\n    var(--border) !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-service{\n\n  display:flex !important;\n\n  flex-direction:column !important;\n\n  gap:8px !important;\n\n  color:var(--navy) !important;\n\n  font-size:10px !important;\n\n  line-height:1.35 !important;\n\n  font-weight:700 !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-service-icon{\n\n  width:35px !important;\n  height:35px !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  border-radius:9px !important;\n\n  background:var(--soft) !important;\n\n  color:var(--navy) !important;\n\n}\n\n\n#ss-transport-gallery-01\n.sstg1-service-icon svg{\n\n  width:18px !important;\n  height:18px !important;\n\n  fill:none !important;\n\n  stroke:currentColor !important;\n\n  stroke-width:1.7 !important;\n\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n\n@media(max-width:960px){\n\n  #ss-transport-gallery-01\n  .sstg1-shell{\n\n    grid-template-columns:1fr !important;\n\n    gap:34px !important;\n\n  }\n\n\n  #ss-transport-gallery-01\n  .sstg1-content{\n\n    max-width:760px !important;\n\n  }\n\n\n  #ss-transport-gallery-01\n  .sstg1-arrow{\n\n    opacity:1 !important;\n\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:600px){\n\n  #ss-transport-gallery-01{\n\n    padding:\n      42px\n      14px\n      48px !important;\n\n  }\n\n\n  #ss-transport-gallery-01\n  .sstg1-frame{\n\n    aspect-ratio:\n      16 \/ 11 !important;\n\n  }\n\n\n  #ss-transport-gallery-01\n  .sstg1-content h2{\n\n    font-size:\n      clamp(36px,10.4vw,43px) !important;\n\n    line-height:.98 !important;\n\n  }\n\n\n  #ss-transport-gallery-01\n  .sstg1-content h3{\n\n    font-size:18px !important;\n\n  }\n\n\n  #ss-transport-gallery-01\n  .sstg1-button{\n\n    width:100% !important;\n\n  }\n\n\n  #ss-transport-gallery-01\n  .sstg1-services{\n\n    grid-template-columns:1fr !important;\n\n  }\n\n\n  #ss-transport-gallery-01\n  .sstg1-service{\n\n    flex-direction:row !important;\n\n    align-items:center !important;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n  \"use strict\";\n\n  const root =\n    document.getElementById(\n      \"ss-transport-gallery-01\"\n    );\n\n  if(!root){\n    return;\n  }\n\n  if(\n    root.dataset.initialized ===\n    \"true\"\n  ){\n    return;\n  }\n\n  root.dataset.initialized =\n    \"true\";\n\n\n  const galleryImages = [\n\n    {\n      src:\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-16-sept-2026-11_25_00-a.m.png\",\n      alt:\"Group and airport transportation in Ixtapa-Zihuatanejo by Sunnyside DMC\"\n    },\n\n    {\n      src:\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-16-sept-2026-11_22_11-a.m.png\",\n      alt:\"Convention and meeting transportation in Ixtapa-Zihuatanejo\"\n    },\n\n    {\n      src:\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-16-sept-2026-11_58_04-a.m.png\",\n      alt:\"Private transportation for corporate and incentive groups\"\n    },\n\n    {\n      src:\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-16-sept-2026-11_26_13-a.m.png\",\n      alt:\"Professional airport transfer service for groups and events\"\n    },\n\n    {\n      src:\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/09\/af3eca28-a286-4dad-83e3-69e34f2a6338-1.png\",\n      alt:\"Sunnyside DMC airport arrival and group transportation operation\"\n    },\n\n    {\n      src:\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/09\/d93fdcb1-5f18-4ab3-8e5b-90df0588115e.png\",\n      alt:\"Group transportation and event logistics in Ixtapa-Zihuatanejo\"\n    },\n\n    {\n      src:\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/05\/Sunny_Aeropuerto_008-scaled.jpg\",\n      alt:\"Airport meet and greet transportation for groups\"\n    },\n\n    {\n      src:\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2025\/10\/DSC_0074-scaled.jpg\",\n      alt:\"Transportation for meetings, incentive groups and conventions\"\n    }\n\n  ];\n\n\n  const gallery =\n    root.querySelector(\n      \".sstg1-gallery\"\n    );\n\n  const image =\n    root.querySelector(\n      \".sstg1-image\"\n    );\n\n  const prev =\n    root.querySelector(\n      \".sstg1-prev\"\n    );\n\n  const next =\n    root.querySelector(\n      \".sstg1-next\"\n    );\n\n  const dotsContainer =\n    root.querySelector(\n      \".sstg1-dots\"\n    );\n\n  const current =\n    root.querySelector(\n      \".sstg1-current\"\n    );\n\n  const total =\n    root.querySelector(\n      \".sstg1-total\"\n    );\n\n\n  if(\n    !gallery ||\n    !image ||\n    !prev ||\n    !next ||\n    !dotsContainer ||\n    !current ||\n    !total\n  ){\n    return;\n  }\n\n\n  let currentIndex = 0;\n  let timer = null;\n  let visible = false;\n  let touchStartX = 0;\n  let changing = false;\n\n  const delay = 4500;\n  const fade = 330;\n\n\n  function number(value){\n\n    return String(value)\n      .padStart(2,\"0\");\n\n  }\n\n\n  galleryImages.slice(1)\n    .forEach(function(item){\n\n      const preload =\n        new Image();\n\n      preload.src =\n        item.src;\n\n    });\n\n\n  galleryImages.forEach(\n    function(item,index){\n\n      const dot =\n        document.createElement(\n          \"button\"\n        );\n\n      dot.type =\n        \"button\";\n\n      dot.className =\n        \"sstg1-dot\";\n\n      dot.setAttribute(\n        \"aria-label\",\n        \"Show transportation image \" +\n        (index + 1)\n      );\n\n      dot.addEventListener(\n        \"click\",\n        function(){\n\n          showImage(index);\n          restart();\n\n        }\n      );\n\n      dotsContainer.appendChild(\n        dot\n      );\n\n    }\n  );\n\n\n  const dots =\n    Array.from(\n      dotsContainer.querySelectorAll(\n        \".sstg1-dot\"\n      )\n    );\n\n\n  function update(){\n\n    dots.forEach(\n      function(dot,index){\n\n        const active =\n          index === currentIndex;\n\n        dot.classList.toggle(\n          \"is-active\",\n          active\n        );\n\n        dot.setAttribute(\n          \"aria-current\",\n          active\n            ? \"true\"\n            : \"false\"\n        );\n\n      }\n    );\n\n    current.textContent =\n      number(currentIndex + 1);\n\n    total.textContent =\n      number(galleryImages.length);\n\n  }\n\n\n  function showImage(index){\n\n    if(changing){\n      return;\n    }\n\n    const nextIndex =\n      (\n        (index % galleryImages.length) +\n        galleryImages.length\n      ) % galleryImages.length;\n\n    if(\n      nextIndex === currentIndex\n    ){\n      update();\n      return;\n    }\n\n    changing = true;\n\n    image.classList.remove(\n      \"is-loaded\"\n    );\n\n    image.classList.add(\n      \"is-changing\"\n    );\n\n    window.setTimeout(\n      function(){\n\n        currentIndex =\n          nextIndex;\n\n        const item =\n          galleryImages[currentIndex];\n\n        image.src =\n          item.src;\n\n        image.alt =\n          item.alt;\n\n        const reveal =\n          function(){\n\n            image.classList.remove(\n              \"is-changing\"\n            );\n\n            window.requestAnimationFrame(\n              function(){\n\n                image.classList.add(\n                  \"is-loaded\"\n                );\n\n              }\n            );\n\n            update();\n\n            changing = false;\n\n          };\n\n\n        if(\n          typeof image.decode ===\n          \"function\"\n        ){\n\n          image.decode()\n            .then(reveal)\n            .catch(reveal);\n\n        }else{\n\n          reveal();\n\n        }\n\n      },\n      fade\n    );\n\n  }\n\n\n  function nextImage(){\n    showImage(currentIndex + 1);\n  }\n\n\n  function prevImage(){\n    showImage(currentIndex - 1);\n  }\n\n\n  function stop(){\n\n    if(timer !== null){\n\n      window.clearInterval(timer);\n\n      timer = null;\n\n    }\n\n  }\n\n\n  function start(){\n\n    stop();\n\n    if(\n      !visible ||\n      document.hidden ||\n      galleryImages.length <= 1\n    ){\n      return;\n    }\n\n    timer =\n      window.setInterval(\n        nextImage,\n        delay\n      );\n\n  }\n\n\n  function restart(){\n    stop();\n    start();\n  }\n\n\n  next.addEventListener(\n    \"click\",\n    function(){\n\n      nextImage();\n      restart();\n\n    }\n  );\n\n\n  prev.addEventListener(\n    \"click\",\n    function(){\n\n      prevImage();\n      restart();\n\n    }\n  );\n\n\n  gallery.addEventListener(\n    \"mouseenter\",\n    stop\n  );\n\n\n  gallery.addEventListener(\n    \"mouseleave\",\n    start\n  );\n\n\n  gallery.addEventListener(\n    \"keydown\",\n    function(event){\n\n      if(\n        event.key === \"ArrowRight\"\n      ){\n\n        event.preventDefault();\n\n        nextImage();\n        restart();\n\n      }\n\n\n      if(\n        event.key === \"ArrowLeft\"\n      ){\n\n        event.preventDefault();\n\n        prevImage();\n        restart();\n\n      }\n\n    }\n  );\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      touchStartX =\n        event.changedTouches[0]\n          .clientX;\n\n    },\n    {\n      passive: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      const touchEndX =\n        event.changedTouches[0]\n          .clientX;\n\n      const difference =\n        touchEndX -\n        touchStartX;\n\n      if(\n        Math.abs(difference) < 45\n      ){\n        return;\n      }\n\n      if(\n        difference < 0\n      ){\n\n        nextImage();\n\n      }else{\n\n        prevImage();\n\n      }\n\n      restart();\n\n    },\n    {\n      passive:true\n    }\n  );\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              visible =\n                entry.isIntersecting;\n\n              if(visible){\n\n                start();\n\n              }else{\n\n                stop();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold:.2\n        }\n      );\n\n    observer.observe(\n      gallery\n    );\n\n  }else{\n\n    visible = true;\n    start();\n\n  }\n\n\n  document.addEventListener(\n    \"visibilitychange\",\n    function(){\n\n      if(document.hidden){\n\n        stop();\n\n      }else{\n\n        start();\n\n      }\n\n    }\n  );\n\n\n  image.classList.add(\n    \"is-loaded\"\n  );\n\n  update();\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-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     OPTION 03 \u2014 EXECUTIVE PROOF \/ SPLIT EDITORIAL\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        TRUSTED BY INDUSTRY PROFESSIONALS\n      <\/span>\n\n      <h2>\n        WHAT MEETING PLANNERS &amp; PARTNERS SAY ABOUT SUNNYSIDE\n      <\/h2>\n\n      <div class=\"ss-rs-header-line\"><\/div>\n\n      <p>\n        Professional recommendations from meeting planners, tourism leaders,\n        event professionals and long-standing partners who have worked with\n        Sunnyside DMC in Ixtapa-Zihuatanejo and across Mexico.\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              PROFESSIONAL RECOMMENDATION LETTERS\n            <\/h3>\n\n            <p>\n              Formal references from meeting planners, tourism leaders, 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=\"Professional 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=\"Professional 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=\"Professional 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=\"2\"\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=\"Professional 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=\"3\"\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=\"Professional 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=\"4\"\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=\"Professional 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=\"Professional 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              MEETING PLANNER &amp; PARTNER TESTIMONIALS\n            <\/h3>\n\n            <p>\n              First-hand experiences from meetings, events, tourism 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=\"Meeting planner 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=\"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                  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=\"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 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=\"4\"\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=\"5\"\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        Trusted for destination management, group transportation, event logistics\n        and reliable on-site coordination in Ixtapa-Zihuatanejo and across Mexico.\n      <\/p>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n\n<style>\n\n\/* =========================================================\n   SUNNYSIDE DMC SERVICES\n   RECOMMENDATIONS & TESTIMONIALS\n   OPTION 03 \u2014 EXECUTIVE PROOF \/ SPLIT EDITORIAL\n\n   PRESERVES:\n   - ALL 5 RECOMMENDATION LETTERS\n   - ALL 6 TESTIMONIALS\n   - ELEMENTOR-SAFE DOM REORDERING CAROUSEL\n   - 2 LETTERS DESKTOP \/ TABLET, 1 MOBILE\n   - 3 TESTIMONIALS DESKTOP, 2 TABLET, 1 MOBILE\n========================================================= *\/\n\n\/* =========================================================\n   COMPLETE ISOLATION\n========================================================= *\/\n\n#ss-recommendations-showcase,\n#ss-recommendations-showcase *,\n#ss-recommendations-showcase *::before,\n#ss-recommendations-showcase *::after{\n  box-sizing:border-box !important;\n}\n\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\n#ss-recommendations-showcase{\n\n  --ss-rs-navy:#071D34;\n  --ss-rs-navy-2:#0A294A;\n  --ss-rs-yellow:#FFC629;\n  --ss-rs-text:#425265;\n  --ss-rs-muted:#738091;\n  --ss-rs-border:#E2E7ED;\n  --ss-rs-soft:#F7F9FB;\n  --ss-rs-white:#FFFFFF;\n\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  left:50% !important;\n\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:\n    62px\n    clamp(16px,3.8vw,68px)\n    58px !important;\n\n  overflow:hidden !important;\n\n  color:var(--ss-rs-navy) !important;\n  background:#FFFFFF !important;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif !important;\n}\n\n\/* =========================================================\n   SHELL \u2014 TOP SPLIT + FULL-WIDTH TESTIMONIALS\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-shell{\n\n  width:100% !important;\n  max-width:1440px !important;\n\n  margin:0 auto !important;\n\n  display:grid !important;\n\n  grid-template-columns:\n    minmax(290px,.36fr)\n    minmax(0,.64fr) !important;\n\n  column-gap:\n    clamp(38px,5vw,78px) !important;\n\n  row-gap:0 !important;\n\n  align-items:start !important;\n}\n\n\/* =========================================================\n   MAIN HEADER \u2014 LEFT EDITORIAL STATEMENT\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-main-header{\n\n  grid-column:1 !important;\n  grid-row:1 !important;\n\n  width:100% !important;\n  max-width:500px !important;\n\n  margin:0 !important;\n  padding:\n    16px\n    0\n    0 !important;\n\n  position:sticky !important;\n  top:34px !important;\n\n  text-align:left !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-eyebrow{\n\n  display:block !important;\n\n  margin:\n    0\n    0\n    12px !important;\n\n  color:var(--ss-rs-navy) !important;\n\n  font-size:9px !important;\n  line-height:1.2 !important;\n  font-weight:800 !important;\n  letter-spacing:3px !important;\n  text-transform:uppercase !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-main-header h2{\n\n  margin:0 !important;\n  padding:0 !important;\n\n  color:var(--ss-rs-navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    clamp(43px,4.3vw,64px) !important;\n\n  line-height:.96 !important;\n  font-weight:600 !important;\n  letter-spacing:-2.1px !important;\n\n  text-transform:none !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-header-line{\n\n  width:62px !important;\n  height:4px !important;\n\n  margin:\n    23px\n    0\n    21px !important;\n\n  border-radius:0 !important;\n\n  background:var(--ss-rs-yellow) !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-main-header p{\n\n  max-width:440px !important;\n\n  margin:0 !important;\n\n  color:var(--ss-rs-muted) !important;\n\n  font-size:14px !important;\n  line-height:1.78 !important;\n  font-weight:400 !important;\n}\n\n\/* =========================================================\n   BLOCKS\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-block{\n\n  width:100% !important;\n\n  position:relative !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-letters-block{\n\n  grid-column:2 !important;\n  grid-row:1 !important;\n\n  min-width:0 !important;\n\n  margin:0 !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-testimonials-block{\n\n  grid-column:1 \/ -1 !important;\n  grid-row:2 !important;\n\n  margin:\n    64px\n    0\n    0 !important;\n\n  padding-top:54px !important;\n\n  border-top:\n    4px solid\n    var(--ss-rs-yellow) !important;\n}\n\n\/* =========================================================\n   BLOCK HEADER\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-block-head{\n\n  width:100% !important;\n\n  margin:\n    0\n    0\n    22px !important;\n\n  padding:0 !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-block-title-wrap{\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  gap:13px !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-block-icon{\n\n  width:44px !important;\n  height:44px !important;\n\n  flex:\n    0 0 44px !important;\n\n  display:flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n\n  border:\n    1px solid\n    var(--ss-rs-border) !important;\n\n  border-radius:10px !important;\n\n  color:var(--ss-rs-navy) !important;\n  background:var(--ss-rs-soft) !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-block-icon svg{\n\n  width:21px !important;\n  height:21px !important;\n\n  fill:none !important;\n  stroke:currentColor !important;\n  stroke-width:1.7 !important;\n  stroke-linecap:round !important;\n  stroke-linejoin:round !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-block-title-wrap h3{\n\n  margin:\n    0\n    0\n    3px !important;\n\n  color:var(--ss-rs-navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    clamp(21px,1.8vw,27px) !important;\n\n  line-height:1.08 !important;\n  font-weight:600 !important;\n  letter-spacing:-.35px !important;\n  text-transform:none !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-block-title-wrap p{\n\n  margin:0 !important;\n\n  color:var(--ss-rs-muted) !important;\n\n  font-size:12px !important;\n  line-height:1.5 !important;\n}\n\n\/* =========================================================\n   CAROUSEL\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-carousel{\n\n  width:100% !important;\n\n  position:relative !important;\n\n  outline:none !important;\n\n  touch-action:pan-y !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-viewport{\n\n  width:100% !important;\n\n  position:relative !important;\n\n  overflow:hidden !important;\n\n  padding:\n    8px\n    0\n    12px !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-track{\n\n  width:100% !important;\n\n  display:flex !important;\n\n  align-items:stretch !important;\n\n  gap:20px !important;\n\n  transform:\n    translate3d(0,0,0);\n\n  transition:\n    transform .60s\n    cubic-bezier(.22,.61,.36,1) !important;\n\n  will-change:transform !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-track.ss-rs-no-transition{\n\n  transition:none !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-slide{\n\n  min-width:0 !important;\n\n  flex:\n    0 0 auto !important;\n}\n\n\/* =========================================================\n   RECOMMENDATION LETTERS\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-letter-slide{\n\n  display:flex !important;\n  align-items:stretch !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-letter-card{\n\n  width:100% !important;\n  height:455px !important;\n\n  position:relative !important;\n\n  overflow:hidden !important;\n\n  padding:13px !important;\n\n  border:\n    1px solid\n    var(--ss-rs-border) !important;\n\n  border-radius:13px !important;\n\n  background:#FFFFFF !important;\n\n  box-shadow:\n    0 10px 26px\n    rgba(7,29,52,.065) !important;\n\n  transition:\n    transform .26s ease,\n    box-shadow .26s ease,\n    border-color .26s ease !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-letter-card::before{\n\n  content:\"\" !important;\n\n  position:absolute !important;\n\n  top:0 !important;\n  left:0 !important;\n\n  width:55px !important;\n  height:4px !important;\n\n  z-index:2 !important;\n\n  background:var(--ss-rs-yellow) !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-letter-card:hover{\n\n  transform:\n    translateY(-4px) !important;\n\n  border-color:#CDD6DF !important;\n\n  box-shadow:\n    0 18px 38px\n    rgba(7,29,52,.10) !important;\n}\n\n\/* =========================================================\n   LETTER IMAGE \u2014 ELEMENTOR SAFE\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-letter-card img{\n\n  width:100% !important;\n  height:100% !important;\n\n  min-width:0 !important;\n  max-width:100% !important;\n\n  min-height:0 !important;\n  max-height:100% !important;\n\n  position:static !important;\n\n  display:block !important;\n\n  visibility:visible !important;\n  opacity:1 !important;\n\n  transform:none !important;\n  filter:none !important;\n\n  clip:auto !important;\n  clip-path:none !important;\n\n  object-fit:contain !important;\n  object-position:center center !important;\n\n  margin:0 !important;\n  padding:0 !important;\n\n  border:0 !important;\n  border-radius:8px !important;\n\n  background:#FFFFFF !important;\n\n  user-select:none !important;\n  -webkit-user-drag:none !important;\n}\n\n\/* =========================================================\n   TESTIMONIALS \u2014 EXECUTIVE PROOF CARDS\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-slide{\n\n  display:flex !important;\n  align-items:stretch !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-card{\n\n  width:100% !important;\n  height:100% !important;\n  min-height:570px !important;\n\n  position:relative !important;\n\n  display:flex !important;\n  flex-direction:column !important;\n\n  padding:\n    28px\n    27px\n    26px !important;\n\n  border:\n    1px solid\n    var(--ss-rs-border) !important;\n\n  border-radius:13px !important;\n\n  background:#FFFFFF !important;\n\n  box-shadow:\n    0 9px 25px\n    rgba(7,29,52,.055) !important;\n\n  transition:\n    transform .26s ease,\n    box-shadow .26s ease,\n    border-color .26s ease !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-card::after{\n\n  content:\"\" !important;\n\n  position:absolute !important;\n\n  top:0 !important;\n  right:0 !important;\n\n  width:50px !important;\n  height:4px !important;\n\n  background:var(--ss-rs-yellow) !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-card:hover{\n\n  transform:\n    translateY(-4px) !important;\n\n  border-color:#CDD6DF !important;\n\n  box-shadow:\n    0 17px 36px\n    rgba(7,29,52,.09) !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-quote-mark{\n\n  height:42px !important;\n\n  margin:\n    0\n    0\n    12px !important;\n\n  color:var(--ss-rs-yellow) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:67px !important;\n  line-height:.78 !important;\n  font-weight:600 !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-text{\n\n  margin:\n    0\n    0\n    22px !important;\n\n  color:var(--ss-rs-text) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:13px !important;\n  line-height:1.70 !important;\n  font-style:normal !important;\n  font-weight:400 !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-footer{\n\n  margin-top:auto !important;\n\n  padding-top:19px !important;\n\n  position:relative !important;\n\n  border-top:\n    1px solid\n    var(--ss-rs-border) !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-footer::before{\n\n  content:\"\" !important;\n\n  width:42px !important;\n  height:3px !important;\n\n  position:absolute !important;\n\n  top:-2px !important;\n  left:0 !important;\n\n  background:var(--ss-rs-yellow) !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-author strong{\n\n  display:block !important;\n\n  margin:\n    0\n    0\n    4px !important;\n\n  color:var(--ss-rs-navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:16px !important;\n  line-height:1.25 !important;\n  font-weight:600 !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-author span{\n\n  display:block !important;\n\n  color:#657487 !important;\n\n  font-size:11px !important;\n  line-height:1.45 !important;\n  font-weight:500 !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-testimonial-author em{\n\n  display:block !important;\n\n  margin-top:5px !important;\n\n  color:var(--ss-rs-navy) !important;\n\n  font-size:10px !important;\n  line-height:1.4 !important;\n  font-style:normal !important;\n  font-weight:800 !important;\n}\n\n\/* =========================================================\n   ARROWS\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-arrow{\n\n  width:43px !important;\n  height:43px !important;\n\n  position:absolute !important;\n\n  top:50% !important;\n\n  z-index:50 !important;\n\n  display:flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n\n  padding:0 !important;\n\n  border:\n    1px solid\n    var(--ss-rs-border) !important;\n\n  border-radius:50% !important;\n\n  color:var(--ss-rs-navy) !important;\n  background:rgba(255,255,255,.98) !important;\n\n  box-shadow:\n    0 8px 22px\n    rgba(7,29,52,.11) !important;\n\n  cursor:pointer !important;\n\n  transform:\n    translateY(-50%) !important;\n\n  transition:\n    color .22s ease,\n    background .22s ease,\n    transform .22s ease !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-arrow:hover{\n\n  color:#FFFFFF !important;\n  background:var(--ss-rs-navy) !important;\n\n  transform:\n    translateY(-50%)\n    scale(1.06) !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-arrow svg{\n\n  width:18px !important;\n  height:18px !important;\n\n  fill:none !important;\n  stroke:currentColor !important;\n  stroke-width:2 !important;\n  stroke-linecap:round !important;\n  stroke-linejoin:round !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-prev{\n  left:-13px !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-next{\n  right:-13px !important;\n}\n\n\/* =========================================================\n   STATIC CAROUSEL\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-carousel.ss-rs-static\n.ss-rs-arrow{\n  display:none !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-carousel.ss-rs-static +\n.ss-rs-dots{\n  display:none !important;\n}\n\n\/* =========================================================\n   DOTS\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-dots{\n\n  min-height:18px !important;\n\n  margin:\n    15px\n    0\n    0 !important;\n\n  display:flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n\n  gap:7px !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-dot{\n\n  width:7px !important;\n  height:7px !important;\n\n  min-width:7px !important;\n\n  padding:0 !important;\n\n  border:0 !important;\n  border-radius:50% !important;\n\n  background:#CBD4DE !important;\n\n  cursor:pointer !important;\n\n  transition:\n    width .22s ease,\n    background .22s ease,\n    border-radius .22s ease !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-dot:hover{\n  background:#8E9AA8 !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-dot.is-active{\n\n  width:28px !important;\n\n  border-radius:20px !important;\n\n  background:var(--ss-rs-yellow) !important;\n}\n\n\/* =========================================================\n   TRUST FOOTER\n========================================================= *\/\n\n#ss-recommendations-showcase\n.ss-rs-footer-note{\n\n  grid-column:1 \/ -1 !important;\n  grid-row:3 !important;\n\n  width:100% !important;\n\n  margin:\n    42px\n    0\n    0 !important;\n\n  padding:\n    17px\n    22px !important;\n\n  display:flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n\n  gap:13px !important;\n\n  border:\n    1px solid\n    var(--ss-rs-border) !important;\n\n  border-radius:12px !important;\n\n  background:var(--ss-rs-soft) !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-footer-icon{\n\n  width:39px !important;\n  height:39px !important;\n\n  flex:\n    0 0 39px !important;\n\n  display:flex !important;\n  align-items:center !important;\n  justify-content:center !important;\n\n  border-radius:9px !important;\n\n  color:var(--ss-rs-navy) !important;\n  background:#FFFFFF !important;\n\n  border:\n    1px solid\n    var(--ss-rs-border) !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-footer-icon svg{\n\n  width:19px !important;\n  height:19px !important;\n\n  fill:none !important;\n  stroke:currentColor !important;\n  stroke-width:1.8 !important;\n  stroke-linecap:round !important;\n  stroke-linejoin:round !important;\n}\n\n#ss-recommendations-showcase\n.ss-rs-footer-note p{\n\n  margin:0 !important;\n\n  color:var(--ss-rs-text) !important;\n\n  font-size:12px !important;\n  line-height:1.6 !important;\n  text-align:center !important;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n  #ss-recommendations-showcase{\n\n    padding:\n      54px\n      18px\n      50px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-shell{\n\n    grid-template-columns:1fr !important;\n    column-gap:0 !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-main-header{\n\n    grid-column:1 !important;\n    grid-row:1 !important;\n\n    max-width:820px !important;\n\n    position:relative !important;\n    top:auto !important;\n\n    margin:\n      0\n      0\n      38px !important;\n\n    padding:0 !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-letters-block{\n\n    grid-column:1 !important;\n    grid-row:2 !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonials-block{\n\n    grid-column:1 !important;\n    grid-row:3 !important;\n\n    margin-top:54px !important;\n    padding-top:46px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-footer-note{\n\n    grid-column:1 !important;\n    grid-row:4 !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-letter-card{\n\n    height:420px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonial-card{\n\n    min-height:560px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-prev{\n    left:5px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-next{\n    right:5px !important;\n  }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:600px){\n\n  #ss-recommendations-showcase{\n\n    padding:\n      43px\n      13px\n      42px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-main-header{\n\n    margin-bottom:34px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-eyebrow{\n\n    font-size:9px !important;\n    letter-spacing:2.5px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-main-header h2{\n\n    font-size:\n      clamp(39px,11vw,50px) !important;\n\n    line-height:.99 !important;\n    letter-spacing:-1.5px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-main-header p{\n\n    font-size:13px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-block-title-wrap{\n\n    gap:10px !important;\n    align-items:flex-start !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-block-icon{\n\n    width:39px !important;\n    height:39px !important;\n\n    flex-basis:39px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-block-title-wrap h3{\n\n    font-size:19px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-block-title-wrap p{\n\n    font-size:11px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-letter-card{\n\n    height:445px !important;\n    padding:9px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonials-block{\n\n    margin-top:45px !important;\n    padding-top:38px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonial-card{\n\n    min-height:0 !important;\n\n    padding:\n      24px\n      21px\n      22px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonial-text{\n\n    font-size:13px !important;\n    line-height:1.68 !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-arrow{\n\n    width:38px !important;\n    height:38px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-prev{\n    left:5px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-next{\n    right:5px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-footer-note{\n\n    margin-top:34px !important;\n\n    padding:15px !important;\n\n    align-items:flex-start !important;\n    justify-content:flex-start !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-footer-note p{\n\n    text-align:left !important;\n    font-size:11px !important;\n  }\n}\n\n\/* =========================================================\n   RESPONSIVE HARD FIX \u2014 ELEMENTOR \/ TABLET \/ MOBILE\n\n   Prevents inherited nowrap\/min-content sizing and makes\n   every carousel calculate inside the actual available width.\n========================================================= *\/\n\n@media(max-width:980px){\n\n  #ss-recommendations-showcase{\n    width:100% !important;\n    max-width:100% !important;\n    left:0 !important;\n    margin-left:0 !important;\n    margin-right:0 !important;\n    overflow-x:hidden !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-shell,\n\n  #ss-recommendations-showcase\n  .ss-rs-main-header,\n\n  #ss-recommendations-showcase\n  .ss-rs-block,\n\n  #ss-recommendations-showcase\n  .ss-rs-block-head,\n\n  #ss-recommendations-showcase\n  .ss-rs-block-title-wrap,\n\n  #ss-recommendations-showcase\n  .ss-rs-carousel,\n\n  #ss-recommendations-showcase\n  .ss-rs-viewport,\n\n  #ss-recommendations-showcase\n  .ss-rs-track,\n\n  #ss-recommendations-showcase\n  .ss-rs-slide,\n\n  #ss-recommendations-showcase\n  .ss-rs-letter-card,\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonial-card,\n\n  #ss-recommendations-showcase\n  .ss-rs-footer-note{\n    min-width:0 !important;\n    max-width:100% !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-block-title-wrap > div{\n    width:100% !important;\n    min-width:0 !important;\n    max-width:100% !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-main-header h2,\n\n  #ss-recommendations-showcase\n  .ss-rs-main-header p,\n\n  #ss-recommendations-showcase\n  .ss-rs-block-title-wrap h3,\n\n  #ss-recommendations-showcase\n  .ss-rs-block-title-wrap p,\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonial-text,\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonial-author strong,\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonial-author span,\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonial-author em,\n\n  #ss-recommendations-showcase\n  .ss-rs-footer-note p{\n    max-width:100% !important;\n    white-space:normal !important;\n    overflow-wrap:anywhere !important;\n    word-break:normal !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-viewport{\n    overflow:hidden !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-track{\n    max-width:none !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-slide{\n    overflow:hidden !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-block-title-wrap h3{\n    font-size:clamp(18px,3.2vw,24px) !important;\n    line-height:1.16 !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-main-header h2{\n    font-size:clamp(38px,6.6vw,54px) !important;\n    line-height:1.01 !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-footer-note p{\n    min-width:0 !important;\n  }\n}\n\n@media(max-width:600px){\n\n  #ss-recommendations-showcase{\n    padding:40px 14px 40px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-main-header{\n    width:100% !important;\n    margin-bottom:30px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-main-header h2{\n    font-size:clamp(32px,9.2vw,40px) !important;\n    line-height:1.02 !important;\n    letter-spacing:-1.15px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-main-header p{\n    font-size:13px !important;\n    line-height:1.7 !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-block-head{\n    margin-bottom:17px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-block-title-wrap{\n    display:grid !important;\n    grid-template-columns:39px minmax(0,1fr) !important;\n    gap:10px !important;\n    align-items:start !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-block-title-wrap h3{\n    font-size:17px !important;\n    line-height:1.15 !important;\n    letter-spacing:-.15px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-block-title-wrap p{\n    margin-top:4px !important;\n    font-size:10.5px !important;\n    line-height:1.45 !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-carousel{\n    width:100% !important;\n    min-width:0 !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-viewport{\n    width:100% !important;\n    padding:6px 0 10px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-letter-card{\n    height:min(560px,118vw) !important;\n    min-height:470px !important;\n    padding:10px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-letter-card img{\n    width:100% !important;\n    height:100% !important;\n    object-fit:contain !important;\n    object-position:center center !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonials-block{\n    margin-top:40px !important;\n    padding-top:34px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonial-card{\n    width:100% !important;\n    min-height:0 !important;\n    padding:22px 20px 21px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-quote-mark{\n    height:38px !important;\n    margin-bottom:10px !important;\n    font-size:60px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-testimonial-text{\n    width:100% !important;\n    font-size:12.5px !important;\n    line-height:1.66 !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-arrow{\n    width:38px !important;\n    height:38px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-prev{\n    left:6px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-next{\n    right:6px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-footer-note{\n    display:grid !important;\n    grid-template-columns:39px minmax(0,1fr) !important;\n    gap:12px !important;\n    align-items:start !important;\n    margin-top:30px !important;\n    padding:14px !important;\n  }\n\n  #ss-recommendations-showcase\n  .ss-rs-footer-note p{\n    width:100% !important;\n    min-width:0 !important;\n    font-size:10.5px !important;\n    line-height:1.55 !important;\n    text-align:left !important;\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  #ss-recommendations-showcase\n  .ss-rs-arrow,\n\n  #ss-recommendations-showcase\n  .ss-rs-dot{\n\n    transition:none !important;\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      \/*\n       * IMPORTANT RESPONSIVE FIX:\n       * Use the REAL carousel\/viewport width instead of window.innerWidth.\n       * Elementor responsive preview can keep a desktop window width while\n       * rendering the widget inside a tablet\/mobile-width container.\n       *\/\n\n      const viewportRect =\n        viewport.getBoundingClientRect();\n\n      const carouselRect =\n        carousel.getBoundingClientRect();\n\n      const availableWidth =\n        Math.max(\n          0,\n          viewportRect.width ||\n          carouselRect.width ||\n          document.documentElement.clientWidth ||\n          window.innerWidth\n        );\n\n\n      \/* PHONE \/ NARROW CONTAINER *\/\n      if(\n        availableWidth <= 640\n      ){\n        return 1;\n      }\n\n\n      \/* LETTERS: 2 WHEN THERE IS ACTUALLY ROOM *\/\n      if(\n        type === \"letters\"\n      ){\n        return 2;\n      }\n\n\n      \/* TESTIMONIALS: TABLET = 2 *\/\n      if(\n        availableWidth <= 980\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       ELEMENTOR CONTAINER RESIZE OBSERVER\n\n       Elementor can change the widget width without changing\n       window.innerWidth. Re-measure the carousel whenever its\n       real viewport width changes.\n    ====================================================== *\/\n\n    if(\n      \"ResizeObserver\" in window\n    ){\n\n      const carouselResizeObserver =\n        new ResizeObserver(\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                90\n              );\n\n          }\n        );\n\n\n      carouselResizeObserver.observe(\n        viewport\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     * Elementor may finalize column widths a moment after the\n     * HTML widget executes. Re-measure once after layout settles.\n     *\/\n\n    window.setTimeout(\n      function(){\n\n        updateStaticMode();\n\n        createDots();\n\n        measure();\n\n      },\n      250\n    );\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<!-- ============================================================\nSUNNYSIDE DMC SERVICES\nFEATURED MICE & GROUP EXPERIENCES \u2014 MASTER COMPONENT\n\n01 \u2014 RALLY TREASURE HUNT \/ IXTAPA ISLAND\n02 \u2014 CHILES RELLENOS CULINARY GROUP EXPERIENCE\n\nONE YOUTUBE API\nMULTIPLE VIDEO PLAYERS\nELEMENTOR SAFE\n============================================================ -->\n\n<section id=\"ss-featured-experiences\">\n\n  <div class=\"ssfx-shell\">\n\n\n    <!-- ========================================================\n    EXPERIENCE 01\n    RALLY TREASURE HUNT\n    VIDEO LEFT \/ CONTENT RIGHT\n    ========================================================= -->\n\n    <article\n      class=\"ssfx-experience\"\n      data-ss-video-id=\"JuZEf1JdtWk\"\n    >\n\n      <!-- VIDEO -->\n\n      <div class=\"ssfx-media\">\n\n        <div\n          class=\"ssfx-youtube-player\"\n          aria-label=\"Corporate Team Building Rally Treasure Hunt \u2013 Ixtapa Island\"\n        ><\/div>\n\n      <\/div>\n\n\n      <!-- CONTENT -->\n\n      <div class=\"ssfx-content\">\n\n        <span class=\"ssfx-label\">\n          IXTAPA-ZIHUATANEJO \u2022 CORPORATE TEAM BUILDING\n        <\/span>\n\n        <h2>\n          Rally Treasure Hunt\n          <span>Ixtapa Island<\/span>\n        <\/h2>\n\n        <div class=\"ssfx-line\"><\/div>\n\n        <h3>\n          A corporate team-building experience designed for strategy, collaboration, and engagement\n        <\/h3>\n\n        <p>\n          Turn Ixtapa Island into the setting for an engaging corporate team-building experience.\n          Teams work together to overcome challenges, explore the island\u2019s beaches,\n          and collect the clues needed to reach the final goal.\n        <\/p>\n\n        <p>\n          Designed for corporate groups and incentive programs, this experience\n          strengthens communication, strategic thinking, collaboration, and teamwork\n          while participants enjoy one of Ixtapa-Zihuatanejo\u2019s most distinctive natural settings.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- NOTICE -->\n\n      <div class=\"ssfx-notice\">\n\n        <p>\n          Concept, logistics, and activity coordination developed by\n          <strong>Sunnyside DMC Services<\/strong>.\n          Custom adaptations are available for corporate groups, incentive programs,\n          and private events in Ixtapa-Zihuatanejo.\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- ========================================================\n    SEPARATOR\n    ========================================================= -->\n\n    <div class=\"ssfx-separator\" aria-hidden=\"true\">\n\n      <span><\/span>\n\n    <\/div>\n\n\n    <!-- ========================================================\n    EXPERIENCE 02\n    CHILES RELLENOS COOKING CLASS\n    CONTENT LEFT \/ VIDEO RIGHT\n    ========================================================= -->\n\n    <article\n      class=\"ssfx-experience ssfx-reverse\"\n      data-ss-video-id=\"W1y-NzSAdaQ\"\n    >\n\n      <!-- VIDEO -->\n\n      <div class=\"ssfx-media\">\n\n        <div\n          class=\"ssfx-youtube-player\"\n          aria-label=\"Mexican Culinary Group Experience \u2013 Chiles Rellenos Cooking Class\"\n        ><\/div>\n\n      <\/div>\n\n\n      <!-- CONTENT -->\n\n      <div class=\"ssfx-content\">\n\n        <span class=\"ssfx-label\">\n          MEXICAN CULINARY GROUP EXPERIENCE\n        <\/span>\n\n        <h2>\n          Chiles Rellenos\n          <span>Cooking Class<\/span>\n        <\/h2>\n\n        <div class=\"ssfx-line\"><\/div>\n\n        <h3>\n          An authentic Mexican culinary experience for groups, incentives, and private events\n        <\/h3>\n\n        <p>\n          Discover the flavors and traditions of Mexican cuisine through an\n          engaging hands-on cooking class centered on one of the country\u2019s most\n          iconic dishes: chiles rellenos.\n        <\/p>\n\n        <p>\n          Guided by an experienced local culinary host, participants learn\n          about local ingredients, preparation techniques, and the cultural history\n          behind this traditional recipe before preparing and enjoying their\n          own creation.\n        <\/p>\n\n        <p>\n          Ideal for incentive groups, corporate programs, and private events,\n          this interactive culinary experience combines local culture, gastronomy,\n          and participation within a carefully coordinated group program.\n          It can also be adapted to cruise-ship schedules when required.\n        <\/p>\n\n      <\/div>\n\n\n      <!-- NOTICE -->\n\n      <div class=\"ssfx-notice\">\n\n        <p>\n          Experience development, group-program adaptation, logistics, and\n          operational coordination provided by\n          <strong>Sunnyside DMC Services<\/strong>.\n          Programs can be customized according to group size, schedule, and event objectives.\n        <\/p>\n\n      <\/div>\n\n    <\/article>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ============================================================\nCOMPLETE ISOLATION\n============================================================ *\/\n\n#ss-featured-experiences,\n#ss-featured-experiences *,\n#ss-featured-experiences *::before,\n#ss-featured-experiences *::after{\n  box-sizing:border-box !important;\n}\n\n\n\/* ============================================================\nROOT\n============================================================ *\/\n\n#ss-featured-experiences{\n\n  --ssfx-navy:#071D34;\n  --ssfx-navy-2:#0A294A;\n\n  --ssfx-yellow:#FFC629;\n\n  --ssfx-text:#425164;\n  --ssfx-muted:#7A8795;\n\n  --ssfx-border:#E2E7ED;\n  --ssfx-soft:#F7F9FB;\n\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  left:50% !important;\n\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:\n    62px\n    clamp(16px,4vw,70px)\n    46px !important;\n\n  overflow:hidden !important;\n\n  background:#FFFFFF !important;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif !important;\n\n}\n\n\n\/* ============================================================\nSHELL\n============================================================ *\/\n\n#ss-featured-experiences\n.ssfx-shell{\n\n  width:100% !important;\n\n  margin:0 auto !important;\n\n}\n\n\n\/* ============================================================\nEXPERIENCE\n============================================================ *\/\n\n#ss-featured-experiences\n.ssfx-experience{\n\n  position:relative !important;\n\n  width:100% !important;\n\n  display:grid !important;\n\n  grid-template-columns:\n    minmax(0,1.08fr)\n    minmax(360px,.92fr) !important;\n\n  grid-template-areas:\n    \"media content\"\n    \"notice notice\" !important;\n\n  column-gap:\n    clamp(40px,5vw,75px) !important;\n\n  row-gap:\n    0 !important;\n\n  align-items:center !important;\n\n}\n\n\n\/* ============================================================\nREVERSED EXPERIENCE\n============================================================ *\/\n\n#ss-featured-experiences\n.ssfx-experience.ssfx-reverse{\n\n  grid-template-columns:\n    minmax(360px,.92fr)\n    minmax(0,1.08fr) !important;\n\n  grid-template-areas:\n    \"content media\"\n    \"notice notice\" !important;\n\n}\n\n\n\/* ============================================================\nVIDEO \/ MEDIA\n============================================================ *\/\n\n#ss-featured-experiences\n.ssfx-media{\n\n  grid-area:media !important;\n\n  position:relative !important;\n\n  width:100% !important;\n\n  aspect-ratio:\n    16 \/ 10 !important;\n\n  overflow:hidden !important;\n\n  border-radius:\n    16px !important;\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--ssfx-navy),\n      var(--ssfx-navy-2)\n    ) !important;\n\n  box-shadow:\n    0 20px 45px\n    rgba(7,29,52,.14) !important;\n\n}\n\n\n\/* YOUTUBE GENERATED IFRAME *\/\n\n#ss-featured-experiences\n.ssfx-media iframe{\n\n  position:absolute !important;\n\n  inset:0 !important;\n\n  display:block !important;\n\n  width:100% !important;\n  height:100% !important;\n\n  margin:0 !important;\n  padding:0 !important;\n\n  border:0 !important;\n\n}\n\n\n\/* ============================================================\nCONTENT\n============================================================ *\/\n\n#ss-featured-experiences\n.ssfx-content{\n\n  grid-area:content !important;\n\n  width:100% !important;\n  max-width:555px !important;\n\n}\n\n\n\/* LABEL *\/\n\n#ss-featured-experiences\n.ssfx-label{\n\n  display:block !important;\n\n  margin-bottom:\n    12px !important;\n\n  color:\n    var(--ssfx-navy) !important;\n\n  font-size:\n    9px !important;\n\n  line-height:\n    1.4 !important;\n\n  font-weight:\n    800 !important;\n\n  letter-spacing:\n    2.6px !important;\n\n}\n\n\n\/* ============================================================\nTITLE\n============================================================ *\/\n\n#ss-featured-experiences\n.ssfx-content h2{\n\n  margin:0 !important;\n  padding:0 !important;\n\n  color:\n    var(--ssfx-navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    clamp(43px,4.5vw,65px) !important;\n\n  line-height:\n    .96 !important;\n\n  font-weight:\n    600 !important;\n\n  letter-spacing:\n    -2px !important;\n\n}\n\n\n\/* SECOND TITLE LINE *\/\n\n#ss-featured-experiences\n.ssfx-content h2 span{\n\n  display:block !important;\n\n  margin-top:\n    7px !important;\n\n  color:\n    var(--ssfx-navy) !important;\n\n  font-size:\n    .72em !important;\n\n  line-height:\n    1 !important;\n\n  font-weight:\n    500 !important;\n\n  letter-spacing:\n    -1px !important;\n\n}\n\n\n\/* ============================================================\nYELLOW ACCENT\n============================================================ *\/\n\n#ss-featured-experiences\n.ssfx-line{\n\n  width:\n    61px !important;\n\n  height:\n    4px !important;\n\n  margin:\n    22px\n    0 !important;\n\n  background:\n    var(--ssfx-yellow) !important;\n\n}\n\n\n\/* ============================================================\nSUBTITLE\n============================================================ *\/\n\n#ss-featured-experiences\n.ssfx-content h3{\n\n  margin:\n    0\n    0\n    17px !important;\n\n  color:\n    var(--ssfx-navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    20px !important;\n\n  line-height:\n    1.43 !important;\n\n  font-weight:\n    600 !important;\n\n}\n\n\n\/* ============================================================\nBODY TEXT\n============================================================ *\/\n\n#ss-featured-experiences\n.ssfx-content p{\n\n  margin:\n    0\n    0\n    14px !important;\n\n  color:\n    var(--ssfx-text) !important;\n\n  font-size:\n    14px !important;\n\n  line-height:\n    1.76 !important;\n\n  font-weight:\n    400 !important;\n\n}\n\n\n#ss-featured-experiences\n.ssfx-content p:last-child{\n\n  margin-bottom:0 !important;\n\n}\n\n\n\/* ============================================================\nNOTICE\n============================================================ *\/\n\n#ss-featured-experiences\n.ssfx-notice{\n\n  grid-area:notice !important;\n\n  width:100% !important;\n\n  margin-top:\n    36px !important;\n\n  padding-top:\n    15px !important;\n\n  border-top:\n    1px solid\n    var(--ssfx-border) !important;\n\n  text-align:center !important;\n\n}\n\n\n#ss-featured-experiences\n.ssfx-notice p{\n\n  max-width:\n    900px !important;\n\n  margin:\n    0 auto !important;\n\n  color:\n    var(--ssfx-muted) !important;\n\n  font-size:\n    10px !important;\n\n  line-height:\n    1.6 !important;\n\n  letter-spacing:\n    .15px !important;\n\n}\n\n\n#ss-featured-experiences\n.ssfx-notice strong{\n\n  color:\n    var(--ssfx-navy) !important;\n\n  font-weight:\n    700 !important;\n\n}\n\n\n\/* ============================================================\nSEPARATOR BETWEEN EXPERIENCES\n============================================================ *\/\n\n#ss-featured-experiences\n.ssfx-separator{\n\n  position:relative !important;\n\n  width:100% !important;\n\n  height:1px !important;\n\n  margin:\n    58px\n    0 !important;\n\n  background:\n    var(--ssfx-border) !important;\n\n}\n\n\n#ss-featured-experiences\n.ssfx-separator span{\n\n  position:absolute !important;\n\n  top:50% !important;\n  left:50% !important;\n\n  width:\n    58px !important;\n\n  height:\n    4px !important;\n\n  background:\n    var(--ssfx-yellow) !important;\n\n  transform:\n    translate(-50%,-50%) !important;\n\n}\n\n\n\/* ============================================================\nSUBTLE VISUAL DETAIL\n============================================================ *\/\n\n#ss-featured-experiences\n.ssfx-experience::before{\n\n  content:\"\" !important;\n\n  position:absolute !important;\n\n  z-index:-1 !important;\n\n  width:\n    360px !important;\n\n  height:\n    360px !important;\n\n  border-radius:\n    50% !important;\n\n  background:\n    rgba(255,198,41,.045) !important;\n\n  filter:\n    blur(2px) !important;\n\n  pointer-events:none !important;\n\n}\n\n\n#ss-featured-experiences\n.ssfx-experience:not(.ssfx-reverse)::before{\n\n  right:\n    -190px !important;\n\n  top:\n    -110px !important;\n\n}\n\n\n#ss-featured-experiences\n.ssfx-experience.ssfx-reverse::before{\n\n  left:\n    -190px !important;\n\n  top:\n    -110px !important;\n\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n\n@media(max-width:960px){\n\n  #ss-featured-experiences{\n\n    padding:\n      52px\n      20px\n      42px !important;\n\n  }\n\n\n  #ss-featured-experiences\n  .ssfx-experience,\n\n  #ss-featured-experiences\n  .ssfx-experience.ssfx-reverse{\n\n    grid-template-columns:\n      1fr !important;\n\n    grid-template-areas:\n      \"media\"\n      \"content\"\n      \"notice\" !important;\n\n    row-gap:\n      34px !important;\n\n  }\n\n\n  #ss-featured-experiences\n  .ssfx-content{\n\n    max-width:\n      760px !important;\n\n  }\n\n\n  #ss-featured-experiences\n  .ssfx-notice{\n\n    margin-top:\n      0 !important;\n\n  }\n\n\n  #ss-featured-experiences\n  .ssfx-separator{\n\n    margin:\n      48px\n      0 !important;\n\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:600px){\n\n  #ss-featured-experiences{\n\n    padding:\n      42px\n      14px\n      36px !important;\n\n  }\n\n\n  #ss-featured-experiences\n  .ssfx-experience,\n\n  #ss-featured-experiences\n  .ssfx-experience.ssfx-reverse{\n\n    row-gap:\n      27px !important;\n\n  }\n\n\n  #ss-featured-experiences\n  .ssfx-media{\n\n    aspect-ratio:\n      16 \/ 11 !important;\n\n    border-radius:\n      13px !important;\n\n  }\n\n\n  #ss-featured-experiences\n  .ssfx-content h2{\n\n    font-size:\n      40px !important;\n\n    letter-spacing:\n      -1.4px !important;\n\n  }\n\n\n  #ss-featured-experiences\n  .ssfx-content h3{\n\n    font-size:\n      18px !important;\n\n  }\n\n\n  #ss-featured-experiences\n  .ssfx-content p{\n\n    font-size:\n      14px !important;\n\n    line-height:\n      1.7 !important;\n\n  }\n\n\n  #ss-featured-experiences\n  .ssfx-notice{\n\n    padding-top:\n      13px !important;\n\n  }\n\n\n  #ss-featured-experiences\n  .ssfx-notice p{\n\n    font-size:\n      9px !important;\n\n  }\n\n\n  #ss-featured-experiences\n  .ssfx-separator{\n\n    margin:\n      38px\n      0 !important;\n\n  }\n\n}\n\n\n\/* ============================================================\nREDUCED MOTION\n============================================================ *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  #ss-featured-experiences *{\n    scroll-behavior:auto !important;\n  }\n\n}\n\n<\/style>\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-featured-experiences\"\n    );\n\n\n  if(!root){\n    return;\n  }\n\n\n  if(\n    root.dataset.ssFeaturedInitialized ===\n    \"true\"\n  ){\n    return;\n  }\n\n\n  root.dataset.ssFeaturedInitialized =\n    \"true\";\n\n\n  const experiences =\n    Array.from(\n      root.querySelectorAll(\n        \".ssfx-experience[data-ss-video-id]\"\n      )\n    );\n\n\n  if(\n    experiences.length === 0\n  ){\n    return;\n  }\n\n\n  \/* ============================================================\n  YOUTUBE API LOADER\n  LOAD ONLY ONCE FOR THE ENTIRE WEBSITE\n  ============================================================ *\/\n\n  function loadYouTubeAPI(){\n\n    if(\n      window.YT &&\n      typeof window.YT.Player ===\n      \"function\"\n    ){\n\n      return Promise.resolve(\n        window.YT\n      );\n\n    }\n\n\n    if(\n      window.__ssYouTubeApiPromise\n    ){\n\n      return window.__ssYouTubeApiPromise;\n\n    }\n\n\n    window.__ssYouTubeApiPromise =\n      new Promise(\n        function(resolve){\n\n          const previousCallback =\n            window.onYouTubeIframeAPIReady;\n\n\n          window.onYouTubeIframeAPIReady =\n            function(){\n\n              if(\n                typeof previousCallback ===\n                \"function\"\n              ){\n\n                try{\n\n                  previousCallback();\n\n                }catch(error){\n\n                  console.warn(\n                    \"Previous YouTube callback error:\",\n                    error\n                  );\n\n                }\n\n              }\n\n\n              if(\n                window.YT &&\n                typeof window.YT.Player ===\n                \"function\"\n              ){\n\n                resolve(\n                  window.YT\n                );\n\n              }\n\n            };\n\n\n          const existingScript =\n            document.querySelector(\n              'script[src*=\"youtube.com\/iframe_api\"]'\n            );\n\n\n          if(!existingScript){\n\n            const script =\n              document.createElement(\n                \"script\"\n              );\n\n\n            script.src =\n              \"https:\/\/www.youtube.com\/iframe_api\";\n\n\n            script.async =\n              true;\n\n\n            document.head.appendChild(\n              script\n            );\n\n          }\n\n\n          \/*\n          BACKUP CHECK\n\n          Useful if another plugin loaded the API\n          before our callback was attached.\n          *\/\n\n          const check =\n            window.setInterval(\n              function(){\n\n                if(\n                  window.YT &&\n                  typeof window.YT.Player ===\n                  \"function\"\n                ){\n\n                  window.clearInterval(\n                    check\n                  );\n\n\n                  resolve(\n                    window.YT\n                  );\n\n                }\n\n              },\n              150\n            );\n\n        }\n      );\n\n\n    return window.__ssYouTubeApiPromise;\n\n  }\n\n\n  \/* ============================================================\n  INITIALIZE EACH EXPERIENCE\n  ============================================================ *\/\n\n  loadYouTubeAPI()\n    .then(\n      function(){\n\n        experiences.forEach(\n          function(\n            experience,\n            index\n          ){\n\n            initializeExperience(\n              experience,\n              index\n            );\n\n          }\n        );\n\n      }\n    );\n\n\n  \/* ============================================================\n  EXPERIENCE PLAYER\n  ============================================================ *\/\n\n  function initializeExperience(\n    experience,\n    index\n  ){\n\n    if(\n      experience.dataset.ssPlayerInitialized ===\n      \"true\"\n    ){\n      return;\n    }\n\n\n    experience.dataset.ssPlayerInitialized =\n      \"true\";\n\n\n    const playerElement =\n      experience.querySelector(\n        \".ssfx-youtube-player\"\n      );\n\n\n    const videoId =\n      experience.getAttribute(\n        \"data-ss-video-id\"\n      );\n\n\n    if(\n      !playerElement ||\n      !videoId\n    ){\n      return;\n    }\n\n\n    \/*\n    Generate a unique ID automatically.\n    No duplicate IDs between activities.\n    *\/\n\n    const playerId =\n      \"ssfx-youtube-player-\" +\n      index +\n      \"-\" +\n      Math.random()\n        .toString(36)\n        .slice(2,8);\n\n\n    playerElement.id =\n      playerId;\n\n\n    let player =\n      null;\n\n\n    let playerReady =\n      false;\n\n\n    let visible =\n      false;\n\n\n    let videoStarted =\n      false;\n\n\n    let observer =\n      null;\n\n\n    \/* ============================================================\n    PLAY WHEN READY AND VISIBLE\n    ============================================================ *\/\n\n    function tryToPlay(){\n\n      if(\n        !player ||\n        !playerReady ||\n        !visible ||\n        videoStarted\n      ){\n        return;\n      }\n\n\n      try{\n\n        player.mute();\n\n        player.playVideo();\n\n        videoStarted =\n          true;\n\n\n        if(observer){\n\n          observer.disconnect();\n\n        }\n\n      }catch(error){\n\n        videoStarted =\n          false;\n\n      }\n\n    }\n\n\n    \/* ============================================================\n    CREATE PLAYER\n    ============================================================ *\/\n\n    player =\n      new window.YT.Player(\n        playerId,\n        {\n\n          videoId:\n            videoId,\n\n\n          playerVars:{\n\n            autoplay:0,\n\n            mute:1,\n\n            controls:1,\n\n            playsinline:1,\n\n            rel:0,\n\n            fs:1,\n\n            modestbranding:1,\n\n            origin:\n              window.location.origin\n\n          },\n\n\n          events:{\n\n            onReady:\n              function(event){\n\n                playerReady =\n                  true;\n\n\n                try{\n\n                  event.target.mute();\n\n                }catch(error){\n                  \/* no action required *\/\n                }\n\n\n                tryToPlay();\n\n              },\n\n\n            onAutoplayBlocked:\n              function(){\n\n                videoStarted =\n                  false;\n\n              }\n\n          }\n\n        }\n      );\n\n\n    \/* ============================================================\n    INTERSECTION OBSERVER\n    ============================================================ *\/\n\n    if(\n      \"IntersectionObserver\" in window\n    ){\n\n      observer =\n        new IntersectionObserver(\n          function(entries){\n\n            entries.forEach(\n              function(entry){\n\n                visible =\n                  entry.isIntersecting;\n\n\n                if(visible){\n\n                  tryToPlay();\n\n                }\n\n              }\n            );\n\n          },\n          {\n            threshold:.45\n          }\n        );\n\n\n      observer.observe(\n        experience\n      );\n\n    }\n\n    else{\n\n      visible =\n        true;\n\n\n      tryToPlay();\n\n    }\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-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<!-- ============================================================\nSUNNYSIDE DMC\nTEAM BUILDING & GROUP EXPERIENCES GALLERY\nOPTION 03 \u2014 CINEMATIC FEATURE STRIP\n============================================================ -->\n\n<section id=\"ss-shore-gallery-03\">\n\n  <header class=\"sssg3-header\">\n\n    <span class=\"sssg3-eyebrow\">\n      IXTAPA-ZIHUATANEJO \u2022 CORPORATE GROUPS \u2022 INCENTIVE PROGRAMS\n    <\/span>\n\n    <h2>\n      TEAM BUILDING &amp; GROUP EXPERIENCES IN IXTAPA-ZIHUATANEJO\n    <\/h2>\n\n    <div class=\"sssg3-line\"><\/div>\n\n    <p>\n      Interactive activities and destination experiences designed for corporate groups,\n      incentive programs, meetings, and private events. Selected experiences can also\n      be adapted for cruise shore excursions and customized group schedules.\n    <\/p>\n\n  <\/header>\n\n\n  <div class=\"sssg3-layout\">\n\n\n    <!-- MAIN IMAGE -->\n\n    <div class=\"sssg3-main\">\n\n      <img decoding=\"async\"\n        class=\"sssg3-main-image\"\n        src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividadesintegracion4-1.jpg\"\n        alt=\"Corporate team building activities in Ixtapa-Zihuatanejo by Sunnyside DMC\"\n      >\n\n      <div class=\"sssg3-main-detail\"><\/div>\n\n    <\/div>\n\n\n    <!-- THUMBNAIL CAROUSEL -->\n\n    <div class=\"sssg3-side\">\n\n      <button\n        type=\"button\"\n        class=\"sssg3-arrow sssg3-prev\"\n        aria-label=\"Previous group experience\"\n      >\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"m15 18-6-6 6-6\"><\/path>\n        <\/svg>\n      <\/button>\n\n\n      <div class=\"sssg3-viewport\">\n\n        <div class=\"sssg3-track\">\n\n          <button class=\"sssg3-thumb is-active\" type=\"button\" data-src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividadesintegracion4-1.jpg\" data-alt=\"Corporate team building activity in Ixtapa-Zihuatanejo\">\n            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividadesintegracion4-1.jpg\" alt=\"Corporate team building activity in Ixtapa-Zihuatanejo\">\n          <\/button>\n\n          <button class=\"sssg3-thumb\" type=\"button\" data-src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-81.png\" data-alt=\"Rally Treasure Hunt corporate team building on Ixtapa Island\">\n            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-81.png\" alt=\"Rally Treasure Hunt corporate team building on Ixtapa Island\">\n          <\/button>\n\n          <button class=\"sssg3-thumb\" type=\"button\" data-src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividad2.jpg\" data-alt=\"Group integration activity for corporate events in Ixtapa-Zihuatanejo\">\n            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividad2.jpg\" alt=\"Group integration activity for corporate events in Ixtapa-Zihuatanejo\">\n          <\/button>\n\n          <button class=\"sssg3-thumb\" type=\"button\" data-src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-5.png\" data-alt=\"Treasure Hunt challenge for incentive groups on Ixtapa Island\">\n            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-5.png\" alt=\"Treasure Hunt challenge for incentive groups on Ixtapa Island\">\n          <\/button>\n\n          <button class=\"sssg3-thumb\" type=\"button\" data-src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-8.png\" data-alt=\"Team building challenge for corporate groups in Ixtapa-Zihuatanejo\">\n            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-8.png\" alt=\"Team building challenge for corporate groups in Ixtapa-Zihuatanejo\">\n          <\/button>\n\n          <button class=\"sssg3-thumb\" type=\"button\" data-src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-85.png\" data-alt=\"Ixtapa Island team building experience by Sunnyside DMC\">\n            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-85.png\" alt=\"Ixtapa Island team building experience by Sunnyside DMC\">\n          <\/button>\n\n          <button class=\"sssg3-thumb\" type=\"button\" data-src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-65.png\" data-alt=\"Corporate incentive team activity on Ixtapa Island\">\n            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-65.png\" alt=\"Corporate incentive team activity on Ixtapa Island\">\n          <\/button>\n\n          <button class=\"sssg3-thumb\" type=\"button\" data-src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividad3.jpg\" data-alt=\"Outdoor group activity for meetings and incentive programs in Ixtapa\">\n            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividad3.jpg\" alt=\"Outdoor group activity for meetings and incentive programs in Ixtapa\">\n          <\/button>\n\n          <button class=\"sssg3-thumb\" type=\"button\" data-src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-26.png\" data-alt=\"Rally team building experience for groups in Ixtapa-Zihuatanejo\">\n            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-26.png\" alt=\"Rally team building experience for groups in Ixtapa-Zihuatanejo\">\n          <\/button>\n\n          <button class=\"sssg3-thumb\" type=\"button\" data-src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-102.png\" data-alt=\"Corporate group Treasure Hunt activity on Ixtapa Island\">\n            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/TREASURE-HUNT-102.png\" alt=\"Corporate group Treasure Hunt activity on Ixtapa Island\">\n          <\/button>\n\n          <button class=\"sssg3-thumb\" type=\"button\" data-src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividad1.jpg\" data-alt=\"Corporate group integration experience in Ixtapa-Zihuatanejo\">\n            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividad1.jpg\" alt=\"Corporate group integration experience in Ixtapa-Zihuatanejo\">\n          <\/button>\n\n          <button class=\"sssg3-thumb\" type=\"button\" data-src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-28-at-4.17.44-PM.jpeg\" data-alt=\"Customized team building program for groups in Ixtapa-Zihuatanejo\">\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=\"Customized team building program for groups in Ixtapa-Zihuatanejo\">\n          <\/button>\n\n          <button class=\"sssg3-thumb\" type=\"button\" data-src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividadesintegracion2.jpg\" data-alt=\"Group team building activity for corporate events in Ixtapa\">\n            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividadesintegracion2.jpg\" alt=\"Group team building activity for corporate events in Ixtapa\">\n          <\/button>\n\n          <button class=\"sssg3-thumb\" type=\"button\" data-src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividadesintegracion1.jpg\" data-alt=\"Team building and group experience in Ixtapa-Zihuatanejo\">\n            <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2022\/09\/actividadesintegracion1.jpg\" alt=\"Team building and group experience in Ixtapa-Zihuatanejo\">\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n\n      <button\n        type=\"button\"\n        class=\"sssg3-arrow sssg3-next\"\n        aria-label=\"Next group experience\"\n      >\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"m9 18 6-6-6-6\"><\/path>\n        <\/svg>\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n#ss-shore-gallery-03,\n#ss-shore-gallery-03 *,\n#ss-shore-gallery-03 *::before,\n#ss-shore-gallery-03 *::after{\n  box-sizing:border-box !important;\n}\n\n\n#ss-shore-gallery-03{\n\n  --navy:#071D34;\n  --yellow:#FFC629;\n  --border:#E2E7ED;\n\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  left:50% !important;\n\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:\n    52px\n    clamp(14px,3vw,55px)\n    58px !important;\n\n  overflow:hidden !important;\n\n  background:#FFFFFF !important;\n\n  font-family:Arial,Helvetica,sans-serif !important;\n}\n\n\n\/* HEADER *\/\n\n#ss-shore-gallery-03\n.sssg3-header{\n\n  max-width:1050px !important;\n\n  margin:\n    0 auto\n    35px !important;\n\n  text-align:center !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-eyebrow{\n\n  display:block !important;\n\n  margin-bottom:11px !important;\n\n  color:var(--navy) !important;\n\n  font-size:9px !important;\n\n  line-height:1.4 !important;\n\n  font-weight:800 !important;\n\n  letter-spacing:2.6px !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-header p{\n\n  max-width:790px !important;\n\n  margin:\n    18px auto\n    0 !important;\n\n  color:#687688 !important;\n\n  font-size:14px !important;\n\n  line-height:1.72 !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-header h2{\n\n  margin:0 !important;\n\n  color:var(--navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    clamp(35px,4vw,55px) !important;\n\n  line-height:1 !important;\n\n  font-weight:600 !important;\n\n  letter-spacing:-1.7px !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-line{\n\n  width:62px !important;\n  height:4px !important;\n\n  margin:\n    20px auto 0 !important;\n\n  background:var(--yellow) !important;\n}\n\n\n\/* LAYOUT *\/\n\n#ss-shore-gallery-03\n.sssg3-layout{\n\n  display:grid !important;\n\n  grid-template-columns:\n    minmax(0,1.65fr)\n    minmax(300px,.55fr) !important;\n\n  gap:16px !important;\n\n  align-items:stretch !important;\n}\n\n\n\/* MAIN *\/\n\n#ss-shore-gallery-03\n.sssg3-main{\n\n  position:relative !important;\n\n  min-height:560px !important;\n\n  overflow:hidden !important;\n\n  border-radius:15px !important;\n\n  background:var(--navy) !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-main-image{\n\n  position:absolute !important;\n\n  inset:0 !important;\n\n  display:block !important;\n\n  width:100% !important;\n  height:100% !important;\n\n  object-fit:cover !important;\n\n  opacity:1 !important;\n\n  transition:\n    opacity .25s ease,\n    transform .6s ease !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-main-detail{\n\n  position:absolute !important;\n\n  z-index:3 !important;\n\n  left:0 !important;\n  bottom:0 !important;\n\n  width:72px !important;\n  height:5px !important;\n\n  background:var(--yellow) !important;\n}\n\n\n\/* SIDE *\/\n\n#ss-shore-gallery-03\n.sssg3-side{\n\n  position:relative !important;\n\n  min-width:0 !important;\n\n  display:flex !important;\n\n  flex-direction:column !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-viewport{\n\n  height:560px !important;\n\n  overflow-y:auto !important;\n  overflow-x:hidden !important;\n\n  scrollbar-width:none !important;\n\n  scroll-behavior:smooth !important;\n\n  scroll-snap-type:y mandatory !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-viewport::-webkit-scrollbar{\n\n  display:none !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-track{\n\n  display:flex !important;\n\n  flex-direction:column !important;\n\n  gap:10px !important;\n}\n\n\n\/* THUMB *\/\n\n#ss-shore-gallery-03\n.sssg3-thumb{\n\n  flex:\n    0 0 130px !important;\n\n  width:100% !important;\n\n  height:130px !important;\n\n  position:relative !important;\n\n  padding:0 !important;\n\n  overflow:hidden !important;\n\n  border:\n    2px solid\n    transparent !important;\n\n  border-radius:11px !important;\n\n  background:var(--navy) !important;\n\n  cursor:pointer !important;\n\n  scroll-snap-align:start !important;\n\n  opacity:.73 !important;\n\n  transition:\n    opacity .2s ease,\n    border-color .2s ease !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-thumb:hover,\n\n#ss-shore-gallery-03\n.sssg3-thumb.is-active{\n\n  opacity:1 !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-thumb.is-active{\n\n  border-color:\n    var(--yellow) !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-thumb img{\n\n  width:100% !important;\n  height:100% !important;\n\n  display:block !important;\n\n  object-fit:cover !important;\n}\n\n\n\/* ARROWS *\/\n\n#ss-shore-gallery-03\n.sssg3-arrow{\n\n  position:absolute !important;\n\n  z-index:10 !important;\n\n  left:50% !important;\n\n  width:40px !important;\n  height:40px !important;\n\n  padding:0 !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  border:0 !important;\n\n  border-radius:50% !important;\n\n  background:#FFFFFF !important;\n\n  color:var(--navy) !important;\n\n  box-shadow:\n    0 8px 22px\n    rgba(7,29,52,.15) !important;\n\n  cursor:pointer !important;\n\n  transform:\n    translateX(-50%)\n    rotate(90deg) !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-arrow svg{\n\n  width:18px !important;\n  height:18px !important;\n\n  fill:none !important;\n\n  stroke:currentColor !important;\n\n  stroke-width:2 !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-prev{\n\n  top:-12px !important;\n}\n\n\n#ss-shore-gallery-03\n.sssg3-next{\n\n  bottom:-12px !important;\n}\n\n\n\/* TABLET\/MOBILE *\/\n\n@media(max-width:900px){\n\n  #ss-shore-gallery-03\n  .sssg3-layout{\n\n    grid-template-columns:1fr !important;\n  }\n\n\n  #ss-shore-gallery-03\n  .sssg3-main{\n\n    min-height:430px !important;\n  }\n\n\n  #ss-shore-gallery-03\n  .sssg3-side{\n\n    display:block !important;\n  }\n\n\n  #ss-shore-gallery-03\n  .sssg3-viewport{\n\n    height:auto !important;\n\n    overflow-x:auto !important;\n    overflow-y:hidden !important;\n\n    scroll-snap-type:x mandatory !important;\n  }\n\n\n  #ss-shore-gallery-03\n  .sssg3-track{\n\n    flex-direction:row !important;\n  }\n\n\n  #ss-shore-gallery-03\n  .sssg3-thumb{\n\n    flex:\n      0 0 190px !important;\n\n    width:190px !important;\n\n    height:125px !important;\n  }\n\n\n  #ss-shore-gallery-03\n  .sssg3-arrow{\n\n    top:50% !important;\n    bottom:auto !important;\n\n    transform:\n      translateY(-50%) !important;\n  }\n\n\n  #ss-shore-gallery-03\n  .sssg3-prev{\n\n    left:-5px !important;\n  }\n\n\n  #ss-shore-gallery-03\n  .sssg3-next{\n\n    left:auto !important;\n    right:-5px !important;\n  }\n\n}\n\n\n@media(max-width:600px){\n\n  #ss-shore-gallery-03{\n\n    padding:\n      42px\n      14px\n      46px !important;\n  }\n\n\n  #ss-shore-gallery-03\n  .sssg3-header h2{\n\n    font-size:30px !important;\n  }\n\n\n  #ss-shore-gallery-03\n  .sssg3-eyebrow{\n\n    font-size:8px !important;\n\n    letter-spacing:2px !important;\n  }\n\n\n  #ss-shore-gallery-03\n  .sssg3-header p{\n\n    margin-top:16px !important;\n\n    font-size:13px !important;\n\n    line-height:1.65 !important;\n  }\n\n\n  #ss-shore-gallery-03\n  .sssg3-main{\n\n    min-height:310px !important;\n  }\n\n\n  #ss-shore-gallery-03\n  .sssg3-thumb{\n\n    flex-basis:145px !important;\n\n    width:145px !important;\n\n    height:100px !important;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n  \"use strict\";\n\n  const root =\n    document.getElementById(\n      \"ss-shore-gallery-03\"\n    );\n\n  if(!root){\n    return;\n  }\n\n\n  const mainImage =\n    root.querySelector(\n      \".sssg3-main-image\"\n    );\n\n  const viewport =\n    root.querySelector(\n      \".sssg3-viewport\"\n    );\n\n  const thumbs =\n    Array.from(\n      root.querySelectorAll(\n        \".sssg3-thumb\"\n      )\n    );\n\n  const prev =\n    root.querySelector(\n      \".sssg3-prev\"\n    );\n\n  const next =\n    root.querySelector(\n      \".sssg3-next\"\n    );\n\n\n  let activeIndex = 0;\n\n\n  function show(index){\n\n    const total =\n      thumbs.length;\n\n    activeIndex =\n      (\n        index +\n        total\n      ) % total;\n\n\n    const thumb =\n      thumbs[activeIndex];\n\n\n    const src =\n      thumb.getAttribute(\n        \"data-src\"\n      );\n\n\n    const alt =\n      thumb.getAttribute(\n        \"data-alt\"\n      ) || \"Sunnyside DMC group experience in Ixtapa-Zihuatanejo\";\n\n\n    thumbs.forEach(\n      function(item,i){\n\n        item.classList.toggle(\n          \"is-active\",\n          i === activeIndex\n        );\n\n      }\n    );\n\n\n    mainImage.style.opacity =\n      \"0\";\n\n\n    window.setTimeout(\n      function(){\n\n        mainImage.src =\n          src;\n\n        mainImage.alt =\n          alt;\n\n\n        mainImage.onload =\n          function(){\n\n            mainImage.style.opacity =\n              \"1\";\n\n          };\n\n      },\n      180\n    );\n\n\n    thumb.scrollIntoView({\n      behavior:\"smooth\",\n      block:\"nearest\",\n      inline:\"nearest\"\n    });\n\n  }\n\n\n  thumbs.forEach(\n    function(thumb,index){\n\n      thumb.addEventListener(\n        \"click\",\n        function(){\n\n          show(index);\n\n        }\n      );\n\n    }\n  );\n\n\n  next.addEventListener(\n    \"click\",\n    function(){\n\n      show(\n        activeIndex + 1\n      );\n\n    }\n  );\n\n\n  prev.addEventListener(\n    \"click\",\n    function(){\n\n      show(\n        activeIndex - 1\n      );\n\n    }\n  );\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-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<!-- ============================================================\nSUNNYSIDE DMC SERVICES\nGROUPS, MEETINGS & CONVENTIONS CONTACT FORM\nOPTION 01 \u2014 EDITORIAL SPLIT\n============================================================ -->\n\n<section id=\"contact-form\" class=\"ss-group-form-01\">\n\n  <div class=\"ssgf1-shell\">\n\n    <!-- ========================================================\n    INTRO\n    ========================================================= -->\n\n    <div class=\"ssgf1-intro\">\n\n      <span class=\"ssgf1-eyebrow\">\n        IXTAPA-ZIHUATANEJO \u2022 GROUPS \u2022 CONVENTIONS \u2022 EVENTS\n      <\/span>\n\n      <h2>\n        PLAN YOUR GROUP\n        <span>OR EVENT<\/span>\n      <\/h2>\n\n      <div class=\"ssgf1-line\"><\/div>\n\n      <p>\n        Tell us about your program, group size, dates, transportation, meeting, incentive, team-building, or event requirements. Our DMC team coordinates customized programs in Ixtapa-Zihuatanejo, with group and event services also available in Canc\u00fan and Riviera Maya.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- ========================================================\n    FORM\n    ========================================================= -->\n\n    <div class=\"ssgf1-form-card\">\n\n      <form\n        id=\"grupoForm\"\n        action=\"https:\/\/formspree.io\/f\/xdawplge\"\n        method=\"POST\"\n      >\n\n        <!-- NAME -->\n        <div class=\"ssgf1-field\">\n\n          <label for=\"nombre\">\n            Name:\n          <\/label>\n\n          <input\n            type=\"text\"\n            id=\"nombre\"\n            name=\"Nombre\"\n            autocomplete=\"name\"\n            placeholder=\"Your name\"\n            required\n          >\n\n        <\/div>\n\n\n        <!-- EMAIL -->\n        <div class=\"ssgf1-field\">\n\n          <label for=\"email\">\n            Email:\n          <\/label>\n\n          <input\n            type=\"email\"\n            id=\"email\"\n            name=\"Email\"\n            autocomplete=\"email\"\n            placeholder=\"Your email\"\n            required\n          >\n\n        <\/div>\n\n\n        <!-- PHONE -->\n        <div class=\"ssgf1-field ssgf1-field-full\">\n\n          <label for=\"telefono\">\n            Contact Phone:\n          <\/label>\n\n          <div class=\"ssgf1-phone\">\n\n            <select\n              id=\"pais\"\n              name=\"Pais\"\n              required\n            >\n              <option value=\"+54\">\ud83c\udde6\ud83c\uddf7 Argentina +54<\/option>\n              <option value=\"+61\">\ud83c\udde6\ud83c\uddfa Australia +61<\/option>\n              <option value=\"+43\">\ud83c\udde6\ud83c\uddf9 Austria +43<\/option>\n              <option value=\"+32\">\ud83c\udde7\ud83c\uddea Belgium +32<\/option>\n              <option value=\"+55\">\ud83c\udde7\ud83c\uddf7 Brazil +55<\/option>\n              <option value=\"+1\">\ud83c\udde8\ud83c\udde6 Canada +1<\/option>\n              <option value=\"+56\">\ud83c\udde8\ud83c\uddf1 Chile +56<\/option>\n              <option value=\"+57\">\ud83c\udde8\ud83c\uddf4 Colombia +57<\/option>\n              <option value=\"+45\">\ud83c\udde9\ud83c\uddf0 Denmark +45<\/option>\n              <option value=\"+33\">\ud83c\uddeb\ud83c\uddf7 France +33<\/option>\n              <option value=\"+49\">\ud83c\udde9\ud83c\uddea Germany +49<\/option>\n              <option value=\"+39\">\ud83c\uddee\ud83c\uddf9 Italy +39<\/option>\n              <option value=\"+52\" selected>\ud83c\uddf2\ud83c\uddfd Mexico +52<\/option>\n              <option value=\"+31\">\ud83c\uddf3\ud83c\uddf1 Netherlands +31<\/option>\n              <option value=\"+47\">\ud83c\uddf3\ud83c\uddf4 Norway +47<\/option>\n              <option value=\"+507\">\ud83c\uddf5\ud83c\udde6 Panama +507<\/option>\n              <option value=\"+51\">\ud83c\uddf5\ud83c\uddea Peru +51<\/option>\n              <option value=\"+351\">\ud83c\uddf5\ud83c\uddf9 Portugal +351<\/option>\n              <option value=\"+34\">\ud83c\uddea\ud83c\uddf8 Spain +34<\/option>\n              <option value=\"+46\">\ud83c\uddf8\ud83c\uddea Sweden +46<\/option>\n              <option value=\"+41\">\ud83c\udde8\ud83c\udded Switzerland +41<\/option>\n              <option value=\"+44\">\ud83c\uddec\ud83c\udde7 United Kingdom +44<\/option>\n              <option value=\"+1\">\ud83c\uddfa\ud83c\uddf8 United States +1<\/option>\n            <\/select>\n\n            <input\n              type=\"tel\"\n              id=\"telefono\"\n              name=\"Telefono\"\n              autocomplete=\"tel\"\n              placeholder=\"Number\"\n              required\n            >\n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- PAX -->\n        <div class=\"ssgf1-field\">\n\n          <label for=\"pax\">\n            Estimated Group Size:\n          <\/label>\n\n          <select\n            id=\"pax\"\n            name=\"Pax\"\n            required\n          >\n            <option value=\"\" disabled selected>\n              Select an option\n            <\/option>\n\n            <option>\n              1 \u2013 100 pax\n            <\/option>\n\n            <option>\n              101 \u2013 350 pax\n            <\/option>\n\n            <option>\n              +350 pax\n            <\/option>\n\n          <\/select>\n\n        <\/div>\n\n\n        <!-- HIDDEN SUBJECT -->\n        <input\n          type=\"hidden\"\n          id=\"asuntoFijo\"\n          name=\"AsuntoFijo\"\n          value=\"Groups & Conventions Web Page - Sunnyside DMC\"\n        >\n\n\n        <!-- SUBJECT -->\n        <div class=\"ssgf1-field\">\n\n          <label for=\"asuntoCliente\">\n            Subject:\n          <\/label>\n\n          <input\n            type=\"text\"\n            id=\"asuntoCliente\"\n            name=\"AsuntoCliente\"\n            placeholder=\"Meeting, group, convention, or event\"\n            required\n          >\n\n        <\/div>\n\n\n        <!-- MESSAGE -->\n        <div class=\"ssgf1-field ssgf1-field-full\">\n\n          <label for=\"mensaje\">\n            Message:\n          <\/label>\n\n          <textarea\n            id=\"mensaje\"\n            name=\"Mensaje\"\n            placeholder=\"Tell us about your dates, destination, group size, transportation, event, or program requirements\"\n            rows=\"6\"\n            required\n          ><\/textarea>\n\n        <\/div>\n\n\n        <!-- SUBMIT -->\n        <div class=\"ssgf1-submit-wrap\">\n\n          <button\n            type=\"submit\"\n            id=\"submitBtn\"\n          >\n            <span>\n              Request a Proposal\n            <\/span>\n\n            <svg\n              viewBox=\"0 0 24 24\"\n              aria-hidden=\"true\"\n            >\n              <path d=\"M5 12h13\"><\/path>\n              <path d=\"m14 7 5 5-5 5\"><\/path>\n            <\/svg>\n          <\/button>\n\n        <\/div>\n\n\n        <p\n          id=\"formMessage\"\n          class=\"ssgf1-message\"\n          style=\"display:none;\"\n        ><\/p>\n\n      <\/form>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ============================================================\nISOLATION\n============================================================ *\/\n\n#contact-form.ssgf1,\n#contact-form.ssgf1 *{\n  box-sizing:border-box !important;\n}\n\n#contact-form.ss-group-form-01,\n#contact-form.ss-group-form-01 *,\n#contact-form.ss-group-form-01 *::before,\n#contact-form.ss-group-form-01 *::after{\n  box-sizing:border-box !important;\n}\n\n\n\/* ============================================================\nROOT\n============================================================ *\/\n\n#contact-form.ss-group-form-01{\n\n  --navy:#071D34;\n  --navy2:#0A294A;\n  --yellow:#FFC629;\n\n  --text:#425164;\n  --muted:#687688;\n  --border:#DDE4EC;\n  --soft:#F6F8FA;\n\n  position:relative !important;\n\n  width:100vw !important;\n  max-width:100vw !important;\n\n  left:50% !important;\n\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:\n    64px\n    clamp(16px,4vw,72px) !important;\n\n  overflow:hidden !important;\n\n  background:\n    var(--soft) !important;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif !important;\n}\n\n\n\/* ============================================================\nSHELL\n============================================================ *\/\n\n#contact-form.ss-group-form-01\n.ssgf1-shell{\n\n  width:100% !important;\n\n  display:grid !important;\n\n  grid-template-columns:\n    minmax(300px,.42fr)\n    minmax(460px,.58fr) !important;\n\n  gap:\n    clamp(45px,6vw,90px) !important;\n\n  align-items:center !important;\n}\n\n\n\/* ============================================================\nINTRO\n============================================================ *\/\n\n#contact-form.ss-group-form-01\n.ssgf1-intro{\n\n  max-width:560px !important;\n}\n\n\n#contact-form.ss-group-form-01\n.ssgf1-eyebrow{\n\n  display:block !important;\n\n  margin-bottom:15px !important;\n\n  color:\n    var(--navy) !important;\n\n  font-size:9px !important;\n\n  font-weight:800 !important;\n\n  line-height:1.5 !important;\n\n  letter-spacing:2.5px !important;\n}\n\n\n#contact-form.ss-group-form-01\n.ssgf1-intro h2{\n\n  margin:0 !important;\n\n  color:\n    var(--navy) !important;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif !important;\n\n  font-size:\n    clamp(36px,3.2vw,50px) !important;\n\n  line-height:1 !important;\n\n  font-weight:600 !important;\n\n  letter-spacing:-1.3px !important;\n}\n\n\n#contact-form.ss-group-form-01\n.ssgf1-intro h2 span{\n\n  display:block !important;\n\n  color:\n    var(--navy) !important;\n}\n\n\n#contact-form.ss-group-form-01\n.ssgf1-line{\n\n  width:62px !important;\n\n  height:4px !important;\n\n  margin:\n    22px\n    0 !important;\n\n  background:\n    var(--yellow) !important;\n}\n\n\n#contact-form.ss-group-form-01\n.ssgf1-intro p{\n\n  margin:0 !important;\n\n  max-width:500px !important;\n\n  color:\n    var(--muted) !important;\n\n  font-size:14px !important;\n\n  line-height:1.8 !important;\n}\n\n\n\/* ============================================================\nFORM CARD\n============================================================ *\/\n\n#contact-form.ss-group-form-01\n.ssgf1-form-card{\n\n  padding:\n    clamp(25px,3vw,42px) !important;\n\n  border:\n    1px solid\n    var(--border) !important;\n\n  border-radius:16px !important;\n\n  background:#FFFFFF !important;\n\n  box-shadow:\n    0 18px 45px\n    rgba(7,29,52,.08) !important;\n}\n\n\n#contact-form.ss-group-form-01\n#grupoForm{\n\n  display:grid !important;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr)) !important;\n\n  gap:\n    19px\n    16px !important;\n}\n\n\n\/* ============================================================\nFIELDS\n============================================================ *\/\n\n#contact-form.ss-group-form-01\n.ssgf1-field{\n\n  min-width:0 !important;\n}\n\n\n#contact-form.ss-group-form-01\n.ssgf1-field-full{\n\n  grid-column:\n    1 \/ -1 !important;\n}\n\n\n#contact-form.ss-group-form-01\n.ssgf1-field label{\n\n  display:block !important;\n\n  margin:\n    0\n    0\n    7px !important;\n\n  color:\n    var(--navy) !important;\n\n  font-size:11px !important;\n\n  font-weight:800 !important;\n\n  line-height:1.3 !important;\n}\n\n\n#contact-form.ss-group-form-01\n.ssgf1-field input,\n\n#contact-form.ss-group-form-01\n.ssgf1-field select,\n\n#contact-form.ss-group-form-01\n.ssgf1-field textarea{\n\n  width:100% !important;\n\n  margin:0 !important;\n\n  padding:\n    13px\n    14px !important;\n\n  border:\n    1px solid\n    var(--border) !important;\n\n  border-radius:8px !important;\n\n  outline:none !important;\n\n  background:#FFFFFF !important;\n\n  color:\n    var(--navy) !important;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif !important;\n\n  font-size:13px !important;\n\n  line-height:1.4 !important;\n\n  box-shadow:none !important;\n\n  transition:\n    border-color .2s ease,\n    box-shadow .2s ease !important;\n}\n\n\n#contact-form.ss-group-form-01\n.ssgf1-field input,\n\n#contact-form.ss-group-form-01\n.ssgf1-field select{\n\n  height:48px !important;\n}\n\n\n#contact-form.ss-group-form-01\n.ssgf1-field textarea{\n\n  min-height:145px !important;\n\n  resize:vertical !important;\n}\n\n\n#contact-form.ss-group-form-01\n.ssgf1-field input:focus,\n\n#contact-form.ss-group-form-01\n.ssgf1-field select:focus,\n\n#contact-form.ss-group-form-01\n.ssgf1-field textarea:focus{\n\n  border-color:\n    var(--navy) !important;\n\n  box-shadow:\n    0 0 0 3px\n    rgba(7,29,52,.07) !important;\n}\n\n\n\/* PLACEHOLDER *\/\n\n#contact-form.ss-group-form-01\ninput::placeholder,\n\n#contact-form.ss-group-form-01\ntextarea::placeholder{\n\n  color:#9AA5B1 !important;\n\n  opacity:1 !important;\n}\n\n\n\/* ============================================================\nPHONE\n============================================================ *\/\n\n#contact-form.ss-group-form-01\n.ssgf1-phone{\n\n  display:grid !important;\n\n  grid-template-columns:\n    minmax(185px,.42fr)\n    minmax(0,.58fr) !important;\n\n  gap:10px !important;\n}\n\n\n\/* ============================================================\nBUTTON\n============================================================ *\/\n\n#contact-form.ss-group-form-01\n.ssgf1-submit-wrap{\n\n  grid-column:\n    1 \/ -1 !important;\n\n  margin-top:2px !important;\n}\n\n\n#contact-form.ss-group-form-01\n#submitBtn{\n\n  width:100% !important;\n\n  min-height:52px !important;\n\n  padding:\n    0\n    20px !important;\n\n  display:flex !important;\n\n  align-items:center !important;\n\n  justify-content:center !important;\n\n  gap:14px !important;\n\n  border:0 !important;\n\n  border-radius:8px !important;\n\n  background:\n    var(--navy) !important;\n\n  color:#FFFFFF !important;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif !important;\n\n  font-size:12px !important;\n\n  font-weight:800 !important;\n\n  cursor:pointer !important;\n\n  box-shadow:\n    0 9px 22px\n    rgba(7,29,52,.14) !important;\n\n  transition:\n    transform .2s ease,\n    background .2s ease !important;\n}\n\n\n#contact-form.ss-group-form-01\n#submitBtn:hover{\n\n  background:\n    var(--navy2) !important;\n\n  transform:\n    translateY(-2px) !important;\n}\n\n\n#contact-form.ss-group-form-01\n#submitBtn:disabled{\n\n  opacity:.65 !important;\n\n  cursor:not-allowed !important;\n\n  transform:none !important;\n}\n\n\n#contact-form.ss-group-form-01\n#submitBtn svg{\n\n  width:18px !important;\n\n  height:18px !important;\n\n  fill:none !important;\n\n  stroke:\n    var(--yellow) !important;\n\n  stroke-width:2 !important;\n\n  stroke-linecap:round !important;\n\n  stroke-linejoin:round !important;\n}\n\n\n\/* ============================================================\nMESSAGE\n============================================================ *\/\n\n#contact-form.ss-group-form-01\n.ssgf1-message{\n\n  grid-column:\n    1 \/ -1 !important;\n\n  margin:\n    4px\n    0\n    0 !important;\n\n  padding:\n    12px\n    14px !important;\n\n  border-radius:7px !important;\n\n  background:\n    var(--soft) !important;\n\n  font-size:12px !important;\n\n  font-weight:700 !important;\n\n  text-align:center !important;\n}\n\n\n\/* ============================================================\nTABLET\n============================================================ *\/\n\n@media(max-width:900px){\n\n  #contact-form.ss-group-form-01\n  .ssgf1-shell{\n\n    grid-template-columns:1fr !important;\n\n    gap:35px !important;\n  }\n\n\n  #contact-form.ss-group-form-01\n  .ssgf1-intro{\n\n    max-width:720px !important;\n  }\n\n}\n\n\n\/* ============================================================\nMOBILE\n============================================================ *\/\n\n@media(max-width:600px){\n\n  #contact-form.ss-group-form-01{\n\n    padding:\n      44px\n      14px !important;\n  }\n\n\n  #contact-form.ss-group-form-01\n  .ssgf1-intro h2{\n\n    font-size:\n      clamp(30px,8.6vw,36px) !important;\n\n    line-height:1.02 !important;\n  }\n\n\n  #contact-form.ss-group-form-01\n  .ssgf1-form-card{\n\n    padding:\n      24px\n      18px !important;\n  }\n\n\n  #contact-form.ss-group-form-01\n  #grupoForm{\n\n    grid-template-columns:1fr !important;\n  }\n\n\n  #contact-form.ss-group-form-01\n  .ssgf1-field-full,\n\n  #contact-form.ss-group-form-01\n  .ssgf1-submit-wrap,\n\n  #contact-form.ss-group-form-01\n  .ssgf1-message{\n\n    grid-column:auto !important;\n  }\n\n\n  #contact-form.ss-group-form-01\n  .ssgf1-phone{\n\n    grid-template-columns:1fr !important;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n  \"use strict\";\n\n  const section =\n    document.querySelector(\n      \"#contact-form.ss-group-form-01\"\n    );\n\n\n  if(!section){\n    return;\n  }\n\n\n  if(\n    section.dataset.ssFormInitialized ===\n    \"true\"\n  ){\n    return;\n  }\n\n\n  section.dataset.ssFormInitialized =\n    \"true\";\n\n\n  const form =\n    section.querySelector(\n      \"#grupoForm\"\n    );\n\n\n  const button =\n    section.querySelector(\n      \"#submitBtn\"\n    );\n\n\n  const message =\n    section.querySelector(\n      \"#formMessage\"\n    );\n\n\n  if(\n    !form ||\n    !button ||\n    !message\n  ){\n    return;\n  }\n\n\n  form.addEventListener(\n    \"submit\",\n    async function(event){\n\n      event.preventDefault();\n\n\n      const buttonText =\n        button.querySelector(\n          \"span\"\n        );\n\n\n      if(buttonText){\n\n        buttonText.textContent =\n          \"Sending Request...\";\n\n      }else{\n\n        button.textContent =\n          \"Sending Request...\";\n\n      }\n\n\n      button.disabled =\n        true;\n\n\n      message.style.display =\n        \"none\";\n\n\n      const data =\n        new FormData(\n          form\n        );\n\n\n      try{\n\n        const response =\n          await fetch(\n            form.action,\n            {\n              method:\"POST\",\n              body:data,\n              headers:{\n                \"Accept\":\n                  \"application\/json\"\n              }\n            }\n          );\n\n\n        if(!response.ok){\n\n          throw new Error(\n            \"Error sending message\"\n          );\n\n        }\n\n\n        message.style.display =\n          \"block\";\n\n\n        message.style.color =\n          \"#071D34\";\n\n\n        message.textContent =\n          \"\u2705 Thank you! Your request has been sent successfully.\";\n\n\n        form.reset();\n\n      }\n\n      catch(error){\n\n        message.style.display =\n          \"block\";\n\n\n        message.style.color =\n          \"#B42318\";\n\n\n        message.textContent =\n          \"\u274c We could not send your request. Please try again.\";\n\n      }\n\n\n      if(buttonText){\n\n        buttonText.textContent =\n          \"Request a Proposal\";\n\n      }else{\n\n        button.textContent =\n          \"Request a Proposal\";\n\n      }\n\n\n      button.disabled =\n        false;\n\n    }\n  );\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-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>IXTAPA-ZIHUATANEJO DMC FOR MEETINGS, GROUPS &#038; EVENTS Destination management, transportation and event logistics for corporate groups, conventions and incentive programs in Ixtapa-Zihuatanejo, Canc\u00fan and Riviera Maya. GET A QUOTE THE SUNNYSIDE DIFFERENCE IN DESTINATION MANAGEMENT LOCAL DMC EXPERTISE. SEAMLESS EXECUTION. Sunnyside DMC combines destination expertise, transportation logistics and personalized coordination for meetings, conventions, incentive groups [&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":""},"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":695,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7635\/revisions"}],"predecessor-version":[{"id":16158,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/7635\/revisions\/16158"}],"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}]}}