{"id":7,"date":"2026-02-09T11:46:51","date_gmt":"2026-02-09T11:46:51","guid":{"rendered":"https:\/\/www.zebraexperience.com\/?page_id=7"},"modified":"2026-02-16T17:44:10","modified_gmt":"2026-02-16T17:44:10","slug":"home","status":"publish","type":"page","link":"https:\/\/www.zebraexperience.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd9469c e-con-full e-flex e-con e-parent\" data-id=\"fd9469c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/www.zebraexperience.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/182287-868067162_medium.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;background_video_start&quot;:1}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-1fd4e9e e-con-full e-flex e-con e-child\" data-id=\"1fd4e9e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff4bc81 elementor-widget elementor-widget-elementskit-heading\" data-id=\"ff4bc81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-heading.default\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" ><div class=\"ekit-heading elementskit-section-title-wraper text_center   ekit_heading_tablet-   ekit_heading_mobile-text_center\"><h2 class=\"ekit-heading--title elementskit-section-title \">Viviendo la m\u00fasica desde el coraz\u00f3n <\/h2><div class=\"ekit_heading_separetor_wraper ekit_heading_elementskit-border-star\"><div class=\"elementskit-border-star\"><\/div><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5b8233 elementor-widget__width-initial ha-has-bg-overlay elementor-widget elementor-widget-image\" data-id=\"c5b8233\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ha_floating_fx&quot;:&quot;yes&quot;,&quot;ha_floating_fx_translate_toggle&quot;:&quot;yes&quot;,&quot;_animation&quot;:&quot;none&quot;,&quot;ha_floating_fx_translate_x&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;from&quot;:0,&quot;to&quot;:5}},&quot;ha_floating_fx_translate_y&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;from&quot;:0,&quot;to&quot;:5}},&quot;ha_floating_fx_translate_duration&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1000,&quot;sizes&quot;:[]},&quot;ha_floating_fx_translate_delay&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"556\" src=\"https:\/\/www.zebraexperience.com\/wp-content\/uploads\/2026\/02\/Logo-fondo-blanco-con-texto-mediano.png\" class=\"attachment-tenweb_optimizer_mobile size-tenweb_optimizer_mobile wp-image-519\" alt=\"\" srcset=\"https:\/\/www.zebraexperience.com\/wp-content\/uploads\/2026\/02\/Logo-fondo-blanco-con-texto-mediano.png 500w, https:\/\/www.zebraexperience.com\/wp-content\/uploads\/2026\/02\/Logo-fondo-blanco-con-texto-mediano-270x300.png 270w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a29f68c elementor-widget elementor-widget-spacer\" data-id=\"a29f68c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\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<div class=\"elementor-element elementor-element-4221642 e-con-full e-flex e-con e-child\" data-id=\"4221642\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c986df elementor-widget elementor-widget-heading\" data-id=\"5c986df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Convertimos tu visi\u00f3n en experiencias inolvidables<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4654972 elementor-widget elementor-widget-heading\" data-id=\"4654972\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">\u00b7 Producci\u00f3n y promoci\u00f3n de eventos y marcas       <br><\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59198a9 elementor-widget elementor-widget-spacer\" data-id=\"59198a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\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 class=\"elementor-element elementor-element-315a8af ha-dual-button--align-center ha-dual-button--tablet-align-center ha-dual-button--layout-queue ha-dual-button--tablet-layout-queue ha-dual-button--mobile-layout-queue elementor-widget elementor-widget-ha-dual-button happy-addon ha-dual-button\" data-id=\"315a8af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ha-dual-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"ha-dual-btn-wrapper\">\n            <a class=\"ha-dual-btn ha-dual-btn--left\" href=\"#eventos\">\n                                                    <span >Organizar un evento<\/span>\n                                            <\/a>\n                            <span class=\"ha-dual-btn-connector ha-dual-btn-connector--text\">\n                    \u00d3                <\/span>\n                    <\/div>\n        <div class=\"ha-dual-btn-wrapper\">\n            <a class=\"ha-dual-btn ha-dual-btn--right\" href=\"https:\/\/fernandobello.com\/\">\n                                                    <span >Contratar DJ<\/span>\n                                            <\/a>\n        <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8357481 e-con-full e-flex e-con e-parent\" data-id=\"8357481\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49c198c elementor-widget elementor-widget-html\" data-id=\"49c198c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- EFECTO L\u00c1SER ZEBRA - ANCHO COMPLETO -->\r\n<div class=\"zebra-laser-full\">\r\n    <div class=\"laser-beam\" style=\"--delay: 0s; --color: #FF3333;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 0.5s; --color: #FF9933;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 1.0s; --color: #FFCC33;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 1.5s; --color: #33CC99;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 2.0s; --color: #3366CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 2.5s; --color: #6633CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 3.0s; --color: #9933CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 3.5s; --color: #FF00FF;\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ===== EFECTO L\u00c1SER ZEBRA - ANCHO COMPLETO ===== *\/\r\n\/* SIN RECT\u00c1NGULO - OCUPA TODO EL ANCHO *\/\r\n\r\n.zebra-laser-full {\r\n    position: relative;\r\n    width: 100vw; \/* Ancho completo de la ventana *\/\r\n    max-width: 100vw;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    \r\n    \/* Altura responsiva *\/\r\n    height: 200px;\r\n    \r\n    \/* Sin bordes ni fondos *\/\r\n    background: transparent;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* L\u00edneas l\u00e1ser *\/\r\n.laser-beam {\r\n    position: absolute;\r\n    width: 100%; \/* Ahora ocupa todo el ancho *\/\r\n    height: 2px;\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent 0%,\r\n        var(--color) 10%,\r\n        #FFFFFF 20%,\r\n        var(--color) 30%,\r\n        #FFFFFF 40%,\r\n        var(--color) 50%,\r\n        #FFFFFF 60%,\r\n        var(--color) 70%,\r\n        #FFFFFF 80%,\r\n        var(--color) 90%,\r\n        transparent 100%\r\n    );\r\n    top: 50%;\r\n    left: 0;\r\n    transform: translateX(-100%) translateY(-50%);\r\n    animation: laser-sweep 3.5s cubic-bezier(0.45, 0.9, 0.55, 1) infinite;\r\n    animation-delay: var(--delay);\r\n    filter: \r\n        blur(0.8px)\r\n        drop-shadow(0 0 8px var(--color))\r\n        drop-shadow(0 0 15px #FFFFFF);\r\n    opacity: 0.7;\r\n    mix-blend-mode: screen;\r\n}\r\n\r\n\/* Animaci\u00f3n de barrido *\/\r\n@keyframes laser-sweep {\r\n    0% {\r\n        transform: translateX(-100%) translateY(-50%);\r\n        opacity: 0;\r\n    }\r\n    10% {\r\n        opacity: 0.8;\r\n    }\r\n    30% {\r\n        opacity: 1;\r\n    }\r\n    70% {\r\n        opacity: 1;\r\n    }\r\n    90% {\r\n        opacity: 0.8;\r\n    }\r\n    100% {\r\n        transform: translateX(100%) translateY(-50%);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* Destellos blancos *\/\r\n.laser-beam::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 25px;\r\n    height: 25px;\r\n    background: #FFFFFF;\r\n    border-radius: 50%;\r\n    top: 50%;\r\n    left: 0;\r\n    transform: translate(-50%, -50%) scale(0);\r\n    animation: white-flash 3.5s ease-out infinite;\r\n    animation-delay: var(--delay);\r\n    filter: blur(3px);\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes white-flash {\r\n    0% {\r\n        transform: translate(-50%, -50%) scale(0);\r\n        opacity: 0;\r\n    }\r\n    5% {\r\n        transform: translate(-50%, -50%) scale(1.5);\r\n        opacity: 0.9;\r\n    }\r\n    10% {\r\n        transform: translate(-50%, -50%) scale(2);\r\n        opacity: 0.5;\r\n    }\r\n    15% {\r\n        transform: translate(-50%, -50%) scale(0);\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 768px) {\r\n    .zebra-laser-full {\r\n        height: 140px;\r\n    }\r\n    \r\n    .laser-beam {\r\n        height: 1.8px;\r\n        filter: blur(0.5px) drop-shadow(0 0 5px var(--color));\r\n    }\r\n    \r\n    .laser-beam::before {\r\n        width: 20px;\r\n        height: 20px;\r\n        filter: blur(2px);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .zebra-laser-full {\r\n        height: 100px;\r\n    }\r\n    \r\n    .laser-beam {\r\n        height: 1.5px;\r\n        filter: blur(0.3px) drop-shadow(0 0 4px var(--color));\r\n    }\r\n    \r\n    .laser-beam::before {\r\n        width: 15px;\r\n        height: 15px;\r\n        filter: blur(1.5px);\r\n    }\r\n    \r\n    \/* Menos l\u00edneas en m\u00f3vil *\/\r\n    .laser-beam:nth-child(n+6) {\r\n        display: none;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97d017d animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"97d017d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ===== ZEBRA EXPERIENCE - FOCUS RAIL 3D ===== *\/\r\n  \/* VERSI\u00d3N FINAL - HEREDA FONDO DEL PADRE *\/\r\n  \/* SIN BACKGROUND S\u00d3LIDO - SOLO APORTA TARJETAS *\/\r\n  \r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');\r\n\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    -webkit-tap-highlight-color: transparent;\r\n  }\r\n\r\n  \/* ===== DESIGN TOKENS (heredados del sistema) ===== *\/\r\n  :root {\r\n    --z-dark-base: #0B0F1A;\r\n    --z-magenta: #FF00FF;\r\n    --z-white: #FFFFFF;\r\n    --z-text-secondary: rgba(255,255,255,0.8);\r\n    --z-text-tertiary: rgba(255,255,255,0.6);\r\n    --z-border-light: rgba(255,255,255,0.05);\r\n    --z-border-magenta: rgba(255,0,255,0.2);\r\n    --z-border-magenta-hover: rgba(255,0,255,0.4);\r\n    --z-glow-magenta: 0 0 20px rgba(255,0,255,0.3);\r\n    --z-shadow-card: 0 20px 35px -12px rgba(0,0,0,0.25);\r\n    --z-shadow-card-hover: 0 25px 40px -12px rgba(255,0,255,0.15);\r\n    --z-radius-card: 16px;\r\n    --z-radius-button: 40px;\r\n    --z-transition: 0.3s ease;\r\n  }\r\n\r\n  \/* ===== WRAPPER - AHORA SIN BACKGROUND ===== *\/\r\n  .focus-rail-wrapper {\r\n    font-family: 'Inter', sans-serif;\r\n    \/* background: NINGUNA - hereda del padre *\/\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 40px 16px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* ===== HEADER ===== *\/\r\n  .focus-rail-header {\r\n    text-align: center;\r\n    margin-bottom: 32px;\r\n    width: 100%;\r\n  }\r\n\r\n  .focus-rail-header h1 {\r\n    font-family: 'Sora', sans-serif;\r\n    font-size: clamp(32px, 8vw, 48px);\r\n    font-weight: 700;\r\n    margin-bottom: 12px;\r\n    color: var(--z-white);\r\n    text-shadow: 0 0 20px rgba(255, 0, 255, 0.25);\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .focus-rail-header p {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: clamp(14px, 4vw, 18px);\r\n    color: var(--z-text-secondary);\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* ===== CONTENEDOR PRINCIPAL - AHORA SIN BACKGROUND ===== *\/\r\n  .focus-rail-container {\r\n    position: relative;\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    height: clamp(500px, 80vh, 600px);\r\n    \/* background: ELIMINADO - hereda del padre *\/\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    \/* box-shadow solo si es necesario, pero idealmente 0 *\/\r\n    box-shadow: none;\r\n    touch-action: pan-y;\r\n  }\r\n\r\n  \/* ===== BACKGROUND DIN\u00c1MICO - SE FUNDE CON EL PADRE ===== *\/\r\n  .focus-bg {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n  }\r\n\r\n  .focus-bg-image {\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n    will-change: opacity;\r\n  }\r\n\r\n  .focus-bg-image.active {\r\n    opacity: 0.2; \/* A\u00daN M\u00c1S SUTIL - se funde con el fondo *\/\r\n  }\r\n\r\n  .focus-bg-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: blur(40px) saturate(120%);\r\n  }\r\n\r\n  .focus-bg-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, var(--z-dark-base), rgba(11,15,26,0.8), transparent);\r\n  }\r\n\r\n  \/* ===== RAIL 3D ===== *\/\r\n  .focus-rail {\r\n    position: relative;\r\n    z-index: 20;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 0 16px;\r\n  }\r\n\r\n  .cards-3d {\r\n    position: relative;\r\n    width: 100%;\r\n    height: clamp(240px, 50vw, 360px);\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    perspective: 1000px;\r\n    cursor: grab;\r\n    touch-action: pan-y !important;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .cards-3d:active {\r\n    cursor: grabbing;\r\n  }\r\n\r\n  \/* ===== TARJETA 3D - SIN CAMBIOS (ya son glass) ===== *\/\r\n  .card-3d {\r\n    position: absolute;\r\n    width: clamp(160px, 40vw, 260px);\r\n    height: clamp(220px, 55vw, 360px);\r\n    border-radius: var(--z-radius-card);\r\n    overflow: hidden;\r\n    box-shadow: var(--z-shadow-card);\r\n    border: 1px solid var(--z-border-light);\r\n    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1);\r\n    transform-style: preserve-3d;\r\n    cursor: pointer;\r\n    will-change: transform, opacity, filter;\r\n  }\r\n\r\n  .card-3d img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .card-3d::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to bottom, rgba(255,255,255,0.05), transparent);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .card-3d[style*=\"z-index: 20\"]:hover {\r\n    border-color: var(--z-border-magenta);\r\n    box-shadow: var(--z-shadow-card-hover);\r\n  }\r\n\r\n  \/* ===== INDICADORES T\u00c1CTILES ===== *\/\r\n  .touch-indicators {\r\n    display: none;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .touch-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 6px;\r\n    background: rgba(255,255,255,0.2);\r\n    transition: all var(--z-transition);\r\n  }\r\n\r\n  .touch-dot.active {\r\n    width: 24px;\r\n    background: var(--z-magenta);\r\n    box-shadow: 0 0 15px var(--z-magenta);\r\n  }\r\n\r\n  \/* ===== INFO PANEL ===== *\/\r\n  .focus-info {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin-top: 24px;\r\n    padding: 0 12px;\r\n    gap: 20px;\r\n  }\r\n\r\n  .focus-text {\r\n    flex: 1;\r\n  }\r\n\r\n  .focus-meta {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: var(--z-magenta);\r\n    margin-bottom: 6px;\r\n    display: block;\r\n    text-shadow: 0 0 10px rgba(255,0,255,0.3);\r\n  }\r\n\r\n  .focus-title {\r\n    font-family: 'Sora', sans-serif;\r\n    font-size: clamp(22px, 6vw, 36px);\r\n    font-weight: 700;\r\n    color: var(--z-white);\r\n    margin-bottom: 6px;\r\n    line-height: 1.2;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .focus-description {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: clamp(13px, 3.5vw, 16px);\r\n    color: var(--z-text-secondary);\r\n    max-width: 500px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* ===== CONTROLES ===== *\/\r\n  .focus-controls {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .nav-controls {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    background: rgba(11,15,26,0.8);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border-radius: var(--z-radius-button);\r\n    padding: 4px;\r\n    border: 1px solid var(--z-border-light);\r\n  }\r\n\r\n  .nav-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 48px;\r\n    height: 48px;\r\n    border-radius: var(--z-radius-button);\r\n    background: transparent;\r\n    border: none;\r\n    color: var(--z-text-secondary);\r\n    font-size: 24px;\r\n    cursor: pointer;\r\n    transition: all var(--z-transition);\r\n    -webkit-touch-callout: none;\r\n    user-select: none;\r\n  }\r\n\r\n  .nav-btn:hover {\r\n    background: rgba(255,0,255,0.1);\r\n    color: var(--z-white);\r\n    border: 1px solid var(--z-border-magenta);\r\n  }\r\n\r\n  .nav-btn:active {\r\n    transform: scale(0.9);\r\n    background: rgba(255,0,255,0.15);\r\n  }\r\n\r\n  .counter {\r\n    font-family: 'Inter', monospace;\r\n    font-size: 14px;\r\n    color: var(--z-text-tertiary);\r\n    min-width: 60px;\r\n    text-align: center;\r\n    font-weight: 500;\r\n  }\r\n\r\n  .explore-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    background: rgba(255,0,255,0.1);\r\n    border: 1px solid var(--z-border-magenta);\r\n    color: var(--z-white);\r\n    text-decoration: none;\r\n    padding: 14px 28px;\r\n    border-radius: var(--z-radius-button);\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    transition: all var(--z-transition);\r\n    -webkit-touch-callout: none;\r\n    backdrop-filter: blur(4px);\r\n  }\r\n\r\n  .explore-btn:hover {\r\n    background: rgba(255,0,255,0.2);\r\n    border-color: var(--z-magenta);\r\n    transform: scale(1.02);\r\n    box-shadow: 0 0 20px rgba(255,0,255,0.2);\r\n  }\r\n\r\n  .explore-btn:active {\r\n    transform: scale(0.96);\r\n  }\r\n\r\n  .arrow-icon {\r\n    font-size: 20px;\r\n    transition: transform var(--z-transition);\r\n  }\r\n\r\n  .explore-btn:hover .arrow-icon {\r\n    transform: translate(3px, -3px);\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media screen and (max-width: 1024px) {\r\n    .focus-rail-container { height: 550px; }\r\n    .card-3d { width: 220px; height: 300px; }\r\n  }\r\n\r\n  @media screen and (max-width: 768px) {\r\n    .focus-rail-wrapper { padding: 32px 16px; }\r\n    .focus-rail-container { height: 600px; }\r\n    \r\n    .focus-info { \r\n      flex-direction: column; \r\n      text-align: center; \r\n    }\r\n    \r\n    .focus-text { text-align: center; }\r\n    .focus-description { margin: 0 auto; }\r\n    \r\n    .focus-controls { \r\n      flex-direction: column; \r\n      width: 100%; \r\n    }\r\n    \r\n    .nav-controls { \r\n      width: 100%; \r\n      justify-content: center;\r\n    }\r\n    \r\n    .nav-btn { \r\n      width: 56px; \r\n      height: 56px; \r\n    }\r\n    \r\n    .explore-btn { \r\n      width: 100%; \r\n      justify-content: center;\r\n      padding: 16px;\r\n    }\r\n    \r\n    .touch-indicators { display: flex; }\r\n  }\r\n\r\n  @media screen and (max-width: 480px) {\r\n    .focus-rail-wrapper { padding: 24px 12px; }\r\n    .focus-rail-container { height: 550px; border-radius: 20px; }\r\n    \r\n    .card-3d { \r\n      width: 160px; \r\n      height: 220px; \r\n    }\r\n    \r\n    .cards-3d { height: 240px; }\r\n    \r\n    .focus-meta { font-size: 10px; }\r\n    .focus-title { font-size: 24px; }\r\n    .focus-description { font-size: 13px; }\r\n    \r\n    .nav-btn { \r\n      width: 52px; \r\n      height: 52px; \r\n      font-size: 22px; \r\n    }\r\n    \r\n    .explore-btn { \r\n      padding: 14px; \r\n      font-size: 14px; \r\n    }\r\n  }\r\n\r\n  @media screen and (max-width: 360px) {\r\n    .card-3d { \r\n      width: 140px; \r\n      height: 200px; \r\n    }\r\n    \r\n    .cards-3d { height: 220px; }\r\n    .focus-title { font-size: 22px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== COMPONENTE FOCUS RAIL - VERSI\u00d3N FINAL ===== -->\r\n<!-- SIN BACKGROUND PROPIO - HEREDA DEL PADRE -->\r\n<div class=\"focus-rail-wrapper\">\r\n  \r\n  <!-- HEADER -->\r\n  <div class=\"focus-rail-header\">\r\n    <h1>Creamos experiencias que dejan huella<\/h1>\r\n    <p>Desliza para conoc\u00e9rnos mejor<\/p>\r\n  <\/div>\r\n\r\n  <!-- COMPONENTE PRINCIPAL -->\r\n  <div id=\"focusRail\" class=\"focus-rail-container\">\r\n    \r\n    <!-- BACKGROUND DIN\u00c1MICO - Se funde con el padre -->\r\n    <div class=\"focus-bg\">\r\n      <div id=\"bgImage1\" class=\"focus-bg-image active\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1540959733332-eab4deabeeaf?q=80&w=1000&auto=format&fit=crop\" alt=\"\">\r\n      <\/div>\r\n      <div id=\"bgImage2\" class=\"focus-bg-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1470770841072-f978cf4d019e?q=80&w=1000&auto=format&fit=crop\" alt=\"\">\r\n      <\/div>\r\n      <div id=\"bgImage3\" class=\"focus-bg-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509316975850-ff9c5deb0cd9?q=80&w=1000&auto=format&fit=crop\" alt=\"\">\r\n      <\/div>\r\n      <div id=\"bgImage4\" class=\"focus-bg-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?q=80&w=1000&auto=format&fit=crop\" alt=\"\">\r\n      <\/div>\r\n      <div id=\"bgImage5\" class=\"focus-bg-image\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1682687220742-aba13b6e50ba?q=80&w=1000&auto=format&fit=crop\" alt=\"\">\r\n      <\/div>\r\n      <div class=\"focus-bg-overlay\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- RAIL 3D -->\r\n    <div class=\"focus-rail\">\r\n      <div id=\"cards3D\" class=\"cards-3d\">\r\n        <div id=\"card0\" class=\"card-3d\" data-index=\"0\" data-href=\"#tokyo\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.zebraexperience.com\/wp-content\/uploads\/2026\/02\/Gravity-.png\">\r\n        <\/div>\r\n        <div id=\"card1\" class=\"card-3d\" data-index=\"1\" data-href=\"#nordic\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.zebraexperience.com\/wp-content\/uploads\/2026\/02\/Lanzamiento2.png\">\r\n        <\/div>\r\n        <div id=\"card2\" class=\"card-3d\" data-index=\"2\" data-href=\"#sahara\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.zebraexperience.com\/wp-content\/uploads\/2026\/02\/cumple.png\" alt=\"Sahara Echoes\">\r\n        <\/div>\r\n        <div id=\"card3\" class=\"card-3d\" data-index=\"3\" data-href=\"#cyber\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.zebraexperience.com\/wp-content\/uploads\/2026\/02\/gemini-image-2_Ultra-cinematic_luxury_wine_product_photography_of_a_translucent_pale_green-gold-0_61cd981f-a3c0-476b-ad7b-a92e26853c4d.jpg\" alt=\"Cyber Future\">\r\n        <\/div>\r\n        <div id=\"card4\" class=\"card-3d\" data-index=\"4\" data-href=\"#ocean\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.zebraexperience.com\/wp-content\/uploads\/2026\/02\/Pantheon.jpg\" alt=\"Deep Ocean\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- INDICADORES T\u00c1CTILES -->\r\n      <div class=\"touch-indicators\" id=\"touchDots\">\r\n        <span class=\"touch-dot active\"><\/span>\r\n        <span class=\"touch-dot\"><\/span>\r\n        <span class=\"touch-dot\"><\/span>\r\n        <span class=\"touch-dot\"><\/span>\r\n        <span class=\"touch-dot\"><\/span>\r\n      <\/div>\r\n\r\n      <!-- INFO PANEL -->\r\n      <div class=\"focus-info\">\r\n        <div class=\"focus-text\">\r\n          <span id=\"focusMeta\" class=\"focus-meta\">Urban \u2022 Travel<\/span>\r\n          <h2 id=\"focusTitle\" class=\"focus-title\">Neon Tokyo<\/h2>\r\n          <p id=\"focusDesc\" class=\"focus-description\">Experience the vibrant nightlife and illuminated streets of Shinjuku.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"focus-controls\">\r\n          <div class=\"nav-controls\">\r\n            <button id=\"prevBtn\" class=\"nav-btn\" aria-label=\"Previous\">\u2190<\/button>\r\n            <span id=\"counter\" class=\"counter\">1 \/ 5<\/span>\r\n            <button id=\"nextBtn\" class=\"nav-btn\" aria-label=\"Next\">\u2192<\/button>\r\n          <\/div>\r\n          \r\n          <!-- \u2705 BOT\u00d3N DE INSTAGRAM CON ID \u00daNICO Y ENLACE FIJO -->\r\n          <a id=\"instagramBtn\" href=\"https:\/\/www.instagram.com\/zebraexperience\/\" target=\"_blank\" class=\"explore-btn\">\r\n            Explore\r\n            <span class=\"arrow-icon\">\u2197<\/span>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ===== SCRIPT CORREGIDO (ELIMINADA LA L\u00cdNEA QUE SOBREESCRIB\u00cdA) ===== -->\r\n<script>\r\n  (function() {\r\n    const items = [\r\n      {\r\n        id: 1,\r\n        title: \"Ecos del Vac\u00edo\",\r\n        description: \"Concierto inaugural de la alianza Zebra \u00d7 Gravity. Sold out en 48h.\",\r\n        meta: \"Urban \u2022 Underground \u2022 Rock\",\r\n        imageSrc: \"https:\/\/images.unsplash.com\/photo-1540959733332-eab4deabeeaf?q=80&w=1000&auto=format&fit=crop\",\r\n        href: \"#tokyo\"\r\n      },\r\n      {\r\n        id: 2,\r\n        title: \"Lanzamiento Audiovisual\",\r\n        description: \"Campa\u00f1a de branding para Zebra Studios. Producci\u00f3n Ejecutiva @fernandobell0.\",\r\n        meta: \"Dise\u00f1o \u2022 Arte Conceptual\",\r\n        imageSrc: \"https:\/\/images.unsplash.com\/photo-1470770841072-f978cf4d019e?q=80&w=1000&auto=format&fit=crop\",\r\n        href: \"#nordic\"\r\n      },\r\n      {\r\n        id: 3,\r\n        title: \"Cumplea\u00f1os Tem\u00e1tico\",\r\n        description: \"Evento sorpresa para 200 invitados. Producci\u00f3n integral con mapping y live acts.\",\r\n        meta: \"Adventure \u2022 Heat\",\r\n        imageSrc: \"https:\/\/www.zebraexperience.com\/wp-content\/uploads\/2026\/02\/cumple.png\",\r\n        href: \"#sahara\"\r\n      },\r\n      {\r\n        id: 4,\r\n        title: \"Alianza Domaine Valette\",\r\n        description: \"Primera colaboraci\u00f3n internacional. Experiencia de marca en Par\u00eds y Madrid.\",\r\n        meta: \"Promoci\u00f3n \u2022 Lanzamiento\",\r\n        imageSrc: \"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?q=80&w=1000&auto=format&fit=crop\",\r\n        href: \"#cyber\"\r\n      },\r\n      {\r\n        id: 5,\r\n        title: \"Pantheon Fest\",\r\n        description: \"Festival debut con Gravity. Tres d\u00edas, dos ciudades, un solo prop\u00f3sito.\",\r\n        meta: \"Coming \u2022 Soon\",\r\n        imageSrc: \"https:\/\/www.zebraexperience.com\/wp-content\/uploads\/2026\/02\/Pantheon.jpg\",\r\n        href: \"#ocean\"\r\n      }\r\n    ];\r\n\r\n    let activeIndex = 0;\r\n    const count = items.length;\r\n    let touchStartX = 0;\r\n    let touchEndX = 0;\r\n    let isDragging = false;\r\n    let startX = 0;\r\n    let dragDistance = 0;\r\n\r\n    const cards = document.querySelectorAll('.card-3d');\r\n    const bgImages = document.querySelectorAll('.focus-bg-image');\r\n    const dots = document.querySelectorAll('.touch-dot');\r\n    const focusMeta = document.getElementById('focusMeta');\r\n    const focusTitle = document.getElementById('focusTitle');\r\n    const focusDesc = document.getElementById('focusDesc');\r\n    const counter = document.getElementById('counter');\r\n    \r\n    \/\/ \u2705 IMPORTANTE: Capturamos el bot\u00f3n de Instagram con su nuevo ID\r\n    const instagramBtn = document.getElementById('instagramBtn');\r\n    \r\n    const prevBtn = document.getElementById('prevBtn');\r\n    const nextBtn = document.getElementById('nextBtn');\r\n    const cards3D = document.getElementById('cards3D');\r\n\r\n    function updateUI() {\r\n      bgImages.forEach((bg, i) => {\r\n        bg.classList.toggle('active', i === activeIndex);\r\n      });\r\n\r\n      dots.forEach((dot, i) => {\r\n        dot.classList.toggle('active', i === activeIndex);\r\n      });\r\n\r\n      const item = items[activeIndex];\r\n      focusMeta.textContent = item.meta;\r\n      focusTitle.textContent = item.title;\r\n      focusDesc.textContent = item.description;\r\n      counter.textContent = `${activeIndex + 1} \/ ${count}`;\r\n      \r\n      \/\/ \u2705 ELIMINADO: instagramBtn.href = item.href;  \/\/ Ya no sobreescribe el enlace\r\n\r\n      cards.forEach((card, i) => {\r\n        let offset = i - activeIndex;\r\n        \r\n        if (offset < -2) offset += count;\r\n        if (offset > 2) offset -= count;\r\n\r\n        const isCenter = offset === 0;\r\n        const dist = Math.abs(offset);\r\n        \r\n        const xOffset = offset * (window.innerWidth < 768 ? 200 : 320);\r\n        const zOffset = -dist * (window.innerWidth < 768 ? 120 : 180);\r\n        const scale = isCenter ? 1 : (window.innerWidth < 768 ? 0.8 : 0.85);\r\n        const rotateY = offset * -20;\r\n        const opacity = isCenter ? 1 : Math.max(0.2, 1 - dist * 0.3);\r\n        const blur = isCenter ? 0 : dist * (window.innerWidth < 768 ? 2 : 3);\r\n        const brightness = isCenter ? 1 : 0.65;\r\n        const zIndex = isCenter ? 20 : 10;\r\n\r\n        card.style.transform = `translateX(${xOffset}px) translateZ(${zOffset}px) scale(${scale}) rotateY(${rotateY}deg)`;\r\n        card.style.opacity = opacity;\r\n        card.style.filter = `blur(${blur}px) brightness(${brightness})`;\r\n        card.style.zIndex = zIndex;\r\n      });\r\n    }\r\n\r\n    function next() {\r\n      activeIndex = (activeIndex + 1) % count;\r\n      updateUI();\r\n    }\r\n\r\n    function prev() {\r\n      activeIndex = (activeIndex - 1 + count) % count;\r\n      updateUI();\r\n    }\r\n\r\n    prevBtn.addEventListener('click', prev);\r\n    nextBtn.addEventListener('click', next);\r\n\r\n    \/\/ TOUCH EVENTS\r\n    cards3D.addEventListener('touchstart', (e) => {\r\n      touchStartX = e.changedTouches[0].screenX;\r\n      isDragging = true;\r\n      startX = e.changedTouches[0].pageX;\r\n      cards3D.style.cursor = 'grabbing';\r\n    }, { passive: true });\r\n\r\n    cards3D.addEventListener('touchmove', (e) => {\r\n      if (!isDragging) return;\r\n      touchEndX = e.changedTouches[0].screenX;\r\n    }, { passive: true });\r\n\r\n    cards3D.addEventListener('touchend', (e) => {\r\n      if (!isDragging) return;\r\n      \r\n      const swipeDistance = touchEndX - touchStartX;\r\n      const minSwipeDistance = 50;\r\n      \r\n      if (Math.abs(swipeDistance) > minSwipeDistance) {\r\n        if (swipeDistance > 0) {\r\n          prev();\r\n        } else {\r\n          next();\r\n        }\r\n      }\r\n      \r\n      isDragging = false;\r\n      cards3D.style.cursor = 'grab';\r\n    }, { passive: true });\r\n\r\n    \/\/ MOUSE EVENTS\r\n    cards3D.addEventListener('mousedown', (e) => {\r\n      isDragging = true;\r\n      startX = e.pageX;\r\n      dragDistance = 0;\r\n      cards3D.style.cursor = 'grabbing';\r\n    });\r\n\r\n    window.addEventListener('mousemove', (e) => {\r\n      if (!isDragging) return;\r\n      dragDistance = e.pageX - startX;\r\n    });\r\n\r\n    window.addEventListener('mouseup', () => {\r\n      if (isDragging) {\r\n        if (Math.abs(dragDistance) > 100) {\r\n          if (dragDistance > 0) {\r\n            prev();\r\n          } else {\r\n            next();\r\n          }\r\n        }\r\n        isDragging = false;\r\n        cards3D.style.cursor = 'grab';\r\n        dragDistance = 0;\r\n      }\r\n    });\r\n\r\n    cards.forEach((card, i) => {\r\n      card.addEventListener('click', function(e) {\r\n        e.stopPropagation();\r\n        const index = parseInt(this.dataset.index);\r\n        if (index !== activeIndex) {\r\n          activeIndex = index;\r\n          updateUI();\r\n        } else {\r\n          const href = items[activeIndex].href;\r\n          if (href) window.location.href = href;\r\n        }\r\n      });\r\n    });\r\n\r\n    window.addEventListener('keydown', (e) => {\r\n      if (e.key === 'ArrowLeft') {\r\n        prev();\r\n        e.preventDefault();\r\n      }\r\n      if (e.key === 'ArrowRight') {\r\n        next();\r\n        e.preventDefault();\r\n      }\r\n    });\r\n\r\n    cards3D.addEventListener('wheel', (e) => {\r\n      e.preventDefault();\r\n      if (Math.abs(e.deltaX) > Math.abs(e.deltaY)) {\r\n        if (e.deltaX > 20) next();\r\n        if (e.deltaX < -20) prev();\r\n      } else {\r\n        if (e.deltaY > 20) next();\r\n        if (e.deltaY < -20) prev();\r\n      }\r\n    });\r\n\r\n    cards3D.addEventListener('touchmove', (e) => {\r\n      if (isDragging) {\r\n        e.preventDefault();\r\n      }\r\n    }, { passive: false });\r\n\r\n    updateUI();\r\n\r\n    window.addEventListener('resize', () => {\r\n      updateUI();\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae3eeb5 elementor-widget elementor-widget-html\" data-id=\"ae3eeb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- EFECTO L\u00c1SER ZEBRA - ANCHO COMPLETO -->\r\n<div class=\"zebra-laser-full\">\r\n    <div class=\"laser-beam\" style=\"--delay: 0s; --color: #FF3333;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 0.5s; --color: #FF9933;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 1.0s; --color: #FFCC33;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 1.5s; --color: #33CC99;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 2.0s; --color: #3366CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 2.5s; --color: #6633CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 3.0s; --color: #9933CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 3.5s; --color: #FF00FF;\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ===== EFECTO L\u00c1SER ZEBRA - ANCHO COMPLETO ===== *\/\r\n\/* SIN RECT\u00c1NGULO - OCUPA TODO EL ANCHO *\/\r\n\r\n.zebra-laser-full {\r\n    position: relative;\r\n    width: 100vw; \/* Ancho completo de la ventana *\/\r\n    max-width: 100vw;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    \r\n    \/* Altura responsiva *\/\r\n    height: 200px;\r\n    \r\n    \/* Sin bordes ni fondos *\/\r\n    background: transparent;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* L\u00edneas l\u00e1ser *\/\r\n.laser-beam {\r\n    position: absolute;\r\n    width: 100%; \/* Ahora ocupa todo el ancho *\/\r\n    height: 2px;\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent 0%,\r\n        var(--color) 10%,\r\n        #FFFFFF 20%,\r\n        var(--color) 30%,\r\n        #FFFFFF 40%,\r\n        var(--color) 50%,\r\n        #FFFFFF 60%,\r\n        var(--color) 70%,\r\n        #FFFFFF 80%,\r\n        var(--color) 90%,\r\n        transparent 100%\r\n    );\r\n    top: 50%;\r\n    left: 0;\r\n    transform: translateX(-100%) translateY(-50%);\r\n    animation: laser-sweep 3.5s cubic-bezier(0.45, 0.9, 0.55, 1) infinite;\r\n    animation-delay: var(--delay);\r\n    filter: \r\n        blur(0.8px)\r\n        drop-shadow(0 0 8px var(--color))\r\n        drop-shadow(0 0 15px #FFFFFF);\r\n    opacity: 0.7;\r\n    mix-blend-mode: screen;\r\n}\r\n\r\n\/* Animaci\u00f3n de barrido *\/\r\n@keyframes laser-sweep {\r\n    0% {\r\n        transform: translateX(-100%) translateY(-50%);\r\n        opacity: 0;\r\n    }\r\n    10% {\r\n        opacity: 0.8;\r\n    }\r\n    30% {\r\n        opacity: 1;\r\n    }\r\n    70% {\r\n        opacity: 1;\r\n    }\r\n    90% {\r\n        opacity: 0.8;\r\n    }\r\n    100% {\r\n        transform: translateX(100%) translateY(-50%);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* Destellos blancos *\/\r\n.laser-beam::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 25px;\r\n    height: 25px;\r\n    background: #FFFFFF;\r\n    border-radius: 50%;\r\n    top: 50%;\r\n    left: 0;\r\n    transform: translate(-50%, -50%) scale(0);\r\n    animation: white-flash 3.5s ease-out infinite;\r\n    animation-delay: var(--delay);\r\n    filter: blur(3px);\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes white-flash {\r\n    0% {\r\n        transform: translate(-50%, -50%) scale(0);\r\n        opacity: 0;\r\n    }\r\n    5% {\r\n        transform: translate(-50%, -50%) scale(1.5);\r\n        opacity: 0.9;\r\n    }\r\n    10% {\r\n        transform: translate(-50%, -50%) scale(2);\r\n        opacity: 0.5;\r\n    }\r\n    15% {\r\n        transform: translate(-50%, -50%) scale(0);\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 768px) {\r\n    .zebra-laser-full {\r\n        height: 140px;\r\n    }\r\n    \r\n    .laser-beam {\r\n        height: 1.8px;\r\n        filter: blur(0.5px) drop-shadow(0 0 5px var(--color));\r\n    }\r\n    \r\n    .laser-beam::before {\r\n        width: 20px;\r\n        height: 20px;\r\n        filter: blur(2px);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .zebra-laser-full {\r\n        height: 100px;\r\n    }\r\n    \r\n    .laser-beam {\r\n        height: 1.5px;\r\n        filter: blur(0.3px) drop-shadow(0 0 4px var(--color));\r\n    }\r\n    \r\n    .laser-beam::before {\r\n        width: 15px;\r\n        height: 15px;\r\n        filter: blur(1.5px);\r\n    }\r\n    \r\n    \/* Menos l\u00edneas en m\u00f3vil *\/\r\n    .laser-beam:nth-child(n+6) {\r\n        display: none;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b797b42 e-con-full e-flex e-con e-parent\" data-id=\"b797b42\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c65f60d animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"c65f60d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Lo que hacemos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08bbb63 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"08bbb63\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:600}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ===== ZEBRA EXPERIENCE - SKEW CARDS ===== *\/\r\n  \/* VERSI\u00d3N CORREGIDA - Brand Guide v1.0 *\/\r\n  \/* TAMA\u00d1O ORIGINAL - BOTONES ORIGINALES - CON BANNER *\/\r\n  \r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');\r\n\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* ===== DESIGN TOKENS ===== *\/\r\n  :root {\r\n    --z-dark-base: #0B0F1A;\r\n    --z-dark-deep: #070A12;\r\n    --z-magenta: #FF00FF;\r\n    --z-white: #FFFFFF;\r\n    --z-text-primary: #FFFFFF;\r\n    --z-text-secondary: rgba(255,255,255,0.8);\r\n    --z-text-tertiary: rgba(255,255,255,0.6);\r\n    --z-border-light: rgba(255,255,255,0.05);\r\n    --z-border-magenta: rgba(255,0,255,0.2);\r\n    --z-border-magenta-hover: rgba(255,0,255,0.4);\r\n    --z-glow-magenta: 0 0 20px rgba(255,0,255,0.2);\r\n    --z-shadow-card: 0 20px 35px -12px rgba(0,0,0,0.25);\r\n    --z-shadow-card-hover: 0 25px 40px -12px rgba(255,0,255,0.15);\r\n    --z-radius-card: 16px;\r\n    --z-radius-button: 40px;\r\n    --z-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);\r\n  }\r\n\r\n  .skew-showcase {\r\n    font-family: 'Inter', sans-serif;\r\n    background: transparent;\r\n    padding: 80px 30px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    min-height: 100vh;\r\n    position: relative;\r\n  }\r\n\r\n  .skew-showcase::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(circle at 50% 50%, rgba(255,0,255,0.02) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .skew-container {\r\n    max-width: 1200px;\r\n    width: 100%;\r\n    position: relative;\r\n    z-index: 10;\r\n  }\r\n\r\n  \/* ===== GRID - 2 COLUMNAS CENTRADAS ===== *\/\r\n  .grid-bottom {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 25px;\r\n    max-width: calc(66.666% + 12.5px);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* ===== CARD 4:5 - TAMA\u00d1O ORIGINAL ===== *\/\r\n  .skew-card {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 4\/5;\r\n    max-width: 360px;\r\n    margin: 0 auto;\r\n    transition: all var(--z-transition);\r\n  }\r\n\r\n  \/* Gradientes skew - ORIGINALES *\/\r\n  .gradient-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 35px;\r\n    width: 65%;\r\n    height: 100%;\r\n    border-radius: var(--z-radius-card);\r\n    transform: skewX(-12deg);\r\n    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n    z-index: 1;\r\n  }\r\n\r\n  .gradient-blur {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 35px;\r\n    width: 65%;\r\n    height: 100%;\r\n    border-radius: var(--z-radius-card);\r\n    transform: skewX(-12deg);\r\n    filter: blur(20px);\r\n    opacity: 0.3;\r\n    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n    z-index: 0;\r\n  }\r\n\r\n  .skew-card:hover .gradient-bg {\r\n    transform: skewX(0deg);\r\n    left: 15px;\r\n    width: calc(100% - 30px);\r\n  }\r\n\r\n  .skew-card:hover .gradient-blur {\r\n    transform: skewX(0deg);\r\n    left: 15px;\r\n    width: calc(100% - 30px);\r\n    opacity: 0.2;\r\n  }\r\n\r\n  \/* ===== BURBUJAS ANIMADAS - ORIGINALES ===== *\/\r\n  .blob-container {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 15;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .blob {\r\n    position: absolute;\r\n    width: 0;\r\n    height: 0;\r\n    border-radius: 50%;\r\n    background: rgba(255, 0, 255, 0.15);\r\n    backdrop-filter: blur(8px);\r\n    box-shadow: 0 0 30px rgba(255, 0, 255, 0.1);\r\n    opacity: 0;\r\n    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n  }\r\n\r\n  .blob-1 { top: 0; left: 0; }\r\n  .blob-2 { bottom: 0; right: 0; }\r\n\r\n  .skew-card:hover .blob-1 {\r\n    top: -25px;\r\n    left: 25px;\r\n    width: 70px;\r\n    height: 70px;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .skew-card:hover .blob-2 {\r\n    bottom: -25px;\r\n    right: 25px;\r\n    width: 70px;\r\n    height: 70px;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  \/* ===== CONTENIDO - GLASS OSCURO ===== *\/\r\n  .card-content {\r\n    position: relative;\r\n    z-index: 20;\r\n    left: 0;\r\n    padding: 0;\r\n    background: rgba(11, 15, 26, 0.75);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border-radius: var(--z-radius-card);\r\n    box-shadow: var(--z-shadow-card);\r\n    color: var(--z-white);\r\n    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    border: 1px solid var(--z-border-light);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .skew-card:hover .card-content {\r\n    left: -15px;\r\n    box-shadow: var(--z-shadow-card-hover);\r\n    border: 1px solid var(--z-border-magenta);\r\n    background: rgba(11, 15, 26, 0.85);\r\n  }\r\n\r\n  \/* ===== BANNER DE IMAGEN ===== *\/\r\n  .card-banner {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 110px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .banner-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.6s ease;\r\n    filter: brightness(0.8) contrast(1.1);\r\n  }\r\n\r\n  .skew-card:hover .banner-image {\r\n    transform: scale(1.08);\r\n    filter: brightness(0.9) contrast(1.1);\r\n  }\r\n\r\n  .banner-overlay {\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(90deg, \r\n      rgba(11,15,26,0.3) 0%,\r\n      transparent 30%,\r\n      transparent 70%,\r\n      rgba(11,15,26,0.3) 100%\r\n    );\r\n    pointer-events: none;\r\n    z-index: 5;\r\n  }\r\n\r\n  .banner-edge {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, \r\n      transparent 0%,\r\n      rgba(255,0,255,0.3) 20%,\r\n      rgba(255,0,255,0.7) 50%,\r\n      rgba(255,0,255,0.3) 80%,\r\n      transparent 100%\r\n    );\r\n    z-index: 6;\r\n  }\r\n\r\n  \/* ===== CONTENIDO INTERNO - PADDING ORIGINAL ===== *\/\r\n  .card-inner {\r\n    padding: 22px 22px 24px 22px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex: 1;\r\n  }\r\n\r\n  \/* ===== T\u00cdTULO - SORA ===== *\/\r\n  .card-title {\r\n    font-family: 'Sora', sans-serif;\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    line-height: 1.2;\r\n    margin-bottom: 8px;\r\n    color: var(--z-white);\r\n    letter-spacing: -0.02em;\r\n    position: relative;\r\n  }\r\n\r\n  .card-title::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 0;\r\n    top: -10px;\r\n    width: 40px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, rgba(255,0,255,0.6), transparent);\r\n  }\r\n\r\n  \/* ===== DESCRIPCI\u00d3N ===== *\/\r\n  .card-desc {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 15px;\r\n    line-height: 1.5;\r\n    color: var(--z-text-secondary);\r\n    margin-bottom: 16px;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* ===== LISTA DE SERVICIOS - ESTILO ORIGINAL ===== *\/\r\n  .card-services {\r\n    list-style: none;\r\n    margin: 0 0 16px 0;\r\n    padding: 0;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 6px;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  .card-services li {\r\n    padding: 6px 0 6px 24px;\r\n    position: relative;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 14px;\r\n    color: var(--z-text-secondary);\r\n    font-weight: 500;\r\n    background: rgba(255, 0, 255, 0.03);\r\n    border-radius: 6px;\r\n    transition: all var(--z-transition);\r\n    display: flex;\r\n    align-items: center;\r\n    backdrop-filter: blur(4px);\r\n    border: 1px solid rgba(255, 0, 255, 0.1);\r\n  }\r\n\r\n  .card-services li::before {\r\n    content: \"\u2713\";\r\n    position: absolute;\r\n    left: 6px;\r\n    color: var(--z-magenta);\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    text-shadow: 0 0 8px var(--z-magenta);\r\n  }\r\n\r\n  .card-services li:hover {\r\n    background: rgba(255, 0, 255, 0.08);\r\n    padding-left: 28px;\r\n    border-color: var(--z-border-magenta-hover);\r\n    color: var(--z-white);\r\n  }\r\n\r\n  \/* ===== BOT\u00d3N LINK - ORIGINAL ===== *\/\r\n  .card-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    color: var(--z-magenta);\r\n    text-decoration: none;\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 13px;\r\n    letter-spacing: 0.3px;\r\n    padding: 6px 0;\r\n    position: relative;\r\n    width: fit-content;\r\n    transition: gap var(--z-transition);\r\n    margin-top: auto;\r\n    text-shadow: 0 0 8px rgba(255,0,255,0.3);\r\n  }\r\n\r\n  .card-link::after {\r\n    content: \"\u2192\";\r\n    transition: transform var(--z-transition);\r\n    font-size: 16px;\r\n  }\r\n\r\n  .card-link:hover {\r\n    gap: 10px;\r\n  }\r\n\r\n  .card-link:hover::after {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  .card-link::before {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 2px;\r\n    left: 0;\r\n    width: 0;\r\n    height: 2px;\r\n    background: var(--z-magenta);\r\n    transition: width var(--z-transition);\r\n    box-shadow: 0 0 10px var(--z-magenta);\r\n  }\r\n\r\n  .card-link:hover::before {\r\n    width: 100%;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media screen and (max-width: 1024px) {\r\n    .skew-showcase { padding: 60px 25px; }\r\n    .grid-bottom { max-width: 100%; }\r\n    .skew-card { max-width: 320px; }\r\n  }\r\n\r\n  @media screen and (max-width: 768px) {\r\n    .skew-showcase { padding: 50px 20px; }\r\n    .grid-bottom { \r\n      grid-template-columns: 1fr; \r\n      gap: 35px;\r\n      max-width: 100%;\r\n    }\r\n    .skew-card { max-width: 340px; }\r\n    .card-banner { height: 100px; }\r\n  }\r\n\r\n  @media screen and (max-width: 480px) {\r\n    .skew-card { max-width: 300px; }\r\n    .card-title { font-size: 19px; }\r\n    .card-banner { height: 90px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== COMPONENTE SKEW CARDS - 4 TARJETAS ===== -->\r\n<!-- TAMA\u00d1O ORIGINAL - BOTONES ORIGINALES - CON BANNER -->\r\n<div class=\"skew-showcase\">\r\n  <div class=\"skew-container\">\r\n    \r\n    <!-- GRID 2x2 CENTRADO (IGUAL QUE EL ORIGINAL) -->\r\n    <div class=\"grid-bottom\">\r\n      \r\n      <!-- ========================================= -->\r\n      <!-- TARJETA 1: PRODUCCI\u00d3N DE EVENTOS         -->\r\n      <!-- ========================================= -->\r\n      <div class=\"skew-card\">\r\n        <div class=\"gradient-bg\" style=\"background: linear-gradient(135deg, #FF00FF, #FF6B4A);\"><\/div>\r\n        <div class=\"gradient-blur\" style=\"background: linear-gradient(135deg, #FF00FF, #FF6B4A);\"><\/div>\r\n        \r\n        <div class=\"blob-container\">\r\n          <div class=\"blob blob-1\"><\/div>\r\n          <div class=\"blob blob-2\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"card-content\">\r\n          <div class=\"card-banner\">\r\n            <img decoding=\"async\" \r\n              src=\"https:\/\/images.pexels.com\/photos\/1190297\/pexels-photo-1190297.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2\" \r\n              alt=\"Producci\u00f3n de eventos\" \r\n              class=\"banner-image\"\r\n            \/>\r\n            <div class=\"banner-overlay\"><\/div>\r\n            <div class=\"banner-edge\"><\/div>\r\n          <\/div>\r\n          <div class=\"card-inner\">\r\n            <h3 class=\"card-title\">PRODUCCI\u00d3N DE EVENTOS<\/h3>\r\n            <p class=\"card-desc\">Experiencias inmersivas<\/p>\r\n            <ul class=\"card-services\">\r\n              <li>Fiesta techno<\/li>\r\n              <li>Festivales<\/li>\r\n              <li>Eventos Corp.<\/li>\r\n              <li>Celebraciones<\/li>\r\n            <\/ul>\r\n            <a href=\"#contacto\" class=\"card-link\">M\u00e1s informaci\u00f3n<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- ========================================= -->\r\n      <!-- TARJETA 2: PROMOCI\u00d3N DE EVENTOS (NUEVA)  -->\r\n      <!-- ========================================= -->\r\n      <div class=\"skew-card\">\r\n        <div class=\"gradient-bg\" style=\"background: linear-gradient(135deg, #03a9f4, #FF00FF);\"><\/div>\r\n        <div class=\"gradient-blur\" style=\"background: linear-gradient(135deg, #03a9f4, #FF00FF);\"><\/div>\r\n        \r\n        <div class=\"blob-container\">\r\n          <div class=\"blob blob-1\"><\/div>\r\n          <div class=\"blob blob-2\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"card-content\">\r\n          <div class=\"card-banner\">\r\n            <img decoding=\"async\" \r\n              src=\"https:\/\/www.zebraexperience.com\/wp-content\/uploads\/2026\/02\/chuttersnap-Q_KdjKxntH8-unsplash.jpg\" \r\n              alt=\"Promoci\u00f3n de eventos\" \r\n              class=\"banner-image\"\r\n            \/>\r\n            <div class=\"banner-overlay\"><\/div>\r\n            <div class=\"banner-edge\"><\/div>\r\n          <\/div>\r\n          <div class=\"card-inner\">\r\n            <h3 class=\"card-title\">PROMOCI\u00d3N DE EVENTOS<\/h3>\r\n            <p class=\"card-desc\">Amplifica tu alcance<\/p>\r\n            <ul class=\"card-services\">\r\n              <li>RRPP<\/li>\r\n              <li>Generaci\u00f3n de Contenido<\/li>\r\n              <li>Modelos<\/li>\r\n              <li>Activaciones<\/li>\r\n            <\/ul>\r\n            <a href=\"#contacto\" class=\"card-link\">Contactar<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n <!-- ========================================= -->\r\n<!-- TARJETA 3: MARCAS & PRODUCTOS            -->\r\n<!-- ========================================= -->\r\n<div class=\"skew-card\">\r\n  <div class=\"gradient-bg\" style=\"background: linear-gradient(135deg, #FF6B4A, #FF00FF);\"><\/div>\r\n  <div class=\"gradient-blur\" style=\"background: linear-gradient(135deg, #FF6B4A, #FF00FF);\"><\/div>\r\n  \r\n  <div class=\"blob-container\">\r\n    <div class=\"blob blob-1\"><\/div>\r\n    <div class=\"blob blob-2\"><\/div>\r\n  <\/div>\r\n  \r\n  <div class=\"card-content\">\r\n    <div class=\"card-banner\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/www.zebraexperience.com\/wp-content\/uploads\/2026\/02\/gemini-image-2_Ultra-cinematic_luxury_wine_product_photography_of_a_translucent_pale_green-gold-0_61cd981f-a3c0-476b-ad7b-a92e26853c4d.jpg\" \r\n        alt=\"Marcas y productos\" \r\n        class=\"banner-image\"\r\n      \/>\r\n      <div class=\"banner-overlay\"><\/div>\r\n      <div class=\"banner-edge\"><\/div>\r\n    <\/div>\r\n    <div class=\"card-inner\">\r\n      <h3 class=\"card-title\">MARCAS & PRODUCTOS<\/h3>\r\n      <p class=\"card-desc\">Brand experience<\/p>\r\n      <ul class=\"card-services\">\r\n        <li>Activaciones<\/li>\r\n        <li>Sponsorships<\/li>\r\n        <li>Lanzamientos<\/li>\r\n        <li>Sampling<\/li>\r\n      <\/ul>\r\n      <!-- \u2705 ENLACE CORREGIDO -->\r\n      <a href=\"https:\/\/www.instagram.com\/domaine_valette_cp\/\" target=\"_blank\" class=\"card-link\">Explorar<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n      <!-- ========================================= -->\r\n      <!-- TARJETA 4: CELEBRACIONES PRIVADAS        -->\r\n      <!-- ========================================= -->\r\n      <div class=\"skew-card\">\r\n        <div class=\"gradient-bg\" style=\"background: linear-gradient(135deg, #8e2de2, #FF00FF);\"><\/div>\r\n        <div class=\"gradient-blur\" style=\"background: linear-gradient(135deg, #8e2de2, #FF00FF);\"><\/div>\r\n        \r\n        <div class=\"blob-container\">\r\n          <div class=\"blob blob-1\"><\/div>\r\n          <div class=\"blob blob-2\"><\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"card-content\">\r\n          <div class=\"card-banner\">\r\n            <img decoding=\"async\" \r\n              src=\"https:\/\/images.pexels.com\/photos\/169198\/pexels-photo-169198.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2\" \r\n              alt=\"Celebraciones privadas\" \r\n              class=\"banner-image\"\r\n            \/>\r\n            <div class=\"banner-overlay\"><\/div>\r\n            <div class=\"banner-edge\"><\/div>\r\n          <\/div>\r\n          <div class=\"card-inner\">\r\n            <h3 class=\"card-title\">CELEBRACIONES PRIVADAS<\/h3>\r\n            <p class=\"card-desc\">Momentos inolvidables<\/p>\r\n            <ul class=\"card-services\">\r\n              <li>Cumplea\u00f1os<\/li>\r\n              <li>Aniversarios<\/li>\r\n              <li>Eventos Exclusivos<\/li>\r\n              <li>Fiestas Privadas<\/li>\r\n            <\/ul>\r\n            <a href=\"#contacto\" class=\"card-link\">Cotizar<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac22664 e-con-full e-flex e-con e-parent\" data-id=\"ac22664\" data-element_type=\"container\" data-e-type=\"container\" id=\"eventos\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0c2a8a elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"d0c2a8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- EFECTO L\u00c1SER ZEBRA - ANCHO COMPLETO -->\r\n<div class=\"zebra-laser-full\">\r\n    <div class=\"laser-beam\" style=\"--delay: 0s; --color: #FF3333;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 0.5s; --color: #FF9933;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 1.0s; --color: #FFCC33;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 1.5s; --color: #33CC99;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 2.0s; --color: #3366CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 2.5s; --color: #6633CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 3.0s; --color: #9933CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 3.5s; --color: #FF00FF;\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ===== EFECTO L\u00c1SER ZEBRA - ANCHO COMPLETO ===== *\/\r\n\/* SIN RECT\u00c1NGULO - OCUPA TODO EL ANCHO *\/\r\n\r\n.zebra-laser-full {\r\n    position: relative;\r\n    width: 100vw; \/* Ancho completo de la ventana *\/\r\n    max-width: 100vw;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    \r\n    \/* Altura responsiva *\/\r\n    height: 200px;\r\n    \r\n    \/* Sin bordes ni fondos *\/\r\n    background: transparent;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* L\u00edneas l\u00e1ser *\/\r\n.laser-beam {\r\n    position: absolute;\r\n    width: 100%; \/* Ahora ocupa todo el ancho *\/\r\n    height: 2px;\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent 0%,\r\n        var(--color) 10%,\r\n        #FFFFFF 20%,\r\n        var(--color) 30%,\r\n        #FFFFFF 40%,\r\n        var(--color) 50%,\r\n        #FFFFFF 60%,\r\n        var(--color) 70%,\r\n        #FFFFFF 80%,\r\n        var(--color) 90%,\r\n        transparent 100%\r\n    );\r\n    top: 50%;\r\n    left: 0;\r\n    transform: translateX(-100%) translateY(-50%);\r\n    animation: laser-sweep 3.5s cubic-bezier(0.45, 0.9, 0.55, 1) infinite;\r\n    animation-delay: var(--delay);\r\n    filter: \r\n        blur(0.8px)\r\n        drop-shadow(0 0 8px var(--color))\r\n        drop-shadow(0 0 15px #FFFFFF);\r\n    opacity: 0.7;\r\n    mix-blend-mode: screen;\r\n}\r\n\r\n\/* Animaci\u00f3n de barrido *\/\r\n@keyframes laser-sweep {\r\n    0% {\r\n        transform: translateX(-100%) translateY(-50%);\r\n        opacity: 0;\r\n    }\r\n    10% {\r\n        opacity: 0.8;\r\n    }\r\n    30% {\r\n        opacity: 1;\r\n    }\r\n    70% {\r\n        opacity: 1;\r\n    }\r\n    90% {\r\n        opacity: 0.8;\r\n    }\r\n    100% {\r\n        transform: translateX(100%) translateY(-50%);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* Destellos blancos *\/\r\n.laser-beam::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 25px;\r\n    height: 25px;\r\n    background: #FFFFFF;\r\n    border-radius: 50%;\r\n    top: 50%;\r\n    left: 0;\r\n    transform: translate(-50%, -50%) scale(0);\r\n    animation: white-flash 3.5s ease-out infinite;\r\n    animation-delay: var(--delay);\r\n    filter: blur(3px);\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes white-flash {\r\n    0% {\r\n        transform: translate(-50%, -50%) scale(0);\r\n        opacity: 0;\r\n    }\r\n    5% {\r\n        transform: translate(-50%, -50%) scale(1.5);\r\n        opacity: 0.9;\r\n    }\r\n    10% {\r\n        transform: translate(-50%, -50%) scale(2);\r\n        opacity: 0.5;\r\n    }\r\n    15% {\r\n        transform: translate(-50%, -50%) scale(0);\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 768px) {\r\n    .zebra-laser-full {\r\n        height: 140px;\r\n    }\r\n    \r\n    .laser-beam {\r\n        height: 1.8px;\r\n        filter: blur(0.5px) drop-shadow(0 0 5px var(--color));\r\n    }\r\n    \r\n    .laser-beam::before {\r\n        width: 20px;\r\n        height: 20px;\r\n        filter: blur(2px);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .zebra-laser-full {\r\n        height: 100px;\r\n    }\r\n    \r\n    .laser-beam {\r\n        height: 1.5px;\r\n        filter: blur(0.3px) drop-shadow(0 0 4px var(--color));\r\n    }\r\n    \r\n    .laser-beam::before {\r\n        width: 15px;\r\n        height: 15px;\r\n        filter: blur(1.5px);\r\n    }\r\n    \r\n    \/* Menos l\u00edneas en m\u00f3vil *\/\r\n    .laser-beam:nth-child(n+6) {\r\n        display: none;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0478e11 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"0478e11\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ===== ZEBRA EXPERIENCE - PROCESS STEPPER ===== *\/\r\n  \/* VERSI\u00d3N CORREGIDA - Brand Guide v1.0 *\/\r\n  \/* HEREDA FONDO DEL PADRE - UNIVERSO OSCURO *\/\r\n  \/* Tipograf\u00eda: Sora t\u00edtulos \/ Inter cuerpo *\/\r\n  \/* Acento: #FF00FF en n\u00fameros, dots, hover *\/\r\n  \r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');\r\n\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* ===== DESIGN TOKENS ===== *\/\r\n  :root {\r\n    --z-dark-base: #0B0F1A;\r\n    --z-dark-soft: rgba(11,15,26,0.8);\r\n    --z-magenta: #FF00FF;\r\n    --z-white: #FFFFFF;\r\n    --z-text-primary: #FFFFFF;\r\n    --z-text-secondary: rgba(255,255,255,0.8);\r\n    --z-text-tertiary: rgba(255,255,255,0.6);\r\n    --z-border-light: rgba(255,255,255,0.05);\r\n    --z-border-magenta: rgba(255,0,255,0.2);\r\n    --z-border-magenta-hover: rgba(255,0,255,0.4);\r\n    --z-glow-magenta: 0 0 20px rgba(255,0,255,0.2);\r\n    --z-shadow-card: 0 20px 35px -12px rgba(0,0,0,0.25);\r\n    --z-shadow-card-hover: 0 25px 40px -12px rgba(255,0,255,0.15);\r\n    --z-radius-card: 16px;\r\n    --z-radius-button: 40px;\r\n    --z-radius-circle: 999px;\r\n    --z-transition: 0.3s ease;\r\n  }\r\n\r\n  .stepper {\r\n    font-family: 'Inter', sans-serif;\r\n    \/* \ud83d\udfe2 ELIMINADO: background: white *\/\r\n    background: transparent; \/* Hereda del padre *\/\r\n    padding: 100px 32px;\r\n    width: 100%;\r\n    position: relative;\r\n  }\r\n\r\n  \/* Overlay atmosf\u00e9rico sutil *\/\r\n  .stepper::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: radial-gradient(circle at 50% 50%, rgba(255,0,255,0.02) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 10;\r\n  }\r\n\r\n  \/* ===== HEADER ===== *\/\r\n  .header {\r\n    text-align: center;\r\n    margin-bottom: 72px;\r\n  }\r\n\r\n  .title {\r\n    font-family: 'Sora', sans-serif;\r\n    font-size: 48px;\r\n    font-weight: 700;\r\n    color: var(--z-white);\r\n    margin-bottom: 16px;\r\n    letter-spacing: -0.02em;\r\n    text-shadow: 0 0 20px rgba(255,0,255,0.2);\r\n  }\r\n\r\n  .subtitle {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 18px;\r\n    color: var(--z-text-secondary);\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* ===== STEPS CONTAINER ===== *\/\r\n  .steps {\r\n    display: flex;\r\n    gap: 30px;\r\n    position: relative;\r\n    margin-bottom: 60px;\r\n  }\r\n\r\n  \/* L\u00ednea de progreso (decorativa) *\/\r\n  .steps::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 24px;\r\n    left: 60px;\r\n    right: 60px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, \r\n      var(--z-border-magenta) 0%, \r\n      var(--z-border-magenta) 30%, \r\n      var(--z-border-light) 30%, \r\n      var(--z-border-light) 100%);\r\n    z-index: 1;\r\n  }\r\n\r\n  .step {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    position: relative;\r\n    z-index: 10;\r\n  }\r\n\r\n  \/* ===== N\u00daMERO - MAGENTA CON GLOW ===== *\/\r\n  .number {\r\n    width: 56px;\r\n    height: 56px;\r\n    background: rgba(255, 0, 255, 0.1);\r\n    border: 1px solid var(--z-border-magenta);\r\n    color: var(--z-white);\r\n    font-family: 'Sora', sans-serif;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: var(--z-radius-circle);\r\n    margin-bottom: 24px;\r\n    box-shadow: 0 0 15px rgba(255,0,255,0.1);\r\n    transition: all var(--z-transition);\r\n    position: relative;\r\n    backdrop-filter: blur(4px);\r\n  }\r\n\r\n  .step:hover .number {\r\n    background: rgba(255, 0, 255, 0.2);\r\n    border-color: var(--z-magenta);\r\n    box-shadow: 0 0 25px rgba(255,0,255,0.3);\r\n    transform: scale(1.05);\r\n  }\r\n\r\n  \/* ===== T\u00cdTULO DEL PASO ===== *\/\r\n  .step-title {\r\n    font-family: 'Sora', sans-serif;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: var(--z-white);\r\n    margin-bottom: 12px;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .step-desc {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 16px;\r\n    color: var(--z-text-secondary);\r\n    margin-bottom: 16px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* ===== FEATURES LIST ===== *\/\r\n  .features {\r\n    list-style: none;\r\n    margin-bottom: 20px;\r\n    width: 100%;\r\n  }\r\n\r\n  .features li {\r\n    padding: 6px 0 6px 24px;\r\n    position: relative;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 15px;\r\n    color: var(--z-text-tertiary);\r\n    transition: all var(--z-transition);\r\n  }\r\n\r\n  .features li::before {\r\n    content: \"\u2192\";\r\n    position: absolute;\r\n    left: 0;\r\n    color: var(--z-magenta);\r\n    font-size: 16px;\r\n    opacity: 0.7;\r\n    transition: all var(--z-transition);\r\n  }\r\n\r\n  .step:hover .features li::before {\r\n    opacity: 1;\r\n    transform: translateX(2px);\r\n  }\r\n\r\n  \/* ===== TIME TAG ===== *\/\r\n  .time {\r\n    display: inline-block;\r\n    padding: 8px 18px;\r\n    background: rgba(11, 15, 26, 0.6);\r\n    backdrop-filter: blur(8px);\r\n    border: 1px solid var(--z-border-light);\r\n    border-radius: var(--z-radius-button);\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: var(--z-text-secondary);\r\n    transition: all var(--z-transition);\r\n  }\r\n\r\n  .step:hover .time {\r\n    border-color: var(--z-border-magenta);\r\n    color: var(--z-white);\r\n    background: rgba(255,0,255,0.05);\r\n  }\r\n\r\n  \/* ===== FLECHA ENTRE PASOS ===== *\/\r\n  .arrow {\r\n    position: absolute;\r\n    right: -20px;\r\n    top: 32px;\r\n    font-size: 24px;\r\n    color: var(--z-border-magenta);\r\n    opacity: 0.5;\r\n    z-index: 20;\r\n  }\r\n\r\n  .step:last-child .arrow {\r\n    display: none;\r\n  }\r\n\r\n  \/* ===== PANEL DE CONTENIDO - GLASS ===== *\/\r\n  .panel {\r\n    margin-top: 60px;\r\n    padding: 40px 48px;\r\n    background: rgba(11, 15, 26, 0.6);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border: 1px solid var(--z-border-light);\r\n    border-radius: var(--z-radius-card);\r\n    min-height: 180px;\r\n    animation: fadeContent 0.5s ease;\r\n    box-shadow: var(--z-shadow-card);\r\n  }\r\n\r\n  .content {\r\n    display: none;\r\n  }\r\n\r\n  .content.active {\r\n    display: block;\r\n  }\r\n\r\n  .content h4 {\r\n    font-family: 'Sora', sans-serif;\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: var(--z-white);\r\n    margin-bottom: 12px;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .content p {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 18px;\r\n    color: var(--z-text-secondary);\r\n    line-height: 1.6;\r\n  }\r\n\r\n  @keyframes fadeContent {\r\n    from { opacity: 0.7; transform: translateY(8px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* ===== AUTO INDICATOR - DOTS MAGENTA ===== *\/\r\n  .auto-indicator {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin-top: 32px;\r\n  }\r\n\r\n  .dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: rgba(255,255,255,0.2);\r\n    border-radius: var(--z-radius-circle);\r\n    transition: all var(--z-transition);\r\n    cursor: pointer;\r\n  }\r\n\r\n  .dot.active {\r\n    width: 32px;\r\n    background: var(--z-magenta);\r\n    box-shadow: 0 0 15px var(--z-magenta);\r\n    border-radius: 12px;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  \r\n  \/* Desktop grande *\/\r\n  @media screen and (min-width: 1440px) {\r\n    .stepper { padding: 120px 32px; }\r\n    .title { font-size: 52px; }\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media screen and (max-width: 1024px) {\r\n    .stepper { padding: 80px 24px; }\r\n    .title { font-size: 42px; }\r\n    .steps::before { left: 50px; right: 50px; }\r\n  }\r\n\r\n  \/* Mobile - Stack vertical *\/\r\n  @media screen and (max-width: 768px) {\r\n    .stepper { padding: 60px 20px; }\r\n    \r\n    .title { \r\n      font-size: 36px; \r\n    }\r\n    \r\n    .subtitle {\r\n      font-size: 16px;\r\n    }\r\n    \r\n    .steps { \r\n      flex-direction: column; \r\n      gap: 40px;\r\n    }\r\n    \r\n    .steps::before {\r\n      display: none; \/* Ocultar l\u00ednea en m\u00f3vil *\/\r\n    }\r\n    \r\n    .step { \r\n      align-items: center; \r\n      text-align: center; \r\n    }\r\n    \r\n    .features {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n      gap: 12px;\r\n    }\r\n    \r\n    .features li {\r\n      padding: 4px 12px 4px 28px;\r\n      background: rgba(255,0,255,0.03);\r\n      border-radius: 30px;\r\n      border: 1px solid var(--z-border-light);\r\n    }\r\n    \r\n    .arrow { \r\n      transform: rotate(90deg); \r\n      right: auto; \r\n      left: 50%;\r\n      top: auto;\r\n      bottom: -30px;\r\n      margin-left: -12px;\r\n    }\r\n    \r\n    .panel {\r\n      padding: 32px 24px;\r\n    }\r\n    \r\n    .content h4 {\r\n      font-size: 22px;\r\n      text-align: center;\r\n    }\r\n    \r\n    .content p {\r\n      font-size: 16px;\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  \/* Mobile peque\u00f1o *\/\r\n  @media screen and (max-width: 480px) {\r\n    .stepper { padding: 50px 16px; }\r\n    \r\n    .title { \r\n      font-size: 28px; \r\n    }\r\n    \r\n    .step-title { \r\n      font-size: 22px; \r\n    }\r\n    \r\n    .step-desc {\r\n      font-size: 15px;\r\n    }\r\n    \r\n    .number {\r\n      width: 52px;\r\n      height: 52px;\r\n      font-size: 22px;\r\n    }\r\n    \r\n    .panel {\r\n      padding: 28px 20px;\r\n    }\r\n    \r\n    .content h4 {\r\n      font-size: 20px;\r\n    }\r\n    \r\n    .content p {\r\n      font-size: 15px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== COMPONENTE PROCESS STEPPER - VERSI\u00d3N CORREGIDA ===== -->\r\n<!-- HEREDA FONDO DEL PADRE - UNIVERSO OSCURO -->\r\n<div class=\"stepper\">\r\n  <div class=\"container\">\r\n    \r\n    <!-- HEADER -->\r\n    <div class=\"header\">\r\n      <h1 class=\"title\">TU EVENTO EN 4 MOVIMIENTOS<\/h1>\r\n      <p class=\"subtitle\">De la idea a la realidad sin complicaciones<\/p>\r\n    <\/div>\r\n\r\n    <!-- STEPS -->\r\n    <div class=\"steps\" id=\"steps\">\r\n      \r\n      <!-- PASO 1: CONTACTO -->\r\n      <div class=\"step\" data-step=\"1\">\r\n        <span class=\"number\">1<\/span>\r\n        <h3 class=\"step-title\">CONTACTO<\/h3>\r\n        <p class=\"step-desc\">Cu\u00e9ntanos tu visi\u00f3n<\/p>\r\n        <ul class=\"features\">\r\n          <li>WhatsApp<\/li>\r\n          <li>Email<\/li>\r\n          <li>Llamada<\/li>\r\n        <\/ul>\r\n        <span class=\"time\">\u23f1 24h respuesta<\/span>\r\n        <span class=\"arrow\">\u2192<\/span>\r\n      <\/div>\r\n\r\n      <!-- PASO 2: PLAN -->\r\n      <div class=\"step\" data-step=\"2\">\r\n        <span class=\"number\">2<\/span>\r\n        <h3 class=\"step-title\">PLAN<\/h3>\r\n        <p class=\"step-desc\">Dise\u00f1amos tu propuesta customizada<\/p>\r\n        <ul class=\"features\">\r\n          <li>Brief<\/li>\r\n          <li>Propuesta<\/li>\r\n          <li>Presupuesto<\/li>\r\n        <\/ul>\r\n        <span class=\"time\">\u23f1 48-72h<\/span>\r\n        <span class=\"arrow\">\u2192<\/span>\r\n      <\/div>\r\n\r\n      <!-- PASO 3: EJECUCI\u00d3N -->\r\n      <div class=\"step\" data-step=\"3\">\r\n        <span class=\"number\">3<\/span>\r\n        <h3 class=\"step-title\">EJECUCI\u00d3N<\/h3>\r\n        <p class=\"step-desc\">Hacemos realidad tu evento<\/p>\r\n        <ul class=\"features\">\r\n          <li>Coordinaci\u00f3n<\/li>\r\n          <li>Staff<\/li>\r\n          <li>T\u00e9cnico<\/li>\r\n        <\/ul>\r\n        <span class=\"time\">\u23f1 D\u00eda del evento<\/span>\r\n        <span class=\"arrow\">\u2192<\/span>\r\n      <\/div>\r\n\r\n      <!-- PASO 4: SEGUIMIENTO -->\r\n      <div class=\"step\" data-step=\"4\">\r\n        <span class=\"number\">4<\/span>\r\n        <h3 class=\"step-title\">SEGUIMIENTO<\/h3>\r\n        <p class=\"step-desc\">An\u00e1lisis y mejora continua<\/p>\r\n        <ul class=\"features\">\r\n          <li>M\u00e9tricas<\/li>\r\n          <li>Feedback<\/li>\r\n          <li>Reporte<\/li>\r\n        <\/ul>\r\n        <span class=\"time\">\u23f1 Post-evento<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PANEL DE CONTENIDO DIN\u00c1MICO -->\r\n    <div class=\"panel\" id=\"panel\">\r\n      <div id=\"content1\" class=\"content active\">\r\n        <h4>Hablemos de tu evento<\/h4>\r\n        <p>Respondemos en m\u00e1ximo 24 horas por WhatsApp, email o llamada. Cu\u00e9ntanos tu visi\u00f3n y empezamos a trabajar.<\/p>\r\n      <\/div>\r\n      <div id=\"content2\" class=\"content\">\r\n        <h4>Dise\u00f1amos tu propuesta<\/h4>\r\n        <p>En 48-72 horas tendr\u00e1s una propuesta personalizada con todos los detalles: proveedores, timeline y presupuesto.<\/p>\r\n      <\/div>\r\n      <div id=\"content3\" class=\"content\">\r\n        <h4>Hacemos que suceda<\/h4>\r\n        <p>Coordinaci\u00f3n total, staff profesional y equipo t\u00e9cnico. T\u00fa solo disfruta, nosotros nos encargamos de todo.<\/p>\r\n      <\/div>\r\n      <div id=\"content4\" class=\"content\">\r\n        <h4>Mejoramos contigo<\/h4>\r\n        <p>Te entregamos m\u00e9tricas, feedback y un reporte completo. Cada evento es una oportunidad para superarnos.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- INDICADORES AUTOM\u00c1TICOS -->\r\n    <div class=\"auto-indicator\" id=\"indicator\">\r\n      <span class=\"dot active\"><\/span>\r\n      <span class=\"dot\"><\/span>\r\n      <span class=\"dot\"><\/span>\r\n      <span class=\"dot\"><\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ ===== ZEBRA EXPERIENCE - PROCESS STEPPER =====\r\n  \/\/ AUTO LOOP - VERSI\u00d3N CORREGIDA\r\n  (function() {\r\n    let currentStep = 1;\r\n    const totalSteps = 4;\r\n    \r\n    \/\/ Elementos\r\n    const contents = document.querySelectorAll('.content');\r\n    const dots = document.querySelectorAll('.dot');\r\n    const steps = document.querySelectorAll('.step');\r\n    const panel = document.querySelector('.panel');\r\n    \r\n    function updateStep(stepNumber) {\r\n      \/\/ Actualizar contenido activo\r\n      contents.forEach(c => c.classList.remove('active'));\r\n      document.getElementById(`content${stepNumber}`).classList.add('active');\r\n      \r\n      \/\/ Actualizar dots\r\n      dots.forEach((dot, i) => {\r\n        dot.classList.toggle('active', i + 1 === stepNumber);\r\n      });\r\n      \r\n      \/\/ Actualizar l\u00ednea de progreso (opcional)\r\n      const stepsLine = document.querySelector('.steps');\r\n      if (stepsLine) {\r\n        const progress = (stepNumber \/ totalSteps) * 100;\r\n        stepsLine.style.setProperty('--progress', `${progress}%`);\r\n      }\r\n      \r\n      \/\/ Animaci\u00f3n suave\r\n      panel.style.animation = 'none';\r\n      panel.offsetHeight;\r\n      panel.style.animation = 'fadeContent 0.5s ease';\r\n      \r\n      currentStep = stepNumber;\r\n    }\r\n    \r\n    function nextStep() {\r\n      let next = currentStep === totalSteps ? 1 : currentStep + 1;\r\n      updateStep(next);\r\n    }\r\n    \r\n    \/\/ Auto loop cada 4 segundos\r\n    setInterval(nextStep, 4000);\r\n    \r\n    \/\/ Click en steps para navegaci\u00f3n manual\r\n    steps.forEach((step, index) => {\r\n      step.addEventListener('click', () => {\r\n        updateStep(index + 1);\r\n      });\r\n    });\r\n    \r\n    \/\/ Click en dots\r\n    dots.forEach((dot, index) => {\r\n      dot.addEventListener('click', () => {\r\n        updateStep(index + 1);\r\n      });\r\n    });\r\n    \r\n    \/\/ Inicializar\r\n    updateStep(1);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3991376 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"3991376\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- EFECTO L\u00c1SER ZEBRA - ANCHO COMPLETO -->\r\n<div class=\"zebra-laser-full\">\r\n    <div class=\"laser-beam\" style=\"--delay: 0s; --color: #FF3333;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 0.5s; --color: #FF9933;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 1.0s; --color: #FFCC33;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 1.5s; --color: #33CC99;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 2.0s; --color: #3366CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 2.5s; --color: #6633CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 3.0s; --color: #9933CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 3.5s; --color: #FF00FF;\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ===== EFECTO L\u00c1SER ZEBRA - ANCHO COMPLETO ===== *\/\r\n\/* SIN RECT\u00c1NGULO - OCUPA TODO EL ANCHO *\/\r\n\r\n.zebra-laser-full {\r\n    position: relative;\r\n    width: 100vw; \/* Ancho completo de la ventana *\/\r\n    max-width: 100vw;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    \r\n    \/* Altura responsiva *\/\r\n    height: 200px;\r\n    \r\n    \/* Sin bordes ni fondos *\/\r\n    background: transparent;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* L\u00edneas l\u00e1ser *\/\r\n.laser-beam {\r\n    position: absolute;\r\n    width: 100%; \/* Ahora ocupa todo el ancho *\/\r\n    height: 2px;\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent 0%,\r\n        var(--color) 10%,\r\n        #FFFFFF 20%,\r\n        var(--color) 30%,\r\n        #FFFFFF 40%,\r\n        var(--color) 50%,\r\n        #FFFFFF 60%,\r\n        var(--color) 70%,\r\n        #FFFFFF 80%,\r\n        var(--color) 90%,\r\n        transparent 100%\r\n    );\r\n    top: 50%;\r\n    left: 0;\r\n    transform: translateX(-100%) translateY(-50%);\r\n    animation: laser-sweep 3.5s cubic-bezier(0.45, 0.9, 0.55, 1) infinite;\r\n    animation-delay: var(--delay);\r\n    filter: \r\n        blur(0.8px)\r\n        drop-shadow(0 0 8px var(--color))\r\n        drop-shadow(0 0 15px #FFFFFF);\r\n    opacity: 0.7;\r\n    mix-blend-mode: screen;\r\n}\r\n\r\n\/* Animaci\u00f3n de barrido *\/\r\n@keyframes laser-sweep {\r\n    0% {\r\n        transform: translateX(-100%) translateY(-50%);\r\n        opacity: 0;\r\n    }\r\n    10% {\r\n        opacity: 0.8;\r\n    }\r\n    30% {\r\n        opacity: 1;\r\n    }\r\n    70% {\r\n        opacity: 1;\r\n    }\r\n    90% {\r\n        opacity: 0.8;\r\n    }\r\n    100% {\r\n        transform: translateX(100%) translateY(-50%);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* Destellos blancos *\/\r\n.laser-beam::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 25px;\r\n    height: 25px;\r\n    background: #FFFFFF;\r\n    border-radius: 50%;\r\n    top: 50%;\r\n    left: 0;\r\n    transform: translate(-50%, -50%) scale(0);\r\n    animation: white-flash 3.5s ease-out infinite;\r\n    animation-delay: var(--delay);\r\n    filter: blur(3px);\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes white-flash {\r\n    0% {\r\n        transform: translate(-50%, -50%) scale(0);\r\n        opacity: 0;\r\n    }\r\n    5% {\r\n        transform: translate(-50%, -50%) scale(1.5);\r\n        opacity: 0.9;\r\n    }\r\n    10% {\r\n        transform: translate(-50%, -50%) scale(2);\r\n        opacity: 0.5;\r\n    }\r\n    15% {\r\n        transform: translate(-50%, -50%) scale(0);\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 768px) {\r\n    .zebra-laser-full {\r\n        height: 140px;\r\n    }\r\n    \r\n    .laser-beam {\r\n        height: 1.8px;\r\n        filter: blur(0.5px) drop-shadow(0 0 5px var(--color));\r\n    }\r\n    \r\n    .laser-beam::before {\r\n        width: 20px;\r\n        height: 20px;\r\n        filter: blur(2px);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .zebra-laser-full {\r\n        height: 100px;\r\n    }\r\n    \r\n    .laser-beam {\r\n        height: 1.5px;\r\n        filter: blur(0.3px) drop-shadow(0 0 4px var(--color));\r\n    }\r\n    \r\n    .laser-beam::before {\r\n        width: 15px;\r\n        height: 15px;\r\n        filter: blur(1.5px);\r\n    }\r\n    \r\n    \/* Menos l\u00edneas en m\u00f3vil *\/\r\n    .laser-beam:nth-child(n+6) {\r\n        display: none;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bfd53e2 e-con-full e-flex e-con e-parent\" data-id=\"bfd53e2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/www.zebraexperience.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/67108923-light-leaks-element-450_ineedfx.com_1843.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-2770263 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"2770263\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:400}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ===== ZEBRA EXPERIENCE - FOUNDER PROFILE ===== *\/\r\n  \/* VERSI\u00d3N ELEMENTOR - SIN REACT, SIN DEPENDENCIAS *\/\r\n  \/* Brand: #0B0F1A | #FF00FF | Vidrio puro | Sin bordes blancos *\/\r\n  \r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');\r\n\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .zebra-founder-section {\r\n    font-family: 'Inter', sans-serif;\r\n    background: transparent;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 80px 24px;\r\n    position: relative;\r\n  }\r\n\r\n  .zebra-founder-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 10;\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* ===== HEADER ===== *\/\r\n  .zebra-founder-header {\r\n    text-align: center;\r\n    margin-bottom: 56px;\r\n  }\r\n\r\n  .zebra-founder-title {\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 700;\r\n    font-size: clamp(32px, 6vw, 42px);\r\n    color: white;\r\n    text-shadow: 0 0 20px rgba(255,0,255,0.15);\r\n    letter-spacing: -0.02em;\r\n    position: relative;\r\n  }\r\n\r\n  .zebra-founder-title::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -16px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 80px;\r\n    height: 1.5px;\r\n    background: linear-gradient(90deg, transparent, rgba(255,0,255,0.2), transparent);\r\n  }\r\n\r\n  \/* ===== PROFILE CARD - VIDRIO PURO ===== *\/\r\n  .zebra-profile-card {\r\n    max-width: 480px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    background: rgba(255,255,255,0.01);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: none;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 35px -12px rgba(0,0,0,0.25);\r\n  }\r\n\r\n  \/* ===== IMAGE CONTAINER ===== *\/\r\n  .zebra-image-container {\r\n    position: relative;\r\n    overflow: hidden;\r\n    aspect-ratio: 1\/1;\r\n  }\r\n\r\n  .zebra-profile-image {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    filter: brightness(0.9) contrast(1.1);\r\n  }\r\n\r\n  .zebra-image-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to top, #0B0F1A 0%, transparent 60%);\r\n    pointer-events: none;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  .zebra-profile-title {\r\n    position: absolute;\r\n    top: 24px;\r\n    left: 24px;\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 700;\r\n    font-size: clamp(24px, 5vw, 28px);\r\n    color: white;\r\n    text-shadow: 0 2px 15px black;\r\n    letter-spacing: -0.02em;\r\n    z-index: 10;\r\n  }\r\n\r\n  \/* ===== PROFILE INFO ===== *\/\r\n  .zebra-profile-info {\r\n    padding: 28px 32px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    background: transparent;\r\n    border-top: none;\r\n  }\r\n\r\n  \/* ===== AUTHOR DETAILS ===== *\/\r\n  .zebra-author-details {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .zebra-author-name {\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 700;\r\n    font-size: 20px;\r\n    color: white;\r\n    margin-bottom: 6px;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  .zebra-author-handle {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 15px;\r\n    color: rgba(255,255,255,0.5);\r\n  }\r\n\r\n  \/* ===== BOT\u00d3N - SIN BORDE, SOLO MAGENTA SUTIL ===== *\/\r\n  .zebra-founder-btn {\r\n    background: rgba(255, 0, 255, 0.03);\r\n    border: none;\r\n    color: rgba(255,255,255,0.7);\r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 15px;\r\n    padding: 12px 28px;\r\n    border-radius: 40px;\r\n    cursor: pointer;\r\n    backdrop-filter: blur(8px);\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    text-decoration: none;\r\n    transition: all 0.2s ease;\r\n  }\r\n\r\n  .zebra-founder-btn::before {\r\n    content: \"\ud83d\udcf7\";\r\n    font-size: 16px;\r\n    opacity: 0.5;\r\n  }\r\n\r\n  .zebra-founder-btn:hover {\r\n    background: rgba(255, 0, 255, 0.08);\r\n    color: white;\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media screen and (max-width: 768px) {\r\n    .zebra-founder-section { padding: 64px 20px; }\r\n    .zebra-profile-info { padding: 24px; }\r\n    .zebra-author-name { font-size: 19px; }\r\n  }\r\n\r\n  @media screen and (max-width: 480px) {\r\n    .zebra-founder-section { padding: 48px 16px; }\r\n    .zebra-profile-info { \r\n      flex-direction: column; \r\n      align-items: flex-start;\r\n      gap: 20px;\r\n    }\r\n    .zebra-founder-btn { \r\n      width: 100%; \r\n      justify-content: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== COMPONENTE FOUNDER PROFILE - ELEMENTOR ===== -->\r\n<!-- \ud83d\udfe2 SIN REACT - PURO HTML\/CSS - LISTO PARA WIDGET HTML -->\r\n<div class=\"zebra-founder-section\">\r\n  <div class=\"zebra-founder-container\">\r\n    \r\n    <!-- HEADER -->\r\n    <div class=\"zebra-founder-header\">\r\n      <h2 class=\"zebra-founder-title\">Detr\u00e1s de Zebra<\/h2>\r\n    <\/div>\r\n    \r\n    <!-- PROFILE CARD -->\r\n    <div class=\"zebra-profile-card\">\r\n      \r\n      <!-- IMAGE CONTAINER -->\r\n      <div class=\"zebra-image-container\">\r\n        <img decoding=\"async\" \r\n          src=\"https:\/\/www.zebraexperience.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-11-at-7.29.57-PM.jpeg\" \r\n          alt=\"Fernando Bello\" \r\n          class=\"zebra-profile-image\"\r\n        \/>\r\n        <div class=\"zebra-image-overlay\"><\/div>\r\n        <h2 class=\"zebra-profile-title\">Fernando Bello<\/h2>\r\n      <\/div>\r\n      \r\n      <!-- PROFILE INFO - SIN AVATAR CIRCULAR -->\r\n      <div class=\"zebra-profile-info\">\r\n        <div class=\"zebra-author-details\">\r\n          <div class=\"zebra-author-name\">Fernando Bello<\/div>\r\n          <div class=\"zebra-author-handle\">@fernandobell0<\/div>\r\n        <\/div>\r\n        \r\n        <a href=\"https:\/\/instagram.com\/fernandobell0\" target=\"_blank\" class=\"zebra-founder-btn\">\r\n          Seguir\r\n        <\/a>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aafd89d elementor-widget elementor-widget-html\" data-id=\"aafd89d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===== BOT\u00d3N ZEBRA - VERSI\u00d3N LIVIANA ===== *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');\r\n\r\n.zebra-btn-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    padding: 0;\r\n    margin: 0;\r\n    position: relative;\r\n    background: transparent;\r\n}\r\n\r\n\/* BOT\u00d3N PRINCIPAL - SIN EFECTOS PESADOS *\/\r\n.zebra-shimmer-btn {\r\n    position: relative;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    cursor: pointer;\r\n    white-space: nowrap;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    padding: 16px 40px;\r\n    font-family: 'Sora', sans-serif;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: white;\r\n    background: #000000;\r\n    border-radius: 60px;\r\n    text-decoration: none;\r\n    box-shadow: 0 4px 15px rgba(255, 0, 255, 0.2);\r\n    transition: all 0.2s ease;\r\n    z-index: 2;\r\n}\r\n\r\n.zebra-shimmer-btn:active {\r\n    transform: scale(0.98);\r\n    box-shadow: 0 2px 10px rgba(255, 0, 255, 0.3);\r\n}\r\n\r\n\/* FLECHA SENCILLA *\/\r\n.btn-arrow {\r\n    display: inline-flex;\r\n}\r\n\r\n.btn-arrow svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    stroke: #FF00FF;\r\n    stroke-width: 2;\r\n    fill: none;\r\n}\r\n\r\n\/* BORDE L\u00c1SER SUTIL (1 CAPA, SIN ANIMACI\u00d3N) *\/\r\n.laser-simple {\r\n    position: absolute;\r\n    top: -2px;\r\n    left: -2px;\r\n    right: -2px;\r\n    bottom: -2px;\r\n    border-radius: 62px;\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    box-shadow: 0 0 10px rgba(255, 255, 255, 0.2);\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* VERSI\u00d3N M\u00d3VIL - A\u00daN M\u00c1S LIGERA *\/\r\n@media (max-width: 768px) {\r\n    .zebra-shimmer-btn {\r\n        padding: 14px 32px;\r\n        font-size: 16px;\r\n        box-shadow: 0 2px 10px rgba(255, 0, 255, 0.15);\r\n    }\r\n    \r\n    .btn-arrow svg {\r\n        width: 18px;\r\n        height: 18px;\r\n    }\r\n    \r\n    .laser-simple {\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n        box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .zebra-shimmer-btn {\r\n        padding: 12px 24px;\r\n        font-size: 15px;\r\n        width: 100%;\r\n        max-width: 260px;\r\n        gap: 8px;\r\n    }\r\n    \r\n    .laser-simple {\r\n        top: -1px;\r\n        left: -1px;\r\n        right: -1px;\r\n        bottom: -1px;\r\n        border-radius: 61px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== BOT\u00d3N ULTRALIVIANO ===== -->\r\n<div class=\"zebra-btn-wrapper\">\r\n    <a href=\"https:\/\/fernandobello.com\" target=\"_blank\" class=\"zebra-shimmer-btn\">\r\n        <span>fernandobello.com<\/span>\r\n        <span class=\"btn-arrow\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n                <path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"\/>\r\n            <\/svg>\r\n        <\/span>\r\n    <\/a>\r\n    \r\n    <!-- Borde l\u00e1ser simple -->\r\n    <div class=\"laser-simple\"><\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ccaef14 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"ccaef14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- EFECTO L\u00c1SER ZEBRA - ANCHO COMPLETO -->\r\n<div class=\"zebra-laser-full\">\r\n    <div class=\"laser-beam\" style=\"--delay: 0s; --color: #FF3333;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 0.5s; --color: #FF9933;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 1.0s; --color: #FFCC33;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 1.5s; --color: #33CC99;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 2.0s; --color: #3366CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 2.5s; --color: #6633CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 3.0s; --color: #9933CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 3.5s; --color: #FF00FF;\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ===== EFECTO L\u00c1SER ZEBRA - ANCHO COMPLETO ===== *\/\r\n\/* SIN RECT\u00c1NGULO - OCUPA TODO EL ANCHO *\/\r\n\r\n.zebra-laser-full {\r\n    position: relative;\r\n    width: 100vw; \/* Ancho completo de la ventana *\/\r\n    max-width: 100vw;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    \r\n    \/* Altura responsiva *\/\r\n    height: 200px;\r\n    \r\n    \/* Sin bordes ni fondos *\/\r\n    background: transparent;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* L\u00edneas l\u00e1ser *\/\r\n.laser-beam {\r\n    position: absolute;\r\n    width: 100%; \/* Ahora ocupa todo el ancho *\/\r\n    height: 2px;\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent 0%,\r\n        var(--color) 10%,\r\n        #FFFFFF 20%,\r\n        var(--color) 30%,\r\n        #FFFFFF 40%,\r\n        var(--color) 50%,\r\n        #FFFFFF 60%,\r\n        var(--color) 70%,\r\n        #FFFFFF 80%,\r\n        var(--color) 90%,\r\n        transparent 100%\r\n    );\r\n    top: 50%;\r\n    left: 0;\r\n    transform: translateX(-100%) translateY(-50%);\r\n    animation: laser-sweep 3.5s cubic-bezier(0.45, 0.9, 0.55, 1) infinite;\r\n    animation-delay: var(--delay);\r\n    filter: \r\n        blur(0.8px)\r\n        drop-shadow(0 0 8px var(--color))\r\n        drop-shadow(0 0 15px #FFFFFF);\r\n    opacity: 0.7;\r\n    mix-blend-mode: screen;\r\n}\r\n\r\n\/* Animaci\u00f3n de barrido *\/\r\n@keyframes laser-sweep {\r\n    0% {\r\n        transform: translateX(-100%) translateY(-50%);\r\n        opacity: 0;\r\n    }\r\n    10% {\r\n        opacity: 0.8;\r\n    }\r\n    30% {\r\n        opacity: 1;\r\n    }\r\n    70% {\r\n        opacity: 1;\r\n    }\r\n    90% {\r\n        opacity: 0.8;\r\n    }\r\n    100% {\r\n        transform: translateX(100%) translateY(-50%);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* Destellos blancos *\/\r\n.laser-beam::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 25px;\r\n    height: 25px;\r\n    background: #FFFFFF;\r\n    border-radius: 50%;\r\n    top: 50%;\r\n    left: 0;\r\n    transform: translate(-50%, -50%) scale(0);\r\n    animation: white-flash 3.5s ease-out infinite;\r\n    animation-delay: var(--delay);\r\n    filter: blur(3px);\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes white-flash {\r\n    0% {\r\n        transform: translate(-50%, -50%) scale(0);\r\n        opacity: 0;\r\n    }\r\n    5% {\r\n        transform: translate(-50%, -50%) scale(1.5);\r\n        opacity: 0.9;\r\n    }\r\n    10% {\r\n        transform: translate(-50%, -50%) scale(2);\r\n        opacity: 0.5;\r\n    }\r\n    15% {\r\n        transform: translate(-50%, -50%) scale(0);\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 768px) {\r\n    .zebra-laser-full {\r\n        height: 140px;\r\n    }\r\n    \r\n    .laser-beam {\r\n        height: 1.8px;\r\n        filter: blur(0.5px) drop-shadow(0 0 5px var(--color));\r\n    }\r\n    \r\n    .laser-beam::before {\r\n        width: 20px;\r\n        height: 20px;\r\n        filter: blur(2px);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .zebra-laser-full {\r\n        height: 100px;\r\n    }\r\n    \r\n    .laser-beam {\r\n        height: 1.5px;\r\n        filter: blur(0.3px) drop-shadow(0 0 4px var(--color));\r\n    }\r\n    \r\n    .laser-beam::before {\r\n        width: 15px;\r\n        height: 15px;\r\n        filter: blur(1.5px);\r\n    }\r\n    \r\n    \/* Menos l\u00edneas en m\u00f3vil *\/\r\n    .laser-beam:nth-child(n+6) {\r\n        display: none;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90c9345 e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"90c9345\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:400,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9178fd9 elementor-widget elementor-widget-html\" data-id=\"9178fd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ===== ZEBRA EXPERIENCE - TESTIMONIAL CARDS ===== *\/\r\n  \/* VERSI\u00d3N ELEMENTOR - SOLO CARDS, SIN T\u00cdTULO *\/\r\n  \/* Brand: #0B0F1A | #FF00FF | Vidrio puro *\/\r\n  \r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');\r\n\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .zebra-testimonials {\r\n    font-family: 'Inter', sans-serif;\r\n    background: transparent;\r\n    width: 100%;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 80px 24px;\r\n    position: relative;\r\n  }\r\n\r\n  .zebra-testimonials-container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 10;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* ===== CARDS WRAPPER - BASADO EN FOCUS RAIL ===== *\/\r\n  .testimonials-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: relative;\r\n    min-height: 500px;\r\n    width: 100%;\r\n  }\r\n\r\n  .cards-stack {\r\n    position: relative;\r\n    width: 380px;\r\n    height: 480px;\r\n    margin: 0 auto;\r\n    perspective: 1000px;\r\n  }\r\n\r\n  \/* ===== TESTIMONIAL CARD - VIDRIO PURO ===== *\/\r\n  .testimonial-card {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 380px;\r\n    height: 480px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 32px 28px;\r\n    background: rgba(255,255,255,0.01);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(255,255,255,0.02);\r\n    border-radius: 16px;\r\n    box-shadow: 0 20px 35px -12px rgba(0,0,0,0.25);\r\n    transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1);\r\n    cursor: grab;\r\n    transform-style: preserve-3d;\r\n    backface-visibility: hidden;\r\n  }\r\n\r\n  .testimonial-card:active {\r\n    cursor: grabbing;\r\n  }\r\n\r\n  \/* Posiciones del stack *\/\r\n  .testimonial-card.front {\r\n    z-index: 3;\r\n    transform: rotate(-4deg) translateX(0%) scale(1);\r\n    border-color: rgba(255,0,255,0.05);\r\n  }\r\n\r\n  .testimonial-card.middle {\r\n    z-index: 2;\r\n    transform: rotate(0deg) translateX(15%) scale(0.95);\r\n    opacity: 0.9;\r\n    filter: blur(0.5px);\r\n  }\r\n\r\n  .testimonial-card.back {\r\n    z-index: 1;\r\n    transform: rotate(4deg) translateX(30%) scale(0.9);\r\n    opacity: 0.8;\r\n    filter: blur(1px);\r\n  }\r\n\r\n  \/* Hover solo en card frontal *\/\r\n  .testimonial-card.front:hover {\r\n    border-color: rgba(255,0,255,0.15);\r\n    box-shadow: 0 25px 40px -12px rgba(255,0,255,0.1);\r\n    transform: rotate(-3deg) translateX(0%) scale(1.02);\r\n  }\r\n\r\n  \/* ===== ESTRELLAS - MAGENTA ===== *\/\r\n  .card-stars {\r\n    font-size: 24px;\r\n    letter-spacing: 6px;\r\n    color: #FF00FF;\r\n    margin-bottom: 28px;\r\n    text-shadow: 0 0 15px rgba(255,0,255,0.2);\r\n    opacity: 0.9;\r\n  }\r\n\r\n  \/* ===== TEXTO DEL TESTIMONIO ===== *\/\r\n  .card-text {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 20px;\r\n    line-height: 1.5;\r\n    color: white;\r\n    font-weight: 400;\r\n    text-align: center;\r\n    margin-bottom: 28px;\r\n    font-style: italic;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n  }\r\n\r\n  .card-text::before,\r\n  .card-text::after {\r\n    content: '\"';\r\n    color: rgba(255,0,255,0.3);\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* ===== AUTOR ===== *\/\r\n  .card-author {\r\n    text-align: center;\r\n    margin-top: auto;\r\n  }\r\n\r\n  .author-name {\r\n    font-family: 'Sora', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 18px;\r\n    color: white;\r\n    margin-bottom: 4px;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  .author-title {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 14px;\r\n    color: rgba(255,255,255,0.5);\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* ===== DOTS INDICADORES ===== *\/\r\n  .testimonials-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin-top: 48px;\r\n  }\r\n\r\n  .dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.1);\r\n    transition: all 0.25s ease;\r\n    cursor: pointer;\r\n    border: none;\r\n  }\r\n\r\n  .dot.active {\r\n    width: 32px;\r\n    background: #FF00FF;\r\n    box-shadow: 0 0 15px rgba(255,0,255,0.3);\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .dot:hover {\r\n    background: rgba(255,0,255,0.3);\r\n  }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media screen and (max-width: 768px) {\r\n    .zebra-testimonials { padding: 60px 20px; }\r\n    .cards-stack { width: 320px; height: 420px; }\r\n    .testimonial-card { width: 320px; height: 420px; padding: 28px 24px; }\r\n    .testimonial-card.middle { transform: rotate(0deg) translateX(12%) scale(0.95); }\r\n    .testimonial-card.back { transform: rotate(4deg) translateX(24%) scale(0.9); }\r\n    .card-text { font-size: 18px; }\r\n  }\r\n\r\n  @media screen and (max-width: 480px) {\r\n    .cards-stack { width: 280px; height: 380px; }\r\n    .testimonial-card { width: 280px; height: 380px; padding: 24px 20px; }\r\n    .testimonial-card.middle { transform: rotate(0deg) translateX(8%) scale(0.95); }\r\n    .testimonial-card.back { transform: rotate(4deg) translateX(16%) scale(0.9); }\r\n    .card-stars { font-size: 20px; letter-spacing: 4px; }\r\n    .card-text { font-size: 16px; }\r\n    .author-name { font-size: 16px; }\r\n    .author-title { font-size: 13px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ===== COMPONENTE TESTIMONIAL CARDS - SIN T\u00cdTULO ===== -->\r\n<div class=\"zebra-testimonials\">\r\n  <div class=\"zebra-testimonials-container\">\r\n\r\n    <!-- STACK DE TARJETAS - SOLO CARDS, SIN HEADER -->\r\n    <div class=\"testimonials-wrapper\">\r\n      <div id=\"testimonialsStack\" class=\"cards-stack\">\r\n        \r\n        <!-- TARJETA 1: Mar\u00eda L\u00f3pez - TechCo -->\r\n        <div id=\"testimonial1\" class=\"testimonial-card front\" data-index=\"0\">\r\n          <div class=\"card-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n          <div class=\"card-text\">\r\n            Zebra convirti\u00f3 nuestro lanzamiento en trending topic. La producci\u00f3n fue impecable.\r\n          <\/div>\r\n          <div class=\"card-author\">\r\n            <div class=\"author-name\">Mar\u00eda L\u00f3pez<\/div>\r\n            <div class=\"author-title\">CMO \u00b7 TechCo<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- TARJETA 2: Carlos Ruiz - Club Pacha -->\r\n        <div id=\"testimonial2\" class=\"testimonial-card middle\" data-index=\"1\">\r\n          <div class=\"card-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n          <div class=\"card-text\">\r\n            Profesionales de inicio a fin. El evento super\u00f3 todas nuestras expectativas.\r\n          <\/div>\r\n          <div class=\"card-author\">\r\n            <div class=\"author-name\">Carlos Ruiz<\/div>\r\n            <div class=\"author-title\">Director \u00b7 Club Pacha<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- TARJETA 3: Ana Garc\u00eda - Celebraci\u00f3n privada -->\r\n        <div id=\"testimonial3\" class=\"testimonial-card back\" data-index=\"2\">\r\n          <div class=\"card-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n          <div class=\"card-text\">\r\n            Crearon una atm\u00f3sfera m\u00e1gica. Todos mis invitados siguen hablando de ese d\u00eda.\r\n          <\/div>\r\n          <div class=\"card-author\">\r\n            <div class=\"author-name\">Ana Garc\u00eda<\/div>\r\n            <div class=\"author-title\">Celebraci\u00f3n privada<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- TARJETA 4: David Kim - Gravity Events -->\r\n        <div id=\"testimonial4\" class=\"testimonial-card\" data-index=\"3\" style=\"display: none;\">\r\n          <div class=\"card-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n          <div class=\"card-text\">\r\n            La alianza con Zebra ha sido la mejor decisi\u00f3n. Su equipo es extraordinario.\r\n          <\/div>\r\n          <div class=\"card-author\">\r\n            <div class=\"author-name\">David Kim<\/div>\r\n            <div class=\"author-title\">CEO \u00b7 Gravity Events<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- TARJETA 5: Laura M\u00e9ndez - Domaine Valette -->\r\n        <div id=\"testimonial5\" class=\"testimonial-card\" data-index=\"4\" style=\"display: none;\">\r\n          <div class=\"card-stars\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n          <div class=\"card-text\">\r\n            Lujo, sofisticaci\u00f3n y una ejecuci\u00f3n perfecta. Zebra entiende el lujo.\r\n          <\/div>\r\n          <div class=\"card-author\">\r\n            <div class=\"author-name\">Laura M\u00e9ndez<\/div>\r\n            <div class=\"author-title\">Brand Director \u00b7 Domaine Valette<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- DOTS INDICADORES -->\r\n    <div class=\"testimonials-dots\" id=\"testimonialsDots\">\r\n      <span class=\"dot active\" data-index=\"0\"><\/span>\r\n      <span class=\"dot\" data-index=\"1\"><\/span>\r\n      <span class=\"dot\" data-index=\"2\"><\/span>\r\n      <span class=\"dot\" data-index=\"3\"><\/span>\r\n      <span class=\"dot\" data-index=\"4\"><\/span>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    'use strict';\r\n\r\n    \/\/ ===== TESTIMONIAL CARDS - SIN T\u00cdTULO =====\r\n    const cards = document.querySelectorAll('.testimonial-card:not([style*=\"display: none\"])');\r\n    const allCards = document.querySelectorAll('.testimonial-card');\r\n    const dots = document.querySelectorAll('.dot');\r\n    let currentIndex = 0;\r\n    let visibleCards = Array.from(cards);\r\n    let totalCards = visibleCards.length;\r\n    \r\n    \/\/ Ocultar cards extras y mostrar solo 3 visibles\r\n    function initCards() {\r\n      allCards.forEach((card, index) => {\r\n        if (index < 3) {\r\n          card.style.display = 'flex';\r\n        } else {\r\n          card.style.display = 'none';\r\n        }\r\n      });\r\n      \r\n      \/\/ Actualizar cards visibles\r\n      visibleCards = Array.from(document.querySelectorAll('.testimonial-card:not([style*=\"display: none\"])'));\r\n      totalCards = visibleCards.length;\r\n      \r\n      \/\/ Asignar posiciones iniciales\r\n      updatePositions(0);\r\n    }\r\n\r\n    \/\/ Funci\u00f3n para actualizar posiciones\r\n    function updatePositions(index) {\r\n      const positions = ['front', 'middle', 'back'];\r\n      \r\n      \/\/ Resetear clases\r\n      visibleCards.forEach(card => {\r\n        card.classList.remove('front', 'middle', 'back');\r\n      });\r\n\r\n      \/\/ Asignar nuevas posiciones\r\n      visibleCards[0].classList.add(positions[(0 - index + totalCards) % totalCards]);\r\n      visibleCards[1].classList.add(positions[(1 - index + totalCards) % totalCards]);\r\n      visibleCards[2].classList.add(positions[(2 - index + totalCards) % totalCards]);\r\n\r\n      \/\/ Actualizar dots\r\n      dots.forEach((dot, i) => {\r\n        dot.classList.toggle('active', i === index);\r\n      });\r\n\r\n      currentIndex = index;\r\n    }\r\n\r\n    \/\/ Shuffle - siguiente testimonio\r\n    function shuffleNext() {\r\n      const nextIndex = (currentIndex + 1) % totalCards;\r\n      updatePositions(nextIndex);\r\n    }\r\n\r\n    \/\/ Event listeners para drag\r\n    let isDragging = false;\r\n    let startX = 0;\r\n    let dragStartTime = 0;\r\n\r\n    visibleCards.forEach((card) => {\r\n      \/\/ Mouse events\r\n      card.addEventListener('mousedown', function(e) {\r\n        if (!this.classList.contains('front')) return;\r\n        isDragging = true;\r\n        startX = e.clientX;\r\n        dragStartTime = Date.now();\r\n        this.style.transition = 'none';\r\n      });\r\n\r\n      window.addEventListener('mousemove', function(e) {\r\n        if (!isDragging) return;\r\n        e.preventDefault();\r\n      });\r\n\r\n      window.addEventListener('mouseup', function(e) {\r\n        if (!isDragging) return;\r\n        \r\n        const deltaX = e.clientX - startX;\r\n        const dragTime = Date.now() - dragStartTime;\r\n        \r\n        \/\/ Restaurar transici\u00f3n\r\n        visibleCards.forEach(c => c.style.transition = 'all 0.35s cubic-bezier(0.23, 1, 0.32, 1)');\r\n        \r\n        if (Math.abs(deltaX) > 80 || (Math.abs(deltaX) > 30 && dragTime < 300)) {\r\n          if (deltaX < 0) {\r\n            shuffleNext();\r\n          }\r\n        }\r\n        \r\n        isDragging = false;\r\n      });\r\n\r\n      \/\/ Touch events\r\n      card.addEventListener('touchstart', function(e) {\r\n        if (!this.classList.contains('front')) return;\r\n        isDragging = true;\r\n        startX = e.touches[0].clientX;\r\n        dragStartTime = Date.now();\r\n        this.style.transition = 'none';\r\n      });\r\n\r\n      window.addEventListener('touchmove', function(e) {\r\n        if (!isDragging) return;\r\n        e.preventDefault();\r\n      });\r\n\r\n      window.addEventListener('touchend', function(e) {\r\n        if (!isDragging) return;\r\n        \r\n        const deltaX = e.changedTouches[0].clientX - startX;\r\n        const dragTime = Date.now() - dragStartTime;\r\n        \r\n        visibleCards.forEach(c => c.style.transition = 'all 0.35s cubic-bezier(0.23, 1, 0.32, 1)');\r\n        \r\n        if (Math.abs(deltaX) > 60 || (Math.abs(deltaX) > 20 && dragTime < 300)) {\r\n          if (deltaX < 0) {\r\n            shuffleNext();\r\n          }\r\n        }\r\n        \r\n        isDragging = false;\r\n      });\r\n    });\r\n\r\n    \/\/ Click en dots\r\n    dots.forEach((dot, index) => {\r\n      dot.addEventListener('click', () => {\r\n        updatePositions(index);\r\n      });\r\n    });\r\n\r\n    \/\/ Auto-play cada 6 segundos\r\n    let autoPlay = setInterval(shuffleNext, 6000);\r\n\r\n    \/\/ Pausar autoplay al interactuar\r\n    const stack = document.getElementById('testimonialsStack');\r\n    stack.addEventListener('mousedown', () => {\r\n      clearInterval(autoPlay);\r\n      autoPlay = setInterval(shuffleNext, 6000);\r\n    });\r\n\r\n    stack.addEventListener('touchstart', () => {\r\n      clearInterval(autoPlay);\r\n      autoPlay = setInterval(shuffleNext, 6000);\r\n    });\r\n\r\n    \/\/ Inicializar\r\n    initCards();\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-887bdb8 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"887bdb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- EFECTO L\u00c1SER ZEBRA - ANCHO COMPLETO -->\r\n<div class=\"zebra-laser-full\">\r\n    <div class=\"laser-beam\" style=\"--delay: 0s; --color: #FF3333;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 0.5s; --color: #FF9933;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 1.0s; --color: #FFCC33;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 1.5s; --color: #33CC99;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 2.0s; --color: #3366CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 2.5s; --color: #6633CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 3.0s; --color: #9933CC;\"><\/div>\r\n    <div class=\"laser-beam\" style=\"--delay: 3.5s; --color: #FF00FF;\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ===== EFECTO L\u00c1SER ZEBRA - ANCHO COMPLETO ===== *\/\r\n\/* SIN RECT\u00c1NGULO - OCUPA TODO EL ANCHO *\/\r\n\r\n.zebra-laser-full {\r\n    position: relative;\r\n    width: 100vw; \/* Ancho completo de la ventana *\/\r\n    max-width: 100vw;\r\n    left: 50%;\r\n    right: 50%;\r\n    margin-left: -50vw;\r\n    margin-right: -50vw;\r\n    \r\n    \/* Altura responsiva *\/\r\n    height: 200px;\r\n    \r\n    \/* Sin bordes ni fondos *\/\r\n    background: transparent;\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* L\u00edneas l\u00e1ser *\/\r\n.laser-beam {\r\n    position: absolute;\r\n    width: 100%; \/* Ahora ocupa todo el ancho *\/\r\n    height: 2px;\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent 0%,\r\n        var(--color) 10%,\r\n        #FFFFFF 20%,\r\n        var(--color) 30%,\r\n        #FFFFFF 40%,\r\n        var(--color) 50%,\r\n        #FFFFFF 60%,\r\n        var(--color) 70%,\r\n        #FFFFFF 80%,\r\n        var(--color) 90%,\r\n        transparent 100%\r\n    );\r\n    top: 50%;\r\n    left: 0;\r\n    transform: translateX(-100%) translateY(-50%);\r\n    animation: laser-sweep 3.5s cubic-bezier(0.45, 0.9, 0.55, 1) infinite;\r\n    animation-delay: var(--delay);\r\n    filter: \r\n        blur(0.8px)\r\n        drop-shadow(0 0 8px var(--color))\r\n        drop-shadow(0 0 15px #FFFFFF);\r\n    opacity: 0.7;\r\n    mix-blend-mode: screen;\r\n}\r\n\r\n\/* Animaci\u00f3n de barrido *\/\r\n@keyframes laser-sweep {\r\n    0% {\r\n        transform: translateX(-100%) translateY(-50%);\r\n        opacity: 0;\r\n    }\r\n    10% {\r\n        opacity: 0.8;\r\n    }\r\n    30% {\r\n        opacity: 1;\r\n    }\r\n    70% {\r\n        opacity: 1;\r\n    }\r\n    90% {\r\n        opacity: 0.8;\r\n    }\r\n    100% {\r\n        transform: translateX(100%) translateY(-50%);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* Destellos blancos *\/\r\n.laser-beam::before {\r\n    content: '';\r\n    position: absolute;\r\n    width: 25px;\r\n    height: 25px;\r\n    background: #FFFFFF;\r\n    border-radius: 50%;\r\n    top: 50%;\r\n    left: 0;\r\n    transform: translate(-50%, -50%) scale(0);\r\n    animation: white-flash 3.5s ease-out infinite;\r\n    animation-delay: var(--delay);\r\n    filter: blur(3px);\r\n    opacity: 0;\r\n}\r\n\r\n@keyframes white-flash {\r\n    0% {\r\n        transform: translate(-50%, -50%) scale(0);\r\n        opacity: 0;\r\n    }\r\n    5% {\r\n        transform: translate(-50%, -50%) scale(1.5);\r\n        opacity: 0.9;\r\n    }\r\n    10% {\r\n        transform: translate(-50%, -50%) scale(2);\r\n        opacity: 0.5;\r\n    }\r\n    15% {\r\n        transform: translate(-50%, -50%) scale(0);\r\n        opacity: 0;\r\n    }\r\n    100% {\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* ===== RESPONSIVE ===== *\/\r\n@media (max-width: 768px) {\r\n    .zebra-laser-full {\r\n        height: 140px;\r\n    }\r\n    \r\n    .laser-beam {\r\n        height: 1.8px;\r\n        filter: blur(0.5px) drop-shadow(0 0 5px var(--color));\r\n    }\r\n    \r\n    .laser-beam::before {\r\n        width: 20px;\r\n        height: 20px;\r\n        filter: blur(2px);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .zebra-laser-full {\r\n        height: 100px;\r\n    }\r\n    \r\n    .laser-beam {\r\n        height: 1.5px;\r\n        filter: blur(0.3px) drop-shadow(0 0 4px var(--color));\r\n    }\r\n    \r\n    .laser-beam::before {\r\n        width: 15px;\r\n        height: 15px;\r\n        filter: blur(1.5px);\r\n    }\r\n    \r\n    \/* Menos l\u00edneas en m\u00f3vil *\/\r\n    .laser-beam:nth-child(n+6) {\r\n        display: none;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f3dc29f e-con-full e-flex e-con e-parent\" data-id=\"f3dc29f\" data-element_type=\"container\" data-e-type=\"container\" id=\"contacto\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a97e883 elementor-shape-circle elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"a97e883\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ha_floating_fx&quot;:&quot;yes&quot;}\" data-widget_type=\"social-icons.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-animation-pulse elementor-repeater-item-e27460f\" href=\"https:\/\/www.instagram.com\/zebraexperience\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-animation-pulse elementor-repeater-item-7d959ee\" href=\"https:\/\/wa.me\/34613580647\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Whatsapp<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-whatsapp\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-linkedin elementor-animation-pulse elementor-repeater-item-5df6fab\" href=\"https:\/\/www.linkedin.com\/company\/zebraexperience\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Linkedin<\/span>\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-linkedin\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6af4073 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"6af4073\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Zebra \u00b7 Footer + Form Completo<\/title>\r\n    <style>\r\n        \/* ===== ZEBRA FOOTER - VERSI\u00d3N ANCHO COMPLETO ===== *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            background: #000000;\r\n            font-family: 'Inter', sans-serif;\r\n            color: white;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        \/* ===== MAIN CONTENT ===== *\/\r\n        .main-content {\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 60px 24px 20px;\r\n            gap: 40px;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* ===== BANDERAS ===== *\/\r\n        .flags-container {\r\n            display: flex;\r\n            gap: 50px;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .flag-elegant {\r\n            position: relative;\r\n            width: 90px;\r\n            height: 65px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .flag-elegant svg {\r\n            width: 100%;\r\n            height: 100%;\r\n            border-radius: 12px;\r\n            opacity: 0.75;\r\n            filter: blur(0.3px);\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 8px 20px rgba(255,0,255,0.15);\r\n        }\r\n\r\n        .flag-elegant:hover svg {\r\n            opacity: 1;\r\n            filter: blur(0);\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 30px rgba(255,0,255,0.3);\r\n        }\r\n\r\n        .flag-glow {\r\n            position: absolute;\r\n            top: -10px;\r\n            left: -10px;\r\n            right: -10px;\r\n            bottom: -10px;\r\n            background: radial-gradient(circle at 50% 50%, rgba(255,0,255,0.2), transparent 70%);\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            transition: opacity 0.3s ease;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .flag-elegant:hover .flag-glow {\r\n            opacity: 1;\r\n        }\r\n\r\n        \/* ===== FORMULARIO - ANCHO COMPLETO ===== *\/\r\n        .form-container {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            background: transparent;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        \/* Estilos para WPForms - ANCHO COMPLETO *\/\r\n        .wpforms-container {\r\n            width: 100% !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n        .wpforms-form {\r\n            width: 100% !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 16px !important;\r\n        }\r\n\r\n        .wpforms-field-container {\r\n            width: 100% !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 16px !important;\r\n        }\r\n\r\n        .wpforms-field {\r\n            width: 100% !important;\r\n            padding: 0 !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        .wpforms-field-label {\r\n            color: white !important;\r\n            font-family: 'Sora', sans-serif !important;\r\n            font-weight: 500 !important;\r\n            font-size: 15px !important;\r\n            margin-bottom: 6px !important;\r\n            display: block !important;\r\n            letter-spacing: 0.3px !important;\r\n        }\r\n\r\n        .wpforms-field input,\r\n        .wpforms-field textarea,\r\n        .wpforms-field select {\r\n            width: 100% !important;\r\n            background: rgba(255,255,255,0.05) !important;\r\n            border: 1px solid rgba(255,255,255,0.15) !important;\r\n            border-radius: 12px !important;\r\n            padding: 16px 20px !important;\r\n            color: white !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n            font-size: 16px !important;\r\n            transition: all 0.2s ease !important;\r\n            box-shadow: none !important;\r\n        }\r\n\r\n        .wpforms-field input:focus,\r\n        .wpforms-field textarea:focus,\r\n        .wpforms-field select:focus {\r\n            border-color: #3366CC !important;\r\n            background: rgba(51,102,204,0.1) !important;\r\n            outline: none !important;\r\n            box-shadow: 0 0 0 2px rgba(51,102,204,0.2) !important;\r\n        }\r\n\r\n        .wpforms-field input::placeholder,\r\n        .wpforms-field textarea::placeholder {\r\n            color: rgba(255,255,255,0.3) !important;\r\n            font-weight: 400 !important;\r\n        }\r\n\r\n        .wpforms-field-textarea textarea {\r\n            min-height: 120px !important;\r\n            resize: vertical !important;\r\n        }\r\n\r\n        .wpforms-submit-container {\r\n            width: 100% !important;\r\n            padding: 0 !important;\r\n            margin: 8px 0 0 0 !important;\r\n            text-align: left !important;\r\n        }\r\n\r\n        .wpforms-submit {\r\n            background: #3366CC !important;\r\n            border: none !important;\r\n            color: white !important;\r\n            font-family: 'Sora', sans-serif !important;\r\n            font-weight: 600 !important;\r\n            font-size: 18px !important;\r\n            padding: 18px 40px !important;\r\n            border-radius: 60px !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.2s ease !important;\r\n            width: auto !important;\r\n            min-width: 200px !important;\r\n            box-shadow: 0 8px 25px rgba(51,102,204,0.3) !important;\r\n            letter-spacing: 0.5px !important;\r\n        }\r\n\r\n        .wpforms-submit:hover {\r\n            background: #4477DD !important;\r\n            transform: scale(1.02) !important;\r\n            box-shadow: 0 12px 30px rgba(51,102,204,0.5) !important;\r\n        }\r\n\r\n        .wpforms-confirmation-container {\r\n            background: rgba(51,102,204,0.1) !important;\r\n            border: 1px solid #3366CC !important;\r\n            border-radius: 12px !important;\r\n            color: white !important;\r\n            padding: 20px !important;\r\n            text-align: center !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .form-note {\r\n            color: rgba(255,255,255,0.4);\r\n            font-size: 13px;\r\n            margin-top: 16px;\r\n            text-align: left;\r\n            letter-spacing: 0.3px;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* ===== FOOTER ===== *\/\r\n        .zebra-footer {\r\n            padding: 60px 24px 30px;\r\n            background: transparent;\r\n            border-top: 1px solid rgba(255,0,255,0.08);\r\n            position: relative;\r\n        }\r\n\r\n        .footer-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .footer-brand {\r\n            margin-bottom: 50px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            flex-wrap: wrap;\r\n            gap: 30px;\r\n        }\r\n\r\n        .brand-info h3 {\r\n            font-family: 'Sora', sans-serif;\r\n            font-size: 28px;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 8px;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .brand-info h3 span {\r\n            color: #FF00FF;\r\n        }\r\n\r\n        .brand-info p {\r\n            font-size: 14px;\r\n            color: rgba(255,255,255,0.5);\r\n            max-width: 300px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .footer-social {\r\n            display: flex;\r\n            gap: 16px;\r\n            align-items: center;\r\n        }\r\n\r\n        .social-icon {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 48px;\r\n            height: 48px;\r\n            border-radius: 50%;\r\n            background: rgba(51,102,204,0.1);\r\n            border: 1px solid rgba(51,102,204,0.3);\r\n            transition: all 0.3s ease;\r\n            color: white;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .social-icon:hover {\r\n            background: rgba(51,102,204,0.2);\r\n            border-color: #3366CC;\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .social-icon svg {\r\n            width: 22px;\r\n            height: 22px;\r\n            stroke: currentColor;\r\n            stroke-width: 1.8;\r\n            fill: none;\r\n        }\r\n\r\n        .social-icon.whatsapp {\r\n            background: rgba(37, 211, 102, 0.1);\r\n            border-color: rgba(37, 211, 102, 0.3);\r\n            color: #25D366;\r\n        }\r\n\r\n        .social-icon.whatsapp:hover {\r\n            background: rgba(37, 211, 102, 0.2);\r\n            border-color: #25D366;\r\n            color: #25D366;\r\n        }\r\n\r\n        .whatsapp-number {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: rgba(255,255,255,0.5);\r\n            font-size: 14px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .whatsapp-number span {\r\n            color: #25D366;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .footer-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 40px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .footer-col h4 {\r\n            font-family: 'Sora', sans-serif;\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            color: white;\r\n            margin-bottom: 24px;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            opacity: 0.7;\r\n        }\r\n\r\n        .footer-col ul {\r\n            list-style: none;\r\n        }\r\n\r\n        .footer-col li {\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .footer-col a {\r\n            color: rgba(255,255,255,0.5);\r\n            text-decoration: none;\r\n            font-size: 14px;\r\n            transition: all 0.2s ease;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .footer-col a:hover {\r\n            color: #3366CC;\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .footer-icon {\r\n            width: 18px;\r\n            height: 18px;\r\n            opacity: 0.5;\r\n        }\r\n\r\n        .footer-col a:hover .footer-icon {\r\n            opacity: 1;\r\n        }\r\n\r\n        .footer-icon svg {\r\n            width: 14px;\r\n            height: 14px;\r\n            stroke: currentColor;\r\n        }\r\n\r\n        .footer-copyright {\r\n            margin-top: 50px;\r\n            padding-top: 25px;\r\n            border-top: 1px solid rgba(255,255,255,0.05);\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n            color: rgba(255,255,255,0.3);\r\n            font-size: 12px;\r\n        }\r\n\r\n        .footer-copyright a {\r\n            color: #3366CC;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .footer-copyright a:hover {\r\n            color: #4477DD;\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .footer-grid { grid-template-columns: repeat(2, 1fr); }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .main-content { padding: 40px 20px; }\r\n            .flags-container { gap: 30px; }\r\n            .flag-elegant { width: 80px; height: 60px; }\r\n            .form-container { padding: 0; }\r\n            .wpforms-submit { width: 100% !important; }\r\n            .footer-brand { flex-direction: column; align-items: flex-start; }\r\n            .footer-grid { grid-template-columns: 1fr; gap: 30px; }\r\n            .footer-copyright { flex-direction: column; text-align: center; }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .flag-elegant { width: 70px; height: 52px; }\r\n            .flags-container { gap: 15px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- MAIN CONTENT CON BANDERAS -->\r\n    <main class=\"main-content\">\r\n        <div class=\"flags-container\">\r\n            <!-- Espa\u00f1a -->\r\n            <div class=\"flag-elegant\">\r\n                <div class=\"flag-glow\"><\/div>\r\n                <svg viewBox=\"0 0 24 18\">\r\n                    <rect width=\"24\" height=\"18\" rx=\"2\" fill=\"#C60B1E\"\/>\r\n                    <rect y=\"6\" width=\"24\" height=\"6\" fill=\"#FFC400\"\/>\r\n                    <rect y=\"12\" width=\"24\" height=\"6\" fill=\"#C60B1E\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            \r\n            <!-- Colombia -->\r\n            <div class=\"flag-elegant\">\r\n                <div class=\"flag-glow\"><\/div>\r\n                <svg viewBox=\"0 0 24 18\">\r\n                    <rect width=\"24\" height=\"18\" rx=\"2\" fill=\"#FCD116\"\/>\r\n                    <rect y=\"9\" width=\"24\" height=\"5\" fill=\"#003893\"\/>\r\n                    <rect y=\"14\" width=\"24\" height=\"4\" fill=\"#CE1126\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            \r\n            <!-- Italia -->\r\n            <div class=\"flag-elegant\">\r\n                <div class=\"flag-glow\"><\/div>\r\n                <svg viewBox=\"0 0 24 18\">\r\n                    <rect width=\"24\" height=\"18\" rx=\"2\" fill=\"#009246\"\/>\r\n                    <rect x=\"8\" width=\"8\" height=\"18\" fill=\"#FFFFFF\"\/>\r\n                    <rect x=\"16\" width=\"8\" height=\"18\" fill=\"#CE2B37\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- FORMULARIO WPFORMS -->\r\n        <div class=\"form-container\">\r\n            <style id=\"wpforms-css-vars-608\">\n\t\t\t\t#wpforms-608 {\n\t\t\t\t--wpforms-field-border-style: dashed;\n--wpforms-field-border-radius: 10px;\n--wpforms-field-border-color: #a98fff;\n--wpforms-field-border-color-spare: #a98fff;\n--wpforms-field-text-color: rgba(0, 0, 0, 0.7);\n--wpforms-label-color: rgba(0, 0, 0, 0.85);\n--wpforms-label-sublabel-color: #cc0a0a;\n--wpforms-container-padding: 0px;\n--wpforms-container-border-width: 1px;\n--wpforms-container-border-radius: 3px;\n--wpforms-background-color: rgba(0, 0, 0, 0);\n--wpforms-field-size-input-height: 31px;\n--wpforms-field-size-input-spacing: 10px;\n--wpforms-field-size-font-size: 14px;\n--wpforms-field-size-line-height: 17px;\n--wpforms-field-size-padding-h: 9px;\n--wpforms-field-size-checkbox-size: 14px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 0.75;\n--wpforms-label-size-font-size: 14px;\n--wpforms-label-size-line-height: 17px;\n--wpforms-label-size-sublabel-font-size: 13px;\n--wpforms-label-size-sublabel-line-height: 16px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-608\"><form id=\"wpforms-form-608\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"608\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/index.php\/wp-json\/wp\/v2\/pages\/7\" data-token=\"60f99ef8205eeca7ab06fc251ccbb1c9\" data-token-time=\"1776948554\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-608-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-608-field_1\">Nombre <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-608-field_1\" class=\"wpforms-field-small wpforms-field-required\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-608-field_1-error\" required><\/div><div id=\"wpforms-608-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-608-field_2\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-608-field_2\" class=\"wpforms-field-small wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-608-field_2-error\" required><\/div>\t\t<div id=\"wpforms-608-field_4-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"4\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-608-field_4\" >Nombre o Email<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-608-field_4\" class=\"wpforms-field-medium\" name=\"wpforms[fields][4]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-608-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-608-field_3\">Comentario o Mensaje <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><textarea id=\"wpforms-608-field_3\" class=\"wpforms-field-small wpforms-field-required\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-608-field_3-error\" required><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-608-field_4-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-608-field_4-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-608-field_4-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"608\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/www.zebraexperience.com\/index.php\/wp-json\/wp\/v2\/pages\/7\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-608\" class=\"wpforms-submit\" data-alt-text=\"Enviando...\" data-submit-text=\"Enviar \" aria-live=\"assertive\" value=\"wpforms-submit\">Enviar <\/button><img decoding=\"async\" src=\"https:\/\/www.zebraexperience.com\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\r\n            <div class=\"form-note\">Describe lo que necesites<\/div>\r\n        <\/div>\r\n    <\/main>\r\n\r\n    <!-- FOOTER -->\r\n    <footer class=\"zebra-footer\">\r\n        <div class=\"footer-container\">\r\n            <!-- BRAND + SOCIAL -->\r\n            <div class=\"footer-brand\">\r\n                <div class=\"brand-info\">\r\n                    <h3>ZEBRA<span>.<\/span><\/h3>\r\n                    <p>Experiencias que dejan huella<\/p>\r\n                <\/div>\r\n                \r\n                \r\n            \r\n            <!-- WHATSAPP N\u00daMERO -->\r\n            <div class=\"whatsapp-number\">\r\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#25D366\">\r\n                    <path d=\"M3 21l1.65-3.8a9 9 0 1 1 3.4 2.9L3 21z\" stroke-width=\"2\"\/>\r\n                <\/svg>\r\n                <span>+34 613 58 06 47<\/span>\r\n                <span style=\"color:rgba(255,255,255,0.3); margin-left: 8px;\">\u00b7<\/span>\r\n            <\/div>\r\n\r\n            <!-- COLUMNAS FOOTER -->\r\n            <div class=\"footer-grid\">\r\n                <div class=\"footer-col\">\r\n                    <h4>PRODUCTO<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"#produccion\"><span class=\"footer-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/span>Producci\u00f3n<\/a><\/li>\r\n                        <li><a href=\"#promocion\"><span class=\"footer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2v20M17 5H9.5M17 12h-5M17 19h-5\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/span>Promoci\u00f3n<\/a><\/li>\r\n                        <li><a href=\"#brand\"><span class=\"footer-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/span>Brand<\/a><\/li>\r\n                        <li><a href=\"#celebraciones\"><span class=\"footer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M21 10.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-8.5\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/span>Celebraciones<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"footer-col\">\r\n                    <h4>CONOCER<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"#nosotros\"><span class=\"footer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\" stroke=\"currentColor\" fill=\"none\"\/><circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/span>Nosotros<\/a><\/li>\r\n                        <li><a href=\"#casos\"><span class=\"footer-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/span>Casos<\/a><\/li>\r\n                        <li><a href=\"#eventos\"><span class=\"footer-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/span>Eventos<\/a><\/li>\r\n                        <li><a href=\"#impacto\"><span class=\"footer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M2 12h20M12 2v20\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/span>Impacto<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"footer-col\">\r\n                    <h4>LEGAL<\/h4>\r\n                    <ul>\r\n                        <li><a href=\"#privacidad\"><span class=\"footer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/span>Privacidad<\/a><\/li>\r\n                        <li><a href=\"#terminos\"><span class=\"footer-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M6.5 7.5L3 11l3.5 3.5M17.5 7.5L21 11l-3.5 3.5\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/span>T\u00e9rminos<\/a><\/li>\r\n                        <li><a href=\"#cookies\"><span class=\"footer-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" fill=\"none\"\/><\/svg><\/span>Cookies<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- COPYRIGHT -->\r\n            <div class=\"footer-copyright\">\r\n                <div>\u00a9 2026 Zebra Experience \u00b7 Madrid \u00b7 Bogot\u00e1 \u00b7 Roma<\/div>\r\n                <div>Dise\u00f1ado por <a href=\"https:\/\/digimastery.pro\/\" target=\"_blank\">Digimastery.pro<\/a><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n   \r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Viviendo la m\u00fasica desde el coraz\u00f3n Convertimos tu visi\u00f3n en experiencias inolvidables \u00b7 Producci\u00f3n y promoci\u00f3n de eventos y marcas Organizar un evento \u00d3 Contratar DJ Creamos experiencias que dejan huella Desliza para conoc\u00e9rnos mejor Urban \u2022 Travel Neon Tokyo Experience the vibrant nightlife and illuminated streets of Shinjuku. \u2190 1 \/ 5 \u2192 Explore [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"two_page_speed":[],"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.zebraexperience.com\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zebraexperience.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.zebraexperience.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.zebraexperience.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zebraexperience.com\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":507,"href":"https:\/\/www.zebraexperience.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":809,"href":"https:\/\/www.zebraexperience.com\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/809"}],"wp:attachment":[{"href":"https:\/\/www.zebraexperience.com\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}