{"id":32,"date":"2020-01-01T15:06:50","date_gmt":"2020-01-01T15:06:50","guid":{"rendered":"http:\/\/localhost\/demo\/?post_type=listing&#038;p=15"},"modified":"2026-03-09T21:35:49","modified_gmt":"2026-03-10T02:35:49","slug":"huracanes-futbol-club","status":"publish","type":"listing","link":"https:\/\/aqifue.com\/en\/listing\/huracanes-futbol-club\/","title":{"rendered":"Huracanes Futbol Club"},"content":{"rendered":"<style>\n    \/* --- FUENTES --- *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;800;900&family=Poppins:wght@300;400;600&display=swap');\n\n    \/* --- ID MAESTRO PARA EVITAR CONFLICTOS DE WORDPRESS --- *\/\n    #huracanes-pro-block {\n        \/* Variables de Identidad *\/\n        --h-gold: #FFD700;\n        --h-green: #009440;\n        --h-black: #111111;\n        --h-dark: #0a0a0a;\n        --h-white: #ffffff;\n        \n        font-family: 'Poppins', sans-serif !important;\n        color: var(--h-black);\n        background-color: var(--h-white);\n        line-height: 1.6;\n        width: 100%;\n        max-width: 100%;\n        overflow-x: hidden;\n        position: relative;\n        text-align: left; \/* Reset alineaci\u00f3n tema *\/\n    }\n\n    \/* Reset agresivo dentro del bloque *\/\n    #huracanes-pro-block * { box-sizing: border-box !important; }\n    #huracanes-pro-block h1, \n    #huracanes-pro-block h2, \n    #huracanes-pro-block h3, \n    #huracanes-pro-block p, \n    #huracanes-pro-block ul, \n    #huracanes-pro-block li {\n        margin-top: 0 !important;\n        margin-bottom: 1em !important;\n    }\n\n    \/* --- CLASES DE ANIMACI\u00d3N (EL MOTOR VISUAL) --- *\/\n    #huracanes-pro-block .reveal-up {\n        opacity: 0;\n        transform: translateY(50px);\n        transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n    }\n    \n    #huracanes-pro-block .reveal-left {\n        opacity: 0;\n        transform: translateX(-50px);\n        transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n    }\n\n    #huracanes-pro-block .reveal-zoom {\n        opacity: 0;\n        transform: scale(0.8);\n        transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n    }\n\n    \/* Estado activo cuando JS lo detecta *\/\n    #huracanes-pro-block .active-anim {\n        opacity: 1 !important;\n        transform: translate(0, 0) scale(1) !important;\n    }\n\n    \/* --- NAVEGACI\u00d3N --- *\/\n    #huracanes-pro-block .h-nav {\n        position: absolute;\n        top: 0; left: 0; width: 100%;\n        padding: 20px 5% !important;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        z-index: 100;\n        background: linear-gradient(to bottom, rgba(0,0,0,0.8), transparent);\n    }\n\n    #huracanes-pro-block .logo-area {\n        display: flex; align-items: center; gap: 15px; text-decoration: none !important;\n    }\n\n    #huracanes-pro-block .logo-circle {\n        width: 60px; height: 60px;\n        background: white; border-radius: 50%;\n        border: 3px solid var(--h-gold);\n        display: flex; justify-content: center; align-items: center;\n        box-shadow: 0 0 20px rgba(255, 215, 0, 0.4);\n        animation: pulse-gold 3s infinite;\n    }\n    \n    @keyframes pulse-gold {\n        0% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0.4); }\n        70% { box-shadow: 0 0 0 10px rgba(255, 215, 0, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(255, 215, 0, 0); }\n    }\n\n    #huracanes-pro-block .logo-text h1 {\n        font-family: 'Montserrat', sans-serif !important;\n        font-weight: 900 !important;\n        color: white !important;\n        margin: 0 !important;\n        line-height: 1 !important;\n        font-size: 1.4rem !important;\n        text-transform: uppercase;\n    }\n\n    \/* Men\u00fa Desktop *\/\n    #huracanes-pro-block .nav-menu { display: flex; gap: 25px; list-style: none !important; margin: 0 !important; padding: 0 !important; }\n    #huracanes-pro-block .nav-menu a {\n        color: white !important; text-decoration: none !important;\n        font-weight: 600 !important; text-transform: uppercase; font-size: 0.9rem !important;\n        position: relative;\n    }\n    #huracanes-pro-block .nav-menu a::after {\n        content: ''; position: absolute; width: 0; height: 2px; bottom: -5px; left: 0;\n        background: var(--h-gold); transition: width 0.3s;\n    }\n    #huracanes-pro-block .nav-menu a:hover::after { width: 100%; }\n\n    \/* --- HERO (PORTADA) --- *\/\n    #huracanes-pro-block .hero-section {\n        height: 90vh; min-height: 600px;\n        \/* IMAGEN DE FONDO (Reemplazar URL si deseas) *\/\n        background: linear-gradient(135deg, rgba(0,0,0,0.9), rgba(0, 148, 64, 0.5)), url('https:\/\/images.unsplash.com\/photo-1517927033932-b3d18e61fb3a?q=80&w=1920&auto=format&fit=crop');\n        background-size: cover !important;\n        background-position: center !important;\n        background-attachment: fixed !important; \/* Efecto Parallax *\/\n        display: flex; flex-direction: column; justify-content: center; align-items: center;\n        text-align: center; color: white; padding: 0 20px !important;\n    }\n\n    #huracanes-pro-block .hero-title {\n        font-family: 'Montserrat', sans-serif !important;\n        font-size: clamp(2.5rem, 6vw, 5rem) !important;\n        font-weight: 900 !important;\n        line-height: 1.1 !important;\n        margin-bottom: 20px !important;\n        text-shadow: 0 10px 30px rgba(0,0,0,0.5);\n    }\n    \n    #huracanes-pro-block .hero-highlight {\n        color: transparent;\n        -webkit-text-stroke: 2px var(--h-gold);\n        position: relative;\n    }\n    #huracanes-pro-block .hero-highlight::before {\n        content: 'HURACANES F.C.'; position: absolute; left: 0; top: 0;\n        color: var(--h-gold); width: 0; overflow: hidden;\n        border-right: 4px solid var(--h-gold);\n        animation: fill-text 3s linear forwards 1s; \/* Animaci\u00f3n de texto *\/\n        white-space: nowrap;\n    }\n\n    @keyframes fill-text { \n        0% { width: 0; } \n        100% { width: 100%; border-right: none; } \n    }\n\n    #huracanes-pro-block .cta-btn {\n        background: var(--h-gold); color: var(--h-black) !important;\n        padding: 15px 40px !important; border-radius: 50px;\n        font-weight: 800 !important; text-transform: uppercase;\n        text-decoration: none !important; font-size: 1rem !important;\n        margin-top: 30px !important; display: inline-block;\n        box-shadow: 0 10px 20px rgba(255, 215, 0, 0.3);\n        transition: transform 0.3s, box-shadow 0.3s;\n    }\n    #huracanes-pro-block .cta-btn:hover {\n        transform: translateY(-5px) scale(1.05);\n        box-shadow: 0 20px 40px rgba(255, 215, 0, 0.5);\n    }\n\n    \/* --- CONTENEDOR GENERAL --- *\/\n    #huracanes-pro-block .h-container {\n        max-width: 1200px !important; margin: 0 auto !important; padding: 80px 20px !important;\n    }\n\n    \/* --- FILOSOF\u00cdA (CARDS) --- *\/\n    #huracanes-pro-block .grid-2 {\n        display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 40px !important;\n    }\n\n    #huracanes-pro-block .philo-card {\n        background: white; padding: 40px !important; border-radius: 20px;\n        box-shadow: 0 15px 40px rgba(0,0,0,0.08);\n        border-top: 5px solid var(--h-green);\n        transition: transform 0.4s ease;\n    }\n    #huracanes-pro-block .philo-card:hover { transform: translateY(-15px); }\n\n    #huracanes-pro-block .philo-icon { font-size: 3rem; margin-bottom: 20px !important; display: block; }\n\n    \/* --- VALORES (Hex\u00e1gonos) --- *\/\n    #huracanes-pro-block .values-row {\n        display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; margin-top: 30px !important;\n    }\n    #huracanes-pro-block .value-pill {\n        background: var(--h-black); color: var(--h-gold);\n        padding: 10px 25px !important; border-radius: 50px;\n        font-weight: 700 !important; text-transform: uppercase;\n        border: 1px solid var(--h-gold);\n        transition: 0.3s; cursor: default;\n    }\n    #huracanes-pro-block .value-pill:hover {\n        background: var(--h-gold); color: var(--h-black); transform: scale(1.1);\n    }\n\n    \/* --- EQUIPO (Estilo Cromo) --- *\/\n    #huracanes-pro-block .section-dark {\n        background-color: var(--h-dark); color: white;\n    }\n    #huracanes-pro-block .team-grid {\n        display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px;\n    }\n    #huracanes-pro-block .team-card {\n        background: #1a1a1a; padding: 25px !important; border-radius: 10px;\n        border: 1px solid #333; text-align: center;\n        transition: 0.3s;\n    }\n    #huracanes-pro-block .team-card:hover { border-color: var(--h-gold); background: #222; }\n    #huracanes-pro-block .team-role { color: var(--h-gold); font-size: 0.8rem !important; text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 5px !important; }\n    #huracanes-pro-block .team-name { color: white; font-weight: 700; font-size: 1.1rem; margin: 0 !important; }\n\n    \/* --- HORARIOS (Tabla Estilizada) --- *\/\n    #huracanes-pro-block .table-container {\n        overflow-x: auto; box-shadow: 0 10px 30px rgba(0,0,0,0.1); border-radius: 15px;\n    }\n    #huracanes-pro-block table {\n        width: 100%; border-collapse: collapse; min-width: 700px; background: white;\n    }\n    #huracanes-pro-block th {\n        background: var(--h-green); color: white; padding: 18px !important; text-transform: uppercase; font-size: 0.9rem;\n    }\n    #huracanes-pro-block td {\n        padding: 15px !important; border-bottom: 1px solid #eee; text-align: center; font-size: 0.9rem; color: #555;\n    }\n    #huracanes-pro-block tr:hover td { background: #f0fff4; color: black; }\n    #huracanes-pro-block .loc-tag {\n        display: inline-block; background: #eee; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; font-weight: 700; margin-bottom: 5px;\n    }\n\n    \/* --- TIENDA (Efecto Zoom) --- *\/\n \/* Estilos para que las im\u00e1genes se vean completas y uniformes *\/\n    #huracanes-pro-block .gallery-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 15px;\n        padding: 20px 0;\n    }\n\n    #huracanes-pro-block .gallery-item {\n        position: relative;\n        height: 300px; \/* Altura fija para orden *\/\n        border-radius: 12px;\n        overflow: hidden;\n        cursor: pointer;\n        background: #000;\n    }\n\n    #huracanes-pro-block .gallery-item img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover; \/* Esto las hace ver bien en el grid *\/\n        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    #huracanes-pro-block .gallery-item:hover img {\n        transform: scale(1.1);\n        opacity: 0.8;\n    }\n\n    \/* Indicador de \"Ampliar\" *\/\n    #huracanes-pro-block .gallery-item::after {\n        content: '\\f00e'; \/* Icono font-awesome *\/\n        font-family: \"Font Awesome 5 Free\";\n        font-weight: 900;\n        position: absolute;\n        top: 50%; left: 50%;\n        transform: translate(-50%, -50%);\n        color: white;\n        font-size: 2rem;\n        opacity: 0;\n        transition: 0.3s;\n        z-index: 2;\n    }\n    #huracanes-pro-block .gallery-item:hover::after { opacity: 1; }\n\n    \/* Estilos del Modal (Lightbox) *\/\n    .h-lightbox {\n        display: none;\n        position: fixed;\n        z-index: 999999;\n        top: 0; left: 0;\n        width: 100%; height: 100%;\n        background: rgba(0,0,0,0.95);\n        justify-content: center;\n        align-items: center;\n        user-select: none;\n    }\n\n    .h-lightbox.active { display: flex; }\n\n    .h-lightbox-content {\n        max-width: 90%;\n        max-height: 80%;\n        position: relative;\n    }\n\n    .h-lightbox-img {\n        max-width: 100%;\n        max-height: 85vh;\n        border-radius: 4px;\n        box-shadow: 0 0 30px rgba(0,0,0,0.5);\n        animation: zoomIn 0.3s ease;\n    }\n\n    @keyframes zoomIn {\n        from { transform: scale(0.8); opacity: 0; }\n        to { transform: scale(1); opacity: 1; }\n    }\n\n    \/* Botones del Carrusel *\/\n    .h-lb-btn {\n        position: absolute;\n        background: rgba(255,255,255,0.1);\n        color: white;\n        border: none;\n        padding: 20px;\n        cursor: pointer;\n        font-size: 2rem;\n        transition: 0.3s;\n        border-radius: 50%;\n        width: 60px; height: 60px;\n        display: flex; justify-content: center; align-items: center;\n    }\n    .h-lb-btn:hover { background: var(--h-gold); color: black; }\n    \n    .h-lb-prev { left: 20px; }\n    .h-lb-next { right: 20px; }\n    .h-lb-close { top: 20px; right: 20px; background: none; font-size: 3rem; }\n\n    @media (max-width: 768px) {\n        .h-lb-btn { padding: 10px; width: 45px; height: 45px; font-size: 1.2rem; }\n    }\n\n    \/* --- FOOTER --- *\/\n    #huracanes-pro-block .h-footer {\n        background: var(--h-black); color: white; text-align: center; padding: 50px 20px !important;\n        border-top: 4px solid var(--h-gold);\n    }\n\n    \/* Responsive adjustments *\/\n    @media (max-width: 768px) {\n        #huracanes-pro-block .hero-title { font-size: 3rem !important; }\n        #huracanes-pro-block .nav-menu { display: none; } \/* Ocultar men\u00fa en m\u00f3vil para simplificar demo *\/\n    }\n\n<\/style>\n\n<div id=\"huracanes-pro-block\">\n\n   <nav class=\"h-nav\">\n    <a href=\"#\" class=\"logo-area\">\n        \n        <img decoding=\"async\" \n            src=\"http:\/\/aqifue.com\/wp-content\/uploads\/2020\/01\/613002775_18336343528210447_7023968467044323918_n-300x300.jpg\" \n            alt=\"Logo Huracanes\"\n            style=\"width: 50px; height: 50px; border-radius: 50%; object-fit: cover; margin-right: 10px;\"\n        >\n        <div class=\"logo-text\">\n            <h1>Huracanes<br><span style=\"color:var(--h-gold); font-size:0.8em;\">F.C.<\/span><\/h1>\n        <\/div>\n    <\/a>\n<\/nav>\n        <\/a>\n        <ul class=\"nav-menu\">\n            <li><a href=\"#club\">El Club<\/a><\/li>\n            <li><a href=\"#equipo\">Equipo<\/a><\/li>\n            <li><a href=\"#horarios\">Horarios<\/a><\/li>\n            <li><a href=\"#tienda\">Tienda<\/a><\/li>\n        <\/ul>\n    <\/nav>\n\n    <div class=\"hero-section\">\n        <h2 class=\"hero-title reveal-up\">CORPORACI\u00d3N<br><span class=\"hero-highlight\">HURACANES F.C.<\/span><\/h2>\n        <p class=\"reveal-up\" style=\"font-size: 1.2rem; max-width: 600px; margin: 0 auto !important; opacity: 0.9;\">\n            Formando deportistas integrales con proyecci\u00f3n al alto rendimiento desde 2007. M\u00e1s que un club, una familia.\n        <\/p>\n        <div class=\"reveal-up\" style=\"margin-top: 20px;\">\n            <a href=\"https:\/\/wa.me\/573175106019\" class=\"cta-btn\">\ud83d\udd25 Unirse al Equipo<\/a>\n        <\/div>\n    <\/div>\n\n    <section class=\"h-container\" id=\"club\">\n        <div style=\"text-align: center; margin-bottom: 50px;\" class=\"reveal-up\">\n            <h2 style=\"font-family: 'Montserrat'; font-weight:800; text-transform:uppercase;\">Nuestra Esencia<\/h2>\n            <div style=\"width: 80px; height: 5px; background: var(--h-green); margin: 0 auto !important;\"><\/div>\n        <\/div>\n\n        <div class=\"grid-2\">\n            <div class=\"philo-card reveal-left\">\n                <span class=\"philo-icon\">\ud83c\udfc6<\/span>\n                <h3 style=\"font-weight: 800; margin-bottom: 15px !important;\">MISI\u00d3N<\/h3>\n                <p>Somos una corporaci\u00f3n deportiva que forma deportistas integrales con proyecci\u00f3n al alto rendimiento y f\u00fatbol profesional; a trav\u00e9s de una metodolog\u00eda llevada a cabo por profesionales.<\/p>\n            <\/div>\n            <div class=\"philo-card reveal-left\" style=\"border-top-color: var(--h-gold); transition-delay: 0.2s;\">\n                <span class=\"philo-icon\">\ud83d\udd2d<\/span>\n                <h3 style=\"font-weight: 800; margin-bottom: 15px !important;\">VISI\u00d3N 2030<\/h3>\n                <p>Para el a\u00f1o 2030, Huracanes F.C. ser\u00e1 un referente en el f\u00fatbol profesional y formativo, contando con infraestructura propia para todas las categor\u00edas.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"values-row reveal-zoom\">\n            <div class=\"value-pill\">Respeto<\/div>\n            <div class=\"value-pill\">Pertenencia<\/div>\n            <div class=\"value-pill\">Disciplina<\/div>\n            <div class=\"value-pill\">Responsabilidad<\/div>\n            <div class=\"value-pill\">Honestidad<\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"section-dark\" id=\"equipo\">\n        <div class=\"h-container\">\n            <div style=\"text-align: center; margin-bottom: 50px;\" class=\"reveal-up\">\n                <h2 style=\"font-family: 'Montserrat'; font-weight:800; text-transform:uppercase; color: white !important;\">Staff Profesional<\/h2>\n                <div style=\"width: 80px; height: 5px; background: var(--h-gold); margin: 0 auto !important;\"><\/div>\n            <\/div>\n\n            <div class=\"team-grid\">\n                <div class=\"team-card reveal-up\">\n                    <span class=\"team-role\">Presidente<\/span>\n                    <h4 class=\"team-name\">Leonardo Arag\u00f3n<\/h4>\n                <\/div>\n                <div class=\"team-card reveal-up\" style=\"transition-delay: 0.1s;\">\n                    <span class=\"team-role\">Administrativa<\/span>\n                    <h4 class=\"team-name\">Diana Agudelo<\/h4>\n                <\/div>\n                <div class=\"team-card reveal-up\" style=\"transition-delay: 0.2s;\">\n                    <span class=\"team-role\">Deportiva<\/span>\n                    <h4 class=\"team-name\">Elberth Ibarguen<\/h4>\n                <\/div>\n                <div class=\"team-card reveal-up\" style=\"transition-delay: 0.3s;\">\n                    <span class=\"team-role\">Psicolog\u00eda<\/span>\n                    <h4 class=\"team-name\">Sebasti\u00e1n Aguilar<\/h4>\n                <\/div>\n                <div class=\"team-card reveal-up\" style=\"transition-delay: 0.4s;\">\n                    <span class=\"team-role\">Contador<\/span>\n                    <h4 class=\"team-name\">Javier V\u00e9lez<\/h4>\n                <\/div>\n                <div class=\"team-card reveal-up\" style=\"transition-delay: 0.5s;\">\n                    <span class=\"team-role\">Entrenador<\/span>\n                    <h4 class=\"team-name\">Cristian Garz\u00f3n<\/h4>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"h-container\" id=\"horarios\">\n        <h2 class=\"reveal-up\" style=\"text-align:center; font-weight:800; text-transform:uppercase; margin-bottom:40px !important;\">Cronograma de Entrenamiento<\/h2>\n        \n        <div class=\"table-container reveal-zoom\">\n            <table>\n                <thead>\n                    <tr>\n                        <th>Lunes<\/th>\n                        <th>Martes<\/th>\n                        <th>Mi\u00e9rcoles<\/th>\n                        <th>Jueves<\/th>\n                        <th>Viernes<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody>\n                    <tr>\n                        <td><span class=\"loc-tag\">La L\u00f3pez<\/span><br>02:00pm<br>Gimnasio<\/td>\n                        <td><span class=\"loc-tag\">Cristo Rey<\/span><br>12:00pm<br>Tensi\u00f3n<\/td>\n                        <td><span class=\"loc-tag\">Floresta<\/span><br>08:00pm<br>Duraci\u00f3n<\/td>\n                        <td><span class=\"loc-tag\">Cristo Rey<\/span><br>12:00pm<br>Velocidad<\/td>\n                        <td><span class=\"loc-tag\">La L\u00f3pez<\/span><br>02:00pm<br>Descanso<\/td>\n                    <\/tr>\n                    <tr>\n                        <td><span class=\"loc-tag\">La L\u00f3pez<\/span><br>04:00pm<br>Gimnasio<\/td>\n                        <td><span class=\"loc-tag\">La L\u00f3pez<\/span><br>02:00pm<br>Gimnasio<\/td>\n                        <td><span class=\"loc-tag\">La L\u00f3pez<\/span><br>04:00pm<br>Gimnasio<\/td>\n                        <td><span class=\"loc-tag\">La L\u00f3pez<\/span><br>02:00pm<br>Gimnasio<\/td>\n                        <td><span class=\"loc-tag\">La L\u00f3pez<\/span><br>06:00am<br>Descanso<\/td>\n                    <\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n    <\/section>\n\n   <section class=\"h-container\" id=\"galeria\">\n    <div style=\"text-align: center; margin-bottom: 40px;\" class=\"reveal-up\">\n        <h2 style=\"font-family: 'Montserrat'; font-weight:800; text-transform:uppercase;\">Galer\u00eda Huracanes<\/h2>\n        <div style=\"width: 80px; height: 5px; background: var(--h-gold); margin: 0 auto !important;\"><\/div>\n    <\/div>\n\n    <div class=\"gallery-grid\">\n        <div class=\"gallery-item reveal-up\" onclick=\"openLightbox(0)\">\n            <img decoding=\"async\" src=\"http:\/\/aqifue.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-03-at-9.24.31-PM.jpeg\" alt=\"Partido 1\">\n        <\/div>\n        <div class=\"gallery-item reveal-up\" onclick=\"openLightbox(1)\" style=\"transition-delay: 0.1s;\">\n            <img decoding=\"async\" src=\"http:\/\/aqifue.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-03-at-9.24.30-PM.jpeg\" alt=\"Entrenamiento\">\n        <\/div>\n        <div class=\"gallery-item reveal-up\" onclick=\"openLightbox(2)\" style=\"transition-delay: 0.2s;\">\n            <img decoding=\"async\" src=\"http:\/\/aqifue.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-03-at-9.24.30-PM-1.jpeg\" alt=\"Equipo\">\n        <\/div>\n        <div class=\"gallery-item reveal-up\" onclick=\"openLightbox(3)\" style=\"transition-delay: 0.3s;\">\n            <img decoding=\"async\" src=\"http:\/\/aqifue.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-03-at-9.24.29-PM.jpeg\" alt=\"Gol\">\n        <\/div>\n    <\/div>\n<\/section>\n\n<div id=\"customLightbox\" class=\"h-lightbox\">\n    <button class=\"h-lb-btn h-lb-close\" onclick=\"closeLightbox()\">&times;<\/button>\n    <button class=\"h-lb-btn h-lb-prev\" onclick=\"changeSlide(-1)\">&#10094;<\/button>\n    \n    <div class=\"h-lightbox-content\">\n        <img decoding=\"async\" id=\"lightboxImg\" class=\"h-lightbox-img\" src=\"\" alt=\"Ampliada\">\n    <\/div>\n\n    <button class=\"h-lb-btn h-lb-next\" onclick=\"changeSlide(1)\">&#10095;<\/button>\n<\/div>\n\n<script>\n    let currentImgIdx = 0;\n    const images = [\n        \"http:\/\/aqifue.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-03-at-9.24.31-PM.jpeg\",\n        \"http:\/\/aqifue.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-03-at-9.24.30-PM.jpeg\",\n        \"http:\/\/aqifue.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-03-at-9.24.30-PM-1.jpeg\",\n        \"http:\/\/aqifue.com\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-03-at-9.24.29-PM.jpeg\"\n    ];\n\n    function openLightbox(idx) {\n        currentImgIdx = idx;\n        document.getElementById('lightboxImg').src = images[currentImgIdx];\n        document.getElementById('customLightbox').classList.add('active');\n        document.body.style.overflow = 'hidden'; \/\/ Evita scroll de fondo\n    }\n\n    function closeLightbox() {\n        document.getElementById('customLightbox').classList.remove('active');\n        document.body.style.overflow = 'auto';\n    }\n\n    function changeSlide(direction) {\n        currentImgIdx += direction;\n        if (currentImgIdx >= images.length) currentImgIdx = 0;\n        if (currentImgIdx < 0) currentImgIdx = images.length - 1;\n        \n        \/\/ Efecto suave de cambio\n        const img = document.getElementById('lightboxImg');\n        img.style.opacity = '0';\n        setTimeout(() => {\n            img.src = images[currentImgIdx];\n            img.style.opacity = '1';\n        }, 150);\n    }\n\n    \/\/ Cerrar con tecla ESC o flechas teclado\n    document.addEventListener('keydown', (e) => {\n        if (!document.getElementById('customLightbox').classList.contains('active')) return;\n        if (e.key === \"Escape\") closeLightbox();\n        if (e.key === \"ArrowRight\") changeSlide(1);\n        if (e.key === \"ArrowLeft\") changeSlide(-1);\n    });\n<\/script>\n\n    <footer class=\"h-footer\">\n        <h2 style=\"font-family:'Montserrat'; margin-bottom:10px !important; color:white !important;\">HURACANES F.C.<\/h2>\n        <p style=\"color:#aaa !important;\">Pasi\u00f3n, Disciplina y Gloria.<\/p>\n        <p style=\"font-size:0.8rem; opacity:0.5;\">&copy; 2026 Todos los derechos reservados.<\/p>\n<nav class=\"h-nav\">\n    <a href=\"#\" class=\"logo-area\">\n        \n        <img decoding=\"async\" \n            src=\"http:\/\/aqifue.com\/wp-content\/uploads\/2020\/01\/613002775_18336343528210447_7023968467044323918_n-300x300.jpg\" \n            alt=\"Logo Huracanes\"\n            style=\"width: 50px; height: 50px; border-radius: 50%; object-fit: cover; margin-right: 10px;\"\n        >\n        <div class=\"logo-text\">\n            <h1>Huracanes<br><span style=\"color:var(--h-gold); font-size:0.8em;\">F.C.<\/span><\/h1>\n        <\/div>\n    <\/a>\n<\/nav>\n    <\/footer>\n\n<\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        \/\/ Seleccionamos todos los elementos que tienen clases de animaci\u00f3n\n        const animatedElements = document.querySelectorAll('#huracanes-pro-block .reveal-up, #huracanes-pro-block .reveal-left, #huracanes-pro-block .reveal-zoom');\n\n        \/\/ Creamos un \"Observador\" que detecta cuando los elementos entran en pantalla\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    \/\/ Si el elemento es visible, le agregamos la clase 'active-anim'\n                    entry.target.classList.add('active-anim');\n                }\n            });\n        }, {\n            threshold: 0.15 \/\/ Se activa cuando el 15% del elemento es visible\n        });\n\n        \/\/ Ponemos el observador a vigilar cada elemento\n        animatedElements.forEach(el => observer.observe(el));\n    });\n<\/script>","protected":false},"author":1,"featured_media":26979,"comment_status":"closed","ping_status":"closed","template":"","listing-category":[171],"list-tags":[12,24,58,74,112,157],"location":[167],"class_list":["post-32","listing","type-listing","status-publish","has-post-thumbnail","hentry","listing-category-recreacion","list-tags-accepts-credit-cards","list-tags-art-galleries","list-tags-cultural-center","list-tags-festivals-music","list-tags-parking","list-tags-venues-street","location-medellin"],"cubewp_post_meta":[],"taxonomies":["Recreaci\u00f3n","Accepts Credit cards","Art Galleries","Cultural Center","Festivals Music","Parking","Venues Street","Medell\u00edn"],"_links":{"self":[{"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/listing\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/listing"}],"about":[{"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/types\/listing"}],"author":[{"embeddable":true,"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/comments?post=32"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/media\/26979"}],"wp:attachment":[{"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/media?parent=32"}],"wp:term":[{"taxonomy":"listing-category","embeddable":true,"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/listing-category?post=32"},{"taxonomy":"list-tags","embeddable":true,"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/list-tags?post=32"},{"taxonomy":"location","embeddable":true,"href":"https:\/\/aqifue.com\/en\/wp-json\/wp\/v2\/location?post=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}