{"id":556,"date":"2026-04-13T16:56:00","date_gmt":"2026-04-13T16:56:00","guid":{"rendered":"https:\/\/topeventsonline.com\/?page_id=556"},"modified":"2026-05-21T17:50:41","modified_gmt":"2026-05-21T17:50:41","slug":"inicio","status":"publish","type":"page","link":"https:\/\/topeventsonline.com\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"556\" class=\"elementor elementor-556\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d42eacc e-con-full e-flex e-con e-parent\" data-id=\"d42eacc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7748f1a elementor-widget elementor-widget-html\" data-id=\"7748f1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n.hc-wrap * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n.hc-wrap {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 100svh;\r\n  overflow: hidden;\r\n  font-family: 'Montserrat', sans-serif;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.hc-video {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%; height: 100%;\r\n  object-fit: cover;\r\n  filter: contrast(1.1) brightness(0.8);\r\n  animation: hcZoom 14s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes hcZoom {\r\n  from { transform: scale(1); }\r\n  to   { transform: scale(1.08); }\r\n}\r\n\r\n.hc-overlay {\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(\r\n    100deg,\r\n    rgba(8,10,30,0.96) 0%,\r\n    rgba(8,10,30,0.75) 45%,\r\n    rgba(8,10,30,0.15) 100%\r\n  );\r\n  z-index: 1;\r\n}\r\n\r\n.hc-overlay::after {\r\n  content: \"\";\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(120deg, transparent 0%, rgba(255,214,0,0.08) 50%, transparent 100%);\r\n  animation: hcLight 7s ease-in-out infinite;\r\n}\r\n\r\n@keyframes hcLight {\r\n  0%   { transform: translateX(-100%); }\r\n  100% { transform: translateX(100%); }\r\n}\r\n\r\n.hc-particles { position: absolute; inset: 0; z-index: 2; pointer-events: none; overflow: hidden; }\r\n\r\n.hc-p {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: rgba(255,214,0,0.5);\r\n  animation: hcFloat linear infinite;\r\n}\r\n.hc-p:nth-child(1){ left:8%;  width:2px; height:2px; animation-duration:9s; }\r\n.hc-p:nth-child(2){ left:22%; width:3px; height:3px; animation-duration:12s; background:rgba(255,255,255,0.2); }\r\n.hc-p:nth-child(3){ left:40%; width:2px; height:2px; animation-duration:10s; }\r\n.hc-p:nth-child(4){ left:62%; width:4px; height:4px; animation-duration:13s; background:rgba(255,255,255,0.15); }\r\n.hc-p:nth-child(5){ left:78%; width:2px; height:2px; animation-duration:11s; }\r\n.hc-p:nth-child(6){ left:91%; width:3px; height:3px; animation-duration:8s;  background:rgba(255,214,0,0.3); }\r\n\r\n@keyframes hcFloat {\r\n  0%   { transform: translateY(110%); opacity: 0; }\r\n  10%  { opacity: 1; }\r\n  90%  { opacity: 0.5; }\r\n  100% { transform: translateY(-200px); opacity: 0; }\r\n}\r\n\r\n.hc-content {\r\n  position: relative; z-index: 3;\r\n  width: 100%;\r\n  padding: 80px 6%;\r\n  color: white;\r\n}\r\n\r\n.hc-inner { max-width: 680px; }\r\n\r\n.hc-badge {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  background: rgba(255,214,0,0.12);\r\n  border: 1px solid rgba(255,214,0,0.4);\r\n  padding: 6px 16px; border-radius: 50px;\r\n  font-size: 10px; font-weight: 700;\r\n  letter-spacing: 2px; text-transform: uppercase;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.hc-dot {\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%; background: #FFD600;\r\n  animation: hcDot 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes hcDot {\r\n  0%,100% { opacity:1; transform:scale(1); }\r\n  50%      { opacity:0.3; transform:scale(0.5); }\r\n}\r\n\r\n.hc-title {\r\n  display: flex; flex-direction: column;\r\n  line-height: 0.95; margin-bottom: 0;\r\n}\r\n\r\n.hc-word {\r\n  display: block;\r\n  font-size: clamp(32px, 6vw, 90px);\r\n  font-weight: 900;\r\n  letter-spacing: -2px;\r\n  text-transform: uppercase;\r\n  color: #fff;\r\n  will-change: transform, opacity, filter;\r\n}\r\n\r\n.hc-word.accent { color: #FFD600; }\r\n\r\n.hc-word:nth-child(1) { animation: hcExplode 5s cubic-bezier(0.22,1,0.36,1) infinite; animation-delay: 0s; }\r\n.hc-word:nth-child(2) { animation: hcExplode 5s cubic-bezier(0.22,1,0.36,1) infinite; animation-delay: 0.35s; }\r\n.hc-word:nth-child(3) { animation: hcExplodeA 5s cubic-bezier(0.22,1,0.36,1) infinite; animation-delay: 0.7s; }\r\n\r\n@keyframes hcExplode {\r\n  0%   { opacity:0; transform:scale(2.2); filter:blur(20px); }\r\n  16%  { opacity:1; transform:scale(1);   filter:blur(0); }\r\n  70%  { opacity:1; transform:scale(1);   filter:blur(0); }\r\n  88%  { opacity:0; transform:scale(0.9); filter:blur(8px); }\r\n  100% { opacity:0; transform:scale(2.2); filter:blur(20px); }\r\n}\r\n\r\n@keyframes hcExplodeA {\r\n  0%   { opacity:0; transform:scale(2.2); filter:blur(20px); color:#fff; }\r\n  16%  { opacity:1; transform:scale(1);   filter:blur(0);    color:#FFD600; }\r\n  70%  { opacity:1; transform:scale(1);   filter:blur(0);    color:#FFD600; }\r\n  88%  { opacity:0; transform:scale(0.9); filter:blur(8px);  color:#FFD600; }\r\n  100% { opacity:0; transform:scale(2.2); filter:blur(20px); color:#fff; }\r\n}\r\n\r\n.hc-line {\r\n  display: block; height: 3px;\r\n  background: linear-gradient(90deg, #FFD600, transparent);\r\n  border-radius: 2px; margin: 20px 0;\r\n}\r\n\r\n.hc-desc {\r\n  font-size: clamp(13px, 1.5vw, 16px);\r\n  line-height: 1.65; color: rgba(255,255,255,0.72);\r\n  max-width: 420px; margin-bottom: 32px;\r\n  animation: hcFade 5s ease-in-out infinite; animation-delay: 0.9s;\r\n}\r\n\r\n@keyframes hcFade {\r\n  0%   { opacity:0; transform:translateY(10px);  filter:blur(6px); }\r\n  16%  { opacity:1; transform:translateY(0);     filter:blur(0); }\r\n  70%  { opacity:1; transform:translateY(0);     filter:blur(0); }\r\n  88%  { opacity:0; transform:translateY(-6px);  filter:blur(4px); }\r\n  100% { opacity:0; transform:translateY(10px);  filter:blur(6px); }\r\n}\r\n\r\n.hc-btn {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  background: #FFD600; padding: 15px 30px;\r\n  border-radius: 12px; color: #000 !important;\r\n  text-decoration: none; font-weight: 700;\r\n  font-size: clamp(12px, 1.2vw, 14px);\r\n  font-family: 'Montserrat', sans-serif;\r\n  position: relative; overflow: hidden;\r\n  transition: transform 0.25s, box-shadow 0.25s;\r\n  animation: hcBtn 5s ease-in-out infinite; animation-delay: 1.1s;\r\n}\r\n\r\n@keyframes hcBtn {\r\n  0%   { opacity:0; transform:scale(0.9); }\r\n  16%  { opacity:1; transform:scale(1); }\r\n  70%  { opacity:1; transform:scale(1); }\r\n  88%  { opacity:0; transform:scale(0.95); }\r\n  100% { opacity:0; transform:scale(0.9); }\r\n}\r\n\r\n.hc-btn::before {\r\n  content: \"\"; position: absolute; top:0; left:-100%;\r\n  width:100%; height:100%;\r\n  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.3), transparent);\r\n  transition: left 0.4s ease;\r\n}\r\n.hc-btn:hover::before { left: 100%; }\r\n.hc-btn:hover {\r\n  transform: translateY(-3px) scale(1.02);\r\n  box-shadow: 0 16px 40px rgba(255,214,0,0.55);\r\n}\r\n\r\n.hc-arrow { display: inline-block; transition: transform 0.25s; }\r\n.hc-btn:hover .hc-arrow { transform: translateX(5px); }\r\n\r\n@media (max-width: 600px) {\r\n  .hc-content { padding: 60px 24px; }\r\n  .hc-word { letter-spacing: -1px; }\r\n  .hc-desc { max-width: 100%; }\r\n  .hc-btn { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"hc-wrap\">\r\n  <video class=\"hc-video\" autoplay muted loop playsinline>\r\n    <source src=\"https:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/04\/5017032_People_Sunlight_1920x1080.mp4\" type=\"video\/mp4\">\r\n  <\/video>\r\n  <div class=\"hc-overlay\"><\/div>\r\n  <div class=\"hc-particles\">\r\n    <span class=\"hc-p\"><\/span><span class=\"hc-p\"><\/span>\r\n    <span class=\"hc-p\"><\/span><span class=\"hc-p\"><\/span>\r\n    <span class=\"hc-p\"><\/span><span class=\"hc-p\"><\/span>\r\n  <\/div>\r\n  <div class=\"hc-content\">\r\n    <div class=\"hc-inner\">\r\n      <div class=\"hc-badge\"><span class=\"hc-dot\"><\/span>EVENTOS EN VIVO Y EXPERIENCIAS<\/div>\r\n      <h1 class=\"hc-title\">\r\n        <span class=\"hc-word\">EVENTOS QUE CREAN<\/span>\r\n        <span class=\"hc-word\">INOLVIDABLE<\/span>\r\n        <span class=\"hc-word accent\">MOMENTOS.<\/span>\r\n      <\/h1>\r\n      <span class=\"hc-line\"><\/span>\r\n      <p class=\"hc-desc\">Creamos experiencias inolvidables a trav\u00e9s de conciertos, festivales y eventos en directo por todo Estados Unidos, pensados para aportar energ\u00eda, crear v\u00ednculos y dejar recuerdos imborrables.<\/p>\r\n      <a href=\"https:\/\/topeventsonline.com\/es\/categoria-producto\/todos\/\" class=\"hc-btn\">\r\n        DESCUBRE LOS EVENTOS <span class=\"hc-arrow\">\u2192<\/span>\r\n      <\/a>\r\n    <\/div>\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-b86d82c e-con-full e-flex e-con e-parent\" data-id=\"b86d82c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a77f049 elementor-widget elementor-widget-html\" data-id=\"a77f049\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"hero-tickets\">\r\n\r\n    <!-- BG GLOW -->\r\n    <div class=\"hero-glow glow-1\"><\/div>\r\n    <div class=\"hero-glow glow-2\"><\/div>\r\n\r\n    <!-- TOP TEXT -->\r\n    <div class=\"hero-center\">\r\n\r\n        <span class=\"hero-mini\">\r\n            <span class=\"dot\"><\/span>\r\n            EXPERIENCIAS EN VIVO\r\n        <\/span>\r\n\r\n        <h1>\r\n            ACCEDE A LA\r\n            <span>LOS EVENTOS M\u00c1S IMPORTANTES.<\/span>\r\n        <\/h1>\r\n\r\n        <p>\r\n            Conciertos de primera categor\u00eda, experiencias VIP,\n            festivales y momentos inolvidables:\n            todo en un mismo lugar.\r\n        <\/p>\r\n\r\n        <div class=\"hero-buttons\">\r\n\r\n            <a href=\"https:\/\/topeventsonline.com\/es\/categoria-producto\/todos\/\" class=\"btn-primary\">\r\n                DESCUBRE LOS EVENTOS\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/topeventsonline.com\/es\/nosotros\/\" class=\"btn-secondary\">\r\n               nosotros\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- FLOATING TICKETS -->\r\n    <div class=\"tickets-scene\">\r\n\r\n        <img decoding=\"async\" class=\"ticket t1\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/04\/mesa_Mesa-de-trabajo-1-1.png\" alt=\"\">\r\n        <img decoding=\"async\" class=\"ticket t2\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/04\/mesa_Mesa-de-trabajo-1.png\" alt=\"\">\r\n        <img decoding=\"async\" class=\"ticket t3\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/04\/2011.i518.006_realistic-tickets-Convertido-01.png\" alt=\"\">\r\n        <img decoding=\"async\" class=\"ticket t4\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/04\/mesa_Mesa-de-trabajo-1-1.png\" alt=\"\">\r\n        <img decoding=\"async\" class=\"ticket t5\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/04\/mesa_Mesa-de-trabajo-1.png\" alt=\"\">\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ========================================= *\/\r\n\/* SECTION *\/\r\n\/* ========================================= *\/\r\n\r\n.hero-tickets{\r\n    position:relative;\r\n\r\n    min-height:100vh;\r\n\r\n    overflow:hidden;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:120px 7%;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle at top right,\r\n        rgba(255,208,0,.08),\r\n        transparent 30%\r\n    ),\r\n    radial-gradient(\r\n        circle at bottom left,\r\n        rgba(255,208,0,.04),\r\n        transparent 35%\r\n    ),\r\n    #050505;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* CENTER *\/\r\n\/* ========================================= *\/\r\n\r\n.hero-center{\r\n    position:relative;\r\n\r\n    z-index:5;\r\n\r\n    max-width:980px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* MINI *\/\r\n\/* ========================================= *\/\r\n\r\n.hero-mini{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    padding:14px 30px;\r\n\r\n    border-radius:60px;\r\n\r\n    margin-bottom:35px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,.08),\r\n        rgba(255,208,0,.02)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.15);\r\n\r\n    color:#ffd000;\r\n\r\n    font-size:14px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    box-shadow:\r\n    0 0 20px rgba(255,208,0,.06);\r\n\r\n    animation:floatMini 4s ease-in-out infinite;\r\n}\r\n\r\n.dot{\r\n    width:10px;\r\n    height:10px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 14px rgba(255,208,0,.8);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TITLE *\/\r\n\/* ========================================= *\/\r\n\r\n.hero-center h1{\r\n    color:white;\r\n\r\n    font-size:110px;\r\n\r\n    line-height:.9;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:-6px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    margin-bottom:35px;\r\n\r\n    font-family:'Montserrat', sans-serif;\r\n}\r\n\r\n.hero-center h1 span{\r\n    display:block;\r\n\r\n    color:#ffd000;\r\n\r\n    text-shadow:\r\n    0 0 20px rgba(255,208,0,.15);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TEXT *\/\r\n\/* ========================================= *\/\r\n\r\n.hero-center p{\r\n    color:rgba(255,255,255,.7);\r\n\r\n    font-size:22px;\r\n\r\n    line-height:1.8;\r\n\r\n    max-width:760px;\r\n\r\n    margin:auto auto 45px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BUTTONS *\/\r\n\/* ========================================= *\/\r\n\r\n.hero-buttons{\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    gap:20px;\r\n\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.hero-buttons a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    height:72px;\r\n\r\n    padding:0 38px;\r\n\r\n    border-radius:20px;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:14px;\r\n    font-weight:800;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    transition:.45s ease;\r\n}\r\n\r\n\/* PRIMARY *\/\r\n\r\n.btn-primary{\r\n    background:#ffd000;\r\n\r\n    color:black;\r\n\r\n    box-shadow:\r\n    0 0 30px rgba(255,208,0,.25);\r\n}\r\n\r\n.btn-primary:hover{\r\n    transform:\r\n    translateY(-6px)\r\n    scale(1.03);\r\n\r\n    box-shadow:\r\n    0 0 45px rgba(255,208,0,.45);\r\n}\r\n\r\n\/* SECONDARY *\/\r\n\r\n.btn-secondary{\r\n    border:1px solid rgba(255,255,255,.12);\r\n\r\n    color:white;\r\n\r\n    backdrop-filter:blur(10px);\r\n\r\n    background:\r\n    rgba(255,255,255,.03);\r\n}\r\n\r\n.btn-secondary:hover{\r\n    background:white;\r\n\r\n    color:black;\r\n\r\n    transform:\r\n    translateY(-6px);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TICKETS *\/\r\n\/* ========================================= *\/\r\n\r\n.tickets-scene{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TICKET *\/\r\n\/* ========================================= *\/\r\n\r\n.ticket{\r\n    position:absolute;\r\n\r\n    width:280px;\r\n\r\n    filter:\r\n    drop-shadow(0 20px 40px rgba(0,0,0,.5));\r\n\r\n    opacity:.95;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* POSITIONS *\/\r\n\/* ========================================= *\/\r\n\r\n.t1{\r\n    top:12%;\r\n    left:-3%;\r\n\r\n    transform:rotate(-30deg);\r\n\r\n    animation:float1 8s ease-in-out infinite;\r\n}\r\n\r\n.t2{\r\n    top:60%;\r\n    left:8%;\r\n\r\n    width:180px;\r\n\r\n    transform:rotate(18deg);\r\n\r\n    animation:float2 7s ease-in-out infinite;\r\n}\r\n\r\n.t3{\r\n    top:8%;\r\n    right:10%;\r\n\r\n    transform:rotate(25deg);\r\n\r\n    animation:float3 9s ease-in-out infinite;\r\n}\r\n\r\n.t4{\r\n    bottom:8%;\r\n    right:4%;\r\n\r\n    transform:rotate(-15deg);\r\n\r\n    animation:float4 8s ease-in-out infinite;\r\n}\r\n\r\n.t5{\r\n    top:40%;\r\n    right:38%;\r\n\r\n    width:220px;\r\n\r\n    transform:rotate(-8deg);\r\n\r\n    animation:float5 10s ease-in-out infinite;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GLOWS *\/\r\n\/* ========================================= *\/\r\n\r\n.hero-glow{\r\n    position:absolute;\r\n\r\n    border-radius:50%;\r\n\r\n    filter:blur(80px);\r\n}\r\n\r\n.glow-1{\r\n    width:400px;\r\n    height:400px;\r\n\r\n    background:\r\n    rgba(255,208,0,.10);\r\n\r\n    top:-120px;\r\n    right:-100px;\r\n}\r\n\r\n.glow-2{\r\n    width:350px;\r\n    height:350px;\r\n\r\n    background:\r\n    rgba(255,208,0,.06);\r\n\r\n    bottom:-120px;\r\n    left:-100px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* ANIMATIONS *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes floatMini{\r\n\r\n    0%{\r\n        transform:translateY(0px);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(-6px);\r\n    }\r\n\r\n    100%{\r\n        transform:translateY(0px);\r\n    }\r\n\r\n}\r\n\r\n@keyframes float1{\r\n\r\n    0%{\r\n        transform:\r\n        rotate(-30deg)\r\n        translateY(0px);\r\n    }\r\n\r\n    50%{\r\n        transform:\r\n        rotate(-26deg)\r\n        translateY(-20px);\r\n    }\r\n\r\n    100%{\r\n        transform:\r\n        rotate(-30deg)\r\n        translateY(0px);\r\n    }\r\n\r\n}\r\n\r\n@keyframes float2{\r\n\r\n    0%{\r\n        transform:\r\n        rotate(18deg)\r\n        translateY(0px);\r\n    }\r\n\r\n    50%{\r\n        transform:\r\n        rotate(14deg)\r\n        translateY(-16px);\r\n    }\r\n\r\n    100%{\r\n        transform:\r\n        rotate(18deg)\r\n        translateY(0px);\r\n    }\r\n\r\n}\r\n\r\n@keyframes float3{\r\n\r\n    0%{\r\n        transform:\r\n        rotate(25deg)\r\n        translateY(0px);\r\n    }\r\n\r\n    50%{\r\n        transform:\r\n        rotate(18deg)\r\n        translateY(-18px);\r\n    }\r\n\r\n    100%{\r\n        transform:\r\n        rotate(25deg)\r\n        translateY(0px);\r\n    }\r\n\r\n}\r\n\r\n@keyframes float4{\r\n\r\n    0%{\r\n        transform:\r\n        rotate(-15deg)\r\n        translateY(0px);\r\n    }\r\n\r\n    50%{\r\n        transform:\r\n        rotate(-10deg)\r\n        translateY(-20px);\r\n    }\r\n\r\n    100%{\r\n        transform:\r\n        rotate(-15deg)\r\n        translateY(0px);\r\n    }\r\n\r\n}\r\n\r\n@keyframes float5{\r\n\r\n    0%{\r\n        transform:\r\n        rotate(-8deg)\r\n        translateY(0px);\r\n    }\r\n\r\n    50%{\r\n        transform:\r\n        rotate(-2deg)\r\n        translateY(-24px);\r\n    }\r\n\r\n    100%{\r\n        transform:\r\n        rotate(-8deg)\r\n        translateY(0px);\r\n    }\r\n\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* RESPONSIVE *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .hero-center h1{\r\n        font-size:72px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .hero-tickets{\r\n        min-height:auto;\r\n\r\n        padding:120px 24px;\r\n    }\r\n\r\n    .hero-center h1{\r\n        font-size:46px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .hero-center p{\r\n        font-size:18px;\r\n    }\r\n\r\n    .ticket{\r\n        width:140px;\r\n    }\r\n\r\n    .t2,\r\n    .t5{\r\n        width:100px;\r\n    }\r\n\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-41b10be e-con-full e-flex e-con e-parent\" data-id=\"41b10be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8196e2d elementor-widget elementor-widget-html\" data-id=\"8196e2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"about-hero-v2\">\r\n\r\n    <!-- TOP -->\r\n    <div class=\"about-top\">\r\n\r\n        <span class=\"about-badge\">\r\n            <span class=\"dot\"><\/span>\r\n            QUI\u00c9NES SOMOS\r\n        <\/span>\r\n\r\n        <div class=\"about-right\">\r\n\r\n            <h2>\r\n                CREAMOS EVENTOS\n                QUE TE HAN COGIDO POR DENTRO\r\n                <span>INOLVIDABLE.<\/span>\r\n            <\/h2>\r\n\r\n            <p>\r\n                Desde conciertos y festivales hasta\n                experiencias privadas y producciones a gran escala,\n                Top Events crea momentos envolventes\n                dise\u00f1ados para conectar a las personas, la energ\u00eda,\n                la m\u00fasica y los recuerdos inolvidables.\r\n            <\/p>\r\n\r\n            <div class=\"about-line\"><\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM -->\r\n    <div class=\"about-bottom\">\r\n\r\n        <!-- BIG CARD -->\r\n        <div class=\"about-card large\">\r\n\r\n            <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_x7f4yox7f4yox7f4.png\" alt=\"\">\r\n\r\n            <div class=\"card-shadow\"><\/div>\r\n\r\n            <div class=\"card-info\">\r\n\r\n                <div>\r\n\r\n                    <small>EVENTOS EN VIVO<\/small>\r\n\r\n                    <h3>\r\n                        CONCIERTOS Y\n                        FESTIVALES\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- STACK -->\r\n        <div class=\"about-stack\">\r\n\r\n            <!-- CARD -->\r\n            <div class=\"about-card small\">\r\n\r\n                <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/18138.jpg\" alt=\"\">\r\n\r\n                <div class=\"card-shadow\"><\/div>\r\n\r\n                <div class=\"card-info\">\r\n\r\n                    <div>\r\n\r\n                        <small>MEDIOS DE COMUNICACI\u00d3N<\/small>\r\n\r\n                        <h3>\r\n                            PRODUCCI\u00d3N\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- BUTTON -->\r\n            <div class=\"about-cta\">\r\n\r\n                <div class=\"cta-glow\"><\/div>\r\n\r\n                <h4>\r\n                    \u00bfLISTO PARA ORGANIZAR\n                    TU PR\u00d3XIMO EVENTO?\r\n                <\/h4>\r\n\r\n                <a href=\"https:\/\/topeventsonline.com\/es\/contacto\/\">\r\n                    ORGANIZA TU EVENTO\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ========================================= *\/\r\n\/* SECTION *\/\r\n\/* ========================================= *\/\r\n\r\n.about-hero-v2{\r\n    position:relative;\r\n    padding:120px 7%;\r\n    overflow:hidden;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle at top right,\r\n        rgba(255,208,0,.05),\r\n        transparent 35%\r\n    ),\r\n    #050505;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TOP *\/\r\n\/* ========================================= *\/\r\n\r\n.about-top{\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-end;\r\n    margin-bottom:70px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* RIGHT CONTENT *\/\r\n\/* ========================================= *\/\r\n\r\n.about-right{\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-end;\r\n    text-align:right;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BADGE *\/\r\n\/* ========================================= *\/\r\n\r\n.about-badge{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    padding:14px 28px;\r\n    border-radius:60px;\r\n    margin-bottom:28px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,.08),\r\n        rgba(255,208,0,.02)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.15);\r\n    color:#ffd000;\r\n    font-size:14px;\r\n    font-weight:700;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n\r\n    box-shadow:\r\n    0 0 20px rgba(255,208,0,.06);\r\n\r\n    animation:floatBadge 4s ease-in-out infinite;\r\n}\r\n\r\n.dot{\r\n    width:10px;\r\n    height:10px;\r\n    border-radius:50%;\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 12px rgba(255,208,0,.8);\r\n\r\n    animation:pulseDot 2s infinite;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TITLE *\/\r\n\/* ========================================= *\/\r\n\r\n.about-right h2{\r\n    color:white;\r\n    font-size:82px;\r\n    line-height:.92;\r\n    font-weight:900;\r\n    letter-spacing:-4px;\r\n    text-transform:uppercase;\r\n    margin-bottom:28px;\r\n    max-width:900px;\r\n    font-family:'Montserrat', sans-serif;\r\n}\r\n\r\n.about-right h2 span{\r\n    display:block;\r\n    color:#ffd000;\r\n\r\n    text-shadow:\r\n    0 0 20px rgba(255,208,0,.15);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TEXT *\/\r\n\/* ========================================= *\/\r\n\r\n.about-right p{\r\n    color:rgba(255,255,255,.72);\r\n    font-size:19px;\r\n    line-height:2;\r\n    max-width:700px;\r\n    margin-bottom:30px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LINE *\/\r\n\/* ========================================= *\/\r\n\r\n.about-line{\r\n    width:160px;\r\n    height:4px;\r\n    border-radius:20px;\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 18px rgba(255,208,0,.35);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BOTTOM *\/\r\n\/* ========================================= *\/\r\n\r\n.about-bottom{\r\n    display:grid;\r\n    grid-template-columns:1.2fr .8fr;\r\n    gap:35px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* STACK *\/\r\n\/* ========================================= *\/\r\n\r\n.about-stack{\r\n    display:grid;\r\n    grid-template-rows:1fr auto;\r\n    gap:35px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* CARD *\/\r\n\/* ========================================= *\/\r\n\r\n.about-card{\r\n    position:relative;\r\n    overflow:hidden;\r\n    border-radius:34px;\r\n    border:1px solid rgba(255,208,0,.08);\r\n    transition:.7s cubic-bezier(.19,1,.22,1);\r\n    background:black;\r\n\r\n    box-shadow:\r\n    0 10px 40px rgba(0,0,0,.45);\r\n}\r\n\r\n.about-card.large{\r\n    min-height:620px;\r\n}\r\n\r\n.about-card.small{\r\n    min-height:290px;\r\n}\r\n\r\n.about-card img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    transition:1s ease;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* SHADOW *\/\r\n\/* ========================================= *\/\r\n\r\n.card-shadow{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(0,0,0,.05),\r\n        rgba(0,0,0,.75)\r\n    );\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* CONTENT *\/\r\n\/* ========================================= *\/\r\n\r\n.card-info{\r\n    position:absolute;\r\n    inset:0;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:flex-end;\r\n    padding:35px;\r\n    z-index:2;\r\n}\r\n\r\n.card-info small{\r\n    color:#ffd000;\r\n    font-size:13px;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n    display:block;\r\n    margin-bottom:12px;\r\n}\r\n\r\n.card-info h3{\r\n    color:white;\r\n    font-size:42px;\r\n    line-height:1;\r\n    font-weight:900;\r\n    letter-spacing:-2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BUTTON *\/\r\n\/* ========================================= *\/\r\n\r\n.card-info a{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:72px;\r\n    height:72px;\r\n    border-radius:50%;\r\n    border:1px solid rgba(255,208,0,.2);\r\n    color:#ffd000;\r\n    text-decoration:none;\r\n    font-size:30px;\r\n\r\n    background:\r\n    rgba(0,0,0,.3);\r\n\r\n    backdrop-filter:blur(10px);\r\n    transition:.45s ease;\r\n}\r\n\r\n.card-info a:hover{\r\n    background:#ffd000;\r\n    color:black;\r\n\r\n    transform:\r\n    rotate(45deg)\r\n    scale(1.08);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* HOVER *\/\r\n\/* ========================================= *\/\r\n\r\n.about-card:hover{\r\n    transform:\r\n    translateY(-12px)\r\n    scale(1.01);\r\n\r\n    border-color:rgba(255,208,0,.22);\r\n\r\n    box-shadow:\r\n    0 0 40px rgba(255,208,0,.08);\r\n}\r\n\r\n.about-card:hover img{\r\n    transform:scale(1.08);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* CTA *\/\r\n\/* ========================================= *\/\r\n\r\n.about-cta{\r\n    position:relative;\r\n    padding:45px;\r\n    border-radius:34px;\r\n    overflow:hidden;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,.08),\r\n        rgba(255,208,0,.02)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.12);\r\n    min-height:260px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n    transition:.45s ease;\r\n}\r\n\r\n.about-cta:hover{\r\n    transform:translateY(-10px);\r\n\r\n    box-shadow:\r\n    0 0 40px rgba(255,208,0,.08);\r\n}\r\n\r\n.about-cta h4{\r\n    color:white;\r\n    font-size:34px;\r\n    line-height:1.1;\r\n    font-weight:900;\r\n    text-transform:uppercase;\r\n    margin-bottom:30px;\r\n    max-width:420px;\r\n}\r\n\r\n.about-cta a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:280px;\r\n    height:74px;\r\n    border-radius:18px;\r\n    background:#ffd000;\r\n    color:black;\r\n    text-decoration:none;\r\n    font-size:14px;\r\n    font-weight:800;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n    transition:.45s ease;\r\n\r\n    box-shadow:\r\n    0 0 25px rgba(255,208,0,.25);\r\n}\r\n\r\n.about-cta a:hover{\r\n    transform:\r\n    translateY(-5px)\r\n    scale(1.03);\r\n\r\n    box-shadow:\r\n    0 0 40px rgba(255,208,0,.45);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GLOW *\/\r\n\/* ========================================= *\/\r\n\r\n.cta-glow{\r\n    position:absolute;\r\n    width:260px;\r\n    height:260px;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle,\r\n        rgba(255,208,0,.15),\r\n        transparent 70%\r\n    );\r\n\r\n    right:-80px;\r\n    top:-80px;\r\n    filter:blur(20px);\r\n    animation:floatGlow 6s ease-in-out infinite;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* ANIMATIONS *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes pulseDot{\r\n\r\n    0%{\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.3);\r\n    }\r\n\r\n    100%{\r\n        transform:scale(1);\r\n    }\r\n\r\n}\r\n\r\n@keyframes floatBadge{\r\n\r\n    0%{\r\n        transform:translateY(0px);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(-6px);\r\n    }\r\n\r\n    100%{\r\n        transform:translateY(0px);\r\n    }\r\n\r\n}\r\n\r\n@keyframes floatGlow{\r\n\r\n    0%{\r\n        transform:translateY(0px);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(-20px);\r\n    }\r\n\r\n    100%{\r\n        transform:translateY(0px);\r\n    }\r\n\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TABLET *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .about-top{\r\n        align-items:flex-start;\r\n    }\r\n\r\n    .about-right{\r\n        align-items:flex-start;\r\n        text-align:left;\r\n    }\r\n\r\n    .about-right h2{\r\n        font-size:58px;\r\n    }\r\n\r\n    .about-bottom{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* MOBILE *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n    .about-hero-v2{\r\n        padding:90px 24px;\r\n    }\r\n\r\n    .about-right h2{\r\n        font-size:35px;\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .about-right p{\r\n        font-size:17px;\r\n    }\r\n\r\n    .about-card.large{\r\n        min-height:420px;\r\n    }\r\n\r\n    .about-card.small{\r\n        min-height:260px;\r\n    }\r\n\r\n    .card-info{\r\n        padding:24px;\r\n    }\r\n\r\n    .card-info h3{\r\n        font-size:28px;\r\n    }\r\n\r\n    .card-info a{\r\n        width:58px;\r\n        height:58px;\r\n        font-size:24px;\r\n    }\r\n\r\n    .about-cta{\r\n        padding:35px;\r\n    }\r\n\r\n    .about-cta h4{\r\n        font-size:28px;\r\n    }\r\n\r\n    .about-cta a{\r\n        width:100%;\r\n    }\r\n\r\n}\r\n\/* ========================================= *\/\r\n\/* PREMIUM VISIBLE ANIMATIONS *\/\r\n\/* ========================================= *\/\r\n\r\n.about-hero-v2{\r\n    isolation:isolate;\r\n}\r\n\r\n.about-hero-v2::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    pointer-events:none;\r\n    z-index:0;\r\n\r\n    background:\r\n    linear-gradient(\r\n        120deg,\r\n        transparent 0%,\r\n        transparent 35%,\r\n        rgba(255,208,0,.16) 48%,\r\n        transparent 62%,\r\n        transparent 100%\r\n    );\r\n\r\n    transform:translateX(-120%);\r\n    animation:sectionLightPass 5s cubic-bezier(.19,1,.22,1) infinite;\r\n}\r\n\r\n.about-hero-v2 > *{\r\n    position:relative;\r\n    z-index:1;\r\n}\r\n\r\n\/* ENTRADA FUERTE *\/\r\n.about-badge{\r\n    animation:\r\n    badgePop .9s cubic-bezier(.16,1,.3,1) both,\r\n    badgeFloat 3s ease-in-out infinite .9s !important;\r\n}\r\n\r\n.about-right h2{\r\n    animation:headlineImpact 1s cubic-bezier(.16,1,.3,1) both .15s;\r\n}\r\n\r\n.about-right h2 span{\r\n    display:block;\r\n    animation:goldPulse 2.4s ease-in-out infinite 1s;\r\n}\r\n\r\n.about-right p{\r\n    animation:textSlideUp .9s cubic-bezier(.16,1,.3,1) both .35s;\r\n}\r\n\r\n.about-line{\r\n    transform-origin:right center;\r\n    animation:lineShoot .9s cubic-bezier(.16,1,.3,1) both .55s;\r\n}\r\n\r\n\/* CARDS CON ENTRADA M\u00c1S NOTORIA *\/\r\n.about-card.large{\r\n    animation:bigCardEntrance 1.15s cubic-bezier(.16,1,.3,1) both .35s;\r\n}\r\n\r\n.about-card.small{\r\n    animation:smallCardEntrance 1.15s cubic-bezier(.16,1,.3,1) both .5s;\r\n}\r\n\r\n.about-cta{\r\n    animation:ctaEntrance 1.15s cubic-bezier(.16,1,.3,1) both .65s;\r\n}\r\n\r\n\/* BRILLO PASANDO POR CADA CARD *\/\r\n.about-card::after,\r\n.about-cta::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:-20%;\r\n    pointer-events:none;\r\n    z-index:5;\r\n\r\n    background:\r\n    linear-gradient(\r\n        115deg,\r\n        transparent 0%,\r\n        transparent 38%,\r\n        rgba(255,208,0,.42) 48%,\r\n        rgba(255,255,255,.28) 52%,\r\n        transparent 64%,\r\n        transparent 100%\r\n    );\r\n\r\n    transform:translateX(-130%);\r\n    opacity:0;\r\n}\r\n\r\n.about-card:hover::after,\r\n.about-cta:hover::after{\r\n    animation:premiumShine .9s cubic-bezier(.16,1,.3,1) both;\r\n}\r\n\r\n\/* MOVIMIENTO VISIBLE EN IM\u00c1GENES *\/\r\n.about-card img{\r\n    animation:imageBreath 8s ease-in-out infinite;\r\n    will-change:transform;\r\n}\r\n\r\n.about-card:hover img{\r\n    transform:scale(1.12) rotate(.6deg);\r\n}\r\n\r\n\/* TEXTOS DE CARD *\/\r\n.card-info small{\r\n    animation:labelReveal .75s cubic-bezier(.16,1,.3,1) both .9s;\r\n}\r\n\r\n.card-info h3{\r\n    animation:titleLift .8s cubic-bezier(.16,1,.3,1) both 1s;\r\n}\r\n\r\n\/* CTA M\u00c1S VIVO *\/\r\n.cta-glow{\r\n    animation:\r\n    glowOrbit 5s ease-in-out infinite,\r\n    glowPulse 2.6s ease-in-out infinite !important;\r\n}\r\n\r\n.about-cta a{\r\n    animation:buttonPulse 2.8s ease-in-out infinite 1.3s;\r\n}\r\n\r\n\/* DOT M\u00c1S VISIBLE *\/\r\n.dot{\r\n    animation:dotPing 1.6s ease-in-out infinite !important;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* KEYFRAMES *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes sectionLightPass{\r\n    0%, 35%{\r\n        transform:translateX(-120%);\r\n        opacity:0;\r\n    }\r\n\r\n    50%{\r\n        opacity:1;\r\n    }\r\n\r\n    75%, 100%{\r\n        transform:translateX(120%);\r\n        opacity:0;\r\n    }\r\n}\r\n\r\n@keyframes badgePop{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(-18px) scale(.85);\r\n        filter:blur(10px);\r\n    }\r\n\r\n    70%{\r\n        transform:translateY(3px) scale(1.04);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) scale(1);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes badgeFloat{\r\n    0%, 100%{\r\n        transform:translateY(0);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(-10px);\r\n    }\r\n}\r\n\r\n@keyframes headlineImpact{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(70px) scale(.96);\r\n        filter:blur(14px);\r\n    }\r\n\r\n    65%{\r\n        opacity:1;\r\n        transform:translateX(-6px) scale(1.015);\r\n        filter:blur(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes goldPulse{\r\n    0%, 100%{\r\n        text-shadow:\r\n        0 0 20px rgba(255,208,0,.18);\r\n    }\r\n\r\n    50%{\r\n        text-shadow:\r\n        0 0 18px rgba(255,208,0,.75),\r\n        0 0 45px rgba(255,208,0,.38),\r\n        0 0 80px rgba(255,208,0,.18);\r\n    }\r\n}\r\n\r\n@keyframes textSlideUp{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(35px);\r\n        filter:blur(8px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes lineShoot{\r\n    0%{\r\n        opacity:0;\r\n        transform:scaleX(0);\r\n        box-shadow:0 0 0 rgba(255,208,0,0);\r\n    }\r\n\r\n    60%{\r\n        opacity:1;\r\n        transform:scaleX(1.25);\r\n        box-shadow:0 0 32px rgba(255,208,0,.8);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:scaleX(1);\r\n    }\r\n}\r\n\r\n@keyframes bigCardEntrance{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(-70px) translateY(40px) scale(.92);\r\n        filter:blur(16px);\r\n    }\r\n\r\n    70%{\r\n        opacity:1;\r\n        transform:translateX(8px) translateY(-4px) scale(1.015);\r\n        filter:blur(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0) translateY(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes smallCardEntrance{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(70px) translateY(40px) scale(.92);\r\n        filter:blur(16px);\r\n    }\r\n\r\n    70%{\r\n        opacity:1;\r\n        transform:translateX(-8px) translateY(-4px) scale(1.015);\r\n        filter:blur(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0) translateY(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes ctaEntrance{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(55px) scale(.9);\r\n        filter:blur(16px);\r\n    }\r\n\r\n    70%{\r\n        opacity:1;\r\n        transform:translateY(-8px) scale(1.02);\r\n        filter:blur(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes premiumShine{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(-130%) rotate(0deg);\r\n    }\r\n\r\n    20%{\r\n        opacity:1;\r\n    }\r\n\r\n    100%{\r\n        opacity:0;\r\n        transform:translateX(130%) rotate(0deg);\r\n    }\r\n}\r\n\r\n@keyframes imageBreath{\r\n    0%, 100%{\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.055);\r\n    }\r\n}\r\n\r\n@keyframes labelReveal{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(18px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes titleLift{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(28px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes glowOrbit{\r\n    0%, 100%{\r\n        transform:translate(0,0) scale(1);\r\n    }\r\n\r\n    33%{\r\n        transform:translate(-30px,25px) scale(1.18);\r\n    }\r\n\r\n    66%{\r\n        transform:translate(18px,45px) scale(.95);\r\n    }\r\n}\r\n\r\n@keyframes glowPulse{\r\n    0%, 100%{\r\n        opacity:.55;\r\n        filter:blur(20px);\r\n    }\r\n\r\n    50%{\r\n        opacity:1;\r\n        filter:blur(28px);\r\n    }\r\n}\r\n\r\n@keyframes buttonPulse{\r\n    0%, 100%{\r\n        box-shadow:\r\n        0 0 25px rgba(255,208,0,.25);\r\n    }\r\n\r\n    50%{\r\n        box-shadow:\r\n        0 0 20px rgba(255,208,0,.65),\r\n        0 0 55px rgba(255,208,0,.28);\r\n    }\r\n}\r\n\r\n@keyframes dotPing{\r\n    0%{\r\n        transform:scale(1);\r\n        box-shadow:\r\n        0 0 12px rgba(255,208,0,.9),\r\n        0 0 0 0 rgba(255,208,0,.55);\r\n    }\r\n\r\n    70%{\r\n        transform:scale(1.35);\r\n        box-shadow:\r\n        0 0 18px rgba(255,208,0,1),\r\n        0 0 0 16px rgba(255,208,0,0);\r\n    }\r\n\r\n    100%{\r\n        transform:scale(1);\r\n        box-shadow:\r\n        0 0 12px rgba(255,208,0,.9),\r\n        0 0 0 0 rgba(255,208,0,0);\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-f5f9a77 e-con-full e-flex e-con e-parent\" data-id=\"f5f9a77\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf31617 elementor-widget elementor-widget-html\" data-id=\"cf31617\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"impact-section\">\r\n\r\n    <!-- LEFT CONTENT -->\r\n    <div class=\"impact-left\">\r\n\r\n        <span class=\"impact-badge\">\r\n            <span class=\"dot\"><\/span>\r\n            UN IMPACTO QUE VA M\u00c1S ALL\u00c1 DE LOS EVENTOS\r\n        <\/span>\r\n\r\n        <h2>\r\n            TODOS LOS EVENTOS\r\n            <span>CAUSA IMPACTO.<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"impact-line\"><\/div>\r\n\r\n        <p class=\"impact-text\">\r\n            Nos enorgullece donar una parte de los ingresos de cada evento\n            a Courageous Heart, una organizaci\u00f3n sin \u00e1nimo de lucro\n            que presta apoyo a ni\u00f1os en acogida, familias y\n            personas necesitadas.\r\n        <\/p>\r\n\r\n        <p class=\"impact-subtext\">\r\n            A trav\u00e9s de programas de mentor\u00eda, talleres de cocina,\n            programas de desarrollo personal e iniciativas\n            comunitarias, cada experiencia contribuye a crear\n            un futuro mejor y oportunidades reales.\r\n        <\/p>\r\n\r\n        <!-- STATS -->\r\n        <div class=\"impact-stats\">\r\n\r\n            <div class=\"stat-box\">\r\n\r\n                <h3>150+<\/h3>\r\n\r\n                <p>\r\n                    Eventos comunitarios patrocinados\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"stat-box\">\r\n\r\n                <h3>10K+<\/h3>\r\n\r\n                <p>\r\n                    Vidas que han mejorado\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- BUTTON -->\r\n        <a href=\"https:\/\/topeventsonline.com\/es\/contacto\/\" class=\"impact-btn\">\r\n            APOYA LA MISI\u00d3N\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT VISUAL -->\r\n    <div class=\"impact-right\">\r\n\r\n        <div class=\"image-glow\"><\/div>\r\n\r\n        <div class=\"impact-image-wrapper\">\r\n\r\n            <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_ffa2s9ffa2s9ffa2-e1779322781357.png\" alt=\"\">\r\n\r\n            <div class=\"image-overlay\"><\/div>\r\n\r\n            <div class=\"floating-card top-card\">\r\n\r\n                <span class=\"mini-dot\"><\/span>\r\n\r\n                <p>\r\n                    Programas de apoyo comunitario\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"floating-card bottom-card\">\r\n\r\n                <h4>\r\n                    100%\r\n                <\/h4>\r\n\r\n                <span>\r\n                    Motivado por el prop\u00f3sito eventos\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ========================================= *\/\r\n\/* SECTION *\/\r\n\/* ========================================= *\/\r\n\r\n.impact-section{\r\n    position:relative;\r\n\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n\r\n    gap:90px;\r\n\r\n    align-items:center;\r\n\r\n    padding:140px 7%;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle at top left,\r\n        rgba(255,208,0,.05),\r\n        transparent 35%\r\n    ),\r\n    #050505;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LEFT *\/\r\n\/* ========================================= *\/\r\n\r\n.impact-left{\r\n    position:relative;\r\n\r\n    z-index:2;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BADGE *\/\r\n\/* ========================================= *\/\r\n\r\n.impact-badge{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    padding:14px 28px;\r\n\r\n    border-radius:60px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,.08),\r\n        rgba(255,208,0,.02)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.15);\r\n\r\n    color:#ffd000;\r\n\r\n    font-size:14px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    margin-bottom:35px;\r\n\r\n    box-shadow:\r\n    0 0 20px rgba(255,208,0,.06);\r\n}\r\n\r\n\/* DOT *\/\r\n\r\n.dot{\r\n    width:10px;\r\n    height:10px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 12px rgba(255,208,0,.8);\r\n\r\n    animation:pulseDot 2s infinite;\r\n}\r\n\r\n@keyframes pulseDot{\r\n\r\n    0%{\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.3);\r\n    }\r\n\r\n    100%{\r\n        transform:scale(1);\r\n    }\r\n\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TITLE *\/\r\n\/* ========================================= *\/\r\n\r\n.impact-left h2{\r\n    font-size:105px;\r\n\r\n    line-height:.88;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:-5px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    color:white;\r\n\r\n    margin-bottom:35px;\r\n\r\n    font-family:'Montserrat', sans-serif;\r\n}\r\n\r\n.impact-left h2 span{\r\n    display:block;\r\n\r\n    color:#ffd000;\r\n\r\n    text-shadow:\r\n    0 0 20px rgba(255,208,0,.15);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LINE *\/\r\n\/* ========================================= *\/\r\n\r\n.impact-line{\r\n    width:140px;\r\n    height:4px;\r\n\r\n    border-radius:30px;\r\n\r\n    background:#ffd000;\r\n\r\n    margin-bottom:40px;\r\n\r\n    box-shadow:\r\n    0 0 18px rgba(255,208,0,.5);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TEXT *\/\r\n\/* ========================================= *\/\r\n\r\n.impact-text{\r\n    color:white;\r\n\r\n    font-size:26px;\r\n\r\n    line-height:1.7;\r\n\r\n    margin-bottom:30px;\r\n\r\n    max-width:760px;\r\n}\r\n\r\n.impact-subtext{\r\n    color:rgba(255,255,255,.68);\r\n\r\n    font-size:20px;\r\n\r\n    line-height:1.9;\r\n\r\n    margin-bottom:45px;\r\n\r\n    max-width:720px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* STATS *\/\r\n\/* ========================================= *\/\r\n\r\n.impact-stats{\r\n    display:flex;\r\n\r\n    gap:24px;\r\n\r\n    margin-bottom:45px;\r\n}\r\n\r\n\/* BOX *\/\r\n\r\n.stat-box{\r\n    flex:1;\r\n\r\n    padding:28px;\r\n\r\n    border-radius:28px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,.03),\r\n        rgba(255,255,255,.01)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.08);\r\n\r\n    transition:.45s ease;\r\n}\r\n\r\n.stat-box:hover{\r\n    transform:translateY(-8px);\r\n\r\n    border-color:rgba(255,208,0,.25);\r\n\r\n    box-shadow:\r\n    0 0 25px rgba(255,208,0,.08);\r\n}\r\n\r\n.stat-box h3{\r\n    color:#ffd000;\r\n\r\n    font-size:52px;\r\n\r\n    margin-bottom:12px;\r\n\r\n    font-weight:900;\r\n}\r\n\r\n.stat-box p{\r\n    color:rgba(255,255,255,.72);\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BUTTON *\/\r\n\/* ========================================= *\/\r\n\r\n.impact-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    width:260px;\r\n    height:70px;\r\n\r\n    border-radius:20px;\r\n\r\n    background:#ffd000;\r\n\r\n    color:black;\r\n\r\n    text-decoration:none;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:2px;\r\n\r\n    transition:.45s ease;\r\n\r\n    box-shadow:\r\n    0 0 25px rgba(255,208,0,.2);\r\n}\r\n\r\n.impact-btn:hover{\r\n    transform:\r\n    translateY(-6px)\r\n    scale(1.03);\r\n\r\n    box-shadow:\r\n    0 0 40px rgba(255,208,0,.4);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* RIGHT *\/\r\n\/* ========================================= *\/\r\n\r\n.impact-right{\r\n    position:relative;\r\n}\r\n\r\n\/* GLOW *\/\r\n\r\n.image-glow{\r\n    position:absolute;\r\n\r\n    width:450px;\r\n    height:450px;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle,\r\n        rgba(255,208,0,.16),\r\n        transparent 70%\r\n    );\r\n\r\n    top:-100px;\r\n    right:-100px;\r\n}\r\n\r\n\/* IMAGE *\/\r\n\r\n.impact-image-wrapper{\r\n    position:relative;\r\n\r\n    border-radius:40px;\r\n\r\n    overflow:hidden;\r\n\r\n    border:1px solid rgba(255,208,0,.1);\r\n\r\n    box-shadow:\r\n    0 20px 80px rgba(0,0,0,.6);\r\n}\r\n\r\n.impact-image-wrapper img{\r\n    width:100%;\r\n    height:760px;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:1s ease;\r\n}\r\n\r\n.impact-image-wrapper:hover img{\r\n    transform:scale(1.05);\r\n}\r\n\r\n\/* OVERLAY *\/\r\n\r\n.image-overlay{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n    linear-gradient(\r\n        to top,\r\n        rgba(0,0,0,.85),\r\n        rgba(0,0,0,.1)\r\n    );\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* FLOATING CARDS *\/\r\n\/* ========================================= *\/\r\n\r\n.floating-card{\r\n    position:absolute;\r\n\r\n    backdrop-filter:blur(12px);\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,.08),\r\n        rgba(255,255,255,.03)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.12);\r\n\r\n    border-radius:24px;\r\n\r\n    color:white;\r\n}\r\n\r\n\/* TOP *\/\r\n\r\n.top-card{\r\n    top:35px;\r\n    left:35px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n\r\n    padding:18px 22px;\r\n}\r\n\r\n.mini-dot{\r\n    width:10px;\r\n    height:10px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 12px rgba(255,208,0,.8);\r\n}\r\n\r\n.top-card p{\r\n    font-size:15px;\r\n\r\n    letter-spacing:1px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\/* BOTTOM *\/\r\n\r\n.bottom-card{\r\n    bottom:35px;\r\n    right:35px;\r\n\r\n    padding:28px;\r\n}\r\n\r\n.bottom-card h4{\r\n    font-size:62px;\r\n\r\n    color:#ffd000;\r\n\r\n    line-height:1;\r\n\r\n    margin-bottom:10px;\r\n}\r\n\r\n.bottom-card span{\r\n    color:white;\r\n\r\n    font-size:16px;\r\n\r\n    letter-spacing:1px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* RESPONSIVE *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .impact-section{\r\n        grid-template-columns:1fr;\r\n\r\n        gap:70px;\r\n    }\r\n\r\n    .impact-left h2{\r\n        font-size:72px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .impact-section{\r\n        padding:90px 24px;\r\n    }\r\n\r\n    .impact-left h2{\r\n        font-size:48px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .impact-text{\r\n        font-size:21px;\r\n    }\r\n\r\n    .impact-subtext{\r\n        font-size:17px;\r\n    }\r\n\r\n    .impact-stats{\r\n        flex-direction:column;\r\n    }\r\n\r\n    .impact-image-wrapper img{\r\n        height:500px;\r\n    }\r\n\r\n    .impact-btn{\r\n        width:100%;\r\n    }\r\n\r\n    .bottom-card{\r\n        right:20px;\r\n        bottom:20px;\r\n\r\n        padding:20px;\r\n    }\r\n\r\n    .bottom-card h4{\r\n        font-size:42px;\r\n    }\r\n\r\n}\r\n\/* ========================================= *\/\r\n\/* IMPACT PRO ANIMATIONS - UNIQUE *\/\r\n\/* ========================================= *\/\r\n\r\n.impact-section{\r\n    isolation:isolate;\r\n}\r\n\r\n.impact-section::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:520px;\r\n    height:520px;\r\n    left:-220px;\r\n    bottom:-220px;\r\n    pointer-events:none;\r\n    z-index:0;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle,\r\n        rgba(255,208,0,.14),\r\n        transparent 68%\r\n    );\r\n\r\n    filter:blur(18px);\r\n    animation:impactAuraDrift 9s ease-in-out infinite;\r\n}\r\n\r\n.impact-section::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    pointer-events:none;\r\n    z-index:0;\r\n\r\n    background-image:\r\n    linear-gradient(rgba(255,208,0,.045) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,208,0,.035) 1px, transparent 1px);\r\n\r\n    background-size:74px 74px;\r\n    mask-image:radial-gradient(circle at 18% 50%, black, transparent 58%);\r\n    opacity:.45;\r\n\r\n    animation:impactGridMove 14s linear infinite;\r\n}\r\n\r\n.impact-left,\r\n.impact-right{\r\n    position:relative;\r\n    z-index:1;\r\n}\r\n\r\n\/* BADGE *\/\r\n.impact-badge{\r\n    transform-origin:left center;\r\n    animation:impactBadgeStamp .9s cubic-bezier(.18,1,.25,1) both;\r\n}\r\n\r\n\/* DOT DIFFERENT *\/\r\n.impact-badge .dot{\r\n    animation:impactDotSpark 1.8s steps(2,end) infinite !important;\r\n}\r\n\r\n\/* TITLE *\/\r\n.impact-left h2{\r\n    animation:impactTitleRoll 1.05s cubic-bezier(.18,1,.25,1) both .15s;\r\n}\r\n\r\n.impact-left h2 span{\r\n    position:relative;\r\n    display:block;\r\n    animation:impactGoldWave 3.2s ease-in-out infinite 1.1s;\r\n}\r\n\r\n.impact-left h2 span::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    bottom:-8px;\r\n    width:100%;\r\n    height:10px;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    linear-gradient(\r\n        90deg,\r\n        rgba(255,208,0,0),\r\n        rgba(255,208,0,.65),\r\n        rgba(255,208,0,0)\r\n    );\r\n\r\n    transform:scaleX(0);\r\n    transform-origin:left center;\r\n    filter:blur(8px);\r\n    animation:impactUnderlineGlow 1.2s cubic-bezier(.18,1,.25,1) both 1s;\r\n}\r\n\r\n\/* LINE *\/\r\n.impact-line{\r\n    transform-origin:left center;\r\n    animation:impactLineExpand .85s cubic-bezier(.18,1,.25,1) both .45s;\r\n}\r\n\r\n\/* PARAGRAPHS *\/\r\n.impact-text{\r\n    animation:impactTextReveal .9s cubic-bezier(.18,1,.25,1) both .58s;\r\n}\r\n\r\n.impact-subtext{\r\n    animation:impactTextReveal .9s cubic-bezier(.18,1,.25,1) both .72s;\r\n}\r\n\r\n\/* STATS *\/\r\n.stat-box{\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:impactStatRise .95s cubic-bezier(.18,1,.25,1) both;\r\n}\r\n\r\n.stat-box:first-child{\r\n    animation-delay:.86s;\r\n}\r\n\r\n.stat-box:last-child{\r\n    animation-delay:1s;\r\n}\r\n\r\n.stat-box::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:auto 0 0 0;\r\n    height:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,0),\r\n        rgba(255,208,0,.12)\r\n    );\r\n\r\n    transition:height .55s cubic-bezier(.18,1,.25,1);\r\n}\r\n\r\n.stat-box:hover::before{\r\n    height:100%;\r\n}\r\n\r\n.stat-box h3{\r\n    animation:impactNumberPop 1.1s cubic-bezier(.18,1,.25,1) both 1.1s;\r\n}\r\n\r\n.stat-box:hover h3{\r\n    animation:impactNumberTick .55s cubic-bezier(.18,1,.25,1) both;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.impact-btn{\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:impactButtonArrive .95s cubic-bezier(.18,1,.25,1) both 1.12s;\r\n}\r\n\r\n.impact-btn::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle at var(--x, 50%) var(--y, 50%),\r\n        rgba(255,255,255,.75),\r\n        transparent 34%\r\n    );\r\n\r\n    opacity:0;\r\n    transform:scale(.45);\r\n    transition:.45s ease;\r\n}\r\n\r\n.impact-btn:hover::before{\r\n    opacity:.55;\r\n    transform:scale(1.5);\r\n}\r\n\r\n\/* IMAGE AREA *\/\r\n.image-glow{\r\n    animation:impactGlowMorph 7s ease-in-out infinite;\r\n}\r\n\r\n.impact-image-wrapper{\r\n    animation:impactImageReveal 1.15s cubic-bezier(.18,1,.25,1) both .45s;\r\n    transform-origin:center bottom;\r\n}\r\n\r\n.impact-image-wrapper::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:4;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle at 50% 45%,\r\n        transparent 0%,\r\n        transparent 42%,\r\n        rgba(255,208,0,.18) 43%,\r\n        transparent 48%\r\n    );\r\n\r\n    opacity:0;\r\n    transform:scale(.7);\r\n}\r\n\r\n.impact-image-wrapper:hover::before{\r\n    animation:impactRingPulse 1.1s ease-out both;\r\n}\r\n\r\n.impact-image-wrapper img{\r\n    animation:impactPhotoPan 10s ease-in-out infinite;\r\n}\r\n\r\n.impact-image-wrapper:hover img{\r\n    transform:scale(1.07) translateX(-10px);\r\n}\r\n\r\n.image-overlay{\r\n    animation:impactOverlaySet .9s ease both 1s;\r\n}\r\n\r\n\/* FLOATING CARDS *\/\r\n.floating-card{\r\n    animation:impactFloatCard 4.8s ease-in-out infinite;\r\n}\r\n\r\n.top-card{\r\n    animation:\r\n    impactTopCardIn .95s cubic-bezier(.18,1,.25,1) both 1.05s,\r\n    impactFloatCard 4.8s ease-in-out infinite 2s;\r\n}\r\n\r\n.bottom-card{\r\n    animation:\r\n    impactBottomCardIn .95s cubic-bezier(.18,1,.25,1) both 1.18s,\r\n    impactFloatCardReverse 5.2s ease-in-out infinite 2.1s;\r\n}\r\n\r\n.mini-dot{\r\n    animation:impactMiniBlink 1.4s ease-in-out infinite;\r\n}\r\n\r\n.bottom-card h4{\r\n    animation:impactPercentPulse 2.6s ease-in-out infinite 1.8s;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* UNIQUE KEYFRAMES *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes impactAuraDrift{\r\n    0%, 100%{\r\n        transform:translate(0,0) scale(1);\r\n        opacity:.55;\r\n    }\r\n\r\n    50%{\r\n        transform:translate(80px,-55px) scale(1.18);\r\n        opacity:.95;\r\n    }\r\n}\r\n\r\n@keyframes impactGridMove{\r\n    0%{\r\n        background-position:0 0;\r\n    }\r\n\r\n    100%{\r\n        background-position:74px 74px;\r\n    }\r\n}\r\n\r\n@keyframes impactBadgeStamp{\r\n    0%{\r\n        opacity:0;\r\n        transform:rotate(-4deg) translateY(18px) scale(.92);\r\n        filter:blur(8px);\r\n    }\r\n\r\n    65%{\r\n        opacity:1;\r\n        transform:rotate(1deg) translateY(-3px) scale(1.03);\r\n        filter:blur(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:rotate(0) translateY(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes impactDotSpark{\r\n    0%, 100%{\r\n        opacity:1;\r\n        transform:scale(1);\r\n        box-shadow:0 0 12px rgba(255,208,0,.8);\r\n    }\r\n\r\n    50%{\r\n        opacity:.35;\r\n        transform:scale(.7);\r\n        box-shadow:0 0 26px rgba(255,208,0,1);\r\n    }\r\n}\r\n\r\n@keyframes impactTitleRoll{\r\n    0%{\r\n        opacity:0;\r\n        transform:perspective(900px) rotateX(18deg) translateY(46px);\r\n        filter:blur(12px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:perspective(900px) rotateX(0) translateY(0);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes impactGoldWave{\r\n    0%, 100%{\r\n        color:#ffd000;\r\n        text-shadow:0 0 20px rgba(255,208,0,.15);\r\n    }\r\n\r\n    50%{\r\n        color:#ffe46b;\r\n        text-shadow:\r\n        0 0 22px rgba(255,208,0,.55),\r\n        0 0 54px rgba(255,208,0,.22);\r\n    }\r\n}\r\n\r\n@keyframes impactUnderlineGlow{\r\n    0%{\r\n        opacity:0;\r\n        transform:scaleX(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:scaleX(1);\r\n    }\r\n}\r\n\r\n@keyframes impactLineExpand{\r\n    0%{\r\n        opacity:0;\r\n        transform:scaleX(0) translateX(-20px);\r\n    }\r\n\r\n    75%{\r\n        opacity:1;\r\n        transform:scaleX(1.18) translateX(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:scaleX(1);\r\n    }\r\n}\r\n\r\n@keyframes impactTextReveal{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(24px);\r\n        clip-path:inset(0 0 100% 0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n        clip-path:inset(0 0 0 0);\r\n    }\r\n}\r\n\r\n@keyframes impactStatRise{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(36px) rotateX(14deg);\r\n        filter:blur(10px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) rotateX(0);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes impactNumberPop{\r\n    0%{\r\n        opacity:0;\r\n        transform:scale(.55);\r\n    }\r\n\r\n    70%{\r\n        opacity:1;\r\n        transform:scale(1.12);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:scale(1);\r\n    }\r\n}\r\n\r\n@keyframes impactNumberTick{\r\n    0%{\r\n        transform:translateY(0) scale(1);\r\n    }\r\n\r\n    40%{\r\n        transform:translateY(-6px) scale(1.08);\r\n    }\r\n\r\n    100%{\r\n        transform:translateY(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes impactButtonArrive{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(28px) scale(.94);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes impactGlowMorph{\r\n    0%, 100%{\r\n        transform:scale(1) translate(0,0);\r\n        border-radius:50%;\r\n        opacity:.65;\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.18) translate(-35px,45px);\r\n        border-radius:38%;\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes impactImageReveal{\r\n    0%{\r\n        opacity:0;\r\n        transform:perspective(1000px) rotateY(-10deg) translateX(50px) scale(.95);\r\n        filter:blur(14px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:perspective(1000px) rotateY(0) translateX(0) scale(1);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes impactPhotoPan{\r\n    0%, 100%{\r\n        transform:scale(1.02) translateX(0);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.07) translateX(-16px);\r\n    }\r\n}\r\n\r\n@keyframes impactOverlaySet{\r\n    0%{\r\n        opacity:.25;\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes impactRingPulse{\r\n    0%{\r\n        opacity:0;\r\n        transform:scale(.72);\r\n    }\r\n\r\n    35%{\r\n        opacity:1;\r\n    }\r\n\r\n    100%{\r\n        opacity:0;\r\n        transform:scale(1.35);\r\n    }\r\n}\r\n\r\n@keyframes impactTopCardIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translate(-30px,-24px) scale(.88);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translate(0,0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes impactBottomCardIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translate(30px,24px) scale(.88);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translate(0,0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes impactFloatCard{\r\n    0%, 100%{\r\n        transform:translateY(0);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(-12px);\r\n    }\r\n}\r\n\r\n@keyframes impactFloatCardReverse{\r\n    0%, 100%{\r\n        transform:translateY(0);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(12px);\r\n    }\r\n}\r\n\r\n@keyframes impactMiniBlink{\r\n    0%, 100%{\r\n        opacity:1;\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        opacity:.45;\r\n        transform:scale(.75);\r\n    }\r\n}\r\n\r\n@keyframes impactPercentPulse{\r\n    0%, 100%{\r\n        transform:scale(1);\r\n        text-shadow:0 0 16px rgba(255,208,0,.2);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.06);\r\n        text-shadow:\r\n        0 0 24px rgba(255,208,0,.7),\r\n        0 0 52px rgba(255,208,0,.25);\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-15229b3 e-con-full e-flex e-con e-parent\" data-id=\"15229b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1064e41 elementor-widget elementor-widget-html\" data-id=\"1064e41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"founder-section\">\r\n\r\n    <!-- LEFT IMAGE -->\r\n    <div class=\"founder-image\">\r\n\r\n        <div class=\"image-overlay\"><\/div>\r\n\r\n        <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/handsome-young-man-with-arms-crossed-white-background-scaled.jpg\" alt=\"Founder\">\r\n\r\n        <div class=\"floating-glow\"><\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT CONTENT -->\r\n    <div class=\"founder-content\">\r\n\r\n        <span class=\"mini-title\">\r\n            <span class=\"dot\"><\/span>\r\n            CONOCE A NUESTRO FUNDADOR\r\n        <\/span>\r\n\r\n        <h2>\r\n            LOS GRANDES EVENTOS NO SURGEN POR CASUALIDAD\r\n            <span>POR CASUALIDAD.<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"divider\"><\/div>\r\n\r\n        <p class=\"main-text\">\r\n            Gabriel, director general de Top Events, es el art\u00edfice de la visi\u00f3n que hay detr\u00e1s de cada\n            experiencia inolvidable. Con un marcado enfoque en la innovaci\u00f3n,\n            la ejecuci\u00f3n de primera calidad y la conexi\u00f3n con el p\u00fablico, ha creado una\n            marca dedicada a crear momentos de talla mundial.\r\n        <\/p>\r\n\r\n        <div class=\"info-grid\">\r\n\r\n            <div class=\"info-box\">\r\n\r\n                <h4>Visi\u00f3n estrat\u00e9gica<\/h4>\r\n\r\n                <p>\r\n                    Cada producci\u00f3n se dise\u00f1a con precisi\u00f3n,\n                    creatividad y una coordinaci\u00f3n impecable.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"info-box\">\r\n\r\n                <h4>Experiencias de lujo<\/h4>\r\n\r\n                <p>\r\n                    Desde eventos VIP hasta grandes festivales,\n                    la excelencia es siempre la prioridad.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <ul class=\"founder-list\">\r\n\r\n            <li>Organizaci\u00f3n de eventos de lujo<\/li>\r\n\r\n            <li>Gesti\u00f3n de festivales<\/li>\r\n\r\n            <li>Experiencias VIP y privadas<\/li>\r\n\r\n            <li>Activaciones de marca<\/li>\r\n\r\n        <\/ul>\r\n\r\n        <div class=\"founder-footer\">\r\n\r\n            <div class=\"founder-name\">\r\n\r\n                <h3>GABRIEL<\/h3>\r\n\r\n                <span>FUNDADOR Y DIRECTOR EJECUTIVO<\/span>\r\n\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/topeventsonline.com\/es\/contacto\/\">\r\n                CONTACTO\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ========================================= *\/\r\n\/* SECTION *\/\r\n\/* ========================================= *\/\r\n\r\n.founder-section{\r\n    position:relative;\r\n\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n\r\n    align-items:center;\r\n\r\n    gap:90px;\r\n\r\n    padding:120px 7%;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle at top right,\r\n        rgba(255,208,0,.06),\r\n        transparent 35%\r\n    ),\r\n    #050505;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* IMAGE *\/\r\n\/* ========================================= *\/\r\n\r\n.founder-image{\r\n    position:relative;\r\n}\r\n\r\n.founder-image img{\r\n    width:100%;\r\n    height:760px;\r\n\r\n    object-fit:cover;\r\n\r\n    border-radius:36px;\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    transition:.7s cubic-bezier(.19,1,.22,1);\r\n\r\n    filter:\r\n    grayscale(10%)\r\n    brightness(.92);\r\n}\r\n\r\n.founder-image:hover img{\r\n    transform:scale(1.03);\r\n\r\n    filter:\r\n    grayscale(0%)\r\n    brightness(1);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* OVERLAY *\/\r\n\/* ========================================= *\/\r\n\r\n.image-overlay{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    border-radius:36px;\r\n\r\n    z-index:3;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(0,0,0,.05),\r\n        rgba(0,0,0,.45)\r\n    );\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GLOW *\/\r\n\/* ========================================= *\/\r\n\r\n.floating-glow{\r\n    position:absolute;\r\n\r\n    width:300px;\r\n    height:300px;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle,\r\n        rgba(255,208,0,.12),\r\n        transparent 70%\r\n    );\r\n\r\n    bottom:-80px;\r\n    left:-60px;\r\n\r\n    z-index:1;\r\n\r\n    filter:blur(20px);\r\n\r\n    animation:floatGlow 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes floatGlow{\r\n\r\n    0%{\r\n        transform:translateY(0px);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(-25px);\r\n    }\r\n\r\n    100%{\r\n        transform:translateY(0px);\r\n    }\r\n\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* CONTENT *\/\r\n\/* ========================================= *\/\r\n\r\n.founder-content{\r\n    color:white;\r\n\r\n    text-align:right;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    align-items:flex-end;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* MINI TITLE *\/\r\n\/* ========================================= *\/\r\n\r\n.mini-title{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    padding:14px 28px;\r\n\r\n    border-radius:60px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,.08),\r\n        rgba(255,208,0,.02)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.15);\r\n\r\n    color:#ffd000;\r\n\r\n    font-size:14px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    margin-bottom:35px;\r\n\r\n    box-shadow:\r\n    0 0 20px rgba(255,208,0,.06);\r\n}\r\n\r\n\/* DOT *\/\r\n\r\n.dot{\r\n    width:10px;\r\n    height:10px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 12px rgba(255,208,0,.8);\r\n\r\n    animation:pulseDot 2s infinite;\r\n}\r\n\r\n@keyframes pulseDot{\r\n\r\n    0%{\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.3);\r\n    }\r\n\r\n    100%{\r\n        transform:scale(1);\r\n    }\r\n\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TITLE *\/\r\n\/* ========================================= *\/\r\n\r\n.founder-content h2{\r\n    font-size:78px;\r\n\r\n    line-height:.92;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:-4px;\r\n\r\n    margin-bottom:30px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    text-align:right;\r\n\r\n    font-family:'Montserrat', sans-serif;\r\n}\r\n\r\n.founder-content h2 span{\r\n    display:block;\r\n\r\n    color:#ffd000;\r\n\r\n    text-shadow:\r\n    0 0 25px rgba(255,208,0,.18);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* DIVIDER *\/\r\n\/* ========================================= *\/\r\n\r\n.divider{\r\n    width:140px;\r\n    height:4px;\r\n\r\n    border-radius:20px;\r\n\r\n    margin:0 0 35px auto;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 18px rgba(255,208,0,.35);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TEXT *\/\r\n\/* ========================================= *\/\r\n\r\n.main-text{\r\n    color:rgba(255,255,255,.72);\r\n\r\n    font-size:18px;\r\n\r\n    line-height:2;\r\n\r\n    margin-bottom:45px;\r\n\r\n    max-width:650px;\r\n\r\n    text-align:right;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GRID *\/\r\n\/* ========================================= *\/\r\n\r\n.info-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n\r\n    gap:24px;\r\n\r\n    margin-bottom:40px;\r\n\r\n    width:100%;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BOX *\/\r\n\/* ========================================= *\/\r\n\r\n.info-box{\r\n    padding:28px;\r\n\r\n    border-radius:28px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,.03),\r\n        rgba(255,255,255,.01)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.08);\r\n\r\n    transition:.45s ease;\r\n\r\n    text-align:right;\r\n}\r\n\r\n.info-box:hover{\r\n    transform:translateY(-8px);\r\n\r\n    border-color:rgba(255,208,0,.2);\r\n\r\n    box-shadow:\r\n    0 0 25px rgba(255,208,0,.06);\r\n}\r\n\r\n.info-box h4{\r\n    color:#ffd000;\r\n\r\n    font-size:18px;\r\n\r\n    margin-bottom:14px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.info-box p{\r\n    color:rgba(255,255,255,.68);\r\n\r\n    line-height:1.9;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LIST *\/\r\n\/* ========================================= *\/\r\n\r\n.founder-list{\r\n    list-style:none;\r\n\r\n    padding:0;\r\n\r\n    margin:0 0 50px;\r\n\r\n    width:100%;\r\n}\r\n\r\n.founder-list li{\r\n    position:relative;\r\n\r\n    padding-right:28px;\r\n\r\n    margin-bottom:18px;\r\n\r\n    color:white;\r\n\r\n    font-size:18px;\r\n\r\n    text-align:right;\r\n}\r\n\r\n.founder-list li::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    right:0;\r\n    top:11px;\r\n\r\n    width:10px;\r\n    height:10px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 12px rgba(255,208,0,.8);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* FOOTER *\/\r\n\/* ========================================= *\/\r\n\r\n.founder-footer{\r\n    display:flex;\r\n\r\n    justify-content:flex-end;\r\n\r\n    align-items:center;\r\n\r\n    gap:30px;\r\n\r\n    width:100%;\r\n}\r\n\r\n\/* NAME *\/\r\n\r\n.founder-name{\r\n    text-align:right;\r\n}\r\n\r\n.founder-name h3{\r\n    font-size:34px;\r\n\r\n    font-weight:900;\r\n\r\n    margin-bottom:5px;\r\n}\r\n\r\n.founder-name span{\r\n    color:#ffd000;\r\n\r\n    letter-spacing:2px;\r\n\r\n    font-size:14px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BUTTON *\/\r\n\/* ========================================= *\/\r\n\r\n.founder-footer a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    width:180px;\r\n    height:64px;\r\n\r\n    border-radius:16px;\r\n\r\n    background:#ffd000;\r\n\r\n    color:black;\r\n\r\n    text-decoration:none;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    font-size:14px;\r\n\r\n    transition:.45s ease;\r\n\r\n    box-shadow:\r\n    0 0 25px rgba(255,208,0,.2);\r\n}\r\n\r\n.founder-footer a:hover{\r\n    transform:\r\n    translateY(-6px)\r\n    scale(1.03);\r\n\r\n    box-shadow:\r\n    0 0 40px rgba(255,208,0,.4);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TABLET *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .founder-section{\r\n        grid-template-columns:1fr;\r\n\r\n        gap:70px;\r\n    }\r\n\r\n    .founder-content{\r\n        align-items:flex-start;\r\n\r\n        text-align:left;\r\n    }\r\n\r\n    .founder-content h2{\r\n        text-align:left;\r\n\r\n        font-size:62px;\r\n    }\r\n\r\n    .divider{\r\n        margin-left:0;\r\n    }\r\n\r\n    .main-text{\r\n        text-align:left;\r\n    }\r\n\r\n    .info-box{\r\n        text-align:left;\r\n    }\r\n\r\n    .founder-list li{\r\n        text-align:left;\r\n\r\n        padding-left:28px;\r\n        padding-right:0;\r\n    }\r\n\r\n    .founder-list li::before{\r\n        left:0;\r\n        right:auto;\r\n    }\r\n\r\n    .founder-footer{\r\n        justify-content:flex-start;\r\n    }\r\n\r\n    .founder-name{\r\n        text-align:left;\r\n    }\r\n\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* MOBILE *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n    .founder-section{\r\n        padding:90px 24px;\r\n    }\r\n\r\n    .founder-image img{\r\n        height:500px;\r\n    }\r\n\r\n    .founder-content h2{\r\n        font-size:44px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .main-text{\r\n        font-size:17px;\r\n    }\r\n\r\n    .info-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .founder-footer{\r\n        flex-direction:column;\r\n\r\n        align-items:flex-start;\r\n    }\r\n\r\n    .founder-footer a{\r\n        width:100%;\r\n    }\r\n\r\n}\r\n\/* ========================================= *\/\r\n\/* FOUNDER PRO ANIMATIONS - UNIQUE *\/\r\n\/* ========================================= *\/\r\n\r\n.founder-section{\r\n    isolation:isolate;\r\n}\r\n\r\n.founder-section::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    linear-gradient(\r\n        90deg,\r\n        rgba(255,208,0,.08),\r\n        transparent 18%,\r\n        transparent 82%,\r\n        rgba(255,208,0,.05)\r\n    );\r\n\r\n    opacity:.35;\r\n    animation:founderSideGlow 7s ease-in-out infinite;\r\n}\r\n\r\n.founder-section::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:1px;\r\n    height:140%;\r\n    top:-20%;\r\n    left:50%;\r\n    z-index:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        transparent,\r\n        rgba(255,208,0,.22),\r\n        transparent\r\n    );\r\n\r\n    animation:founderCenterLine 4.5s ease-in-out infinite;\r\n}\r\n\r\n.founder-image,\r\n.founder-content{\r\n    position:relative;\r\n    z-index:1;\r\n}\r\n\r\n\/* IMAGE REVEAL *\/\r\n.founder-image{\r\n    animation:founderPhotoBlock .95s cubic-bezier(.2,1,.25,1) both;\r\n}\r\n\r\n.founder-image::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:4;\r\n    border-radius:36px;\r\n    pointer-events:none;\r\n\r\n    background:#ffd000;\r\n    transform:scaleX(1);\r\n    transform-origin:right center;\r\n    animation:founderPhotoCurtain 1.15s cubic-bezier(.75,0,.25,1) both .2s;\r\n}\r\n\r\n.founder-image img{\r\n    animation:founderPortraitSettle 1.35s cubic-bezier(.2,1,.25,1) both .35s;\r\n    will-change:transform, filter;\r\n}\r\n\r\n.founder-image:hover img{\r\n    transform:scale(1.04) translateY(-8px);\r\n}\r\n\r\n.image-overlay{\r\n    animation:founderOverlayFade 1s ease both .9s;\r\n}\r\n\r\n.floating-glow{\r\n    animation:\r\n    founderGlowFloat 6.5s ease-in-out infinite,\r\n    founderGlowFlash 3.8s ease-in-out infinite !important;\r\n}\r\n\r\n\/* MINI TITLE *\/\r\n.mini-title{\r\n    transform-origin:right center;\r\n    animation:founderBadgeSlide .8s cubic-bezier(.2,1,.25,1) both .35s;\r\n}\r\n\r\n.mini-title .dot{\r\n    animation:founderDotSignal 1.6s ease-in-out infinite !important;\r\n}\r\n\r\n\/* TITLE *\/\r\n.founder-content h2{\r\n    animation:founderHeadlineReveal .95s cubic-bezier(.2,1,.25,1) both .5s;\r\n}\r\n\r\n.founder-content h2 span{\r\n    position:relative;\r\n    display:block;\r\n    animation:founderGoldBreath 3s ease-in-out infinite 1.2s;\r\n}\r\n\r\n.founder-content h2 span::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    right:0;\r\n    bottom:-10px;\r\n    width:0;\r\n    height:2px;\r\n    pointer-events:none;\r\n\r\n    background:#ffd000;\r\n    box-shadow:\r\n    0 0 18px rgba(255,208,0,.8);\r\n\r\n    animation:founderNameTrace 1.1s cubic-bezier(.2,1,.25,1) both 1s;\r\n}\r\n\r\n\/* DIVIDER + TEXT *\/\r\n.divider{\r\n    transform-origin:right center;\r\n    animation:founderDividerTrace .85s cubic-bezier(.2,1,.25,1) both .72s;\r\n}\r\n\r\n.main-text{\r\n    animation:founderParagraphFocus .9s cubic-bezier(.2,1,.25,1) both .85s;\r\n}\r\n\r\n\/* INFO GRID *\/\r\n.info-box{\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:founderBoxFlip .85s cubic-bezier(.2,1,.25,1) both;\r\n}\r\n\r\n.info-box:first-child{\r\n    animation-delay:1s;\r\n}\r\n\r\n.info-box:last-child{\r\n    animation-delay:1.12s;\r\n}\r\n\r\n.info-box::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    pointer-events:none;\r\n    border-radius:28px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        90deg,\r\n        rgba(255,208,0,.42),\r\n        transparent 32%,\r\n        transparent 68%,\r\n        rgba(255,208,0,.18)\r\n    );\r\n\r\n    opacity:0;\r\n    transform:translateY(100%);\r\n    transition:.55s cubic-bezier(.2,1,.25,1);\r\n}\r\n\r\n.info-box:hover::before{\r\n    opacity:.22;\r\n    transform:translateY(0);\r\n}\r\n\r\n.info-box h4,\r\n.info-box p{\r\n    position:relative;\r\n    z-index:1;\r\n}\r\n\r\n\/* LIST SEQUENCE *\/\r\n.founder-list li{\r\n    animation:founderListIn .65s cubic-bezier(.2,1,.25,1) both;\r\n}\r\n\r\n.founder-list li:nth-child(1){\r\n    animation-delay:1.18s;\r\n}\r\n\r\n.founder-list li:nth-child(2){\r\n    animation-delay:1.28s;\r\n}\r\n\r\n.founder-list li:nth-child(3){\r\n    animation-delay:1.38s;\r\n}\r\n\r\n.founder-list li:nth-child(4){\r\n    animation-delay:1.48s;\r\n}\r\n\r\n.founder-list li::before{\r\n    animation:founderBulletGlow 2.2s ease-in-out infinite;\r\n}\r\n\r\n.founder-list li:hover::before{\r\n    animation:founderBulletJump .45s cubic-bezier(.2,1,.25,1) both;\r\n}\r\n\r\n\/* FOOTER *\/\r\n.founder-footer{\r\n    animation:founderFooterIn .85s cubic-bezier(.2,1,.25,1) both 1.55s;\r\n}\r\n\r\n.founder-name h3{\r\n    animation:founderSignaturePulse 3.3s ease-in-out infinite 2s;\r\n}\r\n\r\n.founder-footer a{\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n.founder-footer a::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    repeating-linear-gradient(\r\n        135deg,\r\n        rgba(255,255,255,.55) 0 2px,\r\n        transparent 2px 8px\r\n    );\r\n\r\n    opacity:0;\r\n    transform:translateX(-100%);\r\n}\r\n\r\n.founder-footer a:hover::before{\r\n    animation:founderButtonLines .65s ease both;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* UNIQUE KEYFRAMES *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes founderSideGlow{\r\n    0%, 100%{\r\n        opacity:.22;\r\n    }\r\n\r\n    50%{\r\n        opacity:.48;\r\n    }\r\n}\r\n\r\n@keyframes founderCenterLine{\r\n    0%, 100%{\r\n        transform:scaleY(.45);\r\n        opacity:.12;\r\n    }\r\n\r\n    50%{\r\n        transform:scaleY(1);\r\n        opacity:.42;\r\n    }\r\n}\r\n\r\n@keyframes founderPhotoBlock{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(-45px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n    }\r\n}\r\n\r\n@keyframes founderPhotoCurtain{\r\n    0%{\r\n        transform:scaleX(1);\r\n    }\r\n\r\n    100%{\r\n        transform:scaleX(0);\r\n    }\r\n}\r\n\r\n@keyframes founderPortraitSettle{\r\n    0%{\r\n        transform:scale(1.08);\r\n        filter:grayscale(70%) brightness(.65) blur(7px);\r\n    }\r\n\r\n    100%{\r\n        transform:scale(1);\r\n        filter:grayscale(10%) brightness(.92) blur(0);\r\n    }\r\n}\r\n\r\n@keyframes founderOverlayFade{\r\n    0%{\r\n        opacity:.9;\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes founderGlowFloat{\r\n    0%, 100%{\r\n        transform:translate(0,0) scale(1);\r\n    }\r\n\r\n    50%{\r\n        transform:translate(35px,-32px) scale(1.18);\r\n    }\r\n}\r\n\r\n@keyframes founderGlowFlash{\r\n    0%, 100%{\r\n        opacity:.55;\r\n        filter:blur(20px);\r\n    }\r\n\r\n    50%{\r\n        opacity:1;\r\n        filter:blur(30px);\r\n    }\r\n}\r\n\r\n@keyframes founderBadgeSlide{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(38px);\r\n        clip-path:inset(0 0 0 100% round 60px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n        clip-path:inset(0 0 0 0 round 60px);\r\n    }\r\n}\r\n\r\n@keyframes founderDotSignal{\r\n    0%, 100%{\r\n        transform:scale(1);\r\n        opacity:1;\r\n    }\r\n\r\n    25%{\r\n        transform:scale(.55);\r\n        opacity:.35;\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.55);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes founderHeadlineReveal{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(45px);\r\n        clip-path:inset(0 0 0 100%);\r\n        filter:blur(8px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n        clip-path:inset(0 0 0 0);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes founderGoldBreath{\r\n    0%, 100%{\r\n        text-shadow:0 0 25px rgba(255,208,0,.18);\r\n    }\r\n\r\n    50%{\r\n        text-shadow:\r\n        0 0 24px rgba(255,208,0,.7),\r\n        0 0 60px rgba(255,208,0,.22);\r\n    }\r\n}\r\n\r\n@keyframes founderNameTrace{\r\n    0%{\r\n        width:0;\r\n    }\r\n\r\n    100%{\r\n        width:100%;\r\n    }\r\n}\r\n\r\n@keyframes founderDividerTrace{\r\n    0%{\r\n        opacity:0;\r\n        transform:scaleX(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:scaleX(1);\r\n    }\r\n}\r\n\r\n@keyframes founderParagraphFocus{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(20px);\r\n        filter:blur(8px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes founderBoxFlip{\r\n    0%{\r\n        opacity:0;\r\n        transform:perspective(800px) rotateY(-14deg) translateY(24px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:perspective(800px) rotateY(0) translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes founderListIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(24px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n    }\r\n}\r\n\r\n@keyframes founderBulletGlow{\r\n    0%, 100%{\r\n        box-shadow:\r\n        0 0 12px rgba(255,208,0,.8);\r\n    }\r\n\r\n    50%{\r\n        box-shadow:\r\n        0 0 16px rgba(255,208,0,1),\r\n        0 0 30px rgba(255,208,0,.35);\r\n    }\r\n}\r\n\r\n@keyframes founderBulletJump{\r\n    0%{\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.7);\r\n    }\r\n\r\n    100%{\r\n        transform:scale(1);\r\n    }\r\n}\r\n\r\n@keyframes founderFooterIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(28px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes founderSignaturePulse{\r\n    0%, 100%{\r\n        text-shadow:none;\r\n    }\r\n\r\n    50%{\r\n        text-shadow:\r\n        0 0 18px rgba(255,208,0,.24);\r\n    }\r\n}\r\n\r\n@keyframes founderButtonLines{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(-100%);\r\n    }\r\n\r\n    35%{\r\n        opacity:.5;\r\n    }\r\n\r\n    100%{\r\n        opacity:0;\r\n        transform:translateX(100%);\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-19a13f9 e-con-full e-flex e-con e-parent\" data-id=\"19a13f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7375d74 elementor-widget elementor-widget-html\" data-id=\"7375d74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ========================================= -->\r\n<!-- SERVICES SECTION -->\r\n<!-- ========================================= -->\r\n\r\n<section class=\"services-wrapper\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"services-header\">\r\n\r\n        <span class=\"services-badge\">\r\n            <span class=\"dot\"><\/span>\r\n            \u00bfPOR QU\u00c9 NOS ELIGEN?\r\n        <\/span>\r\n\r\n        <h2>\r\n            NUESTROS SERVICIOS\r\n        <\/h2>\r\n\r\n    <\/div>\r\n\r\n    <!-- SERVICES GRID -->\r\n    <div class=\"services-section\">\r\n\r\n        <!-- CARD 1 -->\r\n        <div class=\"service-card\">\r\n\r\n            <div class=\"card-glow\"><\/div>\r\n\r\n            <div class=\"top-area\">\r\n                <div class=\"icon\">\ud83c\udfa4<\/div>\r\n                <div class=\"arrow\">\u2197<\/div>\r\n            <\/div>\r\n\r\n            <h3>\r\n                EVENTOS EN VIVO\r\n                <span>PRODUCCI\u00d3N<\/span>\r\n            <\/h3>\r\n\r\n            <div class=\"line\"><\/div>\r\n\r\n            <p>\r\n                Producci\u00f3n integral de eventos, desde la concepci\u00f3n hasta la ejecuci\u00f3n.\n                Dise\u00f1amos, organizamos y ofrecemos experiencias inolvidables.\r\n            <\/p>\r\n\r\n            <a href=\"https:\/\/topeventsonline.com\/es\/categoria-producto\/todos\/\">\r\n                Explora nuestros servicios\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <!-- CARD 2 -->\r\n        <div class=\"service-card\">\r\n\r\n            <div class=\"card-glow\"><\/div>\r\n\r\n            <div class=\"top-area\">\r\n                <div class=\"icon\">\ud83c\udfb5<\/div>\r\n                <div class=\"arrow\">\u2197<\/div>\r\n            <\/div>\r\n\r\n            <h3>\r\n                FESTIVALES Y\r\n                <span>GRANDES EVENTOS<\/span>\r\n            <\/h3>\r\n\r\n            <div class=\"line\"><\/div>\r\n\r\n            <p>\r\n                Conciertos y festivales a gran escala con servicios de log\u00edstica,\n                producci\u00f3n y coordinaci\u00f3n in situ de primera calidad.\r\n            <\/p>\r\n\r\n            <a href=\"https:\/\/topeventsonline.com\/es\/categoria-producto\/todos\/\">\r\n                Explora nuestros servicios\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <!-- CARD 3 -->\r\n        <div class=\"service-card\">\r\n\r\n            <div class=\"card-glow\"><\/div>\r\n\r\n            <div class=\"top-area\">\r\n                <div class=\"icon\">\u2b50<\/div>\r\n                <div class=\"arrow\">\u2197<\/div>\r\n            <\/div>\r\n\r\n            <h3>\r\n                PRIVADO Y\r\n                <span>EVENTOS VIP<\/span>\r\n            <\/h3>\r\n\r\n            <div class=\"line\"><\/div>\r\n\r\n            <p>\r\n                Eventos de lujo dise\u00f1ados para crear experiencias inolvidables y exclusivas\n                para cada invitado.\r\n            <\/p>\r\n\r\n            <a href=\"https:\/\/topeventsonline.com\/es\/categoria-producto\/todos\/\">\r\n                Explora nuestros servicios\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <!-- CARD 4 -->\r\n        <div class=\"service-card\">\r\n\r\n            <div class=\"card-glow\"><\/div>\r\n\r\n            <div class=\"top-area\">\r\n                <div class=\"icon\">\u2764<\/div>\r\n                <div class=\"arrow\">\u2197<\/div>\r\n            <\/div>\r\n\r\n            <h3>\r\n                BENEFICENCIA\r\n                <span>EVENTOS<\/span>\r\n            <\/h3>\r\n\r\n            <div class=\"line\"><\/div>\r\n\r\n            <p>\r\n                Eventos con un prop\u00f3sito claro que generan un impacto, apoyan a las comunidades\n                y aportan momentos inolvidables a causas importantes.\r\n            <\/p>\r\n\r\n            <a href=\"https:\/\/topeventsonline.com\/es\/categoria-producto\/todos\/\">\r\n                Explora nuestros servicios\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ========================================= *\/\r\n\/* GLOBAL *\/\r\n\/* ========================================= *\/\r\n\r\n.services-wrapper{\r\n    position:relative;\r\n\r\n    padding:120px 7%;\r\n\r\n    background:\r\n    radial-gradient(circle at top right,\r\n    rgba(255,208,0,.06),\r\n    transparent 35%),\r\n    #050505;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* HEADER *\/\r\n\/* ========================================= *\/\r\n\r\n.services-header{\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n\r\n    text-align:left;\r\n\r\n    margin-bottom:90px;\r\n}\r\n\r\n\/* ===== BADGE ===== *\/\r\n\r\n.services-badge{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:14px;\r\n\r\n    padding:14px 30px;\r\n\r\n    border-radius:60px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,.08),\r\n        rgba(255,208,0,.02)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.15);\r\n\r\n    color:#ffd000;\r\n\r\n    font-size:15px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:3px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    backdrop-filter:blur(10px);\r\n\r\n    box-shadow:\r\n    inset 0 0 12px rgba(255,255,255,.02),\r\n    0 0 30px rgba(255,208,0,.05);\r\n\r\n    transition:.4s ease;\r\n}\r\n\r\n.services-badge:hover{\r\n    transform:translateY(-4px);\r\n\r\n    border-color:rgba(255,208,0,.4);\r\n\r\n    box-shadow:\r\n    0 0 25px rgba(255,208,0,.12);\r\n}\r\n\r\n\/* ===== DOT ===== *\/\r\n\r\n.dot{\r\n    width:12px;\r\n    height:12px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 12px rgba(255,208,0,.9),\r\n    0 0 22px rgba(255,208,0,.5);\r\n\r\n    animation:pulseDot 2s infinite;\r\n}\r\n\r\n@keyframes pulseDot{\r\n\r\n    0%{\r\n        transform:scale(1);\r\n        opacity:1;\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.3);\r\n        opacity:.7;\r\n    }\r\n\r\n    100%{\r\n        transform:scale(1);\r\n        opacity:1;\r\n    }\r\n\r\n}\r\n\r\n\/* ===== TITLE ===== *\/\r\n\r\n.services-header h2{\r\n    margin-top:35px;\r\n\r\n    font-size:120px;\r\n\r\n    line-height:.9;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:-6px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    color:white;\r\n\r\n    font-family:'Montserrat', sans-serif;\r\n\r\n    text-shadow:\r\n    0 0 30px rgba(255,255,255,.04);\r\n\r\n    max-width:700px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GRID *\/\r\n\/* ========================================= *\/\r\n\r\n.services-section{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n    repeat(auto-fit,minmax(320px,1fr));\r\n\r\n    gap:30px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* CARD *\/\r\n\/* ========================================= *\/\r\n\r\n.service-card{\r\n    position:relative;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(12,12,12,.95) 0%,\r\n        rgba(3,3,3,1) 100%\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.08);\r\n\r\n    border-radius:32px;\r\n\r\n    padding:38px;\r\n\r\n    overflow:hidden;\r\n\r\n    min-height:470px;\r\n\r\n    transition:.55s cubic-bezier(.19,1,.22,1);\r\n\r\n    backdrop-filter:blur(12px);\r\n\r\n    box-shadow:\r\n    inset 0 0 0 1px rgba(255,255,255,.02),\r\n    0 10px 40px rgba(0,0,0,.5);\r\n}\r\n\r\n\/* ===== BACKGROUND EFFECT ===== *\/\r\n\r\n.service-card::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle at top left,\r\n        rgba(255,208,0,.12),\r\n        transparent 35%\r\n    );\r\n\r\n    opacity:.6;\r\n}\r\n\r\n\/* ===== GLOW ===== *\/\r\n\r\n.card-glow{\r\n    position:absolute;\r\n\r\n    width:260px;\r\n    height:260px;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle,\r\n        rgba(255,208,0,.18),\r\n        transparent 70%\r\n    );\r\n\r\n    bottom:-170px;\r\n    left:-50px;\r\n\r\n    transition:.7s ease;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* HOVER *\/\r\n\/* ========================================= *\/\r\n\r\n.service-card:hover{\r\n    transform:\r\n    translateY(-16px)\r\n    scale(1.02);\r\n\r\n    border-color:rgba(255,208,0,.35);\r\n\r\n    box-shadow:\r\n    0 0 30px rgba(255,208,0,.12),\r\n    0 0 80px rgba(255,208,0,.06),\r\n    inset 0 0 0 1px rgba(255,208,0,.08);\r\n}\r\n\r\n.service-card:hover .card-glow{\r\n    transform:scale(1.35);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TOP *\/\r\n\/* ========================================= *\/\r\n\r\n.top-area{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n\r\n    margin-bottom:50px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* ICON *\/\r\n\/* ========================================= *\/\r\n\r\n.services-wrapper .icon{\r\n    width:72px;\r\n    height:72px;\r\n\r\n    border-radius:20px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    font-size:32px;\r\n\r\n    color:#ffd000;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,.12),\r\n        rgba(255,208,0,.03)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.15);\r\n\r\n    transition:.45s ease;\r\n\r\n    box-shadow:\r\n    inset 0 0 12px rgba(255,208,0,.08);\r\n}\r\n\r\n.services-wrapper .service-card:hover .icon{\r\n    transform:\r\n    rotate(-6deg)\r\n    scale(1.08);\r\n\r\n    background:#ffd000;\r\n    color:#000;\r\n\r\n    box-shadow:\r\n    0 0 25px rgba(255,208,0,.45);\r\n}0 0 25px rgba(255,208,0,.45);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* ARROW *\/\r\n\/* ========================================= *\/\r\n\r\n.arrow{\r\n    width:58px;\r\n    height:58px;\r\n\r\n    border-radius:18px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    font-size:30px;\r\n\r\n    color:#ffd000;\r\n\r\n    border:1px solid rgba(255,208,0,.2);\r\n\r\n    transition:.45s ease;\r\n}\r\n\r\n.service-card:hover .arrow{\r\n    background:#ffd000;\r\n    color:black;\r\n\r\n    transform:\r\n    rotate(45deg)\r\n    scale(1.05);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TITLE *\/\r\n\/* ========================================= *\/\r\n\r\n.service-card h3{\r\n    font-size:46px;\r\n\r\n    line-height:.95;\r\n\r\n    font-weight:900;\r\n\r\n    text-transform:uppercase;\r\n\r\n    letter-spacing:-2px;\r\n\r\n    color:white;\r\n\r\n    margin-bottom:28px;\r\n\r\n    transition:.45s ease;\r\n}\r\n\r\n.service-card h3 span{\r\n    display:block;\r\n\r\n    color:#ffd000;\r\n\r\n    text-shadow:\r\n    0 0 18px rgba(255,208,0,.18);\r\n}\r\n\r\n.service-card:hover h3{\r\n    transform:translateX(8px);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LINE *\/\r\n\/* ========================================= *\/\r\n\r\n.line{\r\n    width:100%;\r\n    height:1px;\r\n\r\n    margin-bottom:28px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        to right,\r\n        rgba(255,208,0,.9),\r\n        transparent\r\n    );\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TEXT *\/\r\n\/* ========================================= *\/\r\n\r\n.service-card p{\r\n    color:rgba(255,255,255,.72);\r\n\r\n    font-size:18px;\r\n\r\n    line-height:1.8;\r\n\r\n    margin-bottom:40px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BUTTON *\/\r\n\/* ========================================= *\/\r\n\r\n.service-card a{\r\n    position:relative;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    color:#ffd000;\r\n\r\n    text-decoration:none;\r\n\r\n    text-transform:uppercase;\r\n\r\n    font-size:14px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n\r\n    transition:.4s ease;\r\n}\r\n\r\n.service-card a::after{\r\n    content:\"\";\r\n\r\n    width:60px;\r\n    height:2px;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 12px rgba(255,208,0,.9);\r\n\r\n    transition:.4s ease;\r\n}\r\n\r\n.service-card:hover a{\r\n    letter-spacing:3px;\r\n}\r\n\r\n.service-card:hover a::after{\r\n    width:110px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TABLET *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .services-header h2{\r\n        font-size:72px;\r\n    }\r\n\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* MOBILE *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n    .services-wrapper{\r\n        padding:90px 24px;\r\n    }\r\n\r\n    .services-header{\r\n        align-items:flex-start;\r\n        text-align:left;\r\n\r\n        margin-bottom:50px;\r\n    }\r\n\r\n    .services-badge{\r\n        font-size:12px;\r\n\r\n        padding:12px 20px;\r\n\r\n        letter-spacing:2px;\r\n    }\r\n\r\n    .services-header h2{\r\n        margin-top:24px;\r\n\r\n        font-size:46px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .service-card{\r\n        min-height:auto;\r\n\r\n        padding:30px;\r\n    }\r\n\r\n    .service-card h3{\r\n        font-size:36px;\r\n    }\r\n\r\n}\r\n\/* ========================================= *\/\r\n\/* SERVICES PRO ANIMATIONS - UNIQUE *\/\r\n\/* ========================================= *\/\r\n\r\n.services-wrapper{\r\n    isolation:isolate;\r\n}\r\n\r\n.services-wrapper::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:-2px;\r\n    z-index:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    linear-gradient(\r\n        135deg,\r\n        transparent 0%,\r\n        transparent 42%,\r\n        rgba(255,208,0,.08) 50%,\r\n        transparent 58%,\r\n        transparent 100%\r\n    );\r\n\r\n    background-size:220% 220%;\r\n    opacity:.7;\r\n    animation:servicesStageLight 8s ease-in-out infinite;\r\n}\r\n\r\n.services-wrapper::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    radial-gradient(circle at 18% 78%, rgba(255,208,0,.08), transparent 24%),\r\n    radial-gradient(circle at 82% 18%, rgba(255,255,255,.035), transparent 22%);\r\n\r\n    animation:servicesDepthPulse 6s ease-in-out infinite;\r\n}\r\n\r\n.services-header,\r\n.services-section{\r\n    position:relative;\r\n    z-index:1;\r\n}\r\n\r\n\/* HEADER *\/\r\n.services-badge{\r\n    animation:servicesBadgeReveal .85s cubic-bezier(.17,1,.28,1) both;\r\n}\r\n\r\n.services-badge .dot{\r\n    animation:servicesDotBeat 1.35s ease-in-out infinite !important;\r\n}\r\n\r\n.services-header h2{\r\n    animation:servicesTitleSplit .95s cubic-bezier(.17,1,.28,1) both .18s;\r\n}\r\n\r\n\/* GRID ENTRANCE *\/\r\n.service-card{\r\n    animation:servicesCardDeal .9s cubic-bezier(.17,1,.28,1) both;\r\n    will-change:transform;\r\n}\r\n\r\n.service-card:nth-child(1){\r\n    animation-delay:.3s;\r\n}\r\n\r\n.service-card:nth-child(2){\r\n    animation-delay:.42s;\r\n}\r\n\r\n.service-card:nth-child(3){\r\n    animation-delay:.54s;\r\n}\r\n\r\n.service-card:nth-child(4){\r\n    animation-delay:.66s;\r\n}\r\n\r\n\/* CARD INTERNAL ENERGY *\/\r\n.service-card::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:1px;\r\n    z-index:0;\r\n    pointer-events:none;\r\n    border-radius:31px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,.16),\r\n        transparent 28%,\r\n        transparent 72%,\r\n        rgba(255,208,0,.08)\r\n    );\r\n\r\n    opacity:0;\r\n    transform:scale(.96);\r\n    transition:.5s cubic-bezier(.17,1,.28,1);\r\n}\r\n\r\n.service-card:hover::after{\r\n    opacity:1;\r\n    transform:scale(1);\r\n}\r\n\r\n.card-glow{\r\n    animation:servicesGlowRoll 5.5s ease-in-out infinite;\r\n}\r\n\r\n.service-card:hover .card-glow{\r\n    animation:servicesGlowExpand .7s cubic-bezier(.17,1,.28,1) both;\r\n}\r\n\r\n\/* TOP AREA *\/\r\n.top-area{\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.services-wrapper .icon{\r\n    animation:servicesIconDrop .75s cubic-bezier(.17,1,.28,1) both;\r\n}\r\n\r\n.service-card:nth-child(1) .icon{\r\n    animation-delay:.55s;\r\n}\r\n\r\n.service-card:nth-child(2) .icon{\r\n    animation-delay:.67s;\r\n}\r\n\r\n.service-card:nth-child(3) .icon{\r\n    animation-delay:.79s;\r\n}\r\n\r\n.service-card:nth-child(4) .icon{\r\n    animation-delay:.91s;\r\n}\r\n\r\n.services-wrapper .service-card:hover .icon{\r\n    animation:servicesIconKick .55s cubic-bezier(.17,1,.28,1) both;\r\n}\r\n\r\n.arrow{\r\n    animation:servicesArrowWake .8s cubic-bezier(.17,1,.28,1) both .85s;\r\n}\r\n\r\n.service-card:hover .arrow{\r\n    animation:servicesArrowLaunch .55s cubic-bezier(.17,1,.28,1) both;\r\n}\r\n\r\n\/* CARD TEXT *\/\r\n.service-card h3,\r\n.service-card p,\r\n.service-card a,\r\n.line{\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.service-card h3{\r\n    animation:servicesTextStack .75s cubic-bezier(.17,1,.28,1) both .8s;\r\n}\r\n\r\n.service-card h3 span{\r\n    animation:servicesGoldFlicker 3.2s ease-in-out infinite 1.4s;\r\n}\r\n\r\n.line{\r\n    transform-origin:left center;\r\n    animation:servicesLineCharge .85s cubic-bezier(.17,1,.28,1) both 1s;\r\n}\r\n\r\n.service-card p{\r\n    animation:servicesCopyFade .75s ease both 1.12s;\r\n}\r\n\r\n.service-card a{\r\n    animation:servicesLinkLoad .7s cubic-bezier(.17,1,.28,1) both 1.22s;\r\n}\r\n\r\n.service-card a::after{\r\n    animation:servicesLinkPulse 2.6s ease-in-out infinite 1.6s;\r\n}\r\n\r\n\/* HOVER MICRO MOTION *\/\r\n.service-card:hover h3 span{\r\n    animation:servicesGoldFlash .5s ease both;\r\n}\r\n\r\n.service-card:hover .line{\r\n    animation:servicesLineSurge .55s cubic-bezier(.17,1,.28,1) both;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* UNIQUE KEYFRAMES *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes servicesStageLight{\r\n    0%, 100%{\r\n        background-position:0% 50%;\r\n        opacity:.35;\r\n    }\r\n\r\n    50%{\r\n        background-position:100% 50%;\r\n        opacity:.8;\r\n    }\r\n}\r\n\r\n@keyframes servicesDepthPulse{\r\n    0%, 100%{\r\n        transform:scale(1);\r\n        opacity:.6;\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.08);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes servicesBadgeReveal{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(-32px) skewX(-8deg);\r\n        filter:blur(8px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0) skewX(0);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes servicesDotBeat{\r\n    0%, 100%{\r\n        transform:scale(1);\r\n        opacity:1;\r\n    }\r\n\r\n    35%{\r\n        transform:scale(.65);\r\n        opacity:.55;\r\n    }\r\n\r\n    70%{\r\n        transform:scale(1.45);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes servicesTitleSplit{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(42px) scaleY(.82);\r\n        filter:blur(10px);\r\n    }\r\n\r\n    70%{\r\n        opacity:1;\r\n        transform:translateY(-5px) scaleY(1.04);\r\n        filter:blur(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) scaleY(1);\r\n    }\r\n}\r\n\r\n@keyframes servicesCardDeal{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(55px) rotateZ(-2deg) scale(.92);\r\n        filter:blur(14px);\r\n    }\r\n\r\n    75%{\r\n        opacity:1;\r\n        transform:translateY(-8px) rotateZ(.5deg) scale(1.015);\r\n        filter:blur(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) rotateZ(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes servicesGlowRoll{\r\n    0%, 100%{\r\n        transform:translate(0,0) scale(1);\r\n        opacity:.65;\r\n    }\r\n\r\n    50%{\r\n        transform:translate(55px,-35px) scale(1.18);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes servicesGlowExpand{\r\n    0%{\r\n        transform:scale(1);\r\n    }\r\n\r\n    100%{\r\n        transform:scale(1.45);\r\n    }\r\n}\r\n\r\n@keyframes servicesIconDrop{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(-24px) rotate(-10deg) scale(.75);\r\n    }\r\n\r\n    70%{\r\n        opacity:1;\r\n        transform:translateY(4px) rotate(4deg) scale(1.08);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) rotate(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes servicesIconKick{\r\n    0%{\r\n        transform:rotate(0) scale(1);\r\n    }\r\n\r\n    45%{\r\n        transform:rotate(-12deg) scale(1.18);\r\n    }\r\n\r\n    100%{\r\n        transform:rotate(-6deg) scale(1.08);\r\n    }\r\n}\r\n\r\n@keyframes servicesArrowWake{\r\n    0%{\r\n        opacity:0;\r\n        transform:translate(-16px,16px) scale(.75);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translate(0,0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes servicesArrowLaunch{\r\n    0%{\r\n        transform:rotate(0) translate(0,0) scale(1);\r\n    }\r\n\r\n    45%{\r\n        transform:rotate(45deg) translate(6px,-6px) scale(1.16);\r\n    }\r\n\r\n    100%{\r\n        transform:rotate(45deg) translate(0,0) scale(1.05);\r\n    }\r\n}\r\n\r\n@keyframes servicesTextStack{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(-24px);\r\n        clip-path:inset(0 100% 0 0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n        clip-path:inset(0 0 0 0);\r\n    }\r\n}\r\n\r\n@keyframes servicesGoldFlicker{\r\n    0%, 100%{\r\n        text-shadow:0 0 18px rgba(255,208,0,.18);\r\n    }\r\n\r\n    46%{\r\n        text-shadow:0 0 18px rgba(255,208,0,.18);\r\n    }\r\n\r\n    50%{\r\n        text-shadow:\r\n        0 0 22px rgba(255,208,0,.75),\r\n        0 0 48px rgba(255,208,0,.28);\r\n    }\r\n\r\n    54%{\r\n        text-shadow:0 0 18px rgba(255,208,0,.18);\r\n    }\r\n}\r\n\r\n@keyframes servicesGoldFlash{\r\n    0%, 100%{\r\n        text-shadow:0 0 18px rgba(255,208,0,.18);\r\n    }\r\n\r\n    50%{\r\n        text-shadow:\r\n        0 0 26px rgba(255,208,0,.85),\r\n        0 0 58px rgba(255,208,0,.35);\r\n    }\r\n}\r\n\r\n@keyframes servicesLineCharge{\r\n    0%{\r\n        opacity:0;\r\n        transform:scaleX(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:scaleX(1);\r\n    }\r\n}\r\n\r\n@keyframes servicesLineSurge{\r\n    0%{\r\n        transform:scaleX(1);\r\n        filter:brightness(1);\r\n    }\r\n\r\n    50%{\r\n        transform:scaleX(1.08);\r\n        filter:brightness(1.8);\r\n    }\r\n\r\n    100%{\r\n        transform:scaleX(1);\r\n        filter:brightness(1);\r\n    }\r\n}\r\n\r\n@keyframes servicesCopyFade{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(18px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes servicesLinkLoad{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(-18px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n    }\r\n}\r\n\r\n@keyframes servicesLinkPulse{\r\n    0%, 100%{\r\n        opacity:.75;\r\n        box-shadow:0 0 12px rgba(255,208,0,.9);\r\n    }\r\n\r\n    50%{\r\n        opacity:1;\r\n        box-shadow:\r\n        0 0 16px rgba(255,208,0,1),\r\n        0 0 34px rgba(255,208,0,.35);\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-d0abc91 e-con-full e-flex e-con e-parent\" data-id=\"d0abc91\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0c5a25 elementor-widget elementor-widget-html\" data-id=\"e0c5a25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"catering-section\">\r\n\r\n    <!-- LEFT ACCORDION -->\r\n    <div class=\"catering-accordion\">\r\n\r\n        <div class=\"accordion-item active\">\r\n\r\n            <div class=\"accordion-header\">\r\n                <span>01. COCINA MEXICANA<\/span>\r\n                <div class=\"plus\">+<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"accordion-content\">\r\n\r\n                <div class=\"food-content\">\r\n\r\n                    <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/1539018_5133-scaled.jpg\" alt=\"\">\r\n\r\n                    <div class=\"food-info\">\r\n\r\n                        <p>\r\n                            Tacos, burritos, nachos,\n                            enchiladas, carnitas, gorditas,\n                            y mucho m\u00e1s. Sabores aut\u00e9nticos reci\u00e9n hechos\n                            para eventos con gran afluencia de p\u00fablico.\r\n                        <\/p>\r\n\r\n                        <a href=\"https:\/\/topeventsonline.com\/es\/categoria-producto\/todos\/\">\r\n                            \u2197\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ITEM -->\r\n        <div class=\"accordion-item\">\r\n\r\n            <div class=\"accordion-header\">\r\n                <span>02. CL\u00c1SICOS ESTADOUNIDENSES<\/span>\r\n                <div class=\"plus\">+<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"accordion-content\">\r\n\r\n                <div class=\"food-content\">\r\n\r\n                    <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/2148454919.jpg\" alt=\"\">\r\n\r\n                    <div class=\"food-info\">\r\n\r\n                        <p>\r\n                            Hamburguesas, patatas fritas, alitas de pollo,\n                            perritos calientes y las emblem\u00e1ticas\n                            experiencias gastron\u00f3micas callejeras estadounidenses.\r\n                        <\/p>\r\n\r\n                        <a href=\"https:\/\/topeventsonline.com\/es\/categoria-producto\/todos\/\">\r\n                            \u2197\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ITEM -->\r\n        <div class=\"accordion-item\">\r\n\r\n            <div class=\"accordion-header\">\r\n                <span>03. EXPERIENCIA DE BARBACOA<\/span>\r\n                <div class=\"plus\">+<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"accordion-content\">\r\n\r\n                <div class=\"food-content\">\r\n\r\n                    <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/1045.jpg\" alt=\"\">\r\n\r\n                    <div class=\"food-info\">\r\n\r\n                        <p>\r\n                            Carnes ahumadas, especialidades a la parrilla\n                            y el inolvidable sabor de la barbacoa,\n                            elaboradas para eventos de primer nivel.\r\n                        <\/p>\r\n\r\n                        <a href=\"https:\/\/topeventsonline.com\/es\/categoria-producto\/todos\/\">\r\n                            \u2197\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ITEM -->\r\n        <div class=\"accordion-item\">\r\n\r\n            <div class=\"accordion-header\">\r\n                <span>04. MEDITERR\u00c1NEO<\/span>\r\n                <div class=\"plus\">+<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"accordion-content\">\r\n\r\n                <div class=\"food-content\">\r\n\r\n                    <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/3829.jpg\" alt=\"\">\r\n\r\n                    <div class=\"food-info\">\r\n\r\n                        <p>\r\n                            Elegantes platos mediterr\u00e1neos,\n                            brochetas, verduras frescas y\n                            una presentaci\u00f3n exquisita.\r\n                        <\/p>\r\n\r\n                        <a href=\"https:\/\/topeventsonline.com\/es\/categoria-producto\/todos\/\">\r\n                            \u2197\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ITEM -->\r\n        <div class=\"accordion-item\">\r\n\r\n            <div class=\"accordion-header\">\r\n                <span>05. OPCIONES VEGETARIANAS<\/span>\r\n                <div class=\"plus\">+<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"accordion-content\">\r\n\r\n                <div class=\"food-content\">\r\n\r\n                    <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/Captura-de-pantalla-2026-05-04-113013.png\" alt=\"\">\r\n\r\n                    <div class=\"food-info\">\r\n\r\n                        <p>\r\n                            Nuevas experiencias vegetarianas\n                            pensadas para un p\u00fablico\n                            exclusivo y eventos de alto nivel.\r\n                        <\/p>\r\n\r\n                        <a href=\"https:\/\/topeventsonline.com\/es\/categoria-producto\/todos\/\">\r\n                            \u2197\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- ITEM -->\r\n        <div class=\"accordion-item\">\r\n\r\n            <div class=\"accordion-header\">\r\n                <span>06. MEN\u00daS PERSONALIZADOS<\/span>\r\n                <div class=\"plus\">+<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"accordion-content\">\r\n\r\n                <div class=\"food-content\">\r\n\r\n                    <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/WQmgk-Sao1N1KehXUlQXEAX_73XgsXXbIK1Z8mDHNcjazMwka-73HD5fDT2lFQ9kIKiXIn4owgkEUbDlvywuzBM2r9Cv-csEY49qG42b6ZeKsa9bQG16Ht1E36Uoc7JZ_qnK_ZS265QqpY6cuGItvSlIKq0drcL9Os31R1JUZMdo0PNFcZfaDKFRVk_JhBn3.jpg\" alt=\"\">\r\n\r\n                    <div class=\"food-info\">\r\n\r\n                        <p>\r\n                            Servicio de catering totalmente personalizado\n                            con conceptos adaptados a la\n                            experiencia de tu evento.\r\n                        <\/p>\r\n\r\n                        <a href=\"https:\/\/topeventsonline.com\/es\/categoria-producto\/todos\/\">\r\n                            \u2197\r\n                        <\/a>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT SIDE -->\r\n    <div class=\"catering-content\">\r\n\r\n        <div class=\"floating-glow\"><\/div>\r\n\r\n        <span class=\"content-badge\">\r\n            <span class=\"dot\"><\/span>\r\n            EXPERIENCIAS GASTRON\u00d3MICAS DE LUJO\r\n        <\/span>\r\n\r\n        <h3>\r\n            DE ALTA GAMA\r\n            <span>SERVICIO DE CATERING<\/span>\r\n            PARA EVENTOS.\r\n        <\/h3>\r\n\r\n        <div class=\"gold-line\"><\/div>\r\n\r\n        <p class=\"main-text\">\r\n            Ofrecemos servicios de catering de primera calidad para\n            eventos de cualquier tama\u00f1o. Desde los platos m\u00e1s populares\n            de la comida callejera hasta experiencias culinarias de lujo,\n            cada men\u00fa est\u00e1 dise\u00f1ado para realzar el\n            ambiente e impresionar a tus invitados.\r\n        <\/p>\r\n\r\n        <div class=\"feature-grid\">\r\n\r\n            <div class=\"feature-box\">\r\n\r\n                <h4>SERVICIO R\u00c1PIDO<\/h4>\r\n\r\n                <p>\r\n                    Log\u00edstica alimentaria eficiente para\n                    eventos de alto nivel con gran afluencia de p\u00fablico.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"feature-box\">\r\n\r\n                <h4>MEN\u00daS PERSONALIZADOS<\/h4>\r\n\r\n                <p>\r\n                    Conceptos gastron\u00f3micos personalizados\n                    dise\u00f1ados a medida para tu p\u00fablico.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <a href=\"https:\/\/topeventsonline.com\/es\/contacto\/\" class=\"main-btn\">\r\n            SOLICITAR SERVICIO CATERING\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ========================================= *\/\r\n\/* SECTION *\/\r\n\/* ========================================= *\/\r\n\r\n.catering-section{\r\n    display:grid;\r\n    grid-template-columns:1.1fr .9fr;\r\n\r\n    gap:90px;\r\n\r\n    align-items:start;\r\n\r\n    padding:120px 7%;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle at top left,\r\n        rgba(255,208,0,.05),\r\n        transparent 35%\r\n    ),\r\n    #050505;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LEFT *\/\r\n\/* ========================================= *\/\r\n\r\n.catering-accordion{\r\n    color:white;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* ACCORDION *\/\r\n\/* ========================================= *\/\r\n\r\n.accordion-item{\r\n    border:1px solid rgba(255,208,0,.08);\r\n\r\n    border-radius:34px;\r\n\r\n    margin-bottom:22px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,.015),\r\n        rgba(255,255,255,0)\r\n    );\r\n\r\n    transition:.45s ease;\r\n}\r\n\r\n.accordion-item.active{\r\n    border-color:rgba(255,208,0,.2);\r\n\r\n    box-shadow:\r\n    0 0 30px rgba(255,208,0,.05);\r\n}\r\n\r\n.accordion-header{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n\r\n    padding:34px 40px;\r\n\r\n    cursor:pointer;\r\n}\r\n\r\n.accordion-header span{\r\n    font-size:24px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    letter-spacing:1px;\r\n}\r\n\r\n.plus{\r\n    color:#ffd000;\r\n\r\n    font-size:42px;\r\n\r\n    transition:.45s ease;\r\n}\r\n\r\n.accordion-item.active .plus{\r\n    transform:rotate(45deg);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* CONTENT *\/\r\n\/* ========================================= *\/\r\n\r\n.accordion-content{\r\n    max-height:0;\r\n\r\n    overflow:hidden;\r\n\r\n    transition:max-height .7s ease;\r\n}\r\n\r\n.accordion-item.active .accordion-content{\r\n    max-height:800px;\r\n}\r\n\r\n.food-content{\r\n    display:grid;\r\n    grid-template-columns:320px 1fr;\r\n\r\n    gap:40px;\r\n\r\n    align-items:center;\r\n\r\n    padding:0 40px 40px;\r\n}\r\n\r\n.food-content img{\r\n    width:100%;\r\n    height:320px;\r\n\r\n    object-fit:cover;\r\n\r\n    border-radius:26px;\r\n\r\n    transition:.6s ease;\r\n}\r\n\r\n.accordion-item:hover img{\r\n    transform:scale(1.03);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* FOOD INFO *\/\r\n\/* ========================================= *\/\r\n\r\n.food-info p{\r\n    color:rgba(255,255,255,.78);\r\n\r\n    font-size:19px;\r\n\r\n    line-height:2;\r\n\r\n    margin-bottom:35px;\r\n}\r\n\r\n.food-info a{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    width:70px;\r\n    height:70px;\r\n\r\n    border-radius:50%;\r\n\r\n    border:1px solid rgba(255,208,0,.2);\r\n\r\n    color:#ffd000;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:30px;\r\n\r\n    transition:.45s ease;\r\n}\r\n\r\n.food-info a:hover{\r\n    background:#ffd000;\r\n\r\n    color:black;\r\n\r\n    transform:\r\n    rotate(45deg)\r\n    scale(1.05);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* RIGHT SIDE *\/\r\n\/* ========================================= *\/\r\n\r\n.catering-content{\r\n    position:sticky;\r\n    top:120px;\r\n\r\n    max-width:700px;\r\n\r\n    margin-left:auto;\r\n\r\n    color:white;\r\n\r\n    text-align:right;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    align-items:flex-end;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BADGE *\/\r\n\/* ========================================= *\/\r\n\r\n.content-badge{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    padding:14px 28px;\r\n\r\n    border-radius:60px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,.08),\r\n        rgba(255,208,0,.02)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.15);\r\n\r\n    color:#ffd000;\r\n\r\n    font-size:14px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    margin-bottom:35px;\r\n\r\n    box-shadow:\r\n    0 0 20px rgba(255,208,0,.06);\r\n}\r\n\r\n\/* DOT *\/\r\n\r\n.dot{\r\n    width:10px;\r\n    height:10px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 12px rgba(255,208,0,.8);\r\n\r\n    animation:pulseDot 2s infinite;\r\n}\r\n\r\n@keyframes pulseDot{\r\n\r\n    0%{\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.3);\r\n    }\r\n\r\n    100%{\r\n        transform:scale(1);\r\n    }\r\n\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TITLE *\/\r\n\/* ========================================= *\/\r\n\r\n.catering-content h3{\r\n    font-size:78px;\r\n\r\n    line-height:.9;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:-3px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    margin-bottom:10px;\r\n\r\n    font-family:'Montserrat', sans-serif;\r\n\r\n    color:white;\r\n}\r\n\r\n.catering-content h3 span{\r\n    display:block;\r\n\r\n    color:#ffd000;\r\n\r\n    text-shadow:\r\n    0 0 20px rgba(255,208,0,.15);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GOLD LINE *\/\r\n\/* ========================================= *\/\r\n\r\n.gold-line{\r\n    width:180px;\r\n    height:4px;\r\n\r\n    border-radius:20px;\r\n\r\n    background:#ffd000;\r\n\r\n    margin:30px 0 35px auto;\r\n\r\n    box-shadow:\r\n    0 0 18px rgba(255,208,0,.35);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TEXT *\/\r\n\/* ========================================= *\/\r\n\r\n.main-text{\r\n    color:rgba(255,255,255,.72);\r\n\r\n    font-size:18px;\r\n\r\n    line-height:2;\r\n\r\n    max-width:620px;\r\n\r\n    margin-bottom:45px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GRID *\/\r\n\/* ========================================= *\/\r\n\r\n.feature-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n\r\n    gap:20px;\r\n\r\n    margin-bottom:40px;\r\n}\r\n\r\n\/* BOX *\/\r\n\r\n.feature-box{\r\n    padding:28px;\r\n\r\n    border-radius:28px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,.03),\r\n        rgba(255,255,255,.01)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.08);\r\n\r\n    transition:.45s ease;\r\n}\r\n\r\n.feature-box:hover{\r\n    transform:translateY(-8px);\r\n\r\n    border-color:rgba(255,208,0,.18);\r\n\r\n    box-shadow:\r\n    0 0 25px rgba(255,208,0,.06);\r\n}\r\n\r\n.feature-box h4{\r\n    color:#ffd000;\r\n\r\n    margin-bottom:14px;\r\n\r\n    letter-spacing:1px;\r\n}\r\n\r\n.feature-box p{\r\n    color:rgba(255,255,255,.68);\r\n\r\n    line-height:1.8;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BUTTON *\/\r\n\/* ========================================= *\/\r\n\r\n.main-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    width:250px;\r\n    height:66px;\r\n\r\n    border-radius:16px;\r\n\r\n    background:#ffd000;\r\n\r\n    color:black;\r\n\r\n    text-decoration:none;\r\n\r\n    font-weight:800;\r\n\r\n    text-transform:uppercase;\r\n\r\n    font-size:14px;\r\n\r\n    letter-spacing:2px;\r\n\r\n    transition:.45s ease;\r\n\r\n    box-shadow:\r\n    0 0 25px rgba(255,208,0,.18);\r\n}\r\n\r\n.main-btn:hover{\r\n    transform:\r\n    translateY(-6px)\r\n    scale(1.03);\r\n\r\n    box-shadow:\r\n    0 0 40px rgba(255,208,0,.35);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GLOW *\/\r\n\/* ========================================= *\/\r\n\r\n.floating-glow{\r\n    position:absolute;\r\n\r\n    width:260px;\r\n    height:260px;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle,\r\n        rgba(255,208,0,.08),\r\n        transparent 70%\r\n    );\r\n\r\n    top:-60px;\r\n    right:-60px;\r\n\r\n    filter:blur(20px);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* RESPONSIVE *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .catering-section{\r\n        grid-template-columns:1fr;\r\n\r\n        gap:70px;\r\n    }\r\n\r\n    .catering-content{\r\n        position:relative;\r\n\r\n        top:auto;\r\n\r\n        margin-left:0;\r\n\r\n        align-items:flex-start;\r\n\r\n        text-align:left;\r\n    }\r\n\r\n    .gold-line{\r\n        margin-left:0;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .catering-section{\r\n        padding:90px 24px;\r\n    }\r\n\r\n    .catering-content h3{\r\n        font-size:52px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .accordion-header{\r\n        padding:26px;\r\n    }\r\n\r\n    .accordion-header span{\r\n        font-size:18px;\r\n    }\r\n\r\n    .food-content{\r\n        grid-template-columns:1fr;\r\n\r\n        padding:0 26px 26px;\r\n    }\r\n\r\n    .food-content img{\r\n        height:240px;\r\n    }\r\n\r\n    .feature-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .main-btn{\r\n        width:100%;\r\n    }\r\n\r\n}\r\n\/* ========================================= *\/\r\n\/* CATERING PRO ANIMATIONS - UNIQUE *\/\r\n\/* ========================================= *\/\r\n\r\n.catering-section{\r\n    position:relative;\r\n    isolation:isolate;\r\n}\r\n\r\n.catering-section::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    radial-gradient(circle at 12% 22%, rgba(255,208,0,.08), transparent 18%),\r\n    radial-gradient(circle at 88% 72%, rgba(255,208,0,.055), transparent 20%);\r\n\r\n    animation:cateringWarmSteam 8s ease-in-out infinite;\r\n}\r\n\r\n.catering-section::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:-30%;\r\n    z-index:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    repeating-linear-gradient(\r\n        100deg,\r\n        transparent 0 42px,\r\n        rgba(255,208,0,.025) 43px 44px,\r\n        transparent 45px 90px\r\n    );\r\n\r\n    opacity:.45;\r\n    animation:cateringTextureSlide 16s linear infinite;\r\n}\r\n\r\n.catering-accordion,\r\n.catering-content{\r\n    position:relative;\r\n    z-index:1;\r\n}\r\n\r\n\/* ACCORDION ENTRANCE *\/\r\n.accordion-item{\r\n    position:relative;\r\n    animation:cateringItemFold .85s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n.accordion-item:nth-child(1){ animation-delay:.15s; }\r\n.accordion-item:nth-child(2){ animation-delay:.25s; }\r\n.accordion-item:nth-child(3){ animation-delay:.35s; }\r\n.accordion-item:nth-child(4){ animation-delay:.45s; }\r\n.accordion-item:nth-child(5){ animation-delay:.55s; }\r\n.accordion-item:nth-child(6){ animation-delay:.65s; }\r\n\r\n.accordion-item::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    pointer-events:none;\r\n    border-radius:34px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255,208,0,.12),\r\n        transparent\r\n    );\r\n\r\n    opacity:0;\r\n    transform:translateX(-80%);\r\n    transition:.65s cubic-bezier(.18,1,.28,1);\r\n}\r\n\r\n.accordion-item:hover::before,\r\n.accordion-item.active::before{\r\n    opacity:1;\r\n    transform:translateX(80%);\r\n}\r\n\r\n.accordion-header{\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.accordion-header span{\r\n    display:inline-block;\r\n    animation:cateringHeaderText .75s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n.accordion-item.active .accordion-header span{\r\n    color:#ffd000;\r\n    text-shadow:0 0 18px rgba(255,208,0,.28);\r\n}\r\n\r\n.plus{\r\n    animation:cateringPlusIdle 2.4s ease-in-out infinite;\r\n}\r\n\r\n.accordion-item.active .plus{\r\n    animation:cateringPlusOpen .45s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n\/* ACTIVE CONTENT *\/\r\n.accordion-item.active .food-content{\r\n    animation:cateringContentOpen .75s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n.food-content img{\r\n    animation:cateringImageSlowPan 9s ease-in-out infinite;\r\n}\r\n\r\n.accordion-item.active .food-content img{\r\n    animation:\r\n    cateringImageReveal .8s cubic-bezier(.18,1,.28,1) both,\r\n    cateringImageSlowPan 9s ease-in-out infinite .8s;\r\n}\r\n\r\n.food-info p{\r\n    animation:cateringCopyIn .7s cubic-bezier(.18,1,.28,1) both .2s;\r\n}\r\n\r\n.food-info a{\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:cateringRoundButtonIn .7s cubic-bezier(.18,1,.28,1) both .32s;\r\n}\r\n\r\n.food-info a::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    border-radius:50%;\r\n    pointer-events:none;\r\n\r\n    background:#ffd000;\r\n    transform:scale(0);\r\n    opacity:.25;\r\n    transition:.45s cubic-bezier(.18,1,.28,1);\r\n}\r\n\r\n.food-info a:hover::before{\r\n    transform:scale(1.6);\r\n    opacity:.55;\r\n}\r\n\r\n\/* RIGHT CONTENT *\/\r\n.content-badge{\r\n    animation:cateringBadgePour .85s cubic-bezier(.18,1,.28,1) both .25s;\r\n}\r\n\r\n.content-badge .dot{\r\n    animation:cateringDotSizzle 1.45s ease-in-out infinite !important;\r\n}\r\n\r\n.catering-content h3{\r\n    animation:cateringTitleCarve .95s cubic-bezier(.18,1,.28,1) both .42s;\r\n}\r\n\r\n.catering-content h3 span{\r\n    display:block;\r\n    animation:cateringGoldHeat 2.8s ease-in-out infinite 1.2s;\r\n}\r\n\r\n.gold-line{\r\n    transform-origin:right center;\r\n    animation:cateringLineServe .85s cubic-bezier(.18,1,.28,1) both .62s;\r\n}\r\n\r\n.catering-content .main-text{\r\n    animation:cateringTextSteam .85s cubic-bezier(.18,1,.28,1) both .78s;\r\n}\r\n\r\n\/* FEATURE BOXES *\/\r\n.feature-box{\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:cateringFeaturePlate .85s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n.feature-box:first-child{ animation-delay:.95s; }\r\n.feature-box:last-child{ animation-delay:1.08s; }\r\n\r\n.feature-box::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:auto 0 0 0;\r\n    height:3px;\r\n    pointer-events:none;\r\n\r\n    background:#ffd000;\r\n    box-shadow:0 0 18px rgba(255,208,0,.75);\r\n\r\n    transform:scaleX(0);\r\n    transform-origin:right center;\r\n    transition:.5s cubic-bezier(.18,1,.28,1);\r\n}\r\n\r\n.feature-box:hover::before{\r\n    transform:scaleX(1);\r\n}\r\n\r\n\/* MAIN BUTTON *\/\r\n.main-btn{\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:cateringButtonServe .85s cubic-bezier(.18,1,.28,1) both 1.2s;\r\n}\r\n\r\n.main-btn::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:120%;\r\n    height:220%;\r\n    left:-10%;\r\n    top:100%;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle,\r\n        rgba(255,255,255,.75),\r\n        transparent 58%\r\n    );\r\n\r\n    transition:.55s cubic-bezier(.18,1,.28,1);\r\n}\r\n\r\n.main-btn:hover::before{\r\n    top:-70%;\r\n}\r\n\r\n.floating-glow{\r\n    animation:cateringGlowSteam 5.8s ease-in-out infinite;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* UNIQUE KEYFRAMES *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes cateringWarmSteam{\r\n    0%, 100%{\r\n        opacity:.55;\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        opacity:1;\r\n        transform:scale(1.08);\r\n    }\r\n}\r\n\r\n@keyframes cateringTextureSlide{\r\n    0%{\r\n        transform:translateX(0);\r\n    }\r\n\r\n    100%{\r\n        transform:translateX(180px);\r\n    }\r\n}\r\n\r\n@keyframes cateringItemFold{\r\n    0%{\r\n        opacity:0;\r\n        transform:perspective(900px) rotateX(-18deg) translateY(28px);\r\n        filter:blur(10px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:perspective(900px) rotateX(0) translateY(0);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes cateringHeaderText{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(-18px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n    }\r\n}\r\n\r\n@keyframes cateringPlusIdle{\r\n    0%, 100%{\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.12);\r\n    }\r\n}\r\n\r\n@keyframes cateringPlusOpen{\r\n    0%{\r\n        transform:rotate(0) scale(1);\r\n    }\r\n\r\n    60%{\r\n        transform:rotate(45deg) scale(1.25);\r\n    }\r\n\r\n    100%{\r\n        transform:rotate(45deg) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes cateringContentOpen{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(-18px);\r\n        filter:blur(8px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes cateringImageReveal{\r\n    0%{\r\n        opacity:0;\r\n        clip-path:inset(0 100% 0 0 round 26px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        clip-path:inset(0 0 0 0 round 26px);\r\n    }\r\n}\r\n\r\n@keyframes cateringImageSlowPan{\r\n    0%, 100%{\r\n        transform:scale(1.02) translateX(0);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.08) translateX(-10px);\r\n    }\r\n}\r\n\r\n@keyframes cateringCopyIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(18px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes cateringRoundButtonIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:scale(.7) rotate(-20deg);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:scale(1) rotate(0);\r\n    }\r\n}\r\n\r\n@keyframes cateringBadgePour{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(-18px) scaleX(.75);\r\n        filter:blur(8px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) scaleX(1);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes cateringDotSizzle{\r\n    0%, 100%{\r\n        transform:scale(1);\r\n        box-shadow:0 0 12px rgba(255,208,0,.8);\r\n    }\r\n\r\n    30%{\r\n        transform:scale(.65);\r\n        box-shadow:0 0 24px rgba(255,208,0,1);\r\n    }\r\n\r\n    65%{\r\n        transform:scale(1.45);\r\n        box-shadow:0 0 16px rgba(255,208,0,1);\r\n    }\r\n}\r\n\r\n@keyframes cateringTitleCarve{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(42px);\r\n        clip-path:polygon(100% 0, 100% 0, 100% 100%, 100% 100%);\r\n        filter:blur(8px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n        clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes cateringGoldHeat{\r\n    0%, 100%{\r\n        text-shadow:0 0 20px rgba(255,208,0,.15);\r\n    }\r\n\r\n    50%{\r\n        text-shadow:\r\n        0 0 18px rgba(255,208,0,.7),\r\n        0 0 48px rgba(255,208,0,.25);\r\n    }\r\n}\r\n\r\n@keyframes cateringLineServe{\r\n    0%{\r\n        opacity:0;\r\n        transform:scaleX(0);\r\n    }\r\n\r\n    70%{\r\n        opacity:1;\r\n        transform:scaleX(1.18);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:scaleX(1);\r\n    }\r\n}\r\n\r\n@keyframes cateringTextSteam{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(26px);\r\n        filter:blur(9px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes cateringFeaturePlate{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(28px) scale(.94);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes cateringButtonServe{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(24px) scale(.92);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes cateringGlowSteam{\r\n    0%, 100%{\r\n        opacity:.55;\r\n        transform:translate(0,0) scale(1);\r\n        filter:blur(20px);\r\n    }\r\n\r\n    50%{\r\n        opacity:1;\r\n        transform:translate(-35px,38px) scale(1.22);\r\n        filter:blur(30px);\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\r\nconst accordionItems =\r\ndocument.querySelectorAll(\".accordion-item\");\r\n\r\naccordionItems.forEach(item => {\r\n\r\n    const header =\r\n    item.querySelector(\".accordion-header\");\r\n\r\n    header.addEventListener(\"click\", () => {\r\n\r\n        accordionItems.forEach(otherItem => {\r\n\r\n            if(otherItem !== item){\r\n                otherItem.classList.remove(\"active\");\r\n            }\r\n\r\n        });\r\n\r\n        item.classList.toggle(\"active\");\r\n\r\n    });\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-056c33f e-con-full e-flex e-con e-parent\" data-id=\"056c33f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d35363d elementor-widget elementor-widget-html\" data-id=\"d35363d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"tickets-section\">\r\n\r\n    <!-- TOP -->\r\n    <div class=\"tickets-top\">\r\n\r\n        <!-- LEFT TITLE -->\r\n        <div class=\"tickets-left\">\r\n\r\n            <span class=\"tickets-badge\">\r\n                <span class=\"dot\"><\/span>\r\n                ACCESO AL EVENTO\r\n            <\/span>\r\n\r\n            <h2>\r\n                EXPERIENCIA\r\n                <span>NIVELES.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT TEXT -->\r\n        <div class=\"tickets-right\">\r\n\r\n            <p class=\"top-mini\">\r\n                NIVELES DE ACCESO PREMIUM\r\n            <\/p>\r\n\r\n            <p class=\"top-text\">\r\n                Elige la experiencia perfecta para el evento:\n                desde la entrada general hasta el acceso VIP de m\u00e1xima categor\u00eda\n                con ventajas exclusivas.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CARDS -->\r\n    <div class=\"tickets-grid\">\r\n\r\n        <!-- CARD 1 -->\r\n        <div class=\"ticket-card\">\r\n\r\n            <div class=\"card-glow\"><\/div>\r\n\r\n            <div class=\"ticket-icon\">\r\n                \u2764\r\n            <\/div>\r\n\r\n            <div class=\"ticket-tag\">\r\n                LOS M\u00c1S POPULARES\r\n            <\/div>\r\n\r\n            <h3>\r\n                GENERAL\r\n                <span>INSCRIPCI\u00d3N<\/span>\r\n            <\/h3>\r\n\r\n            <div class=\"ticket-line\"><\/div>\r\n\r\n            <p>\r\n                Disfruta de un acceso completo al ambiente del evento\n                con todas las experiencias imprescindibles incluidas.\r\n            <\/p>\r\n\r\n            <ul>\r\n\r\n                <li>Acceso al evento<\/li>\r\n                <li>\u00c1reas generales<\/li>\r\n                <li>Actuaciones en directo<\/li>\r\n                <li>Acceso al \u00e1rea de restaurante<\/li>\r\n\r\n            <\/ul>\r\n\r\n            <a href=\"#\">\r\n                OBT\u00c9N ACCESO\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <!-- CARD 2 -->\r\n        <div class=\"ticket-card featured\">\r\n\r\n            <div class=\"card-glow\"><\/div>\r\n\r\n            <div class=\"ticket-icon\">\r\n                \u2726\r\n            <\/div>\r\n\r\n            <div class=\"ticket-tag premium\">\r\n                LA MEJOR RELACI\u00d3N CALIDAD-PRECIO\r\n            <\/div>\r\n\r\n            <h3>\r\n                VIP\r\n                <span>EXPERIENCIA<\/span>\r\n            <\/h3>\r\n\r\n            <div class=\"ticket-line\"><\/div>\r\n\r\n            <p>\r\n                Mejora tu experiencia con acceso prioritario,\n                zonas exclusivas y un confort superior.\r\n            <\/p>\r\n\r\n            <ul>\r\n\r\n                <li>Entrada prioritaria<\/li>\r\n                <li>Zonas VIP<\/li>\r\n                <li>Visualizaci\u00f3n premium<\/li>\r\n                <li>Ventajas exclusivas<\/li>\r\n\r\n            <\/ul>\r\n\r\n            <a href=\"#\">\r\n                SER VIP\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <!-- CARD 3 -->\r\n        <div class=\"ticket-card\">\r\n\r\n            <div class=\"card-glow\"><\/div>\r\n\r\n            <div class=\"ticket-icon\">\r\n                \u2605\r\n            <\/div>\r\n\r\n            <div class=\"ticket-tag\">\r\n                ULTRA PREMIUM\r\n            <\/div>\r\n\r\n            <h3>\r\n                PREMIUM\r\n                <span>EXPERIENCIA<\/span>\r\n            <\/h3>\r\n\r\n            <div class=\"ticket-line\"><\/div>\r\n\r\n            <p>\r\n                La experiencia definitiva en eventos de lujo\n                con un servicio personalizado y zonas privadas.\r\n            <\/p>\r\n\r\n            <ul>\r\n\r\n                <li>Acceso privado<\/li>\r\n                <li>Salones de lujo<\/li>\r\n                <li>Asistencia personalizada<\/li>\r\n                <li>Ventajas premium<\/li>\r\n\r\n            <\/ul>\r\n\r\n            <a href=\"#\">\r\n                PASAR A PREMIUM\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ========================================= *\/\r\n\/* SECTION *\/\r\n\/* ========================================= *\/\r\n\r\n.tickets-section{\r\n    position:relative;\r\n\r\n    padding:120px 7%;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle at top left,\r\n        rgba(255,208,0,.05),\r\n        transparent 35%\r\n    ),\r\n    #050505;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TOP *\/\r\n\/* ========================================= *\/\r\n\r\n.tickets-top{\r\n    display:grid;\r\n    grid-template-columns:.9fr 1.1fr;\r\n\r\n    gap:80px;\r\n\r\n    align-items:end;\r\n\r\n    margin-bottom:90px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LEFT TITLE *\/\r\n\/* ========================================= *\/\r\n\r\n.tickets-left{\r\n    text-align:left;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BADGE *\/\r\n\/* ========================================= *\/\r\n\r\n.tickets-badge{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    padding:14px 28px;\r\n\r\n    border-radius:60px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,.08),\r\n        rgba(255,208,0,.02)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.15);\r\n\r\n    color:#ffd000;\r\n\r\n    font-size:14px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    margin-bottom:35px;\r\n\r\n    box-shadow:\r\n    0 0 20px rgba(255,208,0,.06);\r\n}\r\n\r\n\/* DOT *\/\r\n\r\n.dot{\r\n    width:10px;\r\n    height:10px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 12px rgba(255,208,0,.8);\r\n\r\n    animation:pulseDot 2s infinite;\r\n}\r\n\r\n@keyframes pulseDot{\r\n\r\n    0%{\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.3);\r\n    }\r\n\r\n    100%{\r\n        transform:scale(1);\r\n    }\r\n\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TITLE *\/\r\n\/* ========================================= *\/\r\n\r\n.tickets-left h2{\r\n    font-size:120px;\r\n\r\n    line-height:.88;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:-6px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    color:white;\r\n\r\n    font-family:'Montserrat', sans-serif;\r\n}\r\n\r\n.tickets-left h2 span{\r\n    display:block;\r\n\r\n    color:#ffd000;\r\n\r\n    text-shadow:\r\n    0 0 20px rgba(255,208,0,.18);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* RIGHT TEXT *\/\r\n\/* ========================================= *\/\r\n\r\n.tickets-right{\r\n    max-width:520px;\r\n\r\n    text-align:right;\r\n\r\n    margin-left:auto;\r\n}\r\n\r\n.top-mini{\r\n    color:#ffd000;\r\n\r\n    letter-spacing:3px;\r\n\r\n    font-size:14px;\r\n\r\n    margin-bottom:20px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.top-text{\r\n    color:rgba(255,255,255,.72);\r\n\r\n    font-size:22px;\r\n\r\n    line-height:1.9;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GRID *\/\r\n\/* ========================================= *\/\r\n\r\n.tickets-grid{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n    repeat(auto-fit,minmax(320px,1fr));\r\n\r\n    gap:35px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* CARD *\/\r\n\/* ========================================= *\/\r\n\r\n.ticket-card{\r\n    position:relative;\r\n\r\n    padding:45px;\r\n\r\n    border-radius:34px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(8,8,8,.96),\r\n        rgba(3,3,3,1)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.08);\r\n\r\n    min-height:650px;\r\n\r\n    transition:.55s cubic-bezier(.19,1,.22,1);\r\n\r\n    backdrop-filter:blur(12px);\r\n\r\n    box-shadow:\r\n    inset 0 0 0 1px rgba(255,255,255,.02),\r\n    0 10px 40px rgba(0,0,0,.5);\r\n}\r\n\r\n\/* FEATURED *\/\r\n\r\n.ticket-card.featured{\r\n    transform:translateY(-30px);\r\n\r\n    border-color:rgba(255,208,0,.25);\r\n\r\n    box-shadow:\r\n    0 0 40px rgba(255,208,0,.08);\r\n}\r\n\r\n\/* HOVER *\/\r\n\r\n.ticket-card:hover{\r\n    transform:\r\n    translateY(-18px)\r\n    scale(1.02);\r\n\r\n    border-color:rgba(255,208,0,.35);\r\n\r\n    box-shadow:\r\n    0 0 40px rgba(255,208,0,.12),\r\n    0 0 80px rgba(255,208,0,.05);\r\n}\r\n\r\n.ticket-card.featured:hover{\r\n    transform:\r\n    translateY(-42px)\r\n    scale(1.03);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GLOW *\/\r\n\/* ========================================= *\/\r\n\r\n.card-glow{\r\n    position:absolute;\r\n\r\n    width:260px;\r\n    height:260px;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle,\r\n        rgba(255,208,0,.18),\r\n        transparent 70%\r\n    );\r\n\r\n    bottom:-140px;\r\n    left:-40px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* ICON *\/\r\n\/* ========================================= *\/\r\n\r\n.ticket-icon{\r\n    width:76px;\r\n    height:76px;\r\n\r\n    border-radius:22px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    font-size:34px;\r\n\r\n    color:#ffd000;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,.12),\r\n        rgba(255,208,0,.03)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.15);\r\n\r\n    margin-bottom:30px;\r\n\r\n    transition:.45s ease;\r\n}\r\n\r\n.ticket-card:hover .ticket-icon{\r\n    transform:\r\n    rotate(-8deg)\r\n    scale(1.08);\r\n\r\n    background:#ffd000;\r\n    color:black;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TAG *\/\r\n\/* ========================================= *\/\r\n\r\n.ticket-tag{\r\n    display:inline-flex;\r\n\r\n    padding:10px 18px;\r\n\r\n    border-radius:50px;\r\n\r\n    margin-bottom:28px;\r\n\r\n    background:\r\n    rgba(255,255,255,.04);\r\n\r\n    border:1px solid rgba(255,255,255,.08);\r\n\r\n    color:white;\r\n\r\n    font-size:12px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.ticket-tag.premium{\r\n    background:\r\n    rgba(255,208,0,.08);\r\n\r\n    border-color:\r\n    rgba(255,208,0,.2);\r\n\r\n    color:#ffd000;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TITLE CARD *\/\r\n\/* ========================================= *\/\r\n\r\n.ticket-card h3{\r\n    font-size:52px;\r\n\r\n    line-height:.92;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:-3px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    margin-bottom:30px;\r\n\r\n    color:white;\r\n}\r\n\r\n.ticket-card h3 span{\r\n    display:block;\r\n\r\n    color:#ffd000;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LINE *\/\r\n\/* ========================================= *\/\r\n\r\n.ticket-line{\r\n    width:100%;\r\n    height:1px;\r\n\r\n    margin-bottom:30px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        to right,\r\n        rgba(255,208,0,.8),\r\n        transparent\r\n    );\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TEXT *\/\r\n\/* ========================================= *\/\r\n\r\n.ticket-card p{\r\n    color:rgba(255,255,255,.72);\r\n\r\n    font-size:19px;\r\n\r\n    line-height:1.9;\r\n\r\n    margin-bottom:35px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LIST *\/\r\n\/* ========================================= *\/\r\n\r\n.ticket-card ul{\r\n    list-style:none;\r\n\r\n    padding:0;\r\n\r\n    margin:0 0 45px;\r\n}\r\n\r\n.ticket-card ul li{\r\n    position:relative;\r\n\r\n    padding-left:28px;\r\n\r\n    margin-bottom:18px;\r\n\r\n    font-size:18px;\r\n\r\n    color:white;\r\n}\r\n\r\n.ticket-card ul li::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:11px;\r\n\r\n    width:10px;\r\n    height:10px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 12px rgba(255,208,0,.7);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BUTTON *\/\r\n\/* ========================================= *\/\r\n\r\n.ticket-card a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    width:220px;\r\n    height:66px;\r\n\r\n    border-radius:18px;\r\n\r\n    background:#ffd000;\r\n\r\n    color:black;\r\n\r\n    text-decoration:none;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:2px;\r\n\r\n    transition:.45s ease;\r\n\r\n    box-shadow:\r\n    0 0 25px rgba(255,208,0,.2);\r\n}\r\n\r\n.ticket-card a:hover{\r\n    transform:\r\n    translateY(-5px)\r\n    scale(1.03);\r\n\r\n    box-shadow:\r\n    0 0 40px rgba(255,208,0,.4);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* RESPONSIVE *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .tickets-top{\r\n        grid-template-columns:1fr;\r\n\r\n        gap:40px;\r\n    }\r\n\r\n    .tickets-right{\r\n        text-align:left;\r\n\r\n        margin-left:0;\r\n    }\r\n\r\n    .tickets-left h2{\r\n        font-size:72px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .tickets-section{\r\n        padding:90px 24px;\r\n    }\r\n\r\n    .tickets-left h2{\r\n        font-size:48px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .top-text{\r\n        font-size:17px;\r\n    }\r\n\r\n    .ticket-card{\r\n        min-height:auto;\r\n\r\n        padding:35px;\r\n    }\r\n\r\n    .ticket-card.featured{\r\n        transform:none;\r\n    }\r\n\r\n    .ticket-card.featured:hover{\r\n        transform:\r\n        translateY(-16px)\r\n        scale(1.02);\r\n    }\r\n\r\n    .ticket-card h3{\r\n        font-size:38px;\r\n    }\r\n\r\n    .ticket-card a{\r\n        width:100%;\r\n    }\r\n\r\n}\r\n\/* ========================================= *\/\r\n\/* TICKETS PRO ANIMATIONS - UNIQUE *\/\r\n\/* ========================================= *\/\r\n\r\n.tickets-section{\r\n    isolation:isolate;\r\n}\r\n\r\n.tickets-section::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    linear-gradient(\r\n        90deg,\r\n        transparent 0%,\r\n        rgba(255,208,0,.06) 50%,\r\n        transparent 100%\r\n    );\r\n\r\n    transform:translateX(-100%);\r\n    animation:ticketsScanField 7s ease-in-out infinite;\r\n}\r\n\r\n.tickets-section::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    repeating-linear-gradient(\r\n        0deg,\r\n        transparent 0 34px,\r\n        rgba(255,208,0,.025) 35px,\r\n        transparent 36px 70px\r\n    );\r\n\r\n    opacity:.35;\r\n    animation:ticketsLinesMove 12s linear infinite;\r\n}\r\n\r\n.tickets-top,\r\n.tickets-grid{\r\n    position:relative;\r\n    z-index:1;\r\n}\r\n\r\n\/* TOP *\/\r\n.tickets-badge{\r\n    animation:ticketsBadgePunch .85s cubic-bezier(.16,1,.3,1) both;\r\n}\r\n\r\n.tickets-badge .dot{\r\n    animation:ticketsDotAccess 1.4s ease-in-out infinite !important;\r\n}\r\n\r\n.tickets-left h2{\r\n    animation:ticketsTitleGate .95s cubic-bezier(.16,1,.3,1) both .18s;\r\n}\r\n\r\n.tickets-left h2 span{\r\n    display:block;\r\n    animation:ticketsGoldAccess 2.8s ease-in-out infinite 1.1s;\r\n}\r\n\r\n.tickets-right{\r\n    animation:ticketsCopySlide .9s cubic-bezier(.16,1,.3,1) both .38s;\r\n}\r\n\r\n.top-mini{\r\n    animation:ticketsMiniBlink 2.6s steps(2,end) infinite 1.2s;\r\n}\r\n\r\n\/* CARDS *\/\r\n.ticket-card{\r\n    animation:ticketsPassDrop .95s cubic-bezier(.16,1,.3,1) both;\r\n    transform-origin:center top;\r\n}\r\n\r\n.ticket-card:nth-child(1){\r\n    animation-delay:.48s;\r\n}\r\n\r\n.ticket-card:nth-child(2){\r\n    animation-delay:.62s;\r\n}\r\n\r\n.ticket-card:nth-child(3){\r\n    animation-delay:.76s;\r\n}\r\n\r\n.ticket-card.featured{\r\n    animation:\r\n    ticketsPassDropFeatured .95s cubic-bezier(.16,1,.3,1) both .62s,\r\n    ticketsFeaturedFloat 4s ease-in-out infinite 1.7s;\r\n}\r\n\r\n\/* CARD BORDER SCAN *\/\r\n.ticket-card::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    pointer-events:none;\r\n    border-radius:34px;\r\n    padding:1px;\r\n\r\n    background:\r\n    conic-gradient(\r\n        from 0deg,\r\n        transparent,\r\n        rgba(255,208,0,.55),\r\n        transparent,\r\n        transparent\r\n    );\r\n\r\n    -webkit-mask:\r\n    linear-gradient(#000 0 0) content-box,\r\n    linear-gradient(#000 0 0);\r\n    -webkit-mask-composite:xor;\r\n    mask-composite:exclude;\r\n\r\n    opacity:0;\r\n    animation:ticketsBorderRotate 4s linear infinite;\r\n}\r\n\r\n.ticket-card:hover::before,\r\n.ticket-card.featured::before{\r\n    opacity:1;\r\n}\r\n\r\n.ticket-card > *{\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.card-glow{\r\n    animation:ticketsGlowSweep 5s ease-in-out infinite;\r\n}\r\n\r\n.ticket-card.featured .card-glow{\r\n    animation:ticketsFeaturedGlow 3.4s ease-in-out infinite;\r\n}\r\n\r\n\/* ICON *\/\r\n.ticket-icon{\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:ticketsIconStamp .75s cubic-bezier(.16,1,.3,1) both .9s;\r\n}\r\n\r\n.ticket-icon::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        transparent,\r\n        rgba(255,255,255,.5),\r\n        transparent\r\n    );\r\n\r\n    transform:translateY(-120%);\r\n}\r\n\r\n.ticket-card:hover .ticket-icon::before{\r\n    animation:ticketsIconScan .55s ease both;\r\n}\r\n\r\n\/* TAG *\/\r\n.ticket-tag{\r\n    animation:ticketsTagPrint .7s cubic-bezier(.16,1,.3,1) both 1s;\r\n}\r\n\r\n.ticket-card.featured .ticket-tag{\r\n    animation:\r\n    ticketsTagPrint .7s cubic-bezier(.16,1,.3,1) both 1s,\r\n    ticketsPremiumTagPulse 2.5s ease-in-out infinite 1.6s;\r\n}\r\n\r\n\/* TEXT INSIDE CARDS *\/\r\n.ticket-card h3{\r\n    animation:ticketsCardTitle .8s cubic-bezier(.16,1,.3,1) both 1.08s;\r\n}\r\n\r\n.ticket-card h3 span{\r\n    animation:ticketsCardGold .32s steps(2,end) infinite 1.8s;\r\n}\r\n\r\n.ticket-line{\r\n    transform-origin:left center;\r\n    animation:ticketsLineSwipe .85s cubic-bezier(.16,1,.3,1) both 1.18s;\r\n}\r\n\r\n.ticket-card p{\r\n    animation:ticketsParagraphRise .75s cubic-bezier(.16,1,.3,1) both 1.28s;\r\n}\r\n\r\n.ticket-card ul li{\r\n    animation:ticketsListCheck .58s cubic-bezier(.16,1,.3,1) both;\r\n}\r\n\r\n.ticket-card ul li:nth-child(1){ animation-delay:1.38s; }\r\n.ticket-card ul li:nth-child(2){ animation-delay:1.48s; }\r\n.ticket-card ul li:nth-child(3){ animation-delay:1.58s; }\r\n.ticket-card ul li:nth-child(4){ animation-delay:1.68s; }\r\n\r\n.ticket-card ul li::before{\r\n    animation:ticketsBulletPing 2s ease-in-out infinite;\r\n}\r\n\r\n.ticket-card a{\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:ticketsButtonPunch .75s cubic-bezier(.16,1,.3,1) both 1.78s;\r\n}\r\n\r\n.ticket-card a::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255,255,255,.72),\r\n        transparent\r\n    );\r\n\r\n    transform:translateX(-120%);\r\n}\r\n\r\n.ticket-card a:hover::before{\r\n    animation:ticketsButtonScan .65s ease both;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* UNIQUE KEYFRAMES *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes ticketsScanField{\r\n    0%, 35%{\r\n        transform:translateX(-100%);\r\n        opacity:0;\r\n    }\r\n\r\n    50%{\r\n        opacity:1;\r\n    }\r\n\r\n    75%, 100%{\r\n        transform:translateX(100%);\r\n        opacity:0;\r\n    }\r\n}\r\n\r\n@keyframes ticketsLinesMove{\r\n    0%{\r\n        background-position:0 0;\r\n    }\r\n\r\n    100%{\r\n        background-position:0 70px;\r\n    }\r\n}\r\n\r\n@keyframes ticketsBadgePunch{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(-20px) scale(.86);\r\n        filter:blur(8px);\r\n    }\r\n\r\n    70%{\r\n        opacity:1;\r\n        transform:translateY(3px) scale(1.05);\r\n        filter:blur(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes ticketsDotAccess{\r\n    0%, 100%{\r\n        transform:scale(1);\r\n        opacity:1;\r\n        box-shadow:0 0 12px rgba(255,208,0,.8);\r\n    }\r\n\r\n    45%{\r\n        transform:scale(.55);\r\n        opacity:.45;\r\n        box-shadow:0 0 26px rgba(255,208,0,1);\r\n    }\r\n\r\n    70%{\r\n        transform:scale(1.45);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes ticketsTitleGate{\r\n    0%{\r\n        opacity:0;\r\n        transform:perspective(900px) rotateY(-18deg) translateX(-44px);\r\n        filter:blur(10px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:perspective(900px) rotateY(0) translateX(0);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes ticketsGoldAccess{\r\n    0%, 100%{\r\n        text-shadow:0 0 20px rgba(255,208,0,.18);\r\n    }\r\n\r\n    50%{\r\n        text-shadow:\r\n        0 0 22px rgba(255,208,0,.75),\r\n        0 0 58px rgba(255,208,0,.28);\r\n    }\r\n}\r\n\r\n@keyframes ticketsCopySlide{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(38px);\r\n        filter:blur(8px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes ticketsMiniBlink{\r\n    0%, 100%{\r\n        opacity:1;\r\n    }\r\n\r\n    50%{\r\n        opacity:.45;\r\n    }\r\n}\r\n\r\n@keyframes ticketsPassDrop{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(-50px) rotateX(18deg) scale(.92);\r\n        filter:blur(12px);\r\n    }\r\n\r\n    72%{\r\n        opacity:1;\r\n        transform:translateY(8px) rotateX(-3deg) scale(1.015);\r\n        filter:blur(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) rotateX(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes ticketsPassDropFeatured{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(-60px) rotateX(18deg) scale(.92);\r\n        filter:blur(12px);\r\n    }\r\n\r\n    72%{\r\n        opacity:1;\r\n        transform:translateY(-22px) rotateX(-3deg) scale(1.015);\r\n        filter:blur(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(-30px) rotateX(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes ticketsFeaturedFloat{\r\n    0%, 100%{\r\n        transform:translateY(-30px);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(-38px);\r\n    }\r\n}\r\n\r\n@keyframes ticketsBorderRotate{\r\n    0%{\r\n        background:\r\n        conic-gradient(\r\n            from 0deg,\r\n            transparent,\r\n            rgba(255,208,0,.55),\r\n            transparent,\r\n            transparent\r\n        );\r\n    }\r\n\r\n    100%{\r\n        background:\r\n        conic-gradient(\r\n            from 360deg,\r\n            transparent,\r\n            rgba(255,208,0,.55),\r\n            transparent,\r\n            transparent\r\n        );\r\n    }\r\n}\r\n\r\n@keyframes ticketsGlowSweep{\r\n    0%, 100%{\r\n        transform:translate(0,0) scale(1);\r\n        opacity:.55;\r\n    }\r\n\r\n    50%{\r\n        transform:translate(70px,-45px) scale(1.18);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes ticketsFeaturedGlow{\r\n    0%, 100%{\r\n        transform:scale(1);\r\n        opacity:.75;\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.35) translate(35px,-25px);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes ticketsIconStamp{\r\n    0%{\r\n        opacity:0;\r\n        transform:scale(.45) rotate(-18deg);\r\n    }\r\n\r\n    70%{\r\n        opacity:1;\r\n        transform:scale(1.14) rotate(5deg);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:scale(1) rotate(0);\r\n    }\r\n}\r\n\r\n@keyframes ticketsIconScan{\r\n    0%{\r\n        transform:translateY(-120%);\r\n    }\r\n\r\n    100%{\r\n        transform:translateY(120%);\r\n    }\r\n}\r\n\r\n@keyframes ticketsTagPrint{\r\n    0%{\r\n        opacity:0;\r\n        transform:scaleX(.6);\r\n        clip-path:inset(0 100% 0 0 round 50px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:scaleX(1);\r\n        clip-path:inset(0 0 0 0 round 50px);\r\n    }\r\n}\r\n\r\n@keyframes ticketsPremiumTagPulse{\r\n    0%, 100%{\r\n        box-shadow:none;\r\n    }\r\n\r\n    50%{\r\n        box-shadow:\r\n        0 0 18px rgba(255,208,0,.22);\r\n    }\r\n}\r\n\r\n@keyframes ticketsCardTitle{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(24px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes ticketsCardGold{\r\n    0%, 100%{\r\n        text-shadow:none;\r\n    }\r\n\r\n    50%{\r\n        text-shadow:0 0 18px rgba(255,208,0,.55);\r\n    }\r\n}\r\n\r\n@keyframes ticketsLineSwipe{\r\n    0%{\r\n        opacity:0;\r\n        transform:scaleX(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:scaleX(1);\r\n    }\r\n}\r\n\r\n@keyframes ticketsParagraphRise{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(18px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes ticketsListCheck{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(-20px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n    }\r\n}\r\n\r\n@keyframes ticketsBulletPing{\r\n    0%, 100%{\r\n        transform:scale(1);\r\n        box-shadow:0 0 12px rgba(255,208,0,.7);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.3);\r\n        box-shadow:\r\n        0 0 14px rgba(255,208,0,1),\r\n        0 0 28px rgba(255,208,0,.28);\r\n    }\r\n}\r\n\r\n@keyframes ticketsButtonPunch{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(20px) scale(.9);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes ticketsButtonScan{\r\n    0%{\r\n        transform:translateX(-120%);\r\n    }\r\n\r\n    100%{\r\n        transform:translateX(120%);\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-e45cb67 e-con-full e-flex e-con e-parent\" data-id=\"e45cb67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7502abc elementor-widget elementor-widget-html\" data-id=\"7502abc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ticker-section\">\r\n\r\n    <div class=\"ticker-wrap top\">\r\n\r\n        <div class=\"ticker-track\">\r\n\r\n            <span>EVENTOS EN VIVO<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>EXPERIENCIAS VIP<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>PRODUCCI\u00d3N DE CONCIERTOS<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>EVENTOS PRIVADOS<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>SERVICIO DE CATERING DE LUJO<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>FESTIVALES<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>ACTIVACIONES DE MARCA<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <!-- DUPLICATE -->\r\n            <span>EVENTOS EN VIVO<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>EXPERIENCIAS VIP<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>PRODUCCI\u00d3N DE CONCIERTOS<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>EVENTOS PRIVADOS<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>SERVICIO DE CATERING DE LUJO<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>FESTIVALES<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>ACTIVACIONES DE MARCA<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- SECOND -->\r\n    <div class=\"ticker-wrap bottom\">\r\n\r\n        <div class=\"ticker-track reverse\">\r\n\r\n            <span>ENERG\u00cdA<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>EXPERIENCIAS INMERSIVAS<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>EVENTOS DE LUJO<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>ESPECT\u00c1CULOS EN VIVO<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>MOMENTOS INOLVIDABLES<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>EVENTOS DE NIVEL MUNDIAL<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <!-- DUPLICATE -->\r\n            <span>ENERG\u00cdA<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>EXPERIENCIAS INMERSIVAS<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>EVENTOS DE LUJO<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>ESPECT\u00c1CULOS EN VIVO<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>MOMENTOS INOLVIDABLES<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n            <span>EVENTOS DE NIVEL MUNDIAL<\/span>\r\n            <span>\u2022<\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ========================================= *\/\r\n\/* SECTION *\/\r\n\/* ========================================= *\/\r\n\r\n.ticker-section{\r\n    position:relative;\r\n\r\n    padding:90px 0;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle at center,\r\n        rgba(255,208,0,.04),\r\n        transparent 45%\r\n    ),\r\n    #050505;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* WRAP *\/\r\n\/* ========================================= *\/\r\n\r\n.ticker-wrap{\r\n    position:relative;\r\n\r\n    width:120%;\r\n\r\n    left:-10%;\r\n\r\n    overflow:hidden;\r\n\r\n    border-top:1px solid rgba(255,208,0,.08);\r\n    border-bottom:1px solid rgba(255,208,0,.08);\r\n\r\n    backdrop-filter:blur(10px);\r\n\r\n    box-shadow:\r\n    0 0 30px rgba(255,208,0,.03);\r\n}\r\n\r\n\/* TOP *\/\r\n\r\n.ticker-wrap.top{\r\n    transform:\r\n    rotate(-2deg);\r\n\r\n    background:\r\n    linear-gradient(\r\n        90deg,\r\n        rgba(255,208,0,.10),\r\n        rgba(255,208,0,.03)\r\n    );\r\n\r\n    z-index:2;\r\n}\r\n\r\n\/* BOTTOM *\/\r\n\r\n.ticker-wrap.bottom{\r\n    margin-top:-28px;\r\n\r\n    transform:\r\n    rotate(2deg);\r\n\r\n    background:\r\n    linear-gradient(\r\n        90deg,\r\n        rgba(255,255,255,.05),\r\n        rgba(255,208,0,.04)\r\n    );\r\n\r\n    z-index:1;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TRACK *\/\r\n\/* ========================================= *\/\r\n\r\n.ticker-track{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:45px;\r\n\r\n    width:max-content;\r\n\r\n    padding:34px 0;\r\n\r\n    animation:tickerMove 28s linear infinite;\r\n}\r\n\r\n.ticker-track.reverse{\r\n    animation:\r\n    tickerReverse 30s linear infinite;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TEXT *\/\r\n\/* ========================================= *\/\r\n\r\n.ticker-track span{\r\n    font-family:'Montserrat', sans-serif;\r\n\r\n    font-size:72px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:-2px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    white-space:nowrap;\r\n\r\n    color:white;\r\n\r\n    transition:.4s ease;\r\n\r\n    text-shadow:\r\n    0 0 15px rgba(255,255,255,.05);\r\n}\r\n\r\n\/* DOT *\/\r\n\r\n.ticker-track span:nth-child(even){\r\n    color:#ffd000;\r\n\r\n    font-size:48px;\r\n\r\n    text-shadow:\r\n    0 0 18px rgba(255,208,0,.5);\r\n}\r\n\r\n\/* HOVER *\/\r\n\r\n.ticker-track span:hover{\r\n    color:#ffd000;\r\n\r\n    transform:\r\n    scale(1.05);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* ANIMATIONS *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes tickerMove{\r\n\r\n    from{\r\n        transform:translateX(0);\r\n    }\r\n\r\n    to{\r\n        transform:translateX(-50%);\r\n    }\r\n\r\n}\r\n\r\n@keyframes tickerReverse{\r\n\r\n    from{\r\n        transform:translateX(-50%);\r\n    }\r\n\r\n    to{\r\n        transform:translateX(0);\r\n    }\r\n\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TABLET *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .ticker-track span{\r\n        font-size:52px;\r\n    }\r\n\r\n    .ticker-track span:nth-child(even){\r\n        font-size:34px;\r\n    }\r\n\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* MOBILE *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n    .ticker-section{\r\n        padding:60px 0;\r\n    }\r\n\r\n    .ticker-wrap{\r\n        width:140%;\r\n\r\n        left:-20%;\r\n    }\r\n\r\n    .ticker-track{\r\n        gap:28px;\r\n\r\n        padding:24px 0;\r\n    }\r\n\r\n    .ticker-track span{\r\n        font-size:30px;\r\n\r\n        letter-spacing:-1px;\r\n    }\r\n\r\n    .ticker-track span:nth-child(even){\r\n        font-size:22px;\r\n    }\r\n\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-b356015 e-con-full e-flex e-con e-parent\" data-id=\"b356015\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db1436a elementor-widget elementor-widget-html\" data-id=\"db1436a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"reviews-section\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"reviews-left\">\r\n\r\n        <div class=\"reviews-content\">\r\n\r\n            <div class=\"rating-box\">\r\n\r\n                <div class=\"rating-number\">\r\n                    4.9\r\n                <\/div>\r\n\r\n                <div class=\"rating-info\">\r\n\r\n                    <div class=\"stars\">\r\n                        \u2605\u2605\u2605\u2605\u2605\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        BASADO EN\r\n                        <span>M\u00e1s de 300 OPINIONES REALES<\/span>\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <ul class=\"reviews-list\">\r\n\r\n                <li>\r\n                    M\u00e1s de 100 eventos de primera categor\u00eda disponibles\r\n                <\/li>\r\n\r\n                <li>\r\n                    Entrega segura y verificada de entradas\r\n                <\/li>\r\n\r\n                <li>\r\n                    Acceso VIP y experiencias privadas\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n            <div class=\"reviews-cta\">\r\n\r\n                <h4>\r\n                    LISTO PARA TU PR\u00d3XIMO EVENTO?\r\n                <\/h4>\r\n\r\n                <p>\r\n                    COMPRA AHORA TUS ENTRADAS\r\n                <\/p>\r\n\r\n                <a href=\"https:\/\/topeventsonline.com\/es\/categoria-producto\/todos\/\">\r\n                    VER LOS EVENTOS\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT -->\r\n    <div class=\"reviews-right\">\r\n\r\n        <div class=\"reviews-heading\">\r\n\r\n            <!-- BADGE -->\r\n            <span class=\"reviews-badge\">\r\n                <span class=\"dot\"><\/span>\r\n                COMENTARIOS\r\n            <\/span>\r\n\r\n            <h2>\r\n                QU\u00c9 OFRECEMOS\r\n                <span>LO QUE DICEN NUESTROS CLIENTES<\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"heading-line\"><\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- TESTIMONIAL -->\r\n        <div class=\"testimonial-card\">\r\n\r\n            <div class=\"card-glow\"><\/div>\r\n\r\n            <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/04\/4-10.jpg\" alt=\"\">\r\n\r\n            <div class=\"testimonial-overlay\"><\/div>\r\n\r\n            <div class=\"testimonial-content\">\r\n\r\n                <div class=\"testimonial-stars\">\r\n                    \u2605\u2605\u2605\u2605\u2605\r\n                <\/div>\r\n\r\n                <p class=\"testimonial-text\">\r\n                    \u00abToda la experiencia fue incre\u00edble.\n                    Entrega r\u00e1pida de las entradas, servicio de primera,\n                    y momentos inolvidables de principio\n                    a fin\u00bb.\r\n                <\/p>\r\n\r\n                <div class=\"testimonial-user\">\r\n\r\n                    <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/04\/4-10.jpg\" alt=\"\">\r\n\r\n                    <div>\r\n\r\n                        <h5>\r\n                            CARLOS RAM\u00cdREZ\r\n                        <\/h5>\r\n\r\n                        <span>\r\n                            COMPRA VERIFICADA\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ========================================= *\/\r\n\/* SECTION *\/\r\n\/* ========================================= *\/\r\n\r\n.reviews-section{\r\n    position:relative;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n    minmax(320px, 520px)\r\n    minmax(420px, 650px);\r\n\r\n    justify-content:space-between;\r\n\r\n    align-items:center;\r\n\r\n    gap:60px;\r\n\r\n    padding:120px 7%;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle at top left,\r\n        rgba(255,208,0,.05),\r\n        transparent 35%\r\n    ),\r\n    #050505;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LEFT *\/\r\n\/* ========================================= *\/\r\n\r\n.reviews-left{\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    justify-content:center;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* CONTENT *\/\r\n\/* ========================================= *\/\r\n\r\n.reviews-content{\r\n    max-width:520px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BADGE *\/\r\n\/* ========================================= *\/\r\n\r\n.reviews-badge{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    width:max-content;\r\n\r\n    padding:14px 28px;\r\n\r\n    border-radius:60px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,.08),\r\n        rgba(255,208,0,.02)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.15);\r\n\r\n    color:#ffd000;\r\n\r\n    font-size:14px;\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    margin-bottom:35px;\r\n\r\n    box-shadow:\r\n    0 0 20px rgba(255,208,0,.06);\r\n\r\n    animation:floatBadge 4s ease-in-out infinite;\r\n}\r\n\r\n\/* DOT *\/\r\n\r\n.dot{\r\n    width:10px;\r\n    height:10px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 12px rgba(255,208,0,.8);\r\n\r\n    animation:pulseDot 2s infinite;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* RATING *\/\r\n\/* ========================================= *\/\r\n\r\n.rating-box{\r\n    display:flex;\r\n\r\n    align-items:flex-start;\r\n\r\n    gap:30px;\r\n\r\n    margin-bottom:45px;\r\n}\r\n\r\n.rating-number{\r\n    font-size:110px;\r\n\r\n    line-height:.9;\r\n\r\n    font-weight:900;\r\n\r\n    color:white;\r\n\r\n    letter-spacing:-5px;\r\n\r\n    font-family:'Montserrat', sans-serif;\r\n}\r\n\r\n.rating-info{\r\n    padding-top:12px;\r\n}\r\n\r\n.stars{\r\n    color:#ffd000;\r\n\r\n    font-size:26px;\r\n\r\n    margin-bottom:14px;\r\n\r\n    text-shadow:\r\n    0 0 12px rgba(255,208,0,.35);\r\n}\r\n\r\n.rating-info p{\r\n    color:rgba(255,255,255,.75);\r\n\r\n    font-size:20px;\r\n\r\n    line-height:1.6;\r\n\r\n    max-width:260px;\r\n}\r\n\r\n.rating-info p span{\r\n    color:#ffd000;\r\n\r\n    display:block;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LIST *\/\r\n\/* ========================================= *\/\r\n\r\n.reviews-list{\r\n    list-style:none;\r\n\r\n    padding:0;\r\n\r\n    margin:0 0 70px;\r\n}\r\n\r\n.reviews-list li{\r\n    position:relative;\r\n\r\n    padding-left:30px;\r\n\r\n    margin-bottom:18px;\r\n\r\n    color:white;\r\n\r\n    font-size:19px;\r\n\r\n    line-height:1.8;\r\n}\r\n\r\n.reviews-list li::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:13px;\r\n\r\n    width:10px;\r\n    height:10px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 12px rgba(255,208,0,.8);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* CTA *\/\r\n\/* ========================================= *\/\r\n\r\n.reviews-cta h4{\r\n    color:white;\r\n\r\n    font-size:34px;\r\n\r\n    line-height:1.2;\r\n\r\n    margin-bottom:10px;\r\n\r\n    font-weight:800;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.reviews-cta p{\r\n    color:#ffd000;\r\n\r\n    font-size:18px;\r\n\r\n    letter-spacing:2px;\r\n\r\n    margin-bottom:35px;\r\n}\r\n\r\n.reviews-cta a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    width:260px;\r\n    height:74px;\r\n\r\n    border-radius:20px;\r\n\r\n    background:#ffd000;\r\n\r\n    color:black;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:14px;\r\n    font-weight:800;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    transition:.45s ease;\r\n\r\n    box-shadow:\r\n    0 0 25px rgba(255,208,0,.2);\r\n}\r\n\r\n.reviews-cta a:hover{\r\n    transform:\r\n    translateY(-6px)\r\n    scale(1.03);\r\n\r\n    box-shadow:\r\n    0 0 40px rgba(255,208,0,.45);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* RIGHT *\/\r\n\/* ========================================= *\/\r\n\r\n.reviews-right{\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    align-items:flex-end;\r\n\r\n    width:100%;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* HEADING *\/\r\n\/* ========================================= *\/\r\n\r\n.reviews-heading{\r\n    text-align:right;\r\n\r\n    margin-bottom:60px;\r\n}\r\n\r\n.reviews-heading h2{\r\n    color:white;\r\n\r\n    font-size:92px;\r\n\r\n    line-height:.9;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:-5px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    margin-bottom:30px;\r\n\r\n    font-family:'Montserrat', sans-serif;\r\n}\r\n\r\n.reviews-heading h2 span{\r\n    display:block;\r\n\r\n    color:#ffd000;\r\n\r\n    text-shadow:\r\n    0 0 20px rgba(255,208,0,.15);\r\n}\r\n\r\n.heading-line{\r\n    width:160px;\r\n    height:4px;\r\n\r\n    margin-left:auto;\r\n\r\n    border-radius:20px;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 18px rgba(255,208,0,.35);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TESTIMONIAL *\/\r\n\/* ========================================= *\/\r\n\r\n.testimonial-card{\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    max-width:650px;\r\n\r\n    height:760px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:38px;\r\n\r\n    border:1px solid rgba(255,208,0,.12);\r\n\r\n    background:black;\r\n\r\n    transition:.6s cubic-bezier(.19,1,.22,1);\r\n\r\n    box-shadow:\r\n    0 10px 40px rgba(0,0,0,.45);\r\n}\r\n\r\n.testimonial-card:hover{\r\n    transform:\r\n    translateY(-12px)\r\n    scale(1.02);\r\n\r\n    border-color:rgba(255,208,0,.22);\r\n\r\n    box-shadow:\r\n    0 0 50px rgba(255,208,0,.08);\r\n}\r\n\r\n.testimonial-card img{\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:1s ease;\r\n}\r\n\r\n.testimonial-card:hover img{\r\n    transform:scale(1.08);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* OVERLAY *\/\r\n\/* ========================================= *\/\r\n\r\n.testimonial-overlay{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(0,0,0,.05),\r\n        rgba(0,0,0,.88)\r\n    );\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* CONTENT *\/\r\n\/* ========================================= *\/\r\n\r\n.testimonial-content{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    justify-content:flex-end;\r\n\r\n    padding:45px;\r\n\r\n    z-index:3;\r\n}\r\n\r\n.testimonial-stars{\r\n    color:#ffd000;\r\n\r\n    font-size:28px;\r\n\r\n    margin-bottom:28px;\r\n\r\n    text-shadow:\r\n    0 0 14px rgba(255,208,0,.35);\r\n}\r\n\r\n.testimonial-text{\r\n    color:white;\r\n\r\n    font-size:26px;\r\n\r\n    line-height:1.7;\r\n\r\n    margin-bottom:45px;\r\n\r\n    max-width:500px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* USER *\/\r\n\/* ========================================= *\/\r\n\r\n.testimonial-user{\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    gap:20px;\r\n}\r\n\r\n.testimonial-user img{\r\n    width:80px;\r\n    height:80px;\r\n\r\n    border-radius:50%;\r\n\r\n    object-fit:cover;\r\n\r\n    border:2px solid rgba(255,208,0,.25);\r\n}\r\n\r\n.testimonial-user h5{\r\n    color:white;\r\n\r\n    font-size:22px;\r\n\r\n    margin-bottom:8px;\r\n\r\n    letter-spacing:1px;\r\n}\r\n\r\n.testimonial-user span{\r\n    color:#ffd000;\r\n\r\n    font-size:14px;\r\n\r\n    letter-spacing:2px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GLOW *\/\r\n\/* ========================================= *\/\r\n\r\n.card-glow{\r\n    position:absolute;\r\n\r\n    width:280px;\r\n    height:280px;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle,\r\n        rgba(255,208,0,.14),\r\n        transparent 70%\r\n    );\r\n\r\n    bottom:-80px;\r\n    right:-80px;\r\n\r\n    filter:blur(25px);\r\n\r\n    z-index:1;\r\n\r\n    animation:floatGlow 6s ease-in-out infinite;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* ANIMATIONS *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes pulseDot{\r\n\r\n    0%{\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.3);\r\n    }\r\n\r\n    100%{\r\n        transform:scale(1);\r\n    }\r\n\r\n}\r\n\r\n@keyframes floatBadge{\r\n\r\n    0%{\r\n        transform:translateY(0px);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(-6px);\r\n    }\r\n\r\n    100%{\r\n        transform:translateY(0px);\r\n    }\r\n\r\n}\r\n\r\n@keyframes floatGlow{\r\n\r\n    0%{\r\n        transform:translateY(0px);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(-20px);\r\n    }\r\n\r\n    100%{\r\n        transform:translateY(0px);\r\n    }\r\n\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TABLET *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .reviews-section{\r\n        grid-template-columns:1fr;\r\n\r\n        gap:70px;\r\n    }\r\n\r\n    .reviews-right{\r\n        align-items:flex-start;\r\n    }\r\n\r\n    .reviews-heading{\r\n        text-align:left;\r\n    }\r\n\r\n    .heading-line{\r\n        margin-left:0;\r\n    }\r\n\r\n    .reviews-heading h2{\r\n        font-size:68px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .reviews-section{\r\n        padding:90px 24px;\r\n    }\r\n\r\n    .rating-number{\r\n        font-size:72px;\r\n    }\r\n\r\n    .reviews-heading h2{\r\n        font-size:44px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .testimonial-card{\r\n        height:520px;\r\n    }\r\n\r\n    .testimonial-content{\r\n        padding:28px;\r\n    }\r\n\r\n    .testimonial-text{\r\n        font-size:18px;\r\n    }\r\n\r\n    .testimonial-user img{\r\n        width:58px;\r\n        height:58px;\r\n    }\r\n\r\n    .reviews-cta a{\r\n        width:100%;\r\n    }\r\n\r\n}\r\n\/* ========================================= *\/\r\n\/* REVIEWS PRO ANIMATIONS - UNIQUE *\/\r\n\/* ========================================= *\/\r\n\r\n.reviews-section{\r\n    isolation:isolate;\r\n}\r\n\r\n.reviews-section::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    radial-gradient(circle at 22% 42%, rgba(255,208,0,.08), transparent 20%),\r\n    radial-gradient(circle at 78% 66%, rgba(255,255,255,.035), transparent 24%);\r\n\r\n    animation:reviewsSoftPulse 7s ease-in-out infinite;\r\n}\r\n\r\n.reviews-section::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:-20%;\r\n    z-index:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    repeating-radial-gradient(\r\n        circle at center,\r\n        rgba(255,208,0,.035) 0 1px,\r\n        transparent 1px 34px\r\n    );\r\n\r\n    opacity:.35;\r\n    animation:reviewsConstellation 18s linear infinite;\r\n}\r\n\r\n.reviews-left,\r\n.reviews-right{\r\n    position:relative;\r\n    z-index:1;\r\n}\r\n\r\n\/* RATING AREA *\/\r\n.rating-box{\r\n    animation:reviewsRatingArrive .9s cubic-bezier(.18,1,.28,1) both .15s;\r\n}\r\n\r\n.rating-number{\r\n    position:relative;\r\n    animation:reviewsScorePop 1s cubic-bezier(.18,1,.28,1) both .28s;\r\n}\r\n\r\n.rating-number::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    right:0;\r\n    bottom:-10px;\r\n    height:3px;\r\n\r\n    background:#ffd000;\r\n    box-shadow:0 0 18px rgba(255,208,0,.75);\r\n\r\n    transform:scaleX(0);\r\n    transform-origin:left center;\r\n    animation:reviewsScoreUnderline .85s cubic-bezier(.18,1,.28,1) both .95s;\r\n}\r\n\r\n.stars{\r\n    display:inline-block;\r\n    animation:reviewsStarsTwinkle 1.8s steps(5,end) infinite 1.1s;\r\n}\r\n\r\n.rating-info p{\r\n    animation:reviewsInfoSlide .75s cubic-bezier(.18,1,.28,1) both .52s;\r\n}\r\n\r\n\/* LIST *\/\r\n.reviews-list li{\r\n    animation:reviewsListReveal .65s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n.reviews-list li:nth-child(1){ animation-delay:.75s; }\r\n.reviews-list li:nth-child(2){ animation-delay:.88s; }\r\n.reviews-list li:nth-child(3){ animation-delay:1.01s; }\r\n\r\n.reviews-list li::before{\r\n    animation:reviewsCheckGlow 2s ease-in-out infinite;\r\n}\r\n\r\n.reviews-list li:hover::before{\r\n    animation:reviewsCheckPop .42s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n\/* CTA *\/\r\n.reviews-cta{\r\n    animation:reviewsCtaRise .85s cubic-bezier(.18,1,.28,1) both 1.12s;\r\n}\r\n\r\n.reviews-cta p{\r\n    animation:reviewsCtaSignal 2.6s ease-in-out infinite 1.8s;\r\n}\r\n\r\n.reviews-cta a{\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n.reviews-cta a::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle at center,\r\n        rgba(255,255,255,.78),\r\n        transparent 42%\r\n    );\r\n\r\n    opacity:0;\r\n    transform:scale(.2);\r\n    transition:.45s cubic-bezier(.18,1,.28,1);\r\n}\r\n\r\n.reviews-cta a:hover::before{\r\n    opacity:.55;\r\n    transform:scale(1.45);\r\n}\r\n\r\n\/* HEADING *\/\r\n.reviews-badge{\r\n    animation:\r\n    reviewsBadgeFloatIn .85s cubic-bezier(.18,1,.28,1) both .2s,\r\n    reviewsBadgeHover 4.2s ease-in-out infinite 1.1s !important;\r\n}\r\n\r\n.reviews-badge .dot{\r\n    animation:reviewsDotFlash 1.5s ease-in-out infinite !important;\r\n}\r\n\r\n.reviews-heading h2{\r\n    animation:reviewsHeadingReveal .95s cubic-bezier(.18,1,.28,1) both .42s;\r\n}\r\n\r\n.reviews-heading h2 span{\r\n    display:block;\r\n    animation:reviewsGoldReview 3s ease-in-out infinite 1.25s;\r\n}\r\n\r\n.heading-line{\r\n    transform-origin:right center;\r\n    animation:reviewsHeadingLine .8s cubic-bezier(.18,1,.28,1) both .72s;\r\n}\r\n\r\n\/* TESTIMONIAL CARD *\/\r\n.testimonial-card{\r\n    animation:reviewsCardCinema .95s cubic-bezier(.18,1,.28,1) both .72s;\r\n}\r\n\r\n.testimonial-card::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:4;\r\n    pointer-events:none;\r\n    border-radius:38px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,.9),\r\n        rgba(255,208,0,.18)\r\n    );\r\n\r\n    transform:translateY(0);\r\n    animation:reviewsCardCurtain 1.05s cubic-bezier(.72,0,.22,1) both 1s;\r\n}\r\n\r\n.testimonial-card > img{\r\n    animation:reviewsPhotoDrift 9s ease-in-out infinite 1.2s;\r\n}\r\n\r\n.testimonial-card:hover > img{\r\n    transform:scale(1.1) translateY(-10px);\r\n}\r\n\r\n.card-glow{\r\n    animation:reviewsGlowOrbit 6s ease-in-out infinite !important;\r\n}\r\n\r\n.testimonial-stars{\r\n    animation:reviewsStarsDrop .75s cubic-bezier(.18,1,.28,1) both 1.35s;\r\n}\r\n\r\n.testimonial-text{\r\n    animation:reviewsQuoteReveal .9s cubic-bezier(.18,1,.28,1) both 1.48s;\r\n}\r\n\r\n.testimonial-user{\r\n    animation:reviewsUserSlide .75s cubic-bezier(.18,1,.28,1) both 1.65s;\r\n}\r\n\r\n.testimonial-user img{\r\n    animation:reviewsAvatarPulse 2.8s ease-in-out infinite 2.1s;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* UNIQUE KEYFRAMES *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes reviewsSoftPulse{\r\n    0%, 100%{\r\n        opacity:.55;\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        opacity:1;\r\n        transform:scale(1.08);\r\n    }\r\n}\r\n\r\n@keyframes reviewsConstellation{\r\n    0%{\r\n        transform:rotate(0deg) scale(1);\r\n    }\r\n\r\n    100%{\r\n        transform:rotate(360deg) scale(1);\r\n    }\r\n}\r\n\r\n@keyframes reviewsRatingArrive{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(-36px);\r\n        filter:blur(9px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes reviewsScorePop{\r\n    0%{\r\n        opacity:0;\r\n        transform:scale(.55) rotate(-5deg);\r\n    }\r\n\r\n    65%{\r\n        opacity:1;\r\n        transform:scale(1.1) rotate(1deg);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:scale(1) rotate(0);\r\n    }\r\n}\r\n\r\n@keyframes reviewsScoreUnderline{\r\n    0%{\r\n        transform:scaleX(0);\r\n        opacity:0;\r\n    }\r\n\r\n    100%{\r\n        transform:scaleX(1);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes reviewsStarsTwinkle{\r\n    0%, 100%{\r\n        text-shadow:0 0 12px rgba(255,208,0,.35);\r\n    }\r\n\r\n    50%{\r\n        text-shadow:\r\n        0 0 18px rgba(255,208,0,.9),\r\n        0 0 42px rgba(255,208,0,.28);\r\n    }\r\n}\r\n\r\n@keyframes reviewsInfoSlide{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(18px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes reviewsListReveal{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(-22px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n    }\r\n}\r\n\r\n@keyframes reviewsCheckGlow{\r\n    0%, 100%{\r\n        box-shadow:0 0 12px rgba(255,208,0,.8);\r\n    }\r\n\r\n    50%{\r\n        box-shadow:\r\n        0 0 16px rgba(255,208,0,1),\r\n        0 0 30px rgba(255,208,0,.32);\r\n    }\r\n}\r\n\r\n@keyframes reviewsCheckPop{\r\n    0%{\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.65);\r\n    }\r\n\r\n    100%{\r\n        transform:scale(1);\r\n    }\r\n}\r\n\r\n@keyframes reviewsCtaRise{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(28px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes reviewsCtaSignal{\r\n    0%, 100%{\r\n        opacity:1;\r\n        text-shadow:none;\r\n    }\r\n\r\n    50%{\r\n        opacity:.75;\r\n        text-shadow:0 0 18px rgba(255,208,0,.45);\r\n    }\r\n}\r\n\r\n@keyframes reviewsBadgeFloatIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(-16px) scale(.9);\r\n        filter:blur(8px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) scale(1);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes reviewsBadgeHover{\r\n    0%, 100%{\r\n        transform:translateY(0);\r\n    }\r\n\r\n    50%{\r\n        transform:translateY(-8px);\r\n    }\r\n}\r\n\r\n@keyframes reviewsDotFlash{\r\n    0%, 100%{\r\n        transform:scale(1);\r\n        opacity:1;\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.45);\r\n        opacity:.55;\r\n    }\r\n}\r\n\r\n@keyframes reviewsHeadingReveal{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(42px);\r\n        clip-path:inset(0 0 0 100%);\r\n        filter:blur(8px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n        clip-path:inset(0 0 0 0);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes reviewsGoldReview{\r\n    0%, 100%{\r\n        text-shadow:0 0 20px rgba(255,208,0,.15);\r\n    }\r\n\r\n    50%{\r\n        text-shadow:\r\n        0 0 24px rgba(255,208,0,.65),\r\n        0 0 52px rgba(255,208,0,.24);\r\n    }\r\n}\r\n\r\n@keyframes reviewsHeadingLine{\r\n    0%{\r\n        opacity:0;\r\n        transform:scaleX(0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:scaleX(1);\r\n    }\r\n}\r\n\r\n@keyframes reviewsCardCinema{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(42px) scale(.94);\r\n        filter:blur(12px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0) scale(1);\r\n        filter:blur(0);\r\n    }\r\n}\r\n\r\n@keyframes reviewsCardCurtain{\r\n    0%{\r\n        transform:translateY(0);\r\n    }\r\n\r\n    100%{\r\n        transform:translateY(-105%);\r\n    }\r\n}\r\n\r\n@keyframes reviewsPhotoDrift{\r\n    0%, 100%{\r\n        transform:scale(1.02) translateY(0);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.08) translateY(-14px);\r\n    }\r\n}\r\n\r\n@keyframes reviewsGlowOrbit{\r\n    0%, 100%{\r\n        transform:translate(0,0) scale(1);\r\n        opacity:.65;\r\n    }\r\n\r\n    50%{\r\n        transform:translate(-45px,-36px) scale(1.2);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes reviewsStarsDrop{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(-18px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes reviewsQuoteReveal{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(24px);\r\n        clip-path:inset(0 0 100% 0);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n        clip-path:inset(0 0 0 0);\r\n    }\r\n}\r\n\r\n@keyframes reviewsUserSlide{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(28px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateX(0);\r\n    }\r\n}\r\n\r\n@keyframes reviewsAvatarPulse{\r\n    0%, 100%{\r\n        box-shadow:0 0 0 rgba(255,208,0,0);\r\n    }\r\n\r\n    50%{\r\n        box-shadow:0 0 22px rgba(255,208,0,.32);\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>LIVE EVENTS &amp; EXPERIENCES EVENTS THAT CREATE UNFORGETTABLE MOMENTS. We create unforgettable experiences through concerts, festivals, and live events across the United States \u2014 designed to bring energy, connection, and lasting memories. EXPLORE EVENTS \u2192 LIVE EXPERIENCES GET ACCESS TO THE BIGGEST EVENTS. Premium concerts, VIP experiences, festivals and unforgettable moments \u2014 all in one [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-556","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/topeventsonline.com\/es\/wp-json\/wp\/v2\/pages\/556","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/topeventsonline.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/topeventsonline.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/topeventsonline.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/topeventsonline.com\/es\/wp-json\/wp\/v2\/comments?post=556"}],"version-history":[{"count":399,"href":"https:\/\/topeventsonline.com\/es\/wp-json\/wp\/v2\/pages\/556\/revisions"}],"predecessor-version":[{"id":1877,"href":"https:\/\/topeventsonline.com\/es\/wp-json\/wp\/v2\/pages\/556\/revisions\/1877"}],"wp:attachment":[{"href":"https:\/\/topeventsonline.com\/es\/wp-json\/wp\/v2\/media?parent=556"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}