{"id":12676,"date":"2026-03-31T09:04:11","date_gmt":"2026-03-31T15:04:11","guid":{"rendered":"https:\/\/sunnyside.com.mx\/?page_id=12676"},"modified":"2026-04-22T19:13:40","modified_gmt":"2026-04-23T01:13:40","slug":"qr-datos","status":"publish","type":"page","link":"https:\/\/sunnyside.com.mx\/es\/qr-datos\/","title":{"rendered":"QR Datos"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"12676\" class=\"elementor elementor-12676\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2496ab0 elementor-hidden-desktop elementor-hidden-tablet elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2496ab0\" 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-304063c\" data-id=\"304063c\" 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-ab0c0f4 elementor-widget__width-auto logo elementor-widget-mobile__width-initial elementor-widget elementor-widget-theme-site-logo elementor-widget-image\" data-id=\"ab0c0f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-site-logo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/sunnyside.com.mx\/es\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/plugins\/elementor-pro\/assets\/images\/logo-placeholder.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58880cb elementor-widget elementor-widget-spacer\" data-id=\"58880cb\" 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-340d0af elementor-widget elementor-widget-html\" data-id=\"340d0af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Men\u00fa m\u00f3vil 3 columnas estilo header Sunnyside -->\r\n<section class=\"menu-3-columnas-movil\" id=\"menu-movil\">\r\n  <div class=\"menu-columna\">\r\n    <a href=\"https:\/\/sunnyside.com.mx\/es\/all-tours\/\" class=\"menu-link\">TOURS<\/a>\r\n  <\/div>\r\n  <div class=\"menu-columna\">\r\n    <a href=\"https:\/\/sunnyside.com.mx\/es\/traslados\/\" class=\"menu-link nowrap-link\">EVENTOS<\/a>\r\n  <\/div>\r\n  <div class=\"menu-columna\">\r\n    <a href=\"https:\/\/sunnyside.com.mx\/es\/convenciones\/\" class=\"menu-link\">GRUPOS &amp; CONVENCIONES<\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.menu-3-columnas-movil {\r\n  display: flex;\r\n  justify-content: space-between; \/* Distribuye columnas uniformemente *\/\r\n  padding: 10px 5px;\r\n  background: transparent;       \/* Fondo inicial transparente *\/\r\n  position: relative;           \/* Respeta flujo *\/\r\n  width: 100%;\r\n  transition: background-color 0.3s ease, box-shadow 0.3s ease;\r\n  text-align: center;\r\n  flex-wrap: nowrap; \/* No permitir que salten a otro rengl\u00f3n *\/\r\n}\r\n\r\n\/* Fondo y sombra al hacer scroll *\/\r\n.menu-3-columnas-movil.scrolled {\r\n  background-color: #fff;\r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n}\r\n\r\n.menu-columna {\r\n  flex: 1; \/* Cada columna ocupa el mismo ancho *\/\r\n  text-align: center;\r\n  margin: 0 5px;\r\n}\r\n\r\n\/* Links *\/\r\n.menu-link {\r\n  text-decoration: none;\r\n  color: #000;\r\n  font-weight: 600;\r\n  font-size: 14px; \/* M\u00e1s peque\u00f1a para que quepa en un rengl\u00f3n *\/\r\n  display: block;\r\n  padding: 6px 0;\r\n  transition: color 0.3s ease;\r\n  line-height: 1.2;\r\n}\r\n\r\n.menu-link:hover {\r\n  color: #2a6ebb;\r\n}\r\n\r\n\/* TRANSPORTATION nunca se divide *\/\r\n.nowrap-link {\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* Responsive: ajustar texto en pantallas muy peque\u00f1as *\/\r\n@media (max-width: 360px) {\r\n  .menu-link {\r\n    font-size: 12px; \/* Reducir a\u00fan m\u00e1s si es necesario *\/\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ JS para cambiar fondo al hacer scroll\r\nconst menu = document.getElementById('menu-movil');\r\n\r\nwindow.addEventListener('scroll', () => {\r\n  if(window.scrollY > 50){\r\n    menu.classList.add('scrolled');\r\n  } else {\r\n    menu.classList.remove('scrolled');\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3b58d64 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3b58d64\" 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-9f35f84\" data-id=\"9f35f84\" 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-cb82487 elementor-widget elementor-widget-html\" data-id=\"cb82487\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;500;700&display=swap');\r\n\r\n.hero {\r\n    position: relative;\r\n    height: 100vh;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: #f5f5f5;\r\n}\r\n\r\n\/* VIDEO *\/\r\n.hero video {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    min-width: 100%;\r\n    min-height: 100%;\r\n    transform: translate(-50%, -50%);\r\n    object-fit: cover;\r\n    z-index: -2;\r\n}\r\n\r\n\/* OVERLAY M\u00c1S OSCURO PARA LEGIBILIDAD *\/\r\n.hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(\r\n        rgba(0,0,0,0.25),\r\n        rgba(0,0,0,0.25)\r\n    );\r\n    z-index: -1;\r\n}\r\n\r\n\/* CONTENIDO *\/\r\n.hero-contenido {\r\n    max-width: 850px;\r\n    padding: 20px;\r\n}\r\n\r\n\/* LOGO *\/\r\n.hero-logo {\r\n    width: 240px;\r\n    height: auto;\r\n    display: block;\r\n    margin: 0 auto 25px;\r\n\r\n    \/* fuerza visibilidad sobre cualquier fondo *\/\r\n    filter: brightness(0) invert(1) drop-shadow(0 6px 25px rgba(0,0,0,0.9));\r\n}\r\n\r\n\/* SUBTITULO *\/\r\n.hero h2 {\r\n    font-size: 24px;\r\n    font-weight: 300;\r\n    margin-bottom: 20px;\r\n    letter-spacing: 1px;\r\n    color: #ffffff;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.hero p {\r\n    font-size: 18px;\r\n    line-height: 1.7;\r\n    color: #ffffff;\r\n    text-shadow: 0 3px 15px rgba(0,0,0,0.8);;\r\n}\r\n\r\n\/* LINEA DECORATIVA *\/\r\n.hero h2::after {\r\n    content: \"\";\r\n    display: block;\r\n    width: 60px;\r\n    height: 2px;\r\n    background: #f5a623;\r\n    margin: 15px auto 0;\r\n}\r\n\r\n\/* ANIMACI\u00d3N SUAVE *\/\r\n.hero-contenido {\r\n    animation: fadeUp 1.2s ease-out;\r\n}\r\n\r\n@keyframes fadeUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 768px) {\r\n    .hero-logo {\r\n        width: 170px;\r\n    }\r\n\r\n    .hero h2 {\r\n        font-size: 18px;\r\n    }\r\n\r\n    .hero p {\r\n        font-size: 15px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hero\">\r\n\r\n    <!-- VIDEO DE FONDO -->\r\n    <video autoplay muted loop playsinline>\r\n        <source src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/04\/download.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n\r\n    <div class=\"hero-contenido\">\r\n\r\n        <!-- TU LOGO (YA SOLUCIONADO) -->\r\n        <img decoding=\"async\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/04\/Tarjeta-Digital-scaled.png?v=2\" \r\n             alt=\"Sunnyside Logo\" \r\n             class=\"hero-logo\">\r\n\r\n        <h2>Tu socio estrat\u00e9gico para grupos y eventos<\/h2>\r\n\r\n        <p>\r\n            Creamos experiencias memorables para grupos, convenciones y viajes corporativos, \r\n            combinando log\u00edstica impecable, conocimiento local y atenci\u00f3n personalizada en cada detalle.\r\n            <br><br>\r\n            Aliados confiables para agencias, organizadores y empresas que buscan excelencia en destino.\r\n        <\/p>\r\n\r\n    <\/div>\r\n<\/section>\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-3ca5a8b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3ca5a8b\" 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-10db13c\" data-id=\"10db13c\" 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-833b722 elementor-widget elementor-widget-html\" data-id=\"833b722\" 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<!-- BLOQUE DE NAVEGACI\u00d3N INTERNA -->\r\n<div style=\"text-align:center; margin: 40px 0; font-family: 'Montserrat', sans-serif;\">\r\n    <a href=\"#contacto\" class=\"nav-btn\">Contacto<\/a>\r\n    <a href=\"#historia\" class=\"nav-btn\">Historia<\/a>\r\n    <a href=\"#tarifario\" class=\"nav-btn\">Tarifario<\/a>\r\n<\/div>\r\n\r\n<style>\r\n    html {\r\n        scroll-behavior: smooth; \/* Desplazamiento suave *\/\r\n    }\r\n\r\n    .nav-btn {\r\n        padding: 10px 20px;\r\n        margin: 5px;\r\n        display: inline-block;\r\n        background: #007bff; \/* azul corporativo *\/\r\n        color: #fff;\r\n        border-radius: 6px;\r\n        text-decoration: none;\r\n        font-weight: 500;\r\n        font-size: 14px;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 3px 6px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .nav-btn:hover {\r\n        background: #f5a623; \/* amarillo corporativo *\/\r\n        color: #111;\r\n        box-shadow: 0 5px 10px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .nav-btn {\r\n            padding: 8px 16px;\r\n            font-size: 13px;\r\n        }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-260fa2a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"260fa2a\" 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-c1ac7d9\" data-id=\"c1ac7d9\" 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-eeb3462 elementor-widget elementor-widget-html\" data-id=\"eeb3462\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"EQUI-ID\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ID agregado para navegaci\u00f3n interna -->\r\n<section id=\"contacto\" class=\"equipo\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;500;700&display=swap');\r\n\r\n.equipo {\r\n    padding: 90px 20px;\r\n    font-family: 'Montserrat', sans-serif;\r\n\r\n    \/* MISMO FONDO QUE TARIFARIOS *\/\r\n    background: linear-gradient(135deg, #eef4ff, #dbe8ff);\r\n    color: #111;\r\n    text-align: center;\r\n}\r\n\r\n.equipo h2 {\r\n    font-size: 38px;\r\n    margin-bottom: 60px;\r\n    letter-spacing: 2px;\r\n    font-weight: 600;\r\n    color: #0b1f3a;\r\n}\r\n\r\n\/* GRID *\/\r\n.grid-equipo {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 30px;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* TARJETAS AZUL CORPORATIVO *\/\r\n.card {\r\n    background: rgba(11, 31, 58, 0.95);\r\n    border: 1px solid rgba(0, 123, 255, 0.4);\r\n    border-radius: 18px;\r\n    padding: 25px;\r\n    text-align: left;\r\n    transition: 0.3s;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(0, 123, 255, 0.9);\r\n}\r\n\r\n\/* FOTO *\/\r\n.foto {\r\n    width: 85px;\r\n    height: 85px;\r\n    border-radius: 50%;\r\n    object-fit: cover;\r\n    border: 2px solid #007bff;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n\/* NOMBRE *\/\r\n.card h3 {\r\n    font-size: 20px;\r\n    margin-bottom: 5px;\r\n    color: #ffffff;\r\n}\r\n\r\n\/* PUESTO *\/\r\n.puesto {\r\n    font-size: 13px;\r\n    color: #7fb3ff;\r\n    margin-bottom: 12px;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* INFO *\/\r\n.info {\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    color: #eaeaea;\r\n}\r\n\r\n.info a {\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n}\r\n\r\n.info a:hover {\r\n    text-decoration: underline;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 768px) {\r\n    .grid-equipo {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .equipo h2 {\r\n        font-size: 28px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n    <h2>Equipo Ejecutivo<\/h2>\r\n\r\n    <div class=\"grid-equipo\">\r\n\r\n        <!-- PERSONA 1 -->\r\n        <div class=\"card\">\r\n            <img decoding=\"async\" class=\"foto\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-22-at-4.25.37-PM.jpeg\">\r\n            <h3>Oliverio Guzm\u00e1n<\/h3>\r\n            <div class=\"puesto\">CEO & Founder<\/div>\r\n            <div class=\"info\">\r\n                Tel: <a href=\"https:\/\/wa.me\/527551202523\" target=\"_blank\" rel=\"noopener\">+52 755 120 2523<\/a><br>\r\n                Email: <a href=\"mailto:oliverio@sunnyside.com.mx\">oliverio@sunnyside.com.mx<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- PERSONA 2 -->\r\n        <div class=\"card\">\r\n            <img decoding=\"async\" class=\"foto\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-22-at-4.38.14-PM.jpeg\">\r\n            <h3>Luis Enrique Guzm\u00e1n<\/h3>\r\n            <div class=\"puesto\">General Manager Ixtapa Zihuatanejo<\/div>\r\n            <div class=\"info\">\r\n                Tel: <a href=\"https:\/\/wa.me\/527551382469\" target=\"_blank\" rel=\"noopener\">+52 755 138 2469<\/a><br>\r\n                Email: <a href=\"mailto:enrique@sunnyside.com.mx\">enrique@sunnyside.com.mx<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- PERSONA 3 -->\r\n        <div class=\"card\">\r\n            <img decoding=\"async\" class=\"foto\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-22-at-4.29.58-PM.jpeg\">\r\n            <h3>Fernanda Guzm\u00e1n<\/h3>\r\n            <div class=\"puesto\">GENERAL MANAGER Riviera Maya & Canc\u00fan<\/div>\r\n            <div class=\"info\">\r\n                Tel: <a href=\"https:\/\/wa.me\/527551315026\" target=\"_blank\" rel=\"noopener\">+52 755 131 5026<\/a><br>\r\n                Email: <a href=\"mailto:fernanda@sunnyside.com.mx\">fernanda@sunnyside.com.mx<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- PERSONA 4 -->\r\n        <div class=\"card\">\r\n            <img decoding=\"async\" class=\"foto\" src=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-22-at-4.43.28-PM.jpeg\">\r\n            <h3>Adriana Lily Radilla<\/h3>\r\n            <div class=\"puesto\">Coordinaci\u00f3n Administrativa y Financiera<\/div>\r\n            <div class=\"info\">\r\n                Email: <a href=\"mailto:ventas@sunnyside.com.mx\">ventas@sunnyside.com.mx<\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"contacto\"><\/div>\r\n    <\/div>\r\n<\/section>\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-45f57f7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"45f57f7\" 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-c54be3f\" data-id=\"c54be3f\" 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-486f132 elementor-widget elementor-widget-html\" data-id=\"486f132\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"LIN-ID\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ID agregado para navegaci\u00f3n interna -->\r\n<section id=\"historia\" class=\"growth\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;500;700&display=swap');\r\n\r\n.growth {\r\n    padding: 100px 20px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    background: #ffffff;\r\n    text-align: center;\r\n}\r\n\r\n.growth h2 {\r\n    font-size: 35px;\r\n    margin-bottom: 60px;\r\n    font-weight: 600;\r\n    color: #0b1f3a;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n\/* GRID *\/\r\n.map {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 25px;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n}\r\n\r\n\/* CAMINO CENTRAL (EST\u00c1TICO) *\/\r\n.map::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 40px;\r\n    bottom: 40px;\r\n    left: 50%;\r\n    width: 2px;\r\n    background: linear-gradient(to bottom, #007bff, rgba(0,123,255,0.15));\r\n    transform: translateX(-50%);\r\n    z-index: 0;\r\n}\r\n\r\n\/* CARD *\/\r\n.node {\r\n    background: #f5f7fb;\r\n    border: 1px solid #dbe3f0;\r\n    border-radius: 14px;\r\n    padding: 18px;\r\n    text-align: left;\r\n    position: relative;\r\n    transition: 0.3s;\r\n    z-index: 2;\r\n}\r\n\r\n\/* HOVER SUAVE *\/\r\n.node:hover {\r\n    transform: translateY(-5px);\r\n    border-color: #007bff;\r\n    box-shadow: 0 10px 25px rgba(0,123,255,0.12);\r\n}\r\n\r\n\/* PUNTO EN CAMINO *\/\r\n.node::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 10px;\r\n    height: 10px;\r\n    background: #007bff;\r\n    border-radius: 50%;\r\n    left: -6px;\r\n    top: 22px;\r\n    box-shadow: 0 0 0 3px rgba(0,123,255,0.15);\r\n}\r\n\r\n\/* A\u00d1O *\/\r\n.year {\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: #0b1f3a;\r\n    margin-bottom: 6px;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.text {\r\n    font-size: 13px;\r\n    color: #333;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 900px) {\r\n    .map {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .map::before {\r\n        left: 20px;\r\n        transform: none;\r\n    }\r\n\r\n    .node::before {\r\n        left: -8px;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .map {\r\n        grid-template-columns: 1fr;\r\n    }\r\n}\r\n<\/style>\r\n\r\n    <h2>Mapa de Crecimiento<\/h2>\r\n\r\n    <div class=\"map\">\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2006<\/div>\r\n            <div class=\"text\">Inicio de operaciones en Ixtapa Zihuatanejo.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2007<\/div>\r\n            <div class=\"text\">Alianza con empresa Estadounidense para grupos de golf \u201cGolden Gate\u201d.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2008<\/div>\r\n            <div class=\"text\">Primera unidad de transporte propia.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2009<\/div>\r\n            <div class=\"text\">Concesi\u00f3n en Hotel Club Intrawest (Actualmente Hilton).<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2011<\/div>\r\n            <div class=\"text\">Alianza con CORAD (Meeting Planner).<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2013<\/div>\r\n            <div class=\"text\">Creaci\u00f3n de XIHUACAN empresa dependiente enfocada en art\u00edculos promocionales y corporativos.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2014<\/div>\r\n            <div class=\"text\">Concesi\u00f3n en hotel Capella (Actualmente Cala de Mar) <br><br> Expansi\u00f3n de unidades <br><br> Divisi\u00f3n de transporte de Colaboradores .<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2016<\/div>\r\n            <div class=\"text\">Concesi\u00f3n en Club Med Ixtapa Pacific <br><br> Adquisici\u00f3n de Trimar\u00e1n para satisfacer necesidad del mercado en el destino.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2017<\/div>\r\n            <div class=\"text\">Concesi\u00f3n en Park Royal, Holiday Inn <br><br> Apertura de divisi\u00f3n de servicios para Weddings planners.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2018<\/div>\r\n            <div class=\"text\">Concesi\u00f3n Posada Real.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2019<\/div>\r\n            <div class=\"text\">Ingreso a SKAL Internacional Club 646 Ixtapa <br><br> R\u00e9cord hist\u00f3rico con 20 grupos <br><br> Convenios con aerol\u00edneas (Aerom\u00e9xico & Alaska).<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2020<\/div>\r\n            <div class=\"text\">Ingreso a AMAV Nacional (miembro activo actualmente).<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2021<\/div>\r\n            <div class=\"text\">Inicio de Operaciones en Canc\u00fan & Riviera Maya.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2022<\/div>\r\n            <div class=\"text\">Alianza OMA Aeropuerto Zihuatanejo <br><br> Adquisici\u00f3n de unidades para Riviera Maya contando con un flota Considerable .<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2023<\/div>\r\n            <div class=\"text\">Miembro fundador de Ixtapa Romance A.C. <br><br> Convenios con empresas en Canc\u00fan & RM: Aventuras Mayas, Cancun Adventours, Rio Secreto & Xcaret Group.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2024<\/div>\r\n            <div class=\"text\">Servicios para Wedding Planners en Riviera Maya como Mango Weddings.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2025<\/div>\r\n            <div class=\"text\">Apertura de servicios especializados en operaci\u00f3n de Cruceros en Ixtapa Zihuatanejo (EUROPA II) <br><br> Registro oficial de Ixtapa Romance A.C. .<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"node\">\r\n            <div class=\"year\">2026<\/div>\r\n            <div class=\"text\">Consolidaci\u00f3n del segmento para cruceros con la llegada de dos cruceros internacionales: Europa II y Amadea.<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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-8d102e7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8d102e7\" 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-ad03e5d\" data-id=\"ad03e5d\" 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-6d8900b elementor-widget elementor-widget-html\" data-id=\"6d8900b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"cta-section\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;500;700&display=swap');\r\n\r\n.cta-section {\r\n    padding: 60px 20px;\r\n    text-align: center;\r\n    background: #ffffff;\r\n    color: #0b1f3a; \/* gris oscuro corporativo *\/\r\n    font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.cta-section h2 {\r\n    font-size: 24px;\r\n    font-weight: 500;\r\n    margin-bottom: 25px;\r\n    line-height: 1.4;\r\n}\r\n\r\n.cta-links {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 30px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.cta-link {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: #007bff; \/* azul corporativo *\/\r\n    text-decoration: underline;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.cta-link:hover {\r\n    color: #0056b3;\r\n    text-decoration: none;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .cta-links {\r\n        flex-direction: column;\r\n        gap: 15px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<h2>La mejor opci\u00f3n para tus grupos y convenciones<\/h2>\r\n\r\n<div class=\"cta-links\">\r\n    <a href=\"https:\/\/sunnyside.com.mx\/es\/nosotros\/\" class=\"cta-link\">Por qu\u00e9 elegirnos<\/a>\r\n    <a href=\"https:\/\/sunnyside.com.mx\/es\/convenciones\/\" class=\"cta-link\">Ver Grupos y convenciones<\/a>\r\n<\/div>\r\n\r\n<\/section>\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-c6558fd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c6558fd\" 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-601a765\" data-id=\"601a765\" 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-ac3e1a8 elementor-widget elementor-widget-html\" data-id=\"ac3e1a8\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"TAR-ID\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"tarifario\" class=\"tarifarios\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;500;700&display=swap');\r\n\r\n.tarifarios {\r\n    padding: 80px 20px;\r\n    font-family: 'Montserrat', sans-serif;\r\n    background: #ffffff; \/* fondo blanco *\/\r\n    text-align: center;\r\n    color: #0b1f3a;\r\n}\r\n\r\n.tarifarios h2 {\r\n    font-size: 36px;\r\n    margin-bottom: 40px;\r\n    font-weight: 600;\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n.tarifarios p {\r\n    font-size: 16px;\r\n    margin-bottom: 50px;\r\n    color: #1b2b40;\r\n}\r\n\r\n\/* GRID SIMPLE *\/\r\n.pdf-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 30px;\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* BOT\u00d3N AMARILLO CORPORATIVO *\/\r\n.btn-pdf {\r\n    display: inline-block;\r\n    padding: 12px 22px;\r\n    background: #f5a623; \/* amarillo corporativo *\/\r\n    color: #111; \/* letra oscura para contraste *\/\r\n    text-decoration: none;\r\n    border-radius: 25px;\r\n    font-weight: 500;\r\n    transition: 0.3s;\r\n    font-size: 16px;\r\n}\r\n\r\n.btn-pdf:hover {\r\n    background: #d4881f; \/* amarillo m\u00e1s oscuro en hover *\/\r\n    color: #fff;\r\n}\r\n\r\n\/* TITULO DEL PDF *\/\r\n.pdf-title {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: #0b1f3a;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .pdf-grid {\r\n        gap: 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<h2>Tarifarios de Transporte<\/h2>\r\n<p>Descarga los tarifarios oficiales para grupos y convenciones en nuestros principales destinos.<\/p>\r\n\r\n<div class=\"pdf-grid\">\r\n\r\n    <div>\r\n        <div class=\"pdf-title\">Tarifario Ixtapa Zihuatanejo<\/div>\r\n        <a href=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/04\/Grupos-ZIH-Transportacion-2025.pdf\" target=\"_blank\" class=\"btn-pdf\">Ver \/ Descargar PDF<\/a>\r\n    <\/div>\r\n\r\n    <div>\r\n        <div class=\"pdf-title\">Tarifario Canc\u00fan<\/div>\r\n        <a href=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/04\/CUN-Transportacion-2025.pdf\" target=\"_blank\" class=\"btn-pdf\">Ver \/ Descargar PDF<\/a>\r\n    <\/div>\r\n\r\n<\/div>\r\n<\/section>\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-b1b17f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b1b17f9\" 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-b7d70cd\" data-id=\"b7d70cd\" 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-6f0edc5 elementor-widget elementor-widget-html\" data-id=\"6f0edc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section id=\"servicios\" class=\"servicios-section\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;500;700&display=swap');\r\n\r\n.servicios-section {\r\n    padding: 80px 20px;\r\n    background: #ffffff;\r\n    text-align: center;\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: #0b1f3a;\r\n}\r\n\r\n.servicios-section h2 {\r\n    font-size: 28px;\r\n    font-weight: 600;\r\n    margin-bottom: 40px;\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n.servicios-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 15px 40px;\r\n    text-align: left;\r\n}\r\n\r\n.servicios-list li::before {\r\n    content: \"\u2022\";\r\n    color: #007bff; \/* azul corporativo *\/\r\n    display: inline-block; \r\n    width: 1em;\r\n    margin-left: -1em;\r\n    font-weight: bold;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .servicios-list {\r\n        grid-template-columns: 1fr;\r\n        gap: 10px 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<h2>Otros Servicios que Ofrecemos<\/h2>\r\n\r\n<ul class=\"servicios-list\">\r\n    <li>Traslados para Bodas<\/li>\r\n    <li>Traslados de Larga Distancia<\/li>\r\n    <li>Veh\u00edculos a tu disposici\u00f3n<\/li>\r\n    <li>Veh\u00edculos en Renta<\/li>\r\n    <li>Traslados Punto a Punto<\/li>\r\n\r\n    <li>Programas de Bienestar que Revitalizan<\/li>\r\n    <li>Fiestas Tem\u00e1ticas que Cautivan<\/li>\r\n    <li>Actividades de Team-Building<\/li>\r\n    <li>Cenas Privadas en Entornos Inigualables<\/li>\r\n    <li>Banda de M\u00fasica en Vivo<\/li>\r\n    <li>Equipo Audiovisual<\/li>\r\n\r\n<\/ul>\r\n\r\n<\/section>\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-685b6db elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"685b6db\" 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-f92f02c\" data-id=\"f92f02c\" 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-b5d02a9 elementor-widget elementor-widget-html\" data-id=\"b5d02a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"hero-tours\">\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;500;700&display=swap');\r\n\r\n.hero-tours {\r\n    padding: 60px 20px;\r\n    background: #ffffff; \/* fondo blanco *\/\r\n    text-align: center;\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: #0b1f3a; \/* gris oscuro corporativo *\/\r\n}\r\n\r\n.hero-tours h2 {\r\n    font-size: 28px;\r\n    font-weight: 600;\r\n    margin-bottom: 20px;\r\n    line-height: 1.4;\r\n}\r\n\r\n.hero-tours p {\r\n    font-size: 16px;\r\n    margin-bottom: 15px;\r\n    color: #1b2b40;\r\n}\r\n\r\n.hero-tours .pdf-link {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: #007bff; \/* azul corporativo *\/\r\n    text-decoration: underline;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    margin-bottom: 20px;\r\n    display: inline-block;\r\n}\r\n\r\n.hero-tours .pdf-link:hover {\r\n    color: #0056b3;\r\n    text-decoration: none;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n    .hero-tours h2 {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .hero-tours .pdf-link {\r\n        font-size: 16px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<h2>Tours para Grupos y Convenciones<\/h2>\r\n<p>Incluye itinerarios en Ixtapa Zihuatanejo y servicios complementarios dise\u00f1ados para experiencias corporativas de alto nivel.<\/p>\r\n<a href=\"https:\/\/sunnyside.com.mx\/wp-content\/uploads\/2026\/04\/Tours-Servicios_Espanol_2026.pdf\" target=\"_blank\" class=\"pdf-link\">Ver \/ Descargar PDF de Tours y Servicios<\/a>\r\n<p>Disponemos de programas exclusivos de tours en Canc\u00fan, disponibles bajo cotizaci\u00f3n personalizada.<\/p>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>TOURS TRANSPORTATION MEETINGS &#038; EVENTS Tu socio estrat\u00e9gico para grupos y eventos Creamos experiencias memorables para grupos, convenciones y viajes corporativos, combinando log\u00edstica impecable, conocimiento local y atenci\u00f3n personalizada en cada detalle. Aliados confiables para agencias, organizadores y empresas que buscan excelencia en destino. Contacto Historia Tarifario Equipo Ejecutivo Oliverio Guzm\u00e1n CEO &#038; Founder Tel: [&hellip;]<\/p>\n","protected":false},"author":7,"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-12676","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/12676","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\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/comments?post=12676"}],"version-history":[{"count":37,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/12676\/revisions"}],"predecessor-version":[{"id":12831,"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/pages\/12676\/revisions\/12831"}],"wp:attachment":[{"href":"https:\/\/sunnyside.com.mx\/es\/wp-json\/wp\/v2\/media?parent=12676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}