{"id":10,"date":"2026-05-10T17:53:17","date_gmt":"2026-05-10T22:53:17","guid":{"rendered":"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/?page_id=10"},"modified":"2026-05-10T18:59:30","modified_gmt":"2026-05-10T23:59:30","slug":"titanstrengthgym","status":"publish","type":"page","link":"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/","title":{"rendered":"Titanstrengthgym"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ece58b2 e-con-full e-flex e-con e-parent\" data-id=\"ece58b2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aca1a58 elementor-widget elementor-widget-html\" data-id=\"aca1a58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Estilos exclusivos para el navbar *\/\n  .titan-navbar {\n    background: rgba(28, 28, 28, 0.95);\n    backdrop-filter: blur(12px);\n    border-bottom: 1px solid rgba(255, 102, 0, 0.3);\n    padding: 0.8rem 2rem;\n    position: sticky;\n    top: 0;\n    z-index: 1000;\n    width: 100%;\n  }\n  .nav-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    gap: 1rem;\n  }\n  .nav-logo {\n    display: flex;\n    align-items: center;\n  }\n  .nav-logo img {\n    height: 80px;  \/* Tama\u00f1o aumentado *\/\n    width: auto;\n    object-fit: contain;\n    filter: drop-shadow(0 0 4px rgba(255,102,0,0.4));\n    transition: transform 0.2s ease;\n  }\n  .nav-logo img:hover {\n    transform: scale(1.02);\n  }\n  .nav-menu {\n    display: flex;\n    align-items: center;\n    gap: 2rem;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .nav-menu li a {\n    color: #FFFFFF;\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 1rem;\n    letter-spacing: 0.5px;\n    transition: all 0.2s;\n    position: relative;\n    padding: 0.5rem 0;\n    font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\n  }\n  .nav-menu li a::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 0%;\n    height: 2px;\n    background: #FF6600;\n    transition: width 0.25s ease;\n  }\n  .nav-menu li a:hover {\n    color: #FF6600;\n  }\n  .nav-menu li a:hover::after {\n    width: 100%;\n  }\n  .btn-cta-nav {\n    background: #FF6600;\n    color: #1C1C1C;\n    font-weight: 800;\n    padding: 0.65rem 1.5rem;\n    border-radius: 40px;\n    text-decoration: none;\n    font-size: 0.9rem;\n    letter-spacing: 0.8px;\n    transition: all 0.25s;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    border: none;\n    cursor: pointer;\n    box-shadow: 0 0 6px rgba(255,102,0,0.4);\n    font-family: inherit;\n  }\n  .btn-cta-nav i {\n    font-size: 1rem;\n  }\n  .btn-cta-nav:hover {\n    background: #FF8833;\n    transform: translateY(-2px);\n    box-shadow: 0 0 18px rgba(255,102,0,0.6);\n    color: #1C1C1C;\n  }\n  .hamburger {\n    display: none;\n    flex-direction: column;\n    cursor: pointer;\n    gap: 5px;\n    background: transparent;\n    border: none;\n  }\n  .hamburger span {\n    width: 28px;\n    height: 3px;\n    background: #FF6600;\n    border-radius: 20px;\n    transition: all 0.3s;\n  }\n  @media (max-width: 900px) {\n    .titan-navbar {\n      padding: 0.8rem 1.5rem;\n    }\n    .nav-logo img {\n      height: 60px; \/* En mobile tambi\u00e9n un poco m\u00e1s grande que antes *\/\n    }\n    .hamburger {\n      display: flex;\n    }\n    .nav-menu {\n      position: fixed;\n      top: 70px;\n      left: -100%;\n      flex-direction: column;\n      background: #111111ee;\n      backdrop-filter: blur(20px);\n      width: 80%;\n      height: calc(100vh - 70px);\n      gap: 2rem;\n      padding: 3rem 1rem;\n      transition: left 0.3s ease;\n      box-shadow: 4px 0 20px rgba(0,0,0,0.6);\n      border-right: 2px solid #FF6600;\n      align-items: flex-start;\n      z-index: 999;\n    }\n    .nav-menu.active {\n      left: 0;\n    }\n    .nav-menu li {\n      width: 100%;\n    }\n    .nav-menu li a {\n      display: block;\n      font-size: 1.4rem;\n      padding: 0.6rem 0;\n    }\n    .btn-cta-nav {\n      margin-top: 1rem;\n      align-self: flex-start;\n    }\n  }\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\n<nav class=\"titan-navbar\">\n  <div class=\"nav-container\">\n    <a href=\"#\" class=\"nav-logo\">\n      <img decoding=\"async\" src=\"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-content\/uploads\/sites\/9\/2026\/05\/Gemini_Generated_Image_39n76339n76339n7-removebg-preview.png\" alt=\"Titan Strength Gym\">\n    <\/a>\n    <ul class=\"nav-menu\" id=\"navMenu\">\n      <li><a href=\"#\">INICIO<\/a><\/li>\n      <li><a href=\"#\">PLANES<\/a><\/li>\n      <li><a href=\"#\">BENEFICIOS<\/a><\/li>\n      <li><a href=\"#\">INSTALACIONES<\/a><\/li>\n      <li><a href=\"#\">ENTRENADORES<\/a><\/li>\n      <li><a href=\"#\">CONTACTO<\/a><\/li>\n      <li><a href=\"#\" class=\"btn-cta-nav\" id=\"mobileCtaPlaceholder\" style=\"display: none;\"><i class=\"fas fa-dumbbell\"><\/i> EMPIEZA YA<\/a><\/li>\n    <\/ul>\n    <a href=\"#\" class=\"btn-cta-nav desktop-cta\"><i class=\"fas fa-bolt\"><\/i> EMPIEZA YA<\/a>\n    <button class=\"hamburger\" id=\"hamburgerBtn\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/button>\n  <\/div>\n<\/nav>\n\n<script>\n  (function() {\n    const hamburger = document.getElementById('hamburgerBtn');\n    const navMenu = document.getElementById('navMenu');\n    const desktopCta = document.querySelector('.desktop-cta');\n    const mobileCta = document.getElementById('mobileCtaPlaceholder');\n\n    if (hamburger && navMenu) {\n      hamburger.addEventListener('click', function() {\n        navMenu.classList.toggle('active');\n        const spans = hamburger.querySelectorAll('span');\n        if (navMenu.classList.contains('active')) {\n          spans[0].style.transform = 'rotate(45deg) translate(5px, 5px)';\n          spans[1].style.opacity = '0';\n          spans[2].style.transform = 'rotate(-45deg) translate(5px, -5px)';\n        } else {\n          spans[0].style.transform = 'none';\n          spans[1].style.opacity = '1';\n          spans[2].style.transform = 'none';\n        }\n      });\n    }\n\n    function handleResponsive() {\n      if (window.innerWidth <= 900) {\n        if (desktopCta) desktopCta.style.display = 'none';\n        if (mobileCta) mobileCta.style.display = 'flex';\n      } else {\n        if (desktopCta) desktopCta.style.display = 'inline-flex';\n        if (mobileCta) mobileCta.style.display = 'none';\n      }\n    }\n    window.addEventListener('resize', handleResponsive);\n    handleResponsive();\n\n    document.querySelectorAll('.btn-cta-nav').forEach(btn => {\n      btn.addEventListener('click', (e) => e.preventDefault());\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8feeca1 e-con-full e-flex e-con e-parent\" data-id=\"8feeca1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-963d478 elementor-widget elementor-widget-html\" data-id=\"963d478\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Hero Section - TITAN STRENGTH GYM (fondo full con overlay) *\/\n  .titan-hero {\n    position: relative;\n    background-image: url('https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-content\/uploads\/sites\/9\/2026\/05\/Hero-Gym-scaled.png');\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n    min-height: 90vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\n  }\n  \/* Overlay oscuro para mejorar legibilidad del texto *\/\n  .titan-hero::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.65);\n    backdrop-filter: brightness(0.8);\n  }\n  .hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 900px;\n    padding: 2rem;\n    color: white;\n  }\n  .hero-badge {\n    display: inline-block;\n    background: rgba(255, 102, 0, 0.25);\n    backdrop-filter: blur(4px);\n    padding: 0.4rem 1.2rem;\n    border-radius: 40px;\n    font-size: 0.8rem;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    color: #FFCC00;\n    border: 1px solid rgba(255, 102, 0, 0.6);\n    margin-bottom: 1.5rem;\n    text-transform: uppercase;\n  }\n  .hero-content h1 {\n    font-size: 4rem;\n    font-weight: 800;\n    line-height: 1.2;\n    margin-bottom: 1rem;\n    background: linear-gradient(135deg, #FFFFFF, #FFCC00);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    text-shadow: 0 2px 10px rgba(0,0,0,0.3);\n  }\n  .hero-content p {\n    font-size: 1.2rem;\n    color: #E0E0E0;\n    margin-bottom: 2rem;\n    max-width: 650px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  .hero-buttons {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1.2rem;\n    justify-content: center;\n  }\n  .btn-primary {\n    background: #FF6600;\n    color: #1C1C1C;\n    font-weight: 800;\n    padding: 0.9rem 2.2rem;\n    border-radius: 50px;\n    text-decoration: none;\n    font-size: 1rem;\n    letter-spacing: 1px;\n    transition: all 0.25s;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    border: none;\n    cursor: pointer;\n    box-shadow: 0 0 10px rgba(255, 102, 0, 0.5);\n    font-family: inherit;\n  }\n  .btn-primary i {\n    font-size: 1.1rem;\n  }\n  .btn-primary:hover {\n    background: #FF8833;\n    transform: translateY(-3px);\n    box-shadow: 0 0 25px rgba(255, 102, 0, 0.8);\n  }\n  .btn-outline {\n    background: transparent;\n    border: 2px solid #FF6600;\n    color: #FF6600;\n    font-weight: 700;\n    padding: 0.9rem 2.2rem;\n    border-radius: 50px;\n    text-decoration: none;\n    font-size: 1rem;\n    transition: all 0.25s;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n    font-family: inherit;\n    backdrop-filter: blur(2px);\n  }\n  .btn-outline:hover {\n    background: rgba(255, 102, 0, 0.15);\n    transform: translateY(-2px);\n    box-shadow: 0 0 15px rgba(255, 102, 0, 0.4);\n    border-color: #FFCC00;\n    color: #FFCC00;\n  }\n  @media (max-width: 768px) {\n    .titan-hero {\n      min-height: 85vh;\n    }\n    .hero-content h1 {\n      font-size: 2.5rem;\n    }\n    .hero-content p {\n      font-size: 1rem;\n    }\n    .hero-buttons {\n      flex-direction: column;\n      align-items: center;\n    }\n    .btn-primary, .btn-outline {\n      width: 80%;\n      justify-content: center;\n    }\n  }\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\n<section class=\"titan-hero\">\n  <div class=\"hero-content\">\n    <span class=\"hero-badge\"><i class=\"fas fa-bolt\"><\/i>  FUERZA \u00b7 DISCIPLINA \u00b7 EVOLUCI\u00d3N<\/span>\n    <h1>ENTRENA COMO UN <span style=\"color:#FFCC00;\">TIT\u00c1N<\/span><\/h1>\n    <p>Equipamiento premium, entrenadores de \u00e9lite y la comunidad m\u00e1s fuerte. Potencia tu mejor versi\u00f3n.<\/p>\n    <div class=\"hero-buttons\">\n      <a href=\"#\" class=\"btn-primary\"><i class=\"fas fa-dumbbell\"><\/i> EMPIEZA AHORA<\/a>\n      <a href=\"#\" class=\"btn-outline\"><i class=\"fas fa-play\"><\/i> VER CLASES<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  \/\/ Simulaci\u00f3n de clics (solo UI de portafolio)\n  document.querySelectorAll('.titan-hero .btn-primary, .titan-hero .btn-outline').forEach(btn => {\n    btn.addEventListener('click', (e) => {\n      e.preventDefault();\n      alert('\u26a1 TITAN STRENGTH GYM \u2014 Hero listo para integrar (simulaci\u00f3n)');\n    });\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-add9409 e-con-full e-flex e-con e-parent\" data-id=\"add9409\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd0d51b elementor-widget elementor-widget-html\" data-id=\"dd0d51b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Bloque Planes Titan - Ecommerce simulado (COP) *\/\n  .titan-plans {\n    background: #1C1C1C;\n    padding: 5rem 2rem;\n    font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\n  }\n  .plans-container {\n    max-width: 1400px;\n    margin: 0 auto;\n  }\n  .section-header {\n    text-align: center;\n    margin-bottom: 3rem;\n  }\n  .section-header h2 {\n    font-size: 2.8rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #FFFFFF, #FFCC00);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin-bottom: 0.5rem;\n  }\n  .section-header p {\n    color: #E0E0E0;\n    font-size: 1.1rem;\n  }\n  .plans-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 2rem;\n  }\n  .plan-card {\n    background: rgba(28, 28, 28, 0.9);\n    backdrop-filter: blur(4px);\n    border: 1px solid rgba(255, 102, 0, 0.3);\n    border-radius: 24px;\n    padding: 2rem 1.8rem;\n    width: 280px;\n    transition: all 0.3s ease;\n    box-shadow: 0 10px 20px rgba(0,0,0,0.4);\n    text-align: center;\n    animation: fadeInUp 0.6s ease backwards;\n  }\n  .plan-card:nth-child(1) { animation-delay: 0.1s; }\n  .plan-card:nth-child(2) { animation-delay: 0.2s; }\n  .plan-card:nth-child(3) { animation-delay: 0.3s; }\n  .plan-card:nth-child(4) { animation-delay: 0.4s; }\n  .plan-card:hover {\n    transform: translateY(-8px);\n    border-color: #FF6600;\n    box-shadow: 0 0 25px rgba(255, 102, 0, 0.6);\n  }\n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  .plan-icon {\n    font-size: 3rem;\n    color: #FF6600;\n    margin-bottom: 1rem;\n  }\n  .plan-title {\n    font-size: 1.6rem;\n    font-weight: 800;\n    color: white;\n    margin-bottom: 0.5rem;\n  }\n  .plan-price {\n    font-size: 1.8rem;\n    font-weight: 800;\n    color: #FFCC00;\n    margin: 1rem 0;\n  }\n  .plan-price span {\n    font-size: 0.8rem;\n    color: #aaa;\n    font-weight: 400;\n  }\n  .plan-benefits {\n    list-style: none;\n    padding: 0;\n    margin: 1.5rem 0;\n    text-align: left;\n  }\n  .plan-benefits li {\n    color: #E0E0E0;\n    padding: 0.5rem 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 0.85rem;\n  }\n  .plan-benefits li i {\n    color: #FF6600;\n    width: 20px;\n  }\n  .duration-selector {\n    background: #2a2a2a;\n    border-radius: 50px;\n    display: inline-flex;\n    padding: 0.25rem;\n    margin: 1rem 0;\n  }\n  .duration-btn {\n    background: transparent;\n    border: none;\n    color: white;\n    padding: 0.4rem 0.8rem;\n    border-radius: 40px;\n    font-weight: 600;\n    font-size: 0.75rem;\n    cursor: pointer;\n    transition: all 0.2s;\n    font-family: inherit;\n  }\n  .duration-btn.active {\n    background: #FF6600;\n    color: #1C1C1C;\n    box-shadow: 0 0 8px #FF6600;\n  }\n  .duration-btn:hover:not(.active) {\n    background: rgba(255,102,0,0.3);\n  }\n  .btn-buy {\n    background: #FF6600;\n    color: #1C1C1C;\n    font-weight: 800;\n    padding: 0.7rem 1rem;\n    border-radius: 40px;\n    border: none;\n    width: 100%;\n    font-size: 0.9rem;\n    cursor: pointer;\n    transition: all 0.25s;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    margin-top: 1rem;\n    font-family: inherit;\n    box-shadow: 0 0 6px rgba(255,102,0,0.4);\n  }\n  .btn-buy:hover {\n    background: #FF8833;\n    transform: translateY(-2px);\n    box-shadow: 0 0 18px rgba(255,102,0,0.7);\n  }\n  @media (max-width: 1200px) {\n    .plan-card {\n      width: 300px;\n    }\n  }\n  @media (max-width: 900px) {\n    .titan-plans {\n      padding: 3rem 1rem;\n    }\n    .plan-card {\n      width: 100%;\n      max-width: 350px;\n    }\n    .section-header h2 {\n      font-size: 2rem;\n    }\n  }\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\n<section class=\"titan-plans\">\n  <div class=\"plans-container\">\n    <div class=\"section-header\">\n      <h2>\ud83d\udd25 PLANES TITAN<\/h2>\n      <p>Elige tu camino a la fuerza. Precios en COP con descuentos por duraci\u00f3n.<\/p>\n    <\/div>\n    <div class=\"plans-grid\">\n      <!-- Plan START -->\n      <div class=\"plan-card\" data-plan=\"start\" data-base=\"89000\">\n        <div class=\"plan-icon\"><i class=\"fas fa-seedling\"><\/i><\/div>\n        <h3 class=\"plan-title\">START<\/h3>\n        <div class=\"plan-price\" id=\"price-start\">$89.000<span>\/mes<\/span><\/div>\n        <ul class=\"plan-benefits\">\n          <li><i class=\"fas fa-check-circle\"><\/i> Acceso sala de musculaci\u00f3n<\/li>\n          <li><i class=\"fas fa-check-circle\"><\/i> Horario fijo (6am - 8pm)<\/li>\n          <li><i class=\"fas fa-check-circle\"><\/i> Evaluaci\u00f3n f\u00edsica inicial<\/li>\n        <\/ul>\n        <div class=\"duration-selector\">\n          <button class=\"duration-btn\" data-plan=\"start\" data-months=\"1\">1 mes<\/button>\n          <button class=\"duration-btn\" data-plan=\"start\" data-months=\"3\">3 meses<\/button>\n          <button class=\"duration-btn\" data-plan=\"start\" data-months=\"12\">12 meses<\/button>\n        <\/div>\n        <button class=\"btn-buy\" data-plan=\"start\"><i class=\"fas fa-shopping-cart\"><\/i> Adquirir<\/button>\n      <\/div>\n      <!-- Plan B\u00c1SICO -->\n      <div class=\"plan-card\" data-plan=\"basico\" data-base=\"129000\">\n        <div class=\"plan-icon\"><i class=\"fas fa-dumbbell\"><\/i><\/div>\n        <h3 class=\"plan-title\">B\u00c1SICO<\/h3>\n        <div class=\"plan-price\" id=\"price-basico\">$129.000<span>\/mes<\/span><\/div>\n        <ul class=\"plan-benefits\">\n          <li><i class=\"fas fa-check-circle\"><\/i> Todo START<\/li>\n          <li><i class=\"fas fa-check-circle\"><\/i> Horario extendido (5am - 10pm)<\/li>\n          <li><i class=\"fas fa-check-circle\"><\/i> App con rutinas<\/li>\n        <\/ul>\n        <div class=\"duration-selector\">\n          <button class=\"duration-btn\" data-plan=\"basico\" data-months=\"1\">1 mes<\/button>\n          <button class=\"duration-btn\" data-plan=\"basico\" data-months=\"3\">3 meses<\/button>\n          <button class=\"duration-btn\" data-plan=\"basico\" data-months=\"12\">12 meses<\/button>\n        <\/div>\n        <button class=\"btn-buy\" data-plan=\"basico\"><i class=\"fas fa-shopping-cart\"><\/i> Adquirir<\/button>\n      <\/div>\n      <!-- Plan PREMIUM -->\n      <div class=\"plan-card\" data-plan=\"premium\" data-base=\"179000\">\n        <div class=\"plan-icon\"><i class=\"fas fa-crown\"><\/i><\/div>\n        <h3 class=\"plan-title\">PREMIUM<\/h3>\n        <div class=\"plan-price\" id=\"price-premium\">$179.000<span>\/mes<\/span><\/div>\n        <ul class=\"plan-benefits\">\n          <li><i class=\"fas fa-check-circle\"><\/i> Todo B\u00c1SICO<\/li>\n          <li><i class=\"fas fa-check-circle\"><\/i> Clases grupales ilimitadas<\/li>\n          <li><i class=\"fas fa-check-circle\"><\/i> Seguimiento mensual<\/li>\n        <\/ul>\n        <div class=\"duration-selector\">\n          <button class=\"duration-btn\" data-plan=\"premium\" data-months=\"1\">1 mes<\/button>\n          <button class=\"duration-btn\" data-plan=\"premium\" data-months=\"3\">3 meses<\/button>\n          <button class=\"duration-btn\" data-plan=\"premium\" data-months=\"12\">12 meses<\/button>\n        <\/div>\n        <button class=\"btn-buy\" data-plan=\"premium\"><i class=\"fas fa-shopping-cart\"><\/i> Adquirir<\/button>\n      <\/div>\n      <!-- Plan \u00c9LITE -->\n      <div class=\"plan-card\" data-plan=\"elite\" data-base=\"249000\">\n        <div class=\"plan-icon\"><i class=\"fas fa-fire\"><\/i><\/div>\n        <h3 class=\"plan-title\">\u00c9LITE<\/h3>\n        <div class=\"plan-price\" id=\"price-elite\">$249.000<span>\/mes<\/span><\/div>\n        <ul class=\"plan-benefits\">\n          <li><i class=\"fas fa-check-circle\"><\/i> Todo PREMIUM<\/li>\n          <li><i class=\"fas fa-check-circle\"><\/i> Entrenador personal 3h\/semana<\/li>\n          <li><i class=\"fas fa-check-circle\"><\/i> Acceso 24\/7 + Zona wellness<\/li>\n        <\/ul>\n        <div class=\"duration-selector\">\n          <button class=\"duration-btn\" data-plan=\"elite\" data-months=\"1\">1 mes<\/button>\n          <button class=\"duration-btn\" data-plan=\"elite\" data-months=\"3\">3 meses<\/button>\n          <button class=\"duration-btn\" data-plan=\"elite\" data-months=\"12\">12 meses<\/button>\n        <\/div>\n        <button class=\"btn-buy\" data-plan=\"elite\"><i class=\"fas fa-shopping-cart\"><\/i> Adquirir<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  \/\/ Precios en COP con descuentos por duraci\u00f3n (simulados)\n  const priceMappingCOP = {\n    start: { 1: 89000, 3: 81000, 12: 69000 },\n    basico: { 1: 129000, 3: 115000, 12: 99000 },\n    premium: { 1: 179000, 3: 159000, 12: 139000 },\n    elite: { 1: 249000, 3: 219000, 12: 189000 }\n  };\n\n  \/\/ Formateador de pesos colombianos\n  function formatCOP(value) {\n    return '$' + value.toLocaleString('es-CO');\n  }\n\n  \/\/ Inicializar precios por defecto (1 mes)\n  document.querySelectorAll('.plan-card').forEach(card => {\n    const planId = card.dataset.plan;\n    const defaultPrice = priceMappingCOP[planId][1];\n    const priceSpan = card.querySelector('.plan-price');\n    if (priceSpan) {\n      priceSpan.innerHTML = `${formatCOP(defaultPrice)}<span>\/mes<\/span>`;\n    }\n    card.dataset.currentPrice = defaultPrice;\n    card.dataset.currentMonths = 1;\n  });\n\n  \/\/ Activar selectores de duraci\u00f3n\n  document.querySelectorAll('.duration-btn').forEach(btn => {\n    if (btn.dataset.months === '1') {\n      btn.classList.add('active');\n    }\n    btn.addEventListener('click', function(e) {\n      const plan = this.dataset.plan;\n      const months = parseInt(this.dataset.months);\n      const parentSelector = this.parentElement;\n      parentSelector.querySelectorAll('.duration-btn').forEach(b => b.classList.remove('active'));\n      this.classList.add('active');\n      \n      const newPrice = priceMappingCOP[plan][months];\n      const priceElement = document.getElementById(`price-${plan}`);\n      if (priceElement) {\n        priceElement.innerHTML = `${formatCOP(newPrice)}<span>\/mes<\/span>`;\n        const card = this.closest('.plan-card');\n        card.dataset.currentPrice = newPrice;\n        card.dataset.currentMonths = months;\n      }\n    });\n  });\n\n  \/\/ Botones de compra (simulaci\u00f3n que conectar\u00e1 con el modal)\n  document.querySelectorAll('.btn-buy').forEach(btn => {\n    btn.addEventListener('click', function(e) {\n      e.preventDefault();\n      const card = this.closest('.plan-card');\n      const planName = card.querySelector('.plan-title').innerText;\n      const months = card.dataset.currentMonths || '1';\n      const price = card.dataset.currentPrice;\n      alert(`\ud83d\udd39 SIMULACI\u00d3N DE COMPRA \ud83d\udd39\\nPlan: ${planName}\\nDuraci\u00f3n: ${months} mes(es)\\nTotal: ${formatCOP(parseInt(price))}\/mes\\n\\n\u2705 El modal de checkout con formulario se abrir\u00e1 en el siguiente bloque.`);\n    });\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b4eea17 e-con-full e-flex e-con e-parent\" data-id=\"b4eea17\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e22f3a elementor-widget elementor-widget-html\" data-id=\"5e22f3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--- ESTE BLOQUE MODAL DEBE IR DESPU\u00c9S DE LOS PLANES (puede ubicarse al final del body) --->\n<style>\n  \/* Estilos del Modal - Titan Checkout *\/\n  .titan-modal {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.85);\n    backdrop-filter: blur(8px);\n    z-index: 2000;\n    justify-content: center;\n    align-items: center;\n    font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\n  }\n  .titan-modal.active {\n    display: flex;\n    animation: fadeInModal 0.3s ease;\n  }\n  @keyframes fadeInModal {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n  .modal-container {\n    background: #1C1C1C;\n    border: 1px solid #FF6600;\n    border-radius: 32px;\n    max-width: 550px;\n    width: 90%;\n    max-height: 90vh;\n    overflow-y: auto;\n    box-shadow: 0 0 40px rgba(255, 102, 0, 0.3);\n    animation: slideUp 0.3s ease;\n  }\n  @keyframes slideUp {\n    from { transform: translateY(30px); opacity: 0; }\n    to { transform: translateY(0); opacity: 1; }\n  }\n  .modal-header {\n    background: linear-gradient(135deg, #111, #1C1C1C);\n    padding: 1.5rem;\n    border-bottom: 1px solid #FF6600;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .modal-header h3 {\n    color: #FFCC00;\n    font-size: 1.5rem;\n    margin: 0;\n  }\n  .close-modal {\n    background: none;\n    border: none;\n    color: #FF6600;\n    font-size: 1.8rem;\n    cursor: pointer;\n    transition: transform 0.2s;\n  }\n  .close-modal:hover {\n    transform: scale(1.1);\n    color: #FFCC00;\n  }\n  .modal-body {\n    padding: 1.5rem;\n  }\n  .plan-summary {\n    background: #2a2a2a;\n    border-radius: 20px;\n    padding: 1rem;\n    margin-bottom: 1.5rem;\n    text-align: center;\n  }\n  .plan-summary h4 {\n    color: white;\n    margin-bottom: 0.5rem;\n  }\n  .plan-summary .selected-price {\n    font-size: 1.8rem;\n    font-weight: 800;\n    color: #FFCC00;\n  }\n  .form-group {\n    margin-bottom: 1rem;\n  }\n  .form-group label {\n    display: block;\n    color: #E0E0E0;\n    font-weight: 500;\n    margin-bottom: 0.3rem;\n    font-size: 0.85rem;\n  }\n  .form-group input {\n    width: 100%;\n    padding: 0.8rem;\n    background: #2a2a2a;\n    border: 1px solid #444;\n    border-radius: 12px;\n    color: white;\n    font-family: inherit;\n    transition: all 0.2s;\n  }\n  .form-group input:focus {\n    outline: none;\n    border-color: #FF6600;\n    box-shadow: 0 0 8px #FF6600;\n  }\n  \/* m\u00e9todos de pago *\/\n  .payment-methods {\n    margin: 1.5rem 0;\n  }\n  .payment-methods p {\n    color: white;\n    font-weight: 600;\n    margin-bottom: 0.8rem;\n  }\n  .payment-options {\n    display: flex;\n    gap: 1rem;\n    flex-wrap: wrap;\n  }\n  .payment-option {\n    background: #2a2a2a;\n    border: 1px solid #FF6600;\n    border-radius: 40px;\n    padding: 0.5rem 1rem;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n    transition: all 0.2s;\n    color: white;\n  }\n  .payment-option.selected {\n    background: #FF6600;\n    color: #1C1C1C;\n    box-shadow: 0 0 12px #FF6600;\n  }\n  .payment-option i {\n    font-size: 1.2rem;\n  }\n  .btn-confirm {\n    background: #FF6600;\n    color: #1C1C1C;\n    font-weight: 800;\n    padding: 1rem;\n    width: 100%;\n    border: none;\n    border-radius: 50px;\n    font-size: 1rem;\n    cursor: pointer;\n    transition: all 0.25s;\n    margin-top: 0.5rem;\n    font-family: inherit;\n  }\n  .btn-confirm:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n  .btn-confirm:hover:not(:disabled) {\n    background: #FF8833;\n    transform: translateY(-2px);\n    box-shadow: 0 0 20px #FF6600;\n  }\n  .status-message {\n    text-align: center;\n    margin-top: 1rem;\n    font-size: 0.9rem;\n    font-weight: bold;\n  }\n  .status-message.success {\n    color: #00C853;\n  }\n  .status-message.error {\n    color: #FF3B30;\n  }\n  .loading-spinner {\n    display: inline-block;\n    width: 18px;\n    height: 18px;\n    border: 2px solid #1C1C1C;\n    border-top-color: #FFCC00;\n    border-radius: 50%;\n    animation: spin 0.6s linear infinite;\n    vertical-align: middle;\n    margin-right: 8px;\n  }\n  @keyframes spin {\n    to { transform: rotate(360deg); }\n  }\n  @media (max-width: 600px) {\n    .modal-container {\n      width: 95%;\n    }\n  }\n<\/style>\n\n<div id=\"checkoutModal\" class=\"titan-modal\">\n  <div class=\"modal-container\">\n    <div class=\"modal-header\">\n      <h3><i class=\"fas fa-dumbbell\"><\/i> CHECKOUT TITAN<\/h3>\n      <button class=\"close-modal\" id=\"closeModalBtn\">&times;<\/button>\n    <\/div>\n    <div class=\"modal-body\">\n      <div class=\"plan-summary\" id=\"dynamicSummary\">\n        <h4>Plan seleccionado<\/h4>\n        <div id=\"selectedPlanName\">-<\/div>\n        <div class=\"selected-price\" id=\"selectedPlanPrice\">-<\/div>\n        <div id=\"selectedPlanDuration\">-<\/div>\n      <\/div>\n      <form id=\"checkoutForm\">\n        <div class=\"form-group\">\n          <label>Nombre completo<\/label>\n          <input type=\"text\" id=\"fullName\" placeholder=\"Ej: Carlos Andr\u00e9s P\u00e9rez\" required>\n        <\/div>\n        <div class=\"form-group\">\n          <label>Correo electr\u00f3nico<\/label>\n          <input type=\"email\" id=\"email\" placeholder=\"titan@ejemplo.com\" required>\n        <\/div>\n        <div class=\"form-group\">\n          <label>Tel\u00e9fono<\/label>\n          <input type=\"tel\" id=\"phone\" placeholder=\"300 123 4567\" required>\n        <\/div>\n        <div class=\"form-group\">\n          <label>Documento de identidad<\/label>\n          <input type=\"text\" id=\"docID\" placeholder=\"CC \/ NIT\" required>\n        <\/div>\n        <div class=\"payment-methods\">\n          <p><i class=\"fas fa-credit-card\"><\/i> M\u00e9todo de pago (simulado)<\/p>\n          <div class=\"payment-options\" id=\"paymentOptions\">\n            <div class=\"payment-option\" data-method=\"card\"><i class=\"fab fa-cc-visa\"><\/i> Tarjeta<\/div>\n            <div class=\"payment-option\" data-method=\"transfer\"><i class=\"fas fa-university\"><\/i> Transferencia<\/div>\n            <div class=\"payment-option\" data-method=\"whatsapp\"><i class=\"fab fa-whatsapp\"><\/i> WhatsApp<\/div>\n          <\/div>\n        <\/div>\n        <button type=\"button\" id=\"confirmPurchaseBtn\" class=\"btn-confirm\">Confirmar compra<\/button>\n        <div id=\"purchaseStatus\" class=\"status-message\"><\/div>\n      <\/form>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  (function() {\n    \/\/ Variables globales del modal\n    let currentPlan = null;\n    let currentPrice = 0;\n    let currentMonths = 1;\n    let selectedPayment = 'card';\n    \n    \/\/ Elementos DOM\n    const modal = document.getElementById('checkoutModal');\n    const closeBtn = document.getElementById('closeModalBtn');\n    const selectedPlanNameSpan = document.getElementById('selectedPlanName');\n    const selectedPlanPriceSpan = document.getElementById('selectedPlanPrice');\n    const selectedPlanDurationSpan = document.getElementById('selectedPlanDuration');\n    const confirmBtn = document.getElementById('confirmPurchaseBtn');\n    const statusDiv = document.getElementById('purchaseStatus');\n    const paymentOptions = document.querySelectorAll('.payment-option');\n    \n    \/\/ Funci\u00f3n para abrir el modal con datos din\u00e1micos (llamada desde cards)\n    window.openCheckoutModal = function(planName, price, months, planId) {\n      currentPlan = planName;\n      currentPrice = price;\n      currentMonths = months;\n      selectedPlanNameSpan.innerText = planName;\n      selectedPlanPriceSpan.innerText = price;\n      selectedPlanDurationSpan.innerText = `Duraci\u00f3n: ${months} ${months === 1 ? 'mes' : 'meses'}`;\n      modal.classList.add('active');\n      \/\/ Resetear estado del bot\u00f3n y mensajes\n      confirmBtn.disabled = false;\n      confirmBtn.innerText = 'Confirmar compra';\n      statusDiv.innerHTML = '';\n      \/\/ Limpiar formulario (opcional)\n      document.getElementById('checkoutForm').reset();\n    };\n    \n    \/\/ Capturar clics en botones \"Adquirir membres\u00eda\" (conectando con los planes existentes)\n    function connectToPlanButtons() {\n      const buyButtons = document.querySelectorAll('.btn-buy');\n      buyButtons.forEach(btn => {\n        btn.removeEventListener('click', buyHandler);\n        btn.addEventListener('click', buyHandler);\n      });\n    }\n    \n    function buyHandler(e) {\n      e.preventDefault();\n      const card = this.closest('.plan-card');\n      if (!card) return;\n      const planName = card.querySelector('.plan-title').innerText;\n      let price = card.dataset.currentPrice;\n      let months = card.dataset.currentMonths;\n      if (!price) {\n        \/\/ fallback para precio\n        const priceElem = card.querySelector('.plan-price');\n        price = priceElem ? priceElem.innerText.split('\/')[0] : '0';\n      }\n      if (!months) months = 1;\n      \/\/ Formatear precio si tiene s\u00edmbolos\n      let cleanPrice = price.toString().replace('$', '').replace(\/\\.[0-9]{3}\/g, '').trim();\n      if (cleanPrice.includes(',')) cleanPrice = cleanPrice.replace(\/\\.\/g, '').replace(',', '');\n      const priceNumber = parseInt(cleanPrice);\n      const priceFormatted = '$' + priceNumber.toLocaleString('es-CO');\n      window.openCheckoutModal(planName, priceFormatted, months);\n    }\n    \n    \/\/ Cerrar modal\n    closeBtn.addEventListener('click', () => {\n      modal.classList.remove('active');\n    });\n    modal.addEventListener('click', (e) => {\n      if (e.target === modal) modal.classList.remove('active');\n    });\n    \n    \/\/ Selecci\u00f3n de m\u00e9todo de pago (UI)\n    paymentOptions.forEach(opt => {\n      opt.addEventListener('click', () => {\n        paymentOptions.forEach(o => o.classList.remove('selected'));\n        opt.classList.add('selected');\n        selectedPayment = opt.dataset.method;\n      });\n    });\n    \/\/ Seleccionar primero tarjeta por defecto\n    document.querySelector('.payment-option[data-method=\"card\"]').classList.add('selected');\n    \n    \/\/ Funci\u00f3n de confirmaci\u00f3n con simulaci\u00f3n de estados\n    confirmBtn.addEventListener('click', async () => {\n      \/\/ Validar campos obligatorios\n      const fullName = document.getElementById('fullName').value.trim();\n      const email = document.getElementById('email').value.trim();\n      const phone = document.getElementById('phone').value.trim();\n      const docID = document.getElementById('docID').value.trim();\n      if (!fullName || !email || !phone || !docID) {\n        statusDiv.innerHTML = '<span style=\"color:#FF6600;\">\u274c Completa todos los campos del formulario<\/span>';\n        return;\n      }\n      \/\/ Simular proceso de compra\n      confirmBtn.disabled = true;\n      confirmBtn.innerHTML = '<span class=\"loading-spinner\"><\/span> Procesando...';\n      statusDiv.innerHTML = '';\n      \n      \/\/ Simular delay\n      await new Promise(resolve => setTimeout(resolve, 1800));\n      \n      \/\/ Simulaci\u00f3n de \u00e9xito (siempre exitoso para portafolio)\n      statusDiv.innerHTML = '<span style=\"color:#00C853;\">\u2705 Compra exitosa simulada.<br>\ud83c\udfc6 \u00a1Bienvenido a TITAN STRENGTH GYM!<\/span>';\n      confirmBtn.innerText = 'Compra confirmada';\n      \/\/ Opcional: resetear despu\u00e9s de 2 segundos y cerrar modal (puede mejorarse)\n      setTimeout(() => {\n        if (modal.classList.contains('active')) {\n          modal.classList.remove('active');\n          \/\/ Resetear bot\u00f3n para futuras compras\n          confirmBtn.disabled = false;\n          confirmBtn.innerText = 'Confirmar compra';\n          statusDiv.innerHTML = '';\n        }\n      }, 2500);\n    });\n    \n    \/\/ Inicializar conexi\u00f3n a los botones de planes (puede llamarse en cada carga din\u00e1mica)\n    \/\/ Tambi\u00e9n observar cambios en el DOM por si los planes se recargan\n    connectToPlanButtons();\n    \/\/ Observer por si se agregan nuevos botones (por si el usuario usa otras secciones)\n    const observer = new MutationObserver(() => connectToPlanButtons());\n    observer.observe(document.body, { childList: true, subtree: true });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d0318ad e-con-full e-flex e-con e-parent\" data-id=\"d0318ad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15026e6 elementor-widget elementor-widget-html\" data-id=\"15026e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Bloque Beneficios Titan *\/\n  .titan-benefits {\n    background: #111111;\n    padding: 5rem 2rem;\n    font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\n    border-top: 1px solid rgba(255, 102, 0, 0.2);\n    border-bottom: 1px solid rgba(255, 102, 0, 0.2);\n  }\n  .benefits-container {\n    max-width: 1400px;\n    margin: 0 auto;\n  }\n  .benefits-header {\n    text-align: center;\n    margin-bottom: 3.5rem;\n  }\n  .benefits-header h2 {\n    font-size: 2.8rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #FFFFFF, #FFCC00);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin-bottom: 0.5rem;\n  }\n  .benefits-header p {\n    color: #E0E0E0;\n    font-size: 1.1rem;\n  }\n  .benefits-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 2rem;\n  }\n  .benefit-card {\n    background: rgba(28, 28, 28, 0.8);\n    backdrop-filter: blur(4px);\n    border: 1px solid rgba(255, 102, 0, 0.3);\n    border-radius: 24px;\n    padding: 2rem 1.5rem;\n    width: 260px;\n    text-align: center;\n    transition: all 0.3s ease;\n    animation: fadeInUp 0.6s ease backwards;\n    cursor: default;\n  }\n  .benefit-card:nth-child(1) { animation-delay: 0.1s; }\n  .benefit-card:nth-child(2) { animation-delay: 0.2s; }\n  .benefit-card:nth-child(3) { animation-delay: 0.3s; }\n  .benefit-card:nth-child(4) { animation-delay: 0.4s; }\n  .benefit-card:hover {\n    transform: translateY(-8px);\n    border-color: #FF6600;\n    box-shadow: 0 0 25px rgba(255, 102, 0, 0.5);\n    background: rgba(28, 28, 28, 0.95);\n  }\n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  .benefit-icon {\n    font-size: 3.2rem;\n    color: #FF6600;\n    margin-bottom: 1rem;\n    transition: transform 0.2s;\n  }\n  .benefit-card:hover .benefit-icon {\n    transform: scale(1.05);\n    text-shadow: 0 0 8px #FF6600;\n  }\n  .benefit-title {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: #FFFFFF;\n    margin-bottom: 0.8rem;\n  }\n  .benefit-desc {\n    font-size: 0.9rem;\n    color: #CCCCCC;\n    line-height: 1.4;\n  }\n  @media (max-width: 900px) {\n    .titan-benefits {\n      padding: 3rem 1rem;\n    }\n    .benefits-header h2 {\n      font-size: 2rem;\n    }\n    .benefit-card {\n      width: 100%;\n      max-width: 300px;\n    }\n  }\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\n<section class=\"titan-benefits\">\n  <div class=\"benefits-container\">\n    <div class=\"benefits-header\">\n      <h2>\ud83d\udcaa \u00bfPOR QU\u00c9 ELEGIR TITAN?<\/h2>\n      <p>Beneficios que marcan la diferencia en tu entrenamiento<\/p>\n    <\/div>\n    <div class=\"benefits-grid\">\n      <!-- Beneficio 1 -->\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\"><i class=\"fas fa-dumbbell\"><\/i><\/div>\n        <h3 class=\"benefit-title\">Equipo Premium<\/h3>\n        <p class=\"benefit-desc\">M\u00e1quinas de \u00faltima generaci\u00f3n y pesas libres para un entrenamiento de \u00e9lite.<\/p>\n      <\/div>\n      <!-- Beneficio 2 -->\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\"><i class=\"fas fa-chalkboard-user\"><\/i><\/div>\n        <h3 class=\"benefit-title\">Entrenadores Certificados<\/h3>\n        <p class=\"benefit-desc\">Gu\u00eda profesional para maximizar resultados y evitar lesiones.<\/p>\n      <\/div>\n      <!-- Beneficio 3 -->\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\n        <h3 class=\"benefit-title\">Horarios Flexibles<\/h3>\n        <p class=\"benefit-desc\">Abiertos desde 5am hasta 11pm, incluso 24\/7 para planes \u00c9lite.<\/p>\n      <\/div>\n      <!-- Beneficio 4 -->\n      <div class=\"benefit-card\">\n        <div class=\"benefit-icon\"><i class=\"fas fa-users\"><\/i><\/div>\n        <h3 class=\"benefit-title\">Comunidad Motivadora<\/h3>\n        <p class=\"benefit-desc\">Ambiente de hermandad y desaf\u00edo constante para superarte.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-90af7e9 e-con-full e-flex e-con e-parent\" data-id=\"90af7e9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4861af elementor-widget elementor-widget-html\" data-id=\"f4861af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Bloque Instalaciones - Carrusel Titan *\/\n  .titan-facilities-carousel {\n    background: #1C1C1C;\n    padding: 5rem 2rem;\n    font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\n    overflow: hidden;\n  }\n  .carousel-container {\n    max-width: 1300px;\n    margin: 0 auto;\n  }\n  .carousel-header {\n    text-align: center;\n    margin-bottom: 3rem;\n  }\n  .carousel-header h2 {\n    font-size: 2.8rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #FFFFFF, #FFCC00);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin-bottom: 0.5rem;\n  }\n  .carousel-header p {\n    color: #E0E0E0;\n    font-size: 1.1rem;\n  }\n  \/* Carrusel *\/\n  .carousel-wrapper {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .carousel-track-container {\n    overflow: hidden;\n    border-radius: 28px;\n    box-shadow: 0 0 15px rgba(255,102,0,0.3);\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n  .carousel-track {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n    will-change: transform;\n  }\n  .carousel-slide {\n    flex: 0 0 100%;\n    position: relative;\n    aspect-ratio: 16 \/ 9;\n    cursor: pointer;\n  }\n  .carousel-slide img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: filter 0.3s ease, transform 0.4s ease;\n  }\n  .slide-overlay {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);\n    padding: 2rem;\n    transform: translateY(100%);\n    transition: transform 0.3s ease;\n  }\n  .slide-overlay h3 {\n    color: #FFCC00;\n    font-size: 1.5rem;\n    font-weight: 700;\n    margin-bottom: 0.3rem;\n  }\n  .slide-overlay p {\n    color: #E0E0E0;\n    font-size: 0.9rem;\n  }\n  .carousel-slide:hover img {\n    transform: scale(1.02);\n    filter: brightness(0.7);\n  }\n  .carousel-slide:hover .slide-overlay {\n    transform: translateY(0);\n  }\n  \/* Botones de navegaci\u00f3n *\/\n  .carousel-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(28,28,28,0.85);\n    backdrop-filter: blur(6px);\n    border: 1px solid #FF6600;\n    border-radius: 50%;\n    width: 48px;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.25s;\n    z-index: 10;\n    color: #FF6600;\n    font-size: 1.5rem;\n  }\n  .carousel-btn:hover {\n    background: #FF6600;\n    color: #1C1C1C;\n    box-shadow: 0 0 15px #FF6600;\n    transform: translateY(-50%) scale(1.05);\n  }\n  .btn-left {\n    left: 10px;\n  }\n  .btn-right {\n    right: 10px;\n  }\n  \/* Indicadores (dots) *\/\n  .carousel-dots {\n    display: flex;\n    justify-content: center;\n    gap: 12px;\n    margin-top: 2rem;\n  }\n  .dot {\n    width: 12px;\n    height: 12px;\n    background: #555;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.2s;\n  }\n  .dot.active {\n    background: #FF6600;\n    box-shadow: 0 0 8px #FF6600;\n    width: 24px;\n    border-radius: 10px;\n  }\n  @media (max-width: 768px) {\n    .titan-facilities-carousel {\n      padding: 3rem 1rem;\n    }\n    .carousel-header h2 {\n      font-size: 2rem;\n    }\n    .carousel-btn {\n      width: 36px;\n      height: 36px;\n      font-size: 1rem;\n    }\n    .slide-overlay {\n      padding: 1rem;\n      transform: translateY(0);\n      background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);\n    }\n    .slide-overlay h3 {\n      font-size: 1.2rem;\n    }\n  }\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\n<section class=\"titan-facilities-carousel\">\n  <div class=\"carousel-container\">\n    <div class=\"carousel-header\">\n      <h2>\ud83c\udfcb\ufe0f INSTALACIONES TITAN<\/h2>\n      <p>Equipamiento de \u00e9lite para un entrenamiento sin l\u00edmites<\/p>\n    <\/div>\n    <div class=\"carousel-wrapper\">\n      <div class=\"carousel-track-container\">\n        <div class=\"carousel-track\" id=\"carouselTrack\">\n          <!-- Slide 1 -->\n          <div class=\"carousel-slide\">\n            <img decoding=\"async\" src=\"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-content\/uploads\/sites\/9\/2026\/05\/Chest-Press-press-de-pecho.png\" alt=\"Chest Press\">\n            <div class=\"slide-overlay\">\n              <h3><i class=\"fas fa-dumbbell\"><\/i> Chest Press<\/h3>\n              <p>Prensa de pecho para desarrollo muscular \u00f3ptimo<\/p>\n            <\/div>\n          <\/div>\n          <!-- Slide 2 -->\n          <div class=\"carousel-slide\">\n            <img decoding=\"async\" src=\"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-content\/uploads\/sites\/9\/2026\/05\/Cinta-de-correr-treadmill.png\" alt=\"Cinta de correr\">\n            <div class=\"slide-overlay\">\n              <h3><i class=\"fas fa-heartbeat\"><\/i> Cinta de Correr<\/h3>\n              <p>Tecnolog\u00eda avanzada para cardio de alto rendimiento<\/p>\n            <\/div>\n          <\/div>\n          <!-- Slide 3 -->\n          <div class=\"carousel-slide\">\n            <img decoding=\"async\" src=\"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-content\/uploads\/sites\/9\/2026\/05\/Mancuernas-dumbbells.png\" alt=\"Mancuernas\">\n            <div class=\"slide-overlay\">\n              <h3><i class=\"fas fa-weight-hanging\"><\/i> Mancuernas<\/h3>\n              <p>Rango completo de pesas para ejercicios funcionales<\/p>\n            <\/div>\n          <\/div>\n          <!-- Slide 4 -->\n          <div class=\"carousel-slide\">\n            <img decoding=\"async\" src=\"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-content\/uploads\/sites\/9\/2026\/05\/Barra-olimpica.png\" alt=\"Barra Ol\u00edmpica\">\n            <div class=\"slide-overlay\">\n              <h3><i class=\"fas fa-arrows-alt\"><\/i> Barra Ol\u00edmpica<\/h3>\n              <p>Precisi\u00f3n y resistencia para levantamientos pesados<\/p>\n            <\/div>\n          <\/div>\n          <!-- Slide 5 -->\n          <div class=\"carousel-slide\">\n            <img decoding=\"async\" src=\"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-content\/uploads\/sites\/9\/2026\/05\/Leg-Press-prensa-de-piernas.png\" alt=\"Leg Press\">\n            <div class=\"slide-overlay\">\n              <h3><i class=\"fas fa-walking\"><\/i> Leg Press<\/h3>\n              <p>Prensa de piernas para fuerza inferior explosiva<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"carousel-btn btn-left\" id=\"prevBtn\"><i class=\"fas fa-chevron-left\"><\/i><\/div>\n      <div class=\"carousel-btn btn-right\" id=\"nextBtn\"><i class=\"fas fa-chevron-right\"><\/i><\/div>\n    <\/div>\n    <div class=\"carousel-dots\" id=\"carouselDots\"><\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (function() {\n    const track = document.getElementById('carouselTrack');\n    const slides = Array.from(track.children);\n    const nextBtn = document.getElementById('nextBtn');\n    const prevBtn = document.getElementById('prevBtn');\n    const dotsContainer = document.getElementById('carouselDots');\n    let currentIndex = 0;\n    const slideWidth = slides[0].getBoundingClientRect().width;\n    \n    \/\/ Ajustar posici\u00f3n de slides\n    const setSlidePosition = (slide, index) => {\n      slide.style.left = slideWidth * index + 'px';\n    };\n    slides.forEach(setSlidePosition);\n    \n    const moveToSlide = (index) => {\n      const amount = -slideWidth * index;\n      track.style.transform = 'translateX(' + amount + 'px)';\n      \/\/ Actualizar dots\n      Array.from(dotsContainer.children).forEach((dot, i) => {\n        if (i === index) {\n          dot.classList.add('active');\n        } else {\n          dot.classList.remove('active');\n        }\n      });\n      currentIndex = index;\n    };\n    \n    const updateDots = () => {\n      dotsContainer.innerHTML = '';\n      slides.forEach((_, idx) => {\n        const dot = document.createElement('div');\n        dot.classList.add('dot');\n        if (idx === currentIndex) dot.classList.add('active');\n        dot.addEventListener('click', () => {\n          moveToSlide(idx);\n        });\n        dotsContainer.appendChild(dot);\n      });\n    };\n    \n    nextBtn.addEventListener('click', () => {\n      let newIndex = currentIndex + 1;\n      if (newIndex >= slides.length) newIndex = 0;\n      moveToSlide(newIndex);\n    });\n    \n    prevBtn.addEventListener('click', () => {\n      let newIndex = currentIndex - 1;\n      if (newIndex < 0) newIndex = slides.length - 1;\n      moveToSlide(newIndex);\n    });\n    \n    \/\/ Responsive: reajustar posiciones al cambiar tama\u00f1o\n    window.addEventListener('resize', () => {\n      const newWidth = slides[0].getBoundingClientRect().width;\n      slides.forEach((slide, idx) => {\n        slide.style.left = newWidth * idx + 'px';\n      });\n      moveToSlide(currentIndex);\n    });\n    \n    updateDots();\n    moveToSlide(0);\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-76e30c4 e-con-full e-flex e-con e-parent\" data-id=\"76e30c4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d89972 elementor-widget elementor-widget-html\" data-id=\"6d89972\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Bloque Entrenadores Titan *\/\n  .titan-trainers {\n    background: #111111;\n    padding: 5rem 2rem;\n    font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\n    border-top: 1px solid rgba(255, 102, 0, 0.2);\n    border-bottom: 1px solid rgba(255, 102, 0, 0.2);\n  }\n  .trainers-container {\n    max-width: 1400px;\n    margin: 0 auto;\n  }\n  .trainers-header {\n    text-align: center;\n    margin-bottom: 3.5rem;\n  }\n  .trainers-header h2 {\n    font-size: 2.8rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #FFFFFF, #FFCC00);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin-bottom: 0.5rem;\n  }\n  .trainers-header p {\n    color: #E0E0E0;\n    font-size: 1.1rem;\n  }\n  .trainers-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 2rem;\n  }\n  .trainer-card {\n    background: rgba(28, 28, 28, 0.9);\n    backdrop-filter: blur(4px);\n    border: 1px solid rgba(255, 102, 0, 0.3);\n    border-radius: 28px;\n    padding: 1.8rem;\n    width: 280px;\n    text-align: center;\n    transition: all 0.3s ease;\n    animation: fadeInUp 0.6s ease backwards;\n  }\n  .trainer-card:nth-child(1) { animation-delay: 0.1s; }\n  .trainer-card:nth-child(2) { animation-delay: 0.2s; }\n  .trainer-card:nth-child(3) { animation-delay: 0.3s; }\n  .trainer-card:nth-child(4) { animation-delay: 0.4s; }\n  .trainer-card:hover {\n    transform: translateY(-8px);\n    border-color: #FF6600;\n    box-shadow: 0 0 25px rgba(255, 102, 0, 0.6);\n  }\n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(30px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n  .trainer-image {\n    width: 150px;\n    height: 150px;\n    margin: 0 auto 1rem;\n    border-radius: 50%;\n    overflow: hidden;\n    border: 3px solid #FF6600;\n    transition: all 0.2s;\n  }\n  .trainer-card:hover .trainer-image {\n    border-color: #FFCC00;\n    box-shadow: 0 0 15px #FF6600;\n  }\n  .trainer-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.3s;\n  }\n  .trainer-card:hover .trainer-image img {\n    transform: scale(1.05);\n  }\n  .trainer-name {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #FFFFFF;\n    margin-bottom: 0.3rem;\n  }\n  .trainer-role {\n    color: #FFCC00;\n    font-weight: 600;\n    font-size: 0.9rem;\n    letter-spacing: 1px;\n    margin-bottom: 0.8rem;\n  }\n  .trainer-bio {\n    font-size: 0.85rem;\n    color: #CCCCCC;\n    line-height: 1.4;\n    margin-bottom: 1rem;\n  }\n  .trainer-social {\n    display: flex;\n    justify-content: center;\n    gap: 1rem;\n    margin-top: 0.5rem;\n  }\n  .trainer-social a {\n    color: #FF6600;\n    font-size: 1.2rem;\n    transition: all 0.2s;\n  }\n  .trainer-social a:hover {\n    color: #FFCC00;\n    transform: translateY(-2px);\n  }\n  @media (max-width: 900px) {\n    .titan-trainers {\n      padding: 3rem 1rem;\n    }\n    .trainers-header h2 {\n      font-size: 2rem;\n    }\n    .trainer-card {\n      width: 100%;\n      max-width: 300px;\n    }\n  }\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\n<section class=\"titan-trainers\">\n  <div class=\"trainers-container\">\n    <div class=\"trainers-header\">\n      <h2>\ud83d\udc68\u200d\ud83c\udfeb ENTRENADORES TITAN<\/h2>\n      <p>Expertos que te llevar\u00e1n al siguiente nivel<\/p>\n    <\/div>\n    <div class=\"trainers-grid\">\n      <!-- Entrenador 1 -->\n      <div class=\"trainer-card\">\n        <div class=\"trainer-image\">\n          <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"Marcos R\u00edos\">\n        <\/div>\n        <h3 class=\"trainer-name\">Marcos R\u00edos<\/h3>\n        <div class=\"trainer-role\">\ud83d\udd39 Head Coach \u00b7 Especialista en fuerza<\/div>\n        <p class=\"trainer-bio\">10 a\u00f1os de experiencia en powerlifting. Transforma tu potencia m\u00e1xima.<\/p>\n        <div class=\"trainer-social\">\n          <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n          <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n        <\/div>\n      <\/div>\n      <!-- Entrenadora 2 -->\n      <div class=\"trainer-card\">\n        <div class=\"trainer-image\">\n          <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg\" alt=\"Valentina G\u00f3mez\">\n        <\/div>\n        <h3 class=\"trainer-name\">Valentina G\u00f3mez<\/h3>\n        <div class=\"trainer-role\">\ud83d\udd39 CrossFit & HIIT<\/div>\n        <p class=\"trainer-bio\">Atleta funcional y coach motivacional. Entrenamientos explosivos.<\/p>\n        <div class=\"trainer-social\">\n          <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n          <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n        <\/div>\n      <\/div>\n      <!-- Entrenador 3 -->\n      <div class=\"trainer-card\">\n        <div class=\"trainer-image\">\n          <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/75.jpg\" alt=\"Diego Linares\">\n        <\/div>\n        <h3 class=\"trainer-name\">Diego Linares<\/h3>\n        <div class=\"trainer-role\">\ud83d\udd39 Especialista en musculaci\u00f3n<\/div>\n        <p class=\"trainer-bio\">Nutrici\u00f3n deportiva + rutinas personalizadas para hipertrofia.<\/p>\n        <div class=\"trainer-social\">\n          <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n          <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n        <\/div>\n      <\/div>\n      <!-- Entrenadora 4 -->\n      <div class=\"trainer-card\">\n        <div class=\"trainer-image\">\n          <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/90.jpg\" alt=\"Camila M\u00e9ndez\">\n        <\/div>\n        <h3 class=\"trainer-name\">Camila M\u00e9ndez<\/h3>\n        <div class=\"trainer-role\">\ud83d\udd39 Yoga & Movilidad<\/div>\n        <p class=\"trainer-bio\">Recuperaci\u00f3n activa y equilibrio. Mejora tu rendimiento integral.<\/p>\n        <div class=\"trainer-social\">\n          <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n          <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  \/\/ Simulaci\u00f3n de clicks en redes sociales (solo UI)\n  document.querySelectorAll('.trainer-social a').forEach(link => {\n    link.addEventListener('click', (e) => {\n      e.preventDefault();\n      alert('\u26a1 Red social simulada \u00b7 Titan Strength Gym (perfil del entrenador)');\n    });\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-43fd90c e-con-full e-flex e-con e-parent\" data-id=\"43fd90c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c38855 elementor-widget elementor-widget-html\" data-id=\"7c38855\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Bloque Contacto Titan *\/\n  .titan-contact {\n    background: #1C1C1C;\n    padding: 5rem 2rem;\n    font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\n    border-top: 1px solid rgba(255, 102, 0, 0.2);\n  }\n  .contact-container {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .contact-header {\n    text-align: center;\n    margin-bottom: 3rem;\n  }\n  .contact-header h2 {\n    font-size: 2.8rem;\n    font-weight: 800;\n    background: linear-gradient(135deg, #FFFFFF, #FFCC00);\n    -webkit-background-clip: text;\n    background-clip: text;\n    color: transparent;\n    margin-bottom: 0.5rem;\n  }\n  .contact-header p {\n    color: #E0E0E0;\n    font-size: 1.1rem;\n  }\n  .contact-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 2rem;\n  }\n  .contact-info {\n    flex: 1;\n    min-width: 260px;\n    background: rgba(28, 28, 28, 0.8);\n    backdrop-filter: blur(4px);\n    border: 1px solid rgba(255, 102, 0, 0.3);\n    border-radius: 28px;\n    padding: 2rem;\n  }\n  .contact-info h3 {\n    color: #FFCC00;\n    font-size: 1.6rem;\n    margin-bottom: 1.5rem;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  .info-detail {\n    margin-bottom: 1.5rem;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    color: #E0E0E0;\n  }\n  .info-detail i {\n    font-size: 1.4rem;\n    color: #FF6600;\n    width: 30px;\n  }\n  .info-detail p {\n    margin: 0;\n    line-height: 1.4;\n  }\n  .social-links {\n    display: flex;\n    gap: 1rem;\n    margin-top: 2rem;\n  }\n  .social-links a {\n    background: #2a2a2a;\n    color: #FF6600;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s;\n    font-size: 1.2rem;\n    text-decoration: none;\n  }\n  .social-links a:hover {\n    background: #FF6600;\n    color: #1C1C1C;\n    transform: translateY(-3px);\n    box-shadow: 0 0 12px #FF6600;\n  }\n  .contact-form {\n    flex: 1;\n    min-width: 260px;\n    background: rgba(28, 28, 28, 0.8);\n    backdrop-filter: blur(4px);\n    border: 1px solid rgba(255, 102, 0, 0.3);\n    border-radius: 28px;\n    padding: 2rem;\n  }\n  .contact-form h3 {\n    color: #FFCC00;\n    font-size: 1.6rem;\n    margin-bottom: 1.5rem;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  .form-group {\n    margin-bottom: 1.2rem;\n  }\n  .form-group input,\n  .form-group textarea {\n    width: 100%;\n    padding: 0.9rem;\n    background: #2a2a2a;\n    border: 1px solid #444;\n    border-radius: 16px;\n    color: white;\n    font-family: inherit;\n    transition: all 0.2s;\n  }\n  .form-group input:focus,\n  .form-group textarea:focus {\n    outline: none;\n    border-color: #FF6600;\n    box-shadow: 0 0 8px #FF6600;\n  }\n  .form-group textarea {\n    resize: vertical;\n    min-height: 100px;\n  }\n  .btn-submit {\n    background: #FF6600;\n    color: #1C1C1C;\n    font-weight: 800;\n    padding: 0.9rem 1.8rem;\n    border: none;\n    border-radius: 50px;\n    cursor: pointer;\n    width: 100%;\n    font-size: 1rem;\n    transition: all 0.25s;\n  }\n  .btn-submit:hover {\n    background: #FF8833;\n    transform: translateY(-2px);\n    box-shadow: 0 0 15px #FF6600;\n  }\n  .form-status {\n    margin-top: 1rem;\n    text-align: center;\n    font-size: 0.85rem;\n    font-weight: 500;\n  }\n  @media (max-width: 800px) {\n    .titan-contact {\n      padding: 3rem 1rem;\n    }\n    .contact-header h2 {\n      font-size: 2rem;\n    }\n    .contact-grid {\n      flex-direction: column;\n    }\n  }\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\n<section class=\"titan-contact\">\n  <div class=\"contact-container\">\n    <div class=\"contact-header\">\n      <h2>\ud83d\udcde CONT\u00c1CTANOS<\/h2>\n      <p>Escr\u00edbenos o vis\u00edtanos. Estamos para impulsar tu evoluci\u00f3n.<\/p>\n    <\/div>\n    <div class=\"contact-grid\">\n      <!-- Informaci\u00f3n de contacto -->\n      <div class=\"contact-info\">\n        <h3><i class=\"fas fa-map-marker-alt\"><\/i> Titan HQ<\/h3>\n        <div class=\"info-detail\">\n          <i class=\"fas fa-location-dot\"><\/i>\n          <p>Calle Fuerza #123, Centro \u00c9lite, Bogot\u00e1<\/p>\n        <\/div>\n        <div class=\"info-detail\">\n          <i class=\"fas fa-phone-alt\"><\/i>\n          <p>+57 601 123 4567<\/p>\n        <\/div>\n        <div class=\"info-detail\">\n          <i class=\"fas fa-envelope\"><\/i>\n          <p>info@titanstrengthgym.com<\/p>\n        <\/div>\n        <div class=\"info-detail\">\n          <i class=\"fas fa-clock\"><\/i>\n          <p>Lun - Vie: 5am - 11pm<br>S\u00e1b - Dom: 7am - 8pm<\/p>\n        <\/div>\n        <div class=\"social-links\">\n          <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n          <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n          <a href=\"#\"><i class=\"fab fa-youtube\"><\/i><\/a>\n          <a href=\"#\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n        <\/div>\n      <\/div>\n      <!-- Formulario de contacto simulado -->\n      <div class=\"contact-form\">\n        <h3><i class=\"fas fa-paper-plane\"><\/i> Escr\u00edbenos<\/h3>\n        <form id=\"contactSimulatedForm\">\n          <div class=\"form-group\">\n            <input type=\"text\" id=\"contactName\" placeholder=\"Nombre completo\" required>\n          <\/div>\n          <div class=\"form-group\">\n            <input type=\"email\" id=\"contactEmail\" placeholder=\"Correo electr\u00f3nico\" required>\n          <\/div>\n          <div class=\"form-group\">\n            <textarea id=\"contactMsg\" placeholder=\"Cu\u00e9ntanos tu objetivo...\"><\/textarea>\n          <\/div>\n          <button type=\"button\" id=\"submitContactBtn\" class=\"btn-submit\"><i class=\"fas fa-dumbbell\"><\/i> Enviar mensaje<\/button>\n          <div id=\"contactStatus\" class=\"form-status\"><\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  (function() {\n    const submitBtn = document.getElementById('submitContactBtn');\n    const statusDiv = document.getElementById('contactStatus');\n    const form = document.getElementById('contactSimulatedForm');\n    \n    submitBtn.addEventListener('click', () => {\n      const name = document.getElementById('contactName').value.trim();\n      const email = document.getElementById('contactEmail').value.trim();\n      const msg = document.getElementById('contactMsg').value.trim();\n      \n      if (!name || !email) {\n        statusDiv.innerHTML = '<span style=\"color:#FF6600;\">\u26a0\ufe0f Completa nombre y correo.<\/span>';\n        return;\n      }\n      \/\/ Simular env\u00edo\n      submitBtn.disabled = true;\n      submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Enviando...';\n      statusDiv.innerHTML = '';\n      \n      setTimeout(() => {\n        statusDiv.innerHTML = '<span style=\"color:#00C853;\">\u2705 Mensaje enviado (simulado). \u00a1Te responderemos pronto!<\/span>';\n        submitBtn.innerHTML = '<i class=\"fas fa-dumbbell\"><\/i> Enviar mensaje';\n        submitBtn.disabled = false;\n        form.reset();\n        \/\/ Limpiar mensaje de \u00e9xito despu\u00e9s de 3 segundos\n        setTimeout(() => {\n          if (statusDiv.innerHTML.includes('\u2705')) statusDiv.innerHTML = '';\n        }, 3000);\n      }, 1200);\n    });\n    \n    \/\/ Simular clics en redes sociales\n    document.querySelectorAll('.social-links a').forEach(link => {\n      link.addEventListener('click', (e) => {\n        e.preventDefault();\n        alert('\u26a1 Red social simulada \u00b7 Titan Strength Gym');\n      });\n    });\n  })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2090694 e-con-full e-flex e-con e-parent\" data-id=\"2090694\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4914fb elementor-widget elementor-widget-html\" data-id=\"c4914fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Bloque Footer - Titan Strength Gym *\/\n  .titan-footer {\n    background: #0f0f0f;\n    border-top: 2px solid rgba(255, 102, 0, 0.4);\n    padding: 3rem 2rem 1.5rem;\n    font-family: 'Poppins', 'Segoe UI', system-ui, sans-serif;\n  }\n  .footer-container {\n    max-width: 1400px;\n    margin: 0 auto;\n  }\n  .footer-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    gap: 2rem;\n    margin-bottom: 2rem;\n  }\n  .footer-col {\n    flex: 1;\n    min-width: 200px;\n  }\n  .footer-col h4 {\n    color: #FFCC00;\n    font-size: 1.2rem;\n    margin-bottom: 1rem;\n    position: relative;\n    display: inline-block;\n  }\n  .footer-col h4::after {\n    content: '';\n    position: absolute;\n    bottom: -5px;\n    left: 0;\n    width: 40px;\n    height: 2px;\n    background: #FF6600;\n  }\n  .footer-col p, .footer-col ul {\n    color: #BBBBBB;\n    font-size: 0.85rem;\n    line-height: 1.6;\n  }\n  .footer-col ul {\n    list-style: none;\n    padding: 0;\n  }\n  .footer-col ul li {\n    margin-bottom: 0.5rem;\n  }\n  .footer-col ul li a {\n    color: #BBBBBB;\n    text-decoration: none;\n    transition: color 0.2s;\n  }\n  .footer-col ul li a:hover {\n    color: #FF6600;\n  }\n  .footer-social {\n    display: flex;\n    gap: 1rem;\n    margin-top: 0.5rem;\n  }\n  .footer-social a {\n    background: #2a2a2a;\n    color: #FF6600;\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s;\n    text-decoration: none;\n  }\n  .footer-social a:hover {\n    background: #FF6600;\n    color: #1C1C1C;\n    transform: translateY(-3px);\n    box-shadow: 0 0 12px #FF6600;\n  }\n  .footer-bottom {\n    text-align: center;\n    padding-top: 1.5rem;\n    border-top: 1px solid rgba(255, 102, 0, 0.3);\n    font-size: 0.8rem;\n    color: #888;\n  }\n  .footer-bottom p {\n    margin: 0;\n  }\n  .footer-bottom a {\n    color: #FF6600;\n    text-decoration: none;\n  }\n  .footer-bottom a:hover {\n    text-decoration: underline;\n  }\n  @media (max-width: 800px) {\n    .titan-footer {\n      padding: 2rem 1rem 1rem;\n    }\n    .footer-grid {\n      flex-direction: column;\n      gap: 1.5rem;\n    }\n  }\n<\/style>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n\n<footer class=\"titan-footer\">\n  <div class=\"footer-container\">\n    <div class=\"footer-grid\">\n      <div class=\"footer-col\">\n        <h4>TITAN STRENGTH GYM<\/h4>\n        <p>Fuerza \u00b7 Disciplina \u00b7 Evoluci\u00f3n<br>Equipamiento premium y la mejor comunidad fitness.<\/p>\n        <div class=\"footer-social\">\n          <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n          <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n          <a href=\"#\"><i class=\"fab fa-youtube\"><\/i><\/a>\n          <a href=\"#\"><i class=\"fab fa-whatsapp\"><\/i><\/a>\n        <\/div>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Enlaces r\u00e1pidos<\/h4>\n        <ul>\n          <li><a href=\"#\">Inicio<\/a><\/li>\n          <li><a href=\"#\">Planes<\/a><\/li>\n          <li><a href=\"#\">Beneficios<\/a><\/li>\n          <li><a href=\"#\">Instalaciones<\/a><\/li>\n          <li><a href=\"#\">Contacto<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Contacto<\/h4>\n        <p><i class=\"fas fa-map-marker-alt\"><\/i> Calle Fuerza #123, Bogot\u00e1<\/p>\n        <p><i class=\"fas fa-phone-alt\"><\/i> +57 601 123 4567<\/p>\n        <p><i class=\"fas fa-envelope\"><\/i> info@titanstrengthgym.com<\/p>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Horarios<\/h4>\n        <p>Lun - Vie: 5am - 11pm<\/p>\n        <p>S\u00e1b - Dom: 7am - 8pm<\/p>\n        <p>\u00c9lite 24\/7: Acceso ilimitado<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n      <p>&copy; 2026 TITAN STRENGTH GYM. Todos los derechos reservados.<br>dise\u00f1oweb.com By SNTECHNOLOGY SAS<\/p>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n  \/\/ Simulaci\u00f3n de clics en redes sociales del footer\n  document.querySelectorAll('.footer-social a').forEach(link => {\n    link.addEventListener('click', (e) => {\n      e.preventDefault();\n      alert('\u26a1 S\u00edguenos en redes (simulaci\u00f3n) \u00b7 Titan Strength Gym');\n    });\n  });\n  document.querySelectorAll('.footer-col ul li a').forEach(link => {\n    link.addEventListener('click', (e) => {\n      e.preventDefault();\n      alert('\u26a1 Navegaci\u00f3n simulada \u00b7 Titan Strength Gym');\n    });\n  });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>INICIO PLANES BENEFICIOS INSTALACIONES ENTRENADORES CONTACTO EMPIEZA YA EMPIEZA YA FUERZA \u00b7 DISCIPLINA \u00b7 EVOLUCI\u00d3N ENTRENA COMO UN TIT\u00c1N Equipamiento [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":56,"href":"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-json\/wp\/v2\/pages\/10\/revisions\/84"}],"wp:attachment":[{"href":"https:\/\/www.sntechnology.com.co\/titanstrengthgym\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}