{"id":618,"date":"2026-04-13T17:46:05","date_gmt":"2026-04-13T17:46:05","guid":{"rendered":"https:\/\/topeventsonline.com\/?page_id=618"},"modified":"2026-05-22T00:00:47","modified_gmt":"2026-05-22T00:00:47","slug":"nosotros","status":"publish","type":"page","link":"https:\/\/topeventsonline.com\/es\/nosotros\/","title":{"rendered":"Nosotros"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"618\" class=\"elementor elementor-618\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c800b60 e-con-full e-flex e-con e-parent\" data-id=\"c800b60\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7226492 elementor-widget elementor-widget-html\" data-id=\"7226492\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"about-hero-banner\">\r\n\r\n    <!-- BG -->\r\n    <div class=\"hero-noise\"><\/div>\r\n\r\n    <div class=\"hero-glow glow-left\"><\/div>\r\n    <div class=\"hero-glow glow-right\"><\/div>\r\n\r\n    <!-- FLOATING PARTICLES -->\r\n    <span class=\"floating-dot d1\"><\/span>\r\n    <span class=\"floating-dot d2\"><\/span>\r\n    <span class=\"floating-dot d3\"><\/span>\r\n    <span class=\"floating-dot d4\"><\/span>\r\n\r\n    <!-- CONTENT -->\r\n    <div class=\"about-hero-content\">\r\n\r\n        <!-- MINI TITLE -->\r\n        <span class=\"about-mini\">\r\n\r\n            <span class=\"mini-dot\"><\/span>\r\n\r\n            QUI\u00c9NES SOMOS\r\n\r\n        <\/span>\r\n\r\n        <!-- MAIN TITLE -->\r\n        <h1>\r\n\r\n            M\u00c1S QUE EVENTOS\r\n\r\n            <span>\r\n                CREAMOS\r\n            <\/span>\r\n\r\n            EXPERIENCIAS\n            INOLVIDABLES\r\n\r\n        <\/h1>\r\n\r\n        <!-- GOLD LINE -->\r\n        <div class=\"hero-line\"><\/div>\r\n\r\n        <!-- TEXT -->\r\n        <p>\r\n\r\n            Creamos experiencias en directo inolvidables\n            que unen a las personas a trav\u00e9s de la m\u00fasica,\n            la energ\u00eda, la emoci\u00f3n y un entretenimiento de primer nivel\n            \u2014desde conciertos y festivales hasta experiencias VIP exclusivas\n            en todo Estados Unidos.\r\n\r\n        <\/p>\r\n\r\n        <!-- BUTTON -->\r\n        <a href=\"#\" class=\"hero-btn\">\r\n\r\n            DESCUBRE LOS EVENTOS\r\n\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.about-hero-banner{\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 left,\r\n        rgba(255,208,0,.08),\r\n        transparent 30%\r\n    ),\r\n    radial-gradient(\r\n        circle at bottom 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\/* CONTENT *\/\r\n\/* ========================================= *\/\r\n\r\n.about-hero-content{\r\n    position:relative;\r\n\r\n    z-index:5;\r\n\r\n    width:100%;\r\n    max-width:1200px;\r\n\r\n    text-align:center;\r\n\r\n    margin:auto;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* MINI TITLE *\/\r\n\/* ========================================= *\/\r\n\r\n.about-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,.14);\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 25px rgba(255,208,0,.08);\r\n\r\n    animation:floatMini 4s ease-in-out infinite;\r\n}\r\n\r\n\/* DOT *\/\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 14px rgba(255,208,0,.8);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TITLE *\/\r\n\/* ========================================= *\/\r\n\r\n.about-hero-content h1{\r\n    color:white;\r\n\r\n    font-size:70px;\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    text-transform:uppercase;\r\n\r\n    margin-bottom:35px;\r\n\r\n    font-family:'Montserrat', sans-serif;\r\n\r\n    animation:fadeUp 1s ease;\r\n}\r\n\r\n\/* GOLD WORD *\/\r\n\r\n.about-hero-content h1 span{\r\n    display:block;\r\n\r\n    color:#ffd000;\r\n\r\n    text-shadow:\r\n    0 0 22px rgba(255,208,0,.18);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GOLD LINE *\/\r\n\/* ========================================= *\/\r\n\r\n.hero-line{\r\n    width:160px;\r\n    height:4px;\r\n\r\n    margin:0 auto 40px;\r\n\r\n    border-radius:30px;\r\n\r\n    background:#ffd000;\r\n\r\n    box-shadow:\r\n    0 0 20px rgba(255,208,0,.45);\r\n\r\n    animation:lineGrow 1.2s ease;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TEXT *\/\r\n\/* ========================================= *\/\r\n\r\n.about-hero-content p{\r\n    color:rgba(255,255,255,.68);\r\n\r\n    font-size:22px;\r\n\r\n    line-height:1.9;\r\n\r\n    max-width:900px;\r\n\r\n    margin:auto auto 50px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BUTTON *\/\r\n\/* ========================================= *\/\r\n\r\n.hero-btn{\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 42px;\r\n\r\n    border-radius:22px;\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 35px rgba(255,208,0,.25);\r\n}\r\n\r\n.hero-btn:hover{\r\n    transform:\r\n    translateY(-7px)\r\n    scale(1.03);\r\n\r\n    box-shadow:\r\n    0 0 50px rgba(255,208,0,.45);\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(90px);\r\n}\r\n\r\n.glow-left{\r\n    width:420px;\r\n    height:420px;\r\n\r\n    background:\r\n    rgba(255,208,0,.07);\r\n\r\n    top:-120px;\r\n    left:-120px;\r\n}\r\n\r\n.glow-right{\r\n    width:360px;\r\n    height:360px;\r\n\r\n    background:\r\n    rgba(255,208,0,.05);\r\n\r\n    bottom:-120px;\r\n    right:-120px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* PARTICLES *\/\r\n\/* ========================================= *\/\r\n\r\n.floating-dot{\r\n    position:absolute;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#ffd000;\r\n\r\n    opacity:.25;\r\n\r\n    filter:blur(2px);\r\n\r\n    animation:floatDots 8s ease-in-out infinite;\r\n}\r\n\r\n.d1{\r\n    width:10px;\r\n    height:10px;\r\n\r\n    top:18%;\r\n    left:14%;\r\n}\r\n\r\n.d2{\r\n    width:14px;\r\n    height:14px;\r\n\r\n    top:65%;\r\n    right:12%;\r\n}\r\n\r\n.d3{\r\n    width:8px;\r\n    height:8px;\r\n\r\n    bottom:20%;\r\n    left:22%;\r\n}\r\n\r\n.d4{\r\n    width:12px;\r\n    height:12px;\r\n\r\n    top:32%;\r\n    right:24%;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* NOISE *\/\r\n\/* ========================================= *\/\r\n\r\n.hero-noise{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    opacity:.04;\r\n\r\n    background-image:\r\n    radial-gradient(\r\n        rgba(255,255,255,.9) 1px,\r\n        transparent 1px\r\n    );\r\n\r\n    background-size:140px 140px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* ANIMATIONS *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes fadeUp{\r\n\r\n    from{\r\n        opacity:0;\r\n        transform:translateY(40px);\r\n    }\r\n\r\n    to{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n\r\n}\r\n\r\n@keyframes lineGrow{\r\n\r\n    from{\r\n        width:0;\r\n        opacity:0;\r\n    }\r\n\r\n    to{\r\n        width:160px;\r\n        opacity:1;\r\n    }\r\n\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 floatDots{\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-hero-content h1{\r\n        font-size:68px;\r\n    }\r\n\r\n    .about-hero-content p{\r\n        font-size:19px;\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-banner{\r\n        min-height:auto;\r\n\r\n        padding:110px 24px;\r\n    }\r\n\r\n    .about-hero-content h1{\r\n        font-size:35px;\r\n\r\n        letter-spacing:-2px;\r\n\r\n        line-height:1;\r\n    }\r\n\r\n    .about-hero-content p{\r\n        font-size:17px;\r\n\r\n        line-height:1.8;\r\n    }\r\n\r\n    .hero-btn{\r\n        width:100%;\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-cd85b1b e-con-full e-flex e-con e-parent\" data-id=\"cd85b1b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc3005d elementor-widget elementor-widget-html\" data-id=\"fc3005d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"about-section-v2\">\r\n\r\n    <!-- BG EFFECTS -->\r\n    <div class=\"about-glow glow-left\"><\/div>\r\n    <div class=\"about-glow glow-right\"><\/div>\r\n\r\n    <!-- TOP LABEL -->\r\n    <div class=\"about-topline\">\r\n    <\/div>\r\n\r\n    <!-- GRID -->\r\n    <div class=\"about-grid\">\r\n\r\n        <!-- LEFT SIDE -->\r\n        <div class=\"about-left\">\r\n\r\n            <!-- MINI TITLE -->\r\n            <span class=\"about-mini\">\r\n\r\n                <span class=\"mini-dot\"><\/span>\r\n\r\n                NOSOTROS\r\n\r\n            <\/span>\r\n\r\n            <!-- BIG TITLE -->\r\n            <h2>\r\n\r\n                CREAMOS\r\n                <span>EXPERIENCIAS<\/span>\r\n                QUE LA GENTE\n                NUNCA LO OLVIDE.\r\n\r\n            <\/h2>\r\n\r\n            <!-- LINE -->\r\n            <div class=\"about-line\"><\/div>\r\n\r\n            <!-- TEXT -->\r\n            <p>\r\n\r\n                Nos especializamos en organizar,\n                promocionar y llevar a cabo experiencias en directo inolvidables\n                por todo Estados Unidos.\n\n                Desde conciertos y festivales a gran escala\n                hasta eventos privados exclusivos,\n                creamos momentos que unen a las personas\n                con energ\u00eda, emoci\u00f3n y una producci\u00f3n de primer nivel.\r\n\r\n            <\/p>\r\n\r\n            <!-- BUTTON -->\r\n            <a href=\"https:\/\/topeventsonline.com\/es\/categoria-producto\/todos\/\" class=\"about-btn\">\r\n\r\n                DESCUBRE LOS EVENTOS\r\n\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n        <!-- RIGHT SIDE -->\r\n        <div class=\"about-right\">\r\n\r\n            <!-- IMAGE 1 -->\r\n            <div class=\"about-card large-card\">\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?q=80&w=1400&auto=format&fit=crop\" alt=\"\">\r\n\r\n                <div class=\"card-overlay\"><\/div>\r\n\r\n                <div class=\"card-content\">\r\n\r\n                    <span>\r\n                        PRODUCCIONES EN DIRECTO\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- IMAGE 2 -->\r\n            <div class=\"about-bottom\">\r\n\r\n                <div class=\"about-card small-card\">\r\n\r\n                    <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/04\/20260413_1443_Image-Generation_simple_compose_01kp45xkmvfy5v05tjz167vw1a.png\" alt=\"\">\r\n\r\n                    <div class=\"card-overlay\"><\/div>\r\n\r\n                    <div class=\"card-content\">\r\n\r\n                        <span>\r\n                            FESTIVALES\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"about-card small-card\">\r\n\r\n                    <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/04\/20260413_1445_Image-Generation_simple_compose_01kp45zm3mfehaq3a84q8j02e2.png\" alt=\"\">\r\n\r\n                    <div class=\"card-overlay\"><\/div>\r\n\r\n                    <div class=\"card-content\">\r\n\r\n                        <span>\r\n                            EVENTOS VIP\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.about-section-v2{\r\n    position:relative;\r\n\r\n    overflow:hidden;\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,.08),\r\n        transparent 30%\r\n    ),\r\n    radial-gradient(\r\n        circle at bottom 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 TEXT *\/\r\n\/* ========================================= *\/\r\n\r\n.about-topline{\r\n    text-align:center;\r\n\r\n    color:rgba(255,255,255,.5);\r\n\r\n    font-size:13px;\r\n    font-weight:600;\r\n\r\n    letter-spacing:2px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    margin-bottom:80px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GRID *\/\r\n\/* ========================================= *\/\r\n\r\n.about-grid{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n    1fr 1.1fr;\r\n\r\n    gap:90px;\r\n\r\n    align-items:center;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* MINI TITLE *\/\r\n\/* ========================================= *\/\r\n\r\n.about-mini{\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    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,.14);\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 25px rgba(255,208,0,.08);\r\n}\r\n\r\n\/* DOT *\/\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 14px rgba(255,208,0,.8);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TITLE *\/\r\n\/* ========================================= *\/\r\n\r\n.about-left h2{\r\n    color:white;\r\n\r\n    font-size:78px;\r\n\r\n    line-height:.95;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:-4px;\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\/* GOLD *\/\r\n\r\n.about-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.about-line{\r\n    width:140px;\r\n    height:4px;\r\n\r\n    border-radius:20px;\r\n\r\n    background:#ffd000;\r\n\r\n    margin-bottom:35px;\r\n\r\n    box-shadow:\r\n    0 0 20px rgba(255,208,0,.35);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TEXT *\/\r\n\/* ========================================= *\/\r\n\r\n.about-left p{\r\n    color:rgba(255,255,255,.7);\r\n\r\n    font-size:21px;\r\n\r\n    line-height:1.9;\r\n\r\n    margin-bottom:45px;\r\n\r\n    max-width:700px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BUTTON *\/\r\n\/* ========================================= *\/\r\n\r\n.about-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    height:70px;\r\n\r\n    padding:0 42px;\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 30px rgba(255,208,0,.25);\r\n}\r\n\r\n.about-btn:hover{\r\n    transform:\r\n    translateY(-6px)\r\n    scale(1.03);\r\n\r\n    box-shadow:\r\n    0 0 50px rgba(255,208,0,.45);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* RIGHT *\/\r\n\/* ========================================= *\/\r\n\r\n.about-right{\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    gap:28px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* BOTTOM *\/\r\n\/* ========================================= *\/\r\n\r\n.about-bottom{\r\n    display:grid;\r\n\r\n    grid-template-columns:1fr 1fr;\r\n\r\n    gap:28px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* CARD *\/\r\n\/* ========================================= *\/\r\n\r\n.about-card{\r\n    position:relative;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:30px;\r\n\r\n    background:#111;\r\n\r\n    border:1px solid rgba(255,208,0,.08);\r\n\r\n    transition:.6s ease;\r\n\r\n    box-shadow:\r\n    0 20px 60px rgba(0,0,0,.45);\r\n}\r\n\r\n\/* IMG *\/\r\n\r\n.about-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\/* LARGE *\/\r\n\r\n.large-card{\r\n    height:420px;\r\n}\r\n\r\n\/* SMALL *\/\r\n\r\n.small-card{\r\n    height:240px;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n\r\n.card-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,.8),\r\n        transparent 55%\r\n    );\r\n}\r\n\r\n\/* CONTENT *\/\r\n\r\n.card-content{\r\n    position:absolute;\r\n\r\n    left:30px;\r\n    bottom:28px;\r\n\r\n    z-index:5;\r\n}\r\n\r\n.card-content span{\r\n    color:white;\r\n\r\n    font-size:15px;\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\/* HOVER *\/\r\n\r\n.about-card:hover{\r\n    transform:\r\n    translateY(-12px);\r\n}\r\n\r\n.about-card:hover img{\r\n    transform:scale(1.08);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GLOWS *\/\r\n\/* ========================================= *\/\r\n\r\n.about-glow{\r\n    position:absolute;\r\n\r\n    border-radius:50%;\r\n\r\n    filter:blur(90px);\r\n}\r\n\r\n.glow-left{\r\n    width:420px;\r\n    height:420px;\r\n\r\n    background:\r\n    rgba(255,208,0,.06);\r\n\r\n    top:-120px;\r\n    left:-120px;\r\n}\r\n\r\n.glow-right{\r\n    width:320px;\r\n    height:320px;\r\n\r\n    background:\r\n    rgba(255,208,0,.05);\r\n\r\n    bottom:-120px;\r\n    right:-120px;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TABLET *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .about-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .about-left h2{\r\n        font-size:62px;\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-section-v2{\r\n        padding:100px 24px;\r\n    }\r\n\r\n    .about-left h2{\r\n        font-size:42px;\r\n\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .about-left p{\r\n        font-size:17px;\r\n    }\r\n\r\n    .about-bottom{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .large-card{\r\n        height:300px;\r\n    }\r\n\r\n    .small-card{\r\n        height:240px;\r\n    }\r\n\r\n    .about-btn{\r\n        width:100%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.about-section-v2{\r\n    isolation:isolate;\r\n}\r\n\r\n.about-section-v2::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        120deg,\r\n        transparent 0%,\r\n        transparent 30%,\r\n        rgba(255,208,0,.055) 42%,\r\n        transparent 56%,\r\n        transparent 100%\r\n    );\r\n\r\n    background-size:240% 240%;\r\n    animation:aboutV2GoldenWash 9s ease-in-out infinite;\r\n}\r\n\r\n.about-section-v2::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    radial-gradient(circle at 30% 40%, rgba(255,208,0,.045), transparent 18%),\r\n    radial-gradient(circle at 70% 65%, rgba(255,255,255,.03), transparent 22%);\r\n\r\n    animation:aboutV2DepthShift 10s ease-in-out infinite;\r\n}\r\n\r\n\/* GLOWS *\/\r\n.glow-left{\r\n    animation:aboutV2GlowLeft 7s ease-in-out infinite;\r\n}\r\n\r\n.glow-right{\r\n    animation:aboutV2GlowRight 8s ease-in-out infinite;\r\n}\r\n\r\n\/* LEFT CONTENT *\/\r\n.about-mini{\r\n    animation:aboutV2MiniUnfold .85s cubic-bezier(.18,1,.28,1) both .1s;\r\n}\r\n\r\n.about-mini .mini-dot{\r\n    animation:aboutV2DotOrbit 1.7s ease-in-out infinite;\r\n}\r\n\r\n.about-left h2{\r\n    animation:aboutV2TitleRise .95s cubic-bezier(.18,1,.28,1) both .25s;\r\n}\r\n\r\n.about-left h2 span{\r\n    display:block;\r\n    animation:aboutV2GoldCharge 3.1s ease-in-out infinite 1.1s;\r\n}\r\n\r\n.about-left h2 span::selection{\r\n    background:#ffd000;\r\n    color:#000;\r\n}\r\n\r\n.about-line{\r\n    transform-origin:left center;\r\n    animation:aboutV2LineIgnite .85s cubic-bezier(.18,1,.28,1) both .52s;\r\n}\r\n\r\n.about-left p{\r\n    animation:aboutV2CopyLift .9s cubic-bezier(.18,1,.28,1) both .68s;\r\n}\r\n\r\n.about-btn{\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:aboutV2ButtonSet .85s cubic-bezier(.18,1,.28,1) both .88s;\r\n}\r\n\r\n.about-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    linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255,255,255,.7),\r\n        transparent\r\n    );\r\n\r\n    transform:translateX(-120%) skewX(-16deg);\r\n}\r\n\r\n.about-btn:hover::before{\r\n    animation:aboutV2ButtonGlint .65s ease both;\r\n}\r\n\r\n\/* RIGHT GALLERY *\/\r\n.about-right{\r\n    perspective:1200px;\r\n    animation:aboutV2GalleryEnter .95s cubic-bezier(.18,1,.28,1) both .48s;\r\n}\r\n\r\n.about-card{\r\n    transform-origin:center;\r\n    animation:aboutV2CardReveal .95s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n.large-card{\r\n    animation-delay:.62s;\r\n}\r\n\r\n.about-bottom .about-card:nth-child(1){\r\n    animation-delay:.76s;\r\n}\r\n\r\n.about-bottom .about-card:nth-child(2){\r\n    animation-delay:.9s;\r\n}\r\n\r\n.about-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\r\n    background:#ffd000;\r\n    transform:translateX(0);\r\n    animation:aboutV2ImageCurtain .95s cubic-bezier(.72,0,.22,1) both;\r\n}\r\n\r\n.large-card::before{\r\n    animation-delay:.78s;\r\n}\r\n\r\n.about-bottom .about-card:nth-child(1)::before{\r\n    animation-delay:.92s;\r\n}\r\n\r\n.about-bottom .about-card:nth-child(2)::before{\r\n    animation-delay:1.06s;\r\n}\r\n\r\n.about-card::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:3;\r\n    pointer-events:none;\r\n\r\n    background:\r\n    linear-gradient(\r\n        135deg,\r\n        transparent 0%,\r\n        rgba(255,208,0,.18) 50%,\r\n        transparent 100%\r\n    );\r\n\r\n    opacity:0;\r\n    transform:translate(-60%,60%);\r\n    transition:.55s cubic-bezier(.18,1,.28,1);\r\n}\r\n\r\n.about-card:hover::after{\r\n    opacity:1;\r\n    transform:translate(60%,-60%);\r\n}\r\n\r\n.about-card img{\r\n    animation:aboutV2PhotoBreath 9s ease-in-out infinite 1.2s;\r\n    will-change:transform;\r\n}\r\n\r\n.about-card:hover img{\r\n    transform:scale(1.1) rotate(.45deg);\r\n}\r\n\r\n.card-overlay{\r\n    animation:aboutV2OverlaySet .8s ease both 1.15s;\r\n}\r\n\r\n.card-content span{\r\n    display:inline-block;\r\n    animation:aboutV2LabelTape .7s cubic-bezier(.18,1,.28,1) both 1.15s;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* UNIQUE KEYFRAMES *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes aboutV2GoldenWash{\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 aboutV2DepthShift{\r\n    0%, 100%{\r\n        transform:scale(1) rotate(0deg);\r\n        opacity:.6;\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.08) rotate(4deg);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes aboutV2GlowLeft{\r\n    0%, 100%{\r\n        transform:translate(0,0) scale(1);\r\n        opacity:.7;\r\n    }\r\n\r\n    50%{\r\n        transform:translate(70px,45px) scale(1.16);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes aboutV2GlowRight{\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(-60px,-45px) scale(1.2);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes aboutV2MiniUnfold{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(-18px) scaleX(.72);\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 aboutV2DotOrbit{\r\n    0%, 100%{\r\n        transform:scale(1);\r\n        box-shadow:0 0 14px rgba(255,208,0,.8);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.45);\r\n        box-shadow:\r\n        0 0 18px rgba(255,208,0,1),\r\n        0 0 34px rgba(255,208,0,.32);\r\n    }\r\n}\r\n\r\n@keyframes aboutV2TitleRise{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(44px);\r\n        clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0 100%);\r\n        filter:blur(8px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:translateY(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 aboutV2GoldCharge{\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 22px rgba(255,208,0,.72),\r\n        0 0 56px rgba(255,208,0,.25);\r\n    }\r\n}\r\n\r\n@keyframes aboutV2LineIgnite{\r\n    0%{\r\n        opacity:0;\r\n        transform:scaleX(0);\r\n        filter:brightness(1);\r\n    }\r\n\r\n    65%{\r\n        opacity:1;\r\n        transform:scaleX(1.18);\r\n        filter:brightness(1.9);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:scaleX(1);\r\n        filter:brightness(1);\r\n    }\r\n}\r\n\r\n@keyframes aboutV2CopyLift{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(26px);\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 aboutV2ButtonSet{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(24px) 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 aboutV2ButtonGlint{\r\n    0%{\r\n        transform:translateX(-120%) skewX(-16deg);\r\n    }\r\n\r\n    100%{\r\n        transform:translateX(120%) skewX(-16deg);\r\n    }\r\n}\r\n\r\n@keyframes aboutV2GalleryEnter{\r\n    0%{\r\n        opacity:0;\r\n        transform:perspective(1200px) rotateY(9deg) translateX(50px);\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n        transform:perspective(1200px) rotateY(0) translateX(0);\r\n    }\r\n}\r\n\r\n@keyframes aboutV2CardReveal{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(34px) scale(.94);\r\n        filter:blur(10px);\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 aboutV2ImageCurtain{\r\n    0%{\r\n        transform:translateX(0);\r\n    }\r\n\r\n    100%{\r\n        transform:translateX(105%);\r\n    }\r\n}\r\n\r\n@keyframes aboutV2PhotoBreath{\r\n    0%, 100%{\r\n        transform:scale(1.02);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.07);\r\n    }\r\n}\r\n\r\n@keyframes aboutV2OverlaySet{\r\n    0%{\r\n        opacity:.2;\r\n    }\r\n\r\n    100%{\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes aboutV2LabelTape{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(18px);\r\n        clip-path:inset(0 100% 0 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\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-55623bc e-con-full e-flex e-con e-parent\" data-id=\"55623bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c91f5e elementor-widget elementor-widget-html\" data-id=\"5c91f5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"purpose-section\">\r\n\r\n    <!-- LEFT IMAGE -->\r\n    <div class=\"purpose-visual\">\r\n\r\n        <div class=\"purpose-glow\"><\/div>\r\n\r\n        <div class=\"purpose-image\">\r\n\r\n            <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/people-taking-part-high-protocol-event-scaled.jpg\" alt=\"Top Events purpose\">\r\n\r\n            <div class=\"purpose-overlay\"><\/div>\r\n\r\n            <div class=\"purpose-floating\">\r\n                <span><\/span>\r\n                <p>Experiencias en directo inmersivas<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT CONTENT -->\r\n    <div class=\"purpose-content\">\r\n\r\n        <span class=\"purpose-badge\">\r\n            <span class=\"purpose-dot\"><\/span>\r\n            NUESTRA VISI\u00d3N\r\n        <\/span>\r\n\r\n        <h2>\r\n            NUESTRA\r\n            <span>OBJETIVO.<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"purpose-line\"><\/div>\r\n\r\n        <p>\r\n            En Top Events, nuestra visi\u00f3n es crear experiencias inolvidables\n            que unan a las personas a trav\u00e9s de la m\u00fasica, la cultura y la celebraci\u00f3n.\n            Creemos en el poder de los eventos en directo para inspirar alegr\u00eda, conexi\u00f3n\n            y recuerdos imborrables.\r\n        <\/p>\r\n\r\n        <p>\r\n            Ya sea una reuni\u00f3n \u00edntima o un festival a gran escala,\n            nuestro objetivo es ofrecer experiencias inmersivas de alta calidad que\n            dejen un recuerdo imborrable. Desde la producci\u00f3n hasta la ejecuci\u00f3n, nos centramos en\n            cada detalle para que los clientes y los invitados puedan simplemente disfrutar del momento.\r\n        <\/p>\r\n\r\n        <div class=\"purpose-footer\">\r\n            <div class=\"purpose-mini-card\">\r\n                <h4>100%<\/h4>\r\n                <span>Centrado en la experiencia<\/span>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/topeventsonline.com\/es\/contacto\/\">\r\n                ORGANIZA TU EVENTO\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* ========================================= *\/\r\n\/* PURPOSE SECTION *\/\r\n\/* ========================================= *\/\r\n\r\n.purpose-section{\r\n    position:relative;\r\n    display:grid;\r\n    grid-template-columns:1.05fr .95fr;\r\n    gap:90px;\r\n    align-items:center;\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,.06),\r\n        transparent 34%\r\n    ),\r\n    #050505;\r\n\r\n    isolation:isolate;\r\n}\r\n\r\n.purpose-section::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        240deg,\r\n        transparent 0%,\r\n        transparent 38%,\r\n        rgba(255,208,0,.06) 50%,\r\n        transparent 62%,\r\n        transparent 100%\r\n    );\r\n\r\n    background-size:230% 230%;\r\n    animation:purposeLightMove 9s ease-in-out infinite;\r\n}\r\n\r\n.purpose-content,\r\n.purpose-visual{\r\n    position:relative;\r\n    z-index:1;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* IMAGE LEFT *\/\r\n\/* ========================================= *\/\r\n\r\n.purpose-visual{\r\n    display:flex;\r\n    justify-content:flex-start;\r\n}\r\n\r\n.purpose-glow{\r\n    position:absolute;\r\n    width:420px;\r\n    height:420px;\r\n    left:-90px;\r\n    top:-80px;\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    filter:blur(28px);\r\n    animation:purposeGlowFloat 6.5s ease-in-out infinite;\r\n}\r\n\r\n.purpose-image{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:720px;\r\n    height:560px;\r\n    overflow:hidden;\r\n    border-radius:34px;\r\n\r\n    border:1px solid rgba(255,208,0,.12);\r\n\r\n    background:black;\r\n\r\n    box-shadow:\r\n    0 20px 80px rgba(0,0,0,.6);\r\n\r\n    animation:purposeImageIn 1s cubic-bezier(.18,1,.28,1) both .42s;\r\n}\r\n\r\n.purpose-image::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:4;\r\n    pointer-events:none;\r\n    background:#ffd000;\r\n\r\n    transform:translateX(0);\r\n    animation:purposeCurtain 1s cubic-bezier(.72,0,.22,1) both .78s;\r\n}\r\n\r\n.purpose-image img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n\r\n    transform:scale(1.04);\r\n    animation:purposePhotoMove 9s ease-in-out infinite 1.3s;\r\n}\r\n\r\n.purpose-image:hover img{\r\n    transform:scale(1.1);\r\n}\r\n\r\n.purpose-overlay{\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    z-index:2;\r\n}\r\n\r\n.purpose-floating{\r\n    position:absolute;\r\n    right:34px;\r\n    bottom:34px;\r\n    z-index:3;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n\r\n    padding:18px 22px;\r\n    border-radius:22px;\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,.09),\r\n        rgba(255,255,255,.03)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.14);\r\n\r\n    animation:purposeFloatingIn .85s cubic-bezier(.18,1,.28,1) both 1.25s;\r\n}\r\n\r\n.purpose-floating span{\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 14px rgba(255,208,0,.9);\r\n}\r\n\r\n.purpose-floating p{\r\n    color:white;\r\n    font-size:14px;\r\n    font-weight:700;\r\n    letter-spacing:1px;\r\n    text-transform:uppercase;\r\n    margin:0;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* CONTENT RIGHT *\/\r\n\/* ========================================= *\/\r\n\r\n.purpose-content{\r\n    color:white;\r\n    max-width:760px;\r\n\r\n    text-align:right;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-end;\r\n}\r\n\r\n.purpose-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: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    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:purposeBadgeIn .85s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n.purpose-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 14px rgba(255,208,0,.85);\r\n\r\n    animation:purposeDotPulse 1.7s ease-in-out infinite;\r\n}\r\n\r\n.purpose-content h2{\r\n    color:white;\r\n    font-size:96px;\r\n    line-height:.88;\r\n    font-weight:900;\r\n    letter-spacing:-5px;\r\n    text-transform:uppercase;\r\n    margin-bottom:32px;\r\n    font-family:'Montserrat', sans-serif;\r\n\r\n    animation:purposeTitleIn .95s cubic-bezier(.18,1,.28,1) both .18s;\r\n}\r\n\r\n.purpose-content h2 span{\r\n    display:block;\r\n    color:#ffd000;\r\n\r\n    text-shadow:\r\n    0 0 22px rgba(255,208,0,.18);\r\n\r\n    animation:purposeGoldPulse 3s ease-in-out infinite 1.2s;\r\n}\r\n\r\n.purpose-line{\r\n    width:150px;\r\n    height:4px;\r\n    border-radius:30px;\r\n    background:#ffd000;\r\n    margin:0 0 38px auto;\r\n\r\n    box-shadow:\r\n    0 0 18px rgba(255,208,0,.45);\r\n\r\n    transform-origin:right center;\r\n    animation:purposeLineIn .85s cubic-bezier(.18,1,.28,1) both .45s;\r\n}\r\n\r\n.purpose-content p{\r\n    color:rgba(255,255,255,.72);\r\n    font-size:21px;\r\n    line-height:1.9;\r\n    margin-bottom:26px;\r\n    max-width:680px;\r\n\r\n    animation:purposeTextIn .9s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n.purpose-content p:nth-of-type(1){\r\n    animation-delay:.62s;\r\n}\r\n\r\n.purpose-content p:nth-of-type(2){\r\n    animation-delay:.76s;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* FOOTER RIGHT *\/\r\n\/* ========================================= *\/\r\n\r\n.purpose-footer{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:flex-end;\r\n    gap:24px;\r\n    margin-top:45px;\r\n    width:100%;\r\n\r\n    animation:purposeFooterIn .85s cubic-bezier(.18,1,.28,1) both .95s;\r\n}\r\n\r\n.purpose-mini-card{\r\n    padding:22px 26px;\r\n    border-radius:24px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,.04),\r\n        rgba(255,255,255,.01)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.1);\r\n\r\n    text-align:right;\r\n}\r\n\r\n.purpose-mini-card h4{\r\n    color:#ffd000;\r\n    font-size:42px;\r\n    line-height:1;\r\n    margin-bottom:8px;\r\n    font-weight:900;\r\n}\r\n\r\n.purpose-mini-card span{\r\n    color:rgba(255,255,255,.7);\r\n    font-size:14px;\r\n    letter-spacing:1px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.purpose-footer a{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:240px;\r\n    height:68px;\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\r\n    transition:.45s ease;\r\n\r\n    box-shadow:\r\n    0 0 28px rgba(255,208,0,.24);\r\n}\r\n\r\n.purpose-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 46px rgba(255,208,0,.42);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* ANIMATIONS *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes purposeLightMove{\r\n    0%, 100%{\r\n        background-position:100% 50%;\r\n        opacity:.35;\r\n    }\r\n\r\n    50%{\r\n        background-position:0% 50%;\r\n        opacity:.85;\r\n    }\r\n}\r\n\r\n@keyframes purposeBadgeIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(-18px) scale(.92);\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 purposeDotPulse{\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:.65;\r\n    }\r\n}\r\n\r\n@keyframes purposeTitleIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(48px);\r\n        clip-path:inset(0 0 0 100%);\r\n        filter:blur(10px);\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 purposeGoldPulse{\r\n    0%, 100%{\r\n        text-shadow:0 0 22px 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 58px rgba(255,208,0,.25);\r\n    }\r\n}\r\n\r\n@keyframes purposeLineIn{\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 purposeTextIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(24px);\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 purposeFooterIn{\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 purposeGlowFloat{\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(42px,35px) scale(1.18);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes purposeImageIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:perspective(1000px) rotateY(10deg) translateX(-54px) scale(.94);\r\n        filter:blur(12px);\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 purposeCurtain{\r\n    0%{\r\n        transform:translateX(0);\r\n    }\r\n\r\n    100%{\r\n        transform:translateX(-105%);\r\n    }\r\n}\r\n\r\n@keyframes purposePhotoMove{\r\n    0%, 100%{\r\n        transform:scale(1.04) translateX(0);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.09) translateX(14px);\r\n    }\r\n}\r\n\r\n@keyframes purposeFloatingIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(24px) 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\/* ========================================= *\/\r\n\/* RESPONSIVE *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .purpose-section{\r\n        grid-template-columns:1fr;\r\n        gap:70px;\r\n    }\r\n\r\n    .purpose-content{\r\n        align-items:flex-start;\r\n        text-align:left;\r\n    }\r\n\r\n    .purpose-content h2{\r\n        font-size:72px;\r\n    }\r\n\r\n    .purpose-line{\r\n        margin-left:0;\r\n        transform-origin:left center;\r\n    }\r\n\r\n    .purpose-footer{\r\n        justify-content:flex-start;\r\n    }\r\n\r\n    .purpose-mini-card{\r\n        text-align:left;\r\n    }\r\n\r\n    .purpose-visual{\r\n        justify-content:flex-start;\r\n    }\r\n\r\n    .purpose-floating{\r\n        left:34px;\r\n        right:auto;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .purpose-section{\r\n        padding:90px 24px;\r\n    }\r\n\r\n    .purpose-content h2{\r\n        font-size:46px;\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .purpose-content p{\r\n        font-size:17px;\r\n    }\r\n\r\n    .purpose-image{\r\n        height:420px;\r\n    }\r\n\r\n    .purpose-footer{\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n    }\r\n\r\n    .purpose-footer a{\r\n        width:100%;\r\n    }\r\n\r\n    .purpose-mini-card{\r\n        width:100%;\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-c6bd85f e-con-full e-flex e-con e-parent\" data-id=\"c6bd85f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5c2199 elementor-widget elementor-widget-html\" data-id=\"d5c2199\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mission-section\">\r\n\r\n    <!-- LEFT IMAGE -->\r\n    <div class=\"mission-visual\">\r\n\r\n        <div class=\"mission-glow\"><\/div>\r\n\r\n        <div class=\"mission-image\">\r\n\r\n            <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/people-taking-part-high-protocol-event-1-scaled.jpg\" alt=\"Top Events mission\">\r\n\r\n            <div class=\"mission-overlay\"><\/div>\r\n\r\n            <div class=\"mission-floating\">\r\n                <span><\/span>\r\n                <p>Experiencias centradas en las personas<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT CONTENT -->\r\n    <div class=\"mission-content\">\r\n\r\n        <span class=\"mission-badge\">\r\n            <span class=\"mission-dot\"><\/span>\r\n            NUESTRA MISI\u00d3N\r\n        <\/span>\r\n\r\n        <h2>\r\n            Nuestra\r\n            <span>Misi\u00f3n<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"mission-line\"><\/div>\r\n\r\n        <p>\r\n            En Top Events, nuestra misi\u00f3n es crear experiencias inolvidables\n            que unan a las personas a trav\u00e9s de la m\u00fasica, la cultura y la celebraci\u00f3n.\n            Nos centramos en organizar eventos de alta calidad en los que cada detalle cuenta,\n            desde la producci\u00f3n y la log\u00edstica hasta el ambiente y la experiencia de los asistentes.\r\n        <\/p>\r\n\r\n        <p>\r\n            Ya sea un concierto, un festival o un evento privado, nuestro objetivo es hacer que\n            cada momento sea significativo, fluido y memorable. Nos comprometemos a\n            crear espacios donde las personas puedan relacionarse, celebrar y crear recuerdos imborrables.\r\n        <\/p>\r\n\r\n        <div class=\"mission-info\">\r\n\r\n            <div class=\"mission-box\">\r\n                <h4>Premium<\/h4>\r\n                <span>Realizaci\u00f3n del evento<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"mission-box\">\r\n                <h4>Sin costuras<\/h4>\r\n                <span>Experiencia del cliente<\/span>\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\/* MISSION SECTION *\/\r\n\/* ========================================= *\/\r\n\r\n.mission-section{\r\n    position:relative;\r\n    display:grid;\r\n    grid-template-columns:1.05fr .95fr;\r\n    gap:90px;\r\n    align-items:center;\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,.06),\r\n        transparent 34%\r\n    ),\r\n    #050505;\r\n\r\n    isolation:isolate;\r\n}\r\n\r\n.mission-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(\r\n        circle at 18% 50%,\r\n        rgba(255,208,0,.08),\r\n        transparent 28%\r\n    );\r\n\r\n    animation:missionAmbient 7s ease-in-out infinite;\r\n}\r\n\r\n.mission-content,\r\n.mission-visual{\r\n    position:relative;\r\n    z-index:1;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LEFT IMAGE *\/\r\n\/* ========================================= *\/\r\n\r\n.mission-visual{\r\n    display:flex;\r\n    justify-content:flex-start;\r\n}\r\n\r\n.mission-glow{\r\n    position:absolute;\r\n    width:420px;\r\n    height:420px;\r\n    left:-110px;\r\n    bottom:-100px;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle,\r\n        rgba(255,208,0,.13),\r\n        transparent 70%\r\n    );\r\n\r\n    filter:blur(30px);\r\n    animation:missionGlowMove 6.5s ease-in-out infinite;\r\n}\r\n\r\n.mission-image{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:720px;\r\n    height:620px;\r\n    overflow:hidden;\r\n\r\n    border-radius:34px;\r\n    border:1px solid rgba(255,208,0,.12);\r\n    background:black;\r\n\r\n    box-shadow:\r\n    0 20px 80px rgba(0,0,0,.62);\r\n\r\n    animation:missionImageReveal 1s cubic-bezier(.18,1,.28,1) both .25s;\r\n}\r\n\r\n.mission-image::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:4;\r\n    pointer-events:none;\r\n    background:#ffd000;\r\n\r\n    animation:missionImageCurtain 1s cubic-bezier(.72,0,.22,1) both .68s;\r\n}\r\n\r\n.mission-image img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n\r\n    transform:scale(1.04);\r\n    animation:missionPhotoMotion 9s ease-in-out infinite 1.2s;\r\n}\r\n\r\n.mission-image:hover img{\r\n    transform:scale(1.1);\r\n}\r\n\r\n.mission-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:2;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(0,0,0,.04),\r\n        rgba(0,0,0,.72)\r\n    );\r\n}\r\n\r\n.mission-floating{\r\n    position:absolute;\r\n    right:34px;\r\n    bottom:34px;\r\n    z-index:3;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n\r\n    padding:18px 22px;\r\n    border-radius:22px;\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,.09),\r\n        rgba(255,255,255,.03)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.14);\r\n\r\n    animation:missionFloatIn .85s cubic-bezier(.18,1,.28,1) both 1.18s;\r\n}\r\n\r\n.mission-floating span{\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 14px rgba(255,208,0,.9);\r\n}\r\n\r\n.mission-floating p{\r\n    color:white;\r\n    font-size:14px;\r\n    font-weight:700;\r\n    letter-spacing:1px;\r\n    text-transform:uppercase;\r\n    margin:0;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* RIGHT CONTENT *\/\r\n\/* ========================================= *\/\r\n\r\n.mission-content{\r\n    color:white;\r\n    text-align:right;\r\n\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-end;\r\n}\r\n\r\n.mission-badge{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    padding:14px 28px;\r\n    border-radius:60px;\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    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:missionBadgeIn .85s cubic-bezier(.18,1,.28,1) both .35s;\r\n}\r\n\r\n.mission-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 14px rgba(255,208,0,.85);\r\n\r\n    animation:missionDotPulse 1.7s ease-in-out infinite;\r\n}\r\n\r\n.mission-content h2{\r\n    color:white;\r\n    font-size:92px;\r\n    line-height:.9;\r\n    font-weight:900;\r\n    letter-spacing:-4px;\r\n    margin-bottom:30px;\r\n    font-family:'Montserrat', sans-serif;\r\n\r\n    animation:missionTitleIn .95s cubic-bezier(.18,1,.28,1) both .52s;\r\n}\r\n\r\n.mission-content h2 span{\r\n    display:block;\r\n    color:#ffd000;\r\n\r\n    text-shadow:\r\n    0 0 22px rgba(255,208,0,.18);\r\n\r\n    animation:missionGoldPulse 3s ease-in-out infinite 1.2s;\r\n}\r\n\r\n.mission-line{\r\n    width:150px;\r\n    height:4px;\r\n    border-radius:30px;\r\n    background:#ffd000;\r\n    margin:0 0 38px auto;\r\n\r\n    box-shadow:\r\n    0 0 18px rgba(255,208,0,.45);\r\n\r\n    transform-origin:right center;\r\n    animation:missionLineIn .85s cubic-bezier(.18,1,.28,1) both .75s;\r\n}\r\n\r\n.mission-content p{\r\n    color:rgba(255,255,255,.72);\r\n    font-size:21px;\r\n    line-height:1.9;\r\n    margin-bottom:26px;\r\n    max-width:720px;\r\n\r\n    animation:missionTextIn .9s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n.mission-content p:nth-of-type(1){\r\n    animation-delay:.88s;\r\n}\r\n\r\n.mission-content p:nth-of-type(2){\r\n    animation-delay:1.02s;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* INFO BOXES *\/\r\n\/* ========================================= *\/\r\n\r\n.mission-info{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:20px;\r\n    width:100%;\r\n    margin-top:28px;\r\n\r\n    animation:missionInfoIn .85s cubic-bezier(.18,1,.28,1) both 1.18s;\r\n}\r\n\r\n.mission-box{\r\n    padding:24px;\r\n    border-radius:24px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,255,255,.04),\r\n        rgba(255,255,255,.01)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.1);\r\n\r\n    text-align:right;\r\n    transition:.45s ease;\r\n}\r\n\r\n.mission-box:hover{\r\n    transform:translateY(-8px);\r\n    border-color:rgba(255,208,0,.22);\r\n\r\n    box-shadow:\r\n    0 0 28px rgba(255,208,0,.07);\r\n}\r\n\r\n.mission-box h4{\r\n    color:#ffd000;\r\n    font-size:26px;\r\n    margin-bottom:8px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.mission-box span{\r\n    color:rgba(255,255,255,.68);\r\n    font-size:14px;\r\n    letter-spacing:1px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* ANIMATIONS *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes missionAmbient{\r\n    0%, 100%{\r\n        opacity:.45;\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        opacity:.9;\r\n        transform:scale(1.08);\r\n    }\r\n}\r\n\r\n@keyframes missionGlowMove{\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,-35px) scale(1.18);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes missionImageReveal{\r\n    0%{\r\n        opacity:0;\r\n        transform:perspective(1000px) rotateY(10deg) translateX(-54px) scale(.94);\r\n        filter:blur(12px);\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 missionImageCurtain{\r\n    0%{\r\n        transform:translateX(0);\r\n    }\r\n\r\n    100%{\r\n        transform:translateX(-105%);\r\n    }\r\n}\r\n\r\n@keyframes missionPhotoMotion{\r\n    0%, 100%{\r\n        transform:scale(1.04) translateX(0);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.09) translateX(14px);\r\n    }\r\n}\r\n\r\n@keyframes missionFloatIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(24px) 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 missionBadgeIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(-18px) scale(.92);\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 missionDotPulse{\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:.65;\r\n    }\r\n}\r\n\r\n@keyframes missionTitleIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(48px);\r\n        clip-path:inset(0 0 0 100%);\r\n        filter:blur(10px);\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 missionGoldPulse{\r\n    0%, 100%{\r\n        text-shadow:0 0 22px 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 58px rgba(255,208,0,.25);\r\n    }\r\n}\r\n\r\n@keyframes missionLineIn{\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 missionTextIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(24px);\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 missionInfoIn{\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\/* ========================================= *\/\r\n\/* RESPONSIVE *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .mission-section{\r\n        grid-template-columns:1fr;\r\n        gap:70px;\r\n    }\r\n\r\n    .mission-content{\r\n        align-items:flex-start;\r\n        text-align:left;\r\n    }\r\n\r\n    .mission-content h2{\r\n        font-size:72px;\r\n    }\r\n\r\n    .mission-line{\r\n        margin-left:0;\r\n        transform-origin:left center;\r\n    }\r\n\r\n    .mission-box{\r\n        text-align:left;\r\n    }\r\n\r\n    .mission-floating{\r\n        left:34px;\r\n        right:auto;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .mission-section{\r\n        padding:90px 24px;\r\n    }\r\n\r\n    .mission-image{\r\n        height:440px;\r\n    }\r\n\r\n    .mission-content h2{\r\n        font-size:48px;\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .mission-content p{\r\n        font-size:17px;\r\n    }\r\n\r\n    .mission-info{\r\n        grid-template-columns:1fr;\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-8f36d8f e-con-full e-flex e-con e-parent\" data-id=\"8f36d8f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88fbf96 elementor-widget elementor-widget-html\" data-id=\"88fbf96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"choose-section\">\r\n\r\n    <!-- LEFT CONTENT -->\r\n    <div class=\"choose-content\">\r\n\r\n        <span class=\"choose-badge\">\r\n            <span class=\"choose-dot\"><\/span>\r\n            \u00bfPOR QU\u00c9 NOS ELIGEN?\r\n        <\/span>\r\n\r\n        <h2>\r\n            \u00bfPOR QU\u00c9 ELEGIR\r\n            <span>TOP EVENTS<\/span>\r\n        <\/h2>\r\n\r\n        <div class=\"choose-line\"><\/div>\r\n\r\n        <p class=\"choose-intro\">\r\n            No nos limitamos a organizar eventos: creamos experiencias fluidas y\n            de gran impacto de principio a fin.\r\n        <\/p>\r\n\r\n        <p class=\"choose-text\">\r\n            Nuestro equipo se encarga de cada detalle con precisi\u00f3n, creatividad\ny profesionalidad, garantizando que cada evento aporte un valor real\ny momentos inolvidables.\r\n        <\/p>\r\n\r\n        <ul class=\"choose-list\">\r\n            <li>Nos encargamos de todo, desde la planificaci\u00f3n hasta la ejecuci\u00f3n.<\/li>\r\n            <li>Una producci\u00f3n, una iluminaci\u00f3n y un ambiente de gran calidad.<\/li>\r\n            <li>Cada evento se adapta a tu visi\u00f3n y a tus necesidades.<\/li>\r\n            <li>Entregamos siempre a tiempo, sin complicaciones.<\/li>\r\n        <\/ul>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT IMAGE -->\r\n    <div class=\"choose-visual\">\r\n\r\n        <div class=\"choose-glow\"><\/div>\r\n\r\n        <div class=\"choose-image\">\r\n\r\n            <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/2HxhXSVz3zlGf6tPjDQUB2Dl4EmMEcLuitQ8giyy7yfAU8jRdj200wBH3KsQhSH0qJU72j1Xgrw7ah4NhKZpDuCBNnSbUFAyy_1By-DWbXLoMDgbykusOhhv1oyTY2pZ50zoM6PYAEDdMokGCuw2esxuTjwoa6wRvm2OyLJ-KmlxrDHNsEhn1rFb-Mcyect9.jpg\" alt=\"Top Events team coordination\">\r\n\r\n            <div class=\"choose-overlay\"><\/div>\r\n\r\n            <div class=\"choose-floating\">\r\n                <span><\/span>\r\n                <p>Organizaci\u00f3n integral de eventos<\/p>\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\/* CHOOSE SECTION *\/\r\n\/* ========================================= *\/\r\n\r\n.choose-section{\r\n    position:relative;\r\n    display:grid;\r\n    grid-template-columns:.95fr 1.05fr;\r\n    gap:90px;\r\n    align-items:center;\r\n    padding:120px 7%;\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,.055),\r\n        transparent 34%\r\n    ),\r\n    #050505;\r\n\r\n    isolation:isolate;\r\n}\r\n\r\n.choose-section::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    repeating-linear-gradient(\r\n        90deg,\r\n        transparent 0 54px,\r\n        rgba(255,208,0,.025) 55px,\r\n        transparent 56px 110px\r\n    );\r\n\r\n    opacity:.35;\r\n    animation:chooseGridShift 14s linear infinite;\r\n}\r\n\r\n.choose-content,\r\n.choose-visual{\r\n    position:relative;\r\n    z-index:1;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LEFT CONTENT *\/\r\n\/* ========================================= *\/\r\n\r\n.choose-content{\r\n    color:white;\r\n    max-width:760px;\r\n}\r\n\r\n.choose-badge{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n\r\n    padding:14px 28px;\r\n    border-radius:60px;\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    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:chooseBadgeIn .85s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n.choose-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 14px rgba(255,208,0,.85);\r\n\r\n    animation:chooseDotBlink 1.5s ease-in-out infinite;\r\n}\r\n\r\n.choose-content h2{\r\n    color:white;\r\n    font-size:86px;\r\n    line-height:.95;\r\n    font-weight:900;\r\n    letter-spacing:-4px;\r\n    text-transform:uppercase;\r\n    margin-bottom:32px;\r\n    font-family:'Montserrat', sans-serif;\r\n\r\n    animation:chooseTitleIn .95s cubic-bezier(.18,1,.28,1) both .18s;\r\n}\r\n\r\n.choose-content h2 span{\r\n    display:block;\r\n    color:#ffd000;\r\n\r\n    text-shadow:\r\n    0 0 22px rgba(255,208,0,.18);\r\n\r\n    animation:chooseGoldGlow 3s ease-in-out infinite 1.2s;\r\n}\r\n\r\n.choose-line{\r\n    width:150px;\r\n    height:4px;\r\n    border-radius:30px;\r\n    background:#ffd000;\r\n    margin-bottom:38px;\r\n\r\n    box-shadow:\r\n    0 0 18px rgba(255,208,0,.45);\r\n\r\n    transform-origin:left center;\r\n    animation:chooseLineIn .85s cubic-bezier(.18,1,.28,1) both .45s;\r\n}\r\n\r\n.choose-intro,\r\n.choose-text{\r\n    color:rgba(255,255,255,.72);\r\n    font-size:21px;\r\n    line-height:1.8;\r\n    max-width:680px;\r\n}\r\n\r\n.choose-intro{\r\n    margin-bottom:24px;\r\n    animation:chooseTextIn .85s cubic-bezier(.18,1,.28,1) both .62s;\r\n}\r\n\r\n.choose-text{\r\n    margin-bottom:44px;\r\n    animation:chooseTextIn .85s cubic-bezier(.18,1,.28,1) both .75s;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LIST *\/\r\n\/* ========================================= *\/\r\n\r\n.choose-list{\r\n    list-style:none;\r\n    padding:0;\r\n    margin:0;\r\n}\r\n\r\n.choose-list li{\r\n    position:relative;\r\n    padding-left:30px;\r\n    margin-bottom:22px;\r\n\r\n    color:white;\r\n    font-size:19px;\r\n    line-height:1.6;\r\n    text-transform:capitalize;\r\n\r\n    animation:chooseListIn .65s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n.choose-list li:nth-child(1){ animation-delay:.9s; }\r\n.choose-list li:nth-child(2){ animation-delay:1s; }\r\n.choose-list li:nth-child(3){ animation-delay:1.1s; }\r\n.choose-list li:nth-child(4){ animation-delay:1.2s; }\r\n\r\n.choose-list li::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    top:12px;\r\n\r\n    width:8px;\r\n    height:8px;\r\n    border-radius:2px;\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:chooseBulletGlow 2s ease-in-out infinite;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* RIGHT IMAGE *\/\r\n\/* ========================================= *\/\r\n\r\n.choose-visual{\r\n    display:flex;\r\n    justify-content:flex-end;\r\n}\r\n\r\n.choose-glow{\r\n    position:absolute;\r\n    width:430px;\r\n    height:430px;\r\n    right:-110px;\r\n    top:-90px;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle,\r\n        rgba(255,208,0,.13),\r\n        transparent 70%\r\n    );\r\n\r\n    filter:blur(30px);\r\n    animation:chooseGlowMove 6.5s ease-in-out infinite;\r\n}\r\n\r\n.choose-image{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:760px;\r\n    height:500px;\r\n    overflow:hidden;\r\n\r\n    border-radius:28px;\r\n    border:1px solid rgba(255,208,0,.12);\r\n\r\n    background:black;\r\n\r\n    box-shadow:\r\n    0 20px 80px rgba(0,0,0,.62);\r\n\r\n    animation:chooseImageIn 1s cubic-bezier(.18,1,.28,1) both .42s;\r\n}\r\n\r\n.choose-image::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:#ffd000;\r\n\r\n    animation:chooseCurtain .95s cubic-bezier(.72,0,.22,1) both .82s;\r\n}\r\n\r\n.choose-image img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n\r\n    transform:scale(1.04);\r\n    animation:choosePhotoPan 9s ease-in-out infinite 1.25s;\r\n}\r\n\r\n.choose-image:hover img{\r\n    transform:scale(1.1);\r\n}\r\n\r\n.choose-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:2;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(0,0,0,.03),\r\n        rgba(0,0,0,.72)\r\n    );\r\n}\r\n\r\n.choose-floating{\r\n    position:absolute;\r\n    left:30px;\r\n    bottom:30px;\r\n    z-index:3;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n\r\n    padding:18px 22px;\r\n    border-radius:22px;\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,.09),\r\n        rgba(255,255,255,.03)\r\n    );\r\n\r\n    border:1px solid rgba(255,208,0,.14);\r\n\r\n    animation:chooseFloatingIn .85s cubic-bezier(.18,1,.28,1) both 1.2s;\r\n}\r\n\r\n.choose-floating span{\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 14px rgba(255,208,0,.9);\r\n}\r\n\r\n.choose-floating p{\r\n    color:white;\r\n    font-size:14px;\r\n    font-weight:700;\r\n    letter-spacing:1px;\r\n    text-transform:uppercase;\r\n    margin:0;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* ANIMATIONS *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes chooseGridShift{\r\n    0%{\r\n        background-position:0 0;\r\n    }\r\n\r\n    100%{\r\n        background-position:110px 0;\r\n    }\r\n}\r\n\r\n@keyframes chooseBadgeIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(-16px) scale(.92);\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 chooseDotBlink{\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:.6;\r\n    }\r\n}\r\n\r\n@keyframes chooseTitleIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateX(-46px);\r\n        clip-path:inset(0 100% 0 0);\r\n        filter:blur(10px);\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 chooseGoldGlow{\r\n    0%, 100%{\r\n        text-shadow:0 0 22px 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 58px rgba(255,208,0,.25);\r\n    }\r\n}\r\n\r\n@keyframes chooseLineIn{\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 chooseTextIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(22px);\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 chooseListIn{\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 chooseBulletGlow{\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,.3);\r\n    }\r\n}\r\n\r\n@keyframes chooseGlowMove{\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,38px) scale(1.18);\r\n        opacity:1;\r\n    }\r\n}\r\n\r\n@keyframes chooseImageIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:perspective(1000px) rotateY(-10deg) translateX(54px) scale(.94);\r\n        filter:blur(12px);\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 chooseCurtain{\r\n    0%{\r\n        transform:translateX(0);\r\n    }\r\n\r\n    100%{\r\n        transform:translateX(105%);\r\n    }\r\n}\r\n\r\n@keyframes choosePhotoPan{\r\n    0%, 100%{\r\n        transform:scale(1.04) translateX(0);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.09) translateX(-14px);\r\n    }\r\n}\r\n\r\n@keyframes chooseFloatingIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(24px) 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\/* ========================================= *\/\r\n\/* RESPONSIVE *\/\r\n\/* ========================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .choose-section{\r\n        grid-template-columns:1fr;\r\n        gap:70px;\r\n    }\r\n\r\n    .choose-content h2{\r\n        font-size:68px;\r\n    }\r\n\r\n    .choose-visual{\r\n        justify-content:flex-start;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .choose-section{\r\n        padding:90px 24px;\r\n    }\r\n\r\n    .choose-content h2{\r\n        font-size:44px;\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .choose-intro,\r\n    .choose-text{\r\n        font-size:17px;\r\n    }\r\n\r\n    .choose-image{\r\n        height:380px;\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-d12714d e-con-full e-flex e-con e-parent\" data-id=\"d12714d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67e222b elementor-widget elementor-widget-html\" data-id=\"67e222b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"experiences-section\">\r\n\r\n    <div class=\"experiences-top\">\r\n\r\n        <span class=\"experiences-badge\">\r\n            <span class=\"experiences-dot\"><\/span>\r\n            LO QUE CREAMOS\r\n        <\/span>\r\n\r\n        <h2>\r\n            NUESTRA\r\n            <span>EXPERIENCIAS<\/span>\r\n        <\/h2>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"experiences-grid\">\r\n\r\n        <div class=\"experience-card featured\">\r\n\r\n            <div class=\"experience-arrow\">\u2197<\/div>\r\n\r\n            <h3>\r\n                CONCIERTOS,\n                FESTIVALES Y\n                PRODUCCIONES\n                A GRAN ESCALA\r\n            <\/h3>\r\n\r\n            <span class=\"experience-type\">EVENTOS EN VIVO<\/span>\r\n\r\n            <div class=\"experience-image\">\r\n                <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/6815.jpg\" alt=\"\">\r\n            <\/div>\r\n\r\n            <div class=\"experience-label\">\r\n                PRODUCCI\u00d3N COMPLETA INCLUIDA\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"experience-card\">\r\n\r\n            <div class=\"experience-arrow\">\u2197<\/div>\r\n\r\n            <h3>\r\n                EXCLUSIVO\n                EXPERIENCIAS A MEDIDA\n                DE TU VISI\u00d3N\r\n            <\/h3>\r\n\r\n            <span class=\"experience-type\">EVENTOS PRIVADOS<\/span>\r\n\r\n            <div class=\"experience-image\">\r\n                <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/10894.jpg\" alt=\"\">\r\n            <\/div>\r\n\r\n            <div class=\"experience-label\">\r\n                EXPERIENCIA PERSONALIZABLE\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"experience-card\">\r\n\r\n            <div class=\"experience-arrow\">\u2197<\/div>\r\n\r\n            <h3>\r\n                COMIDA DE PRIMERA CALIDAD\n                PUESTOS CON UN\n                SERVICIO R\u00c1PIDO Y DE CALIDAD\r\n            <\/h3>\r\n\r\n            <span class=\"experience-type\">ALIMENTACI\u00d3N Y CATERING<\/span>\r\n\r\n            <div class=\"experience-image\">\r\n                <img decoding=\"async\" src=\"http:\/\/topeventsonline.com\/wp-content\/uploads\/2026\/05\/4636.jpg\" alt=\"\">\r\n            <\/div>\r\n\r\n            <div class=\"experience-label\">\r\n                DISPONIBLE EN TODO EL PA\u00cdS\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\/* EXPERIENCES SECTION *\/\r\n\/* ========================================= *\/\r\n\r\n.experiences-section{\r\n    position:relative;\r\n    padding:120px 7%;\r\n    overflow:hidden;\r\n    background:#050505;\r\n    isolation:isolate;\r\n}\r\n\r\n.experiences-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 16% 20%, rgba(255,208,0,.08), transparent 24%),\r\n    radial-gradient(circle at 84% 74%, rgba(255,255,255,.035), transparent 28%);\r\n\r\n    animation:experiencesAmbient 8s ease-in-out infinite;\r\n}\r\n\r\n.experiences-top,\r\n.experiences-grid{\r\n    position:relative;\r\n    z-index:1;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TOP *\/\r\n\/* ========================================= *\/\r\n\r\n.experiences-top{\r\n    display:grid;\r\n    grid-template-columns:1fr 1.5fr 1fr;\r\n    align-items:start;\r\n    margin-bottom:90px;\r\n}\r\n\r\n.experiences-badge{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    width:max-content;\r\n\r\n    padding:14px 28px;\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    color:#ffd000;\r\n\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:0 0 20px rgba(255,208,0,.06);\r\n\r\n    animation:experiencesBadgeIn .8s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n.experiences-dot{\r\n    width:10px;\r\n    height:10px;\r\n    border-radius:50%;\r\n    background:#ffd000;\r\n    box-shadow:0 0 14px rgba(255,208,0,.9);\r\n    animation:experiencesDot 1.6s ease-in-out infinite;\r\n}\r\n\r\n.experiences-top h2{\r\n    color:white;\r\n    text-align:center;\r\n\r\n    font-size:76px;\r\n    line-height:.95;\r\n    font-weight:300;\r\n    letter-spacing:-2px;\r\n    text-transform:uppercase;\r\n    font-family:'Montserrat', sans-serif;\r\n\r\n    animation:experiencesTitleIn .95s cubic-bezier(.18,1,.28,1) both .18s;\r\n}\r\n\r\n.experiences-top h2 span{\r\n    display:block;\r\n    color:#ffd000;\r\n\r\n    text-shadow:\r\n    0 0 24px rgba(255,208,0,.18);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* GRID *\/\r\n\/* ========================================= *\/\r\n\r\n.experiences-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr 1fr;\r\n    gap:34px;\r\n    align-items:end;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* CARD *\/\r\n\/* ========================================= *\/\r\n\r\n.experience-card{\r\n    position:relative;\r\n    min-height:760px;\r\n    padding:34px;\r\n    overflow:hidden;\r\n\r\n    border-radius:28px;\r\n    border:1px solid rgba(255,208,0,.12);\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(12,12,12,.98),\r\n        rgba(2,2,2,1)\r\n    );\r\n\r\n    box-shadow:\r\n    0 20px 70px rgba(0,0,0,.55),\r\n    inset 0 0 0 1px rgba(255,255,255,.025);\r\n\r\n    transition:.55s cubic-bezier(.19,1,.22,1);\r\n    animation:experienceCardIn .9s cubic-bezier(.18,1,.28,1) both;\r\n}\r\n\r\n.experience-card:nth-child(1){ animation-delay:.35s; }\r\n.experience-card:nth-child(2){ animation-delay:.5s; }\r\n.experience-card:nth-child(3){ animation-delay:.65s; }\r\n\r\n.experience-card.featured{\r\n    background:\r\n    radial-gradient(circle at top left, rgba(255,208,0,.2), transparent 48%),\r\n    linear-gradient(180deg, rgba(18,18,18,.98), rgba(3,3,3,1));\r\n\r\n    border-color:rgba(255,208,0,.28);\r\n\r\n    box-shadow:\r\n    0 20px 70px rgba(0,0,0,.55),\r\n    0 0 38px rgba(255,208,0,.08);\r\n}\r\n\r\n.experience-card:hover{\r\n    transform:translateY(-14px);\r\n    border-color:rgba(255,208,0,.35);\r\n\r\n    box-shadow:\r\n    0 0 38px rgba(255,208,0,.1),\r\n    0 25px 80px rgba(0,0,0,.65);\r\n}\r\n\r\n.experience-card::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        115deg,\r\n        transparent,\r\n        rgba(255,208,0,.14),\r\n        rgba(255,255,255,.08),\r\n        transparent\r\n    );\r\n\r\n    opacity:0;\r\n    transform:translateX(-120%);\r\n}\r\n\r\n.experience-card:hover::before{\r\n    opacity:1;\r\n    animation:experienceShine .85s ease both;\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* TEXT *\/\r\n\/* ========================================= *\/\r\n\r\n.experience-card h3{\r\n    color:white;\r\n    max-width:420px;\r\n\r\n    font-size:26px;\r\n    line-height:.95;\r\n    font-weight:800;\r\n    letter-spacing:-1px;\r\n    text-transform:uppercase;\r\n    margin-bottom:16px;\r\n}\r\n\r\n.experience-type{\r\n    display:block;\r\n    color:rgba(255,255,255,.55);\r\n\r\n    font-size:17px;\r\n    letter-spacing:1px;\r\n    text-transform:uppercase;\r\n    margin-bottom:28px;\r\n}\r\n\r\n.experience-arrow{\r\n    position:absolute;\r\n    top:38px;\r\n    right:34px;\r\n    z-index:3;\r\n\r\n    width:58px;\r\n    height:58px;\r\n    border-radius:50%;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    color:#ffd000;\r\n    font-size:30px;\r\n\r\n    border:1px solid rgba(255,208,0,.35);\r\n    background:rgba(255,208,0,.06);\r\n\r\n    transition:.45s ease;\r\n}\r\n\r\n.experience-card:hover .experience-arrow{\r\n    background:#ffd000;\r\n    color:black;\r\n    transform:rotate(45deg) scale(1.08);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* IMAGE *\/\r\n\/* ========================================= *\/\r\n\r\n.experience-image{\r\n    position:absolute;\r\n    left:34px;\r\n    right:34px;\r\n    bottom:34px;\r\n\r\n    height:520px;\r\n    overflow:hidden;\r\n    border-radius:22px;\r\n    background:#000;\r\n}\r\n\r\n.experience-image img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    transform:scale(1.04);\r\n    transition:1s ease;\r\n    animation:experiencePhoto 9s ease-in-out infinite;\r\n}\r\n\r\n.experience-card:hover .experience-image img{\r\n    transform:scale(1.1);\r\n}\r\n\r\n.experience-image::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        transparent 45%,\r\n        rgba(0,0,0,.72)\r\n    );\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* LABEL *\/\r\n\/* ========================================= *\/\r\n\r\n.experience-label{\r\n    position:absolute;\r\n    left:50%;\r\n    bottom:50px;\r\n    z-index:3;\r\n\r\n    transform:translateX(-50%);\r\n\r\n    width:max-content;\r\n    max-width:80%;\r\n\r\n    padding:17px 26px;\r\n    border-radius:18px;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        rgba(255,208,0,1),\r\n        rgba(215,170,0,1)\r\n    );\r\n\r\n    border:1px solid rgba(255,255,255,.12);\r\n\r\n    color:black;\r\n    font-size:14px;\r\n    font-weight:800;\r\n    letter-spacing:1px;\r\n    text-transform:uppercase;\r\n    text-align:center;\r\n\r\n    box-shadow:\r\n    0 0 26px rgba(255,208,0,.28),\r\n    0 10px 30px rgba(0,0,0,.4);\r\n}\r\n\r\n\/* ========================================= *\/\r\n\/* ANIMATIONS *\/\r\n\/* ========================================= *\/\r\n\r\n@keyframes experiencesAmbient{\r\n    0%, 100%{\r\n        opacity:.65;\r\n        transform:scale(1);\r\n    }\r\n\r\n    50%{\r\n        opacity:1;\r\n        transform:scale(1.06);\r\n    }\r\n}\r\n\r\n@keyframes experiencesBadgeIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(-16px) scale(.92);\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 experiencesDot{\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:.6;\r\n    }\r\n}\r\n\r\n@keyframes experiencesTitleIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(34px);\r\n        filter:blur(10px);\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 experienceCardIn{\r\n    0%{\r\n        opacity:0;\r\n        transform:translateY(44px) 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 experienceShine{\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\r\n@keyframes experiencePhoto{\r\n    0%, 100%{\r\n        transform:scale(1.04) translateY(0);\r\n    }\r\n\r\n    50%{\r\n        transform:scale(1.09) translateY(-10px);\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    .experiences-top{\r\n        grid-template-columns:1fr;\r\n        gap:35px;\r\n    }\r\n\r\n    .experiences-top h2{\r\n        text-align:left;\r\n        font-size:62px;\r\n    }\r\n\r\n    .experiences-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .experience-card{\r\n        min-height:680px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:768px){\r\n\r\n    .experiences-section{\r\n        padding:90px 24px;\r\n    }\r\n\r\n    .experiences-top h2{\r\n        font-size:44px;\r\n    }\r\n\r\n    .experience-card{\r\n        min-height:610px;\r\n        padding:26px;\r\n    }\r\n\r\n    .experience-card h3{\r\n        font-size:22px;\r\n        max-width:280px;\r\n    }\r\n\r\n    .experience-image{\r\n        left:26px;\r\n        right:26px;\r\n        bottom:26px;\r\n        height:410px;\r\n    }\r\n\r\n    .experience-label{\r\n        bottom:42px;\r\n        font-size:12px;\r\n        padding:15px 20px;\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>WHO WE ARE MORE THAN EVENTS WE CREATE UNFORGETTABLE EXPERIENCES We create unforgettable live experiences that connect people through music, energy, emotion and world-class entertainment \u2014 from concerts and festivals to exclusive VIP experiences across the United States. EXPLORE EVENTS ABOUT US WE CREATE EXPERIENCES THAT PEOPLE NEVER FORGET. We specialize in organizing, promoting, and [&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-618","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/topeventsonline.com\/es\/wp-json\/wp\/v2\/pages\/618","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=618"}],"version-history":[{"count":118,"href":"https:\/\/topeventsonline.com\/es\/wp-json\/wp\/v2\/pages\/618\/revisions"}],"predecessor-version":[{"id":1919,"href":"https:\/\/topeventsonline.com\/es\/wp-json\/wp\/v2\/pages\/618\/revisions\/1919"}],"wp:attachment":[{"href":"https:\/\/topeventsonline.com\/es\/wp-json\/wp\/v2\/media?parent=618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}