<!DOCTYPE html><html lang="es" class="scroll-smooth"> <head><meta charset="UTF-8"><title>Fiestas Premium | Organización de Bodas y Eventos en Bogotá</title><meta name="description" content="Organizamos bodas, fiestas de 15 años y eventos corporativos en Bogotá. +597 eventos, salones exclusivos y coordinación completa. Cotiza gratis."><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><link rel="canonical" href="https://fiestaspremium.com/"><meta property="og:title" content="Fiestas Premium | Organización de Bodas y Eventos en Bogotá"><meta property="og:description" content="Organizamos bodas, fiestas de 15 años y eventos corporativos en Bogotá. +597 eventos, salones exclusivos y coordinación completa. Cotiza gratis."><meta property="og:type" content="website"><meta property="og:url" content="https://fiestaspremium.com/"><meta property="og:site_name" content="Fiestas Premium"><meta property="og:image" content="https://fiestaspremium.com/images/og-default.jpg"><meta property="og:locale" content="es_CO"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Fiestas Premium | Organización de Bodas y Eventos en Bogotá"><meta name="twitter:description" content="Organizamos bodas, fiestas de 15 años y eventos corporativos en Bogotá. +597 eventos, salones exclusivos y coordinación completa. Cotiza gratis."><meta name="twitter:image" content="https://fiestaspremium.com/images/og-default.jpg"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="alternate icon" href="/favicon.ico"><link rel="apple-touch-icon" href="/favicon.svg"><meta name="theme-color" content="#0F1F18"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&family=Prata&family=Sacramento&family=WindSong:wght@500&display=swap" rel="stylesheet"><!-- Google Tag Manager --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-TBJSN4');</script><!-- End Google Tag Manager --><link rel="stylesheet" href="/_astro/global.CMKMWQ1e.css"></head> <body class="relative"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TBJSN4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="organic-texture"></div> <nav class="fixed top-4 left-1/2 -translate-x-1/2 z-50 w-[95%] max-w-6xl transition-all duration-300"> <div class="bg-forest-light/60 backdrop-blur-md border border-forest-mist/10 rounded-full px-6 py-3 md:px-8 md:py-4 flex justify-between items-center shadow-[0_10px_40px_rgba(0,0,0,0.3)]">  <a href="/" class="font-serif text-2xl md:text-3xl tracking-wide text-forest-mist flex items-center gap-2">
Fiestas&nbsp;<span class="text-forest-accent">Premium</span> </a>  <div class="hidden lg:flex gap-8 text-[11px] font-sans tracking-[0.2em] uppercase text-forest-mist/80 font-medium items-center">  <div class="relative group"> <button class="flex items-center gap-1 hover:text-forest-accent transition-colors uppercase tracking-[0.2em]" aria-haspopup="true">
Servicios
<svg class="w-3 h-3 transition-transform group-hover:rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path> </svg> </button> <div class="invisible absolute left-1/2 -translate-x-1/2 top-full pt-4 opacity-0 group-hover:visible group-hover:opacity-100 transition-all duration-200"> <div class="min-w-[240px] rounded-2xl bg-forest-light/95 backdrop-blur-md border border-forest-mist/10 shadow-[0_10px_40px_rgba(0,0,0,0.4)] py-3"> <a href="/bodas-bogota/" class="block px-6 py-3 text-[11px] tracking-[0.15em] uppercase hover:text-forest-accent hover:bg-forest-bg/30 transition-colors text-forest-mist/80"> Bodas </a><a href="/fiesta-de-15-bogota/" class="block px-6 py-3 text-[11px] tracking-[0.15em] uppercase hover:text-forest-accent hover:bg-forest-bg/30 transition-colors text-forest-mist/80"> Fiestas de 15 </a><a href="/organizacion-eventos-empresariales-bogota/" class="block px-6 py-3 text-[11px] tracking-[0.15em] uppercase hover:text-forest-accent hover:bg-forest-bg/30 transition-colors text-forest-mist/80"> Eventos Corporativos </a> </div> </div> </div> <a href="/salones/" class="hover:text-forest-accent transition-colors"> Salones </a><a href="/fotos/" class="hover:text-forest-accent transition-colors"> Galería </a><a href="/blog/" class="hover:text-forest-accent transition-colors"> Blog </a> </div>  <a href="/cotizar/" class="hidden md:block text-[10px] md:text-xs font-sans font-bold tracking-[0.2em] uppercase text-forest-bg bg-forest-accent px-6 py-3 rounded-full hover:bg-forest-mist transition-colors shadow-lg">
Cotizar Evento
</a>  <button id="menu-toggle" class="lg:hidden text-forest-mist text-xl flex items-center justify-center" aria-label="Abrir menu" aria-expanded="false"> <svg id="icon-open" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path> </svg> <svg id="icon-close" class="hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div>  <div id="mobile-menu" class="mt-2 hidden rounded-2xl bg-forest-light/95 px-6 py-6 shadow-[0_10px_40px_rgba(0,0,0,0.3)] backdrop-blur-md border border-forest-mist/10"> <div class="flex flex-col gap-4"> <p class="text-[10px] font-sans uppercase tracking-[0.2em] text-forest-accent mt-1">Servicios</p> <a href="/bodas-bogota/" class="pl-3 text-sm font-sans font-medium uppercase tracking-[0.15em] transition-colors hover:text-forest-accent text-forest-mist/80"> Bodas </a><a href="/fiesta-de-15-bogota/" class="pl-3 text-sm font-sans font-medium uppercase tracking-[0.15em] transition-colors hover:text-forest-accent text-forest-mist/80"> Fiestas de 15 </a><a href="/organizacion-eventos-empresariales-bogota/" class="pl-3 text-sm font-sans font-medium uppercase tracking-[0.15em] transition-colors hover:text-forest-accent text-forest-mist/80"> Eventos Corporativos </a> <div class="border-t border-forest-mist/10 my-2"></div> <a href="/salones/" class="text-sm font-sans font-medium uppercase tracking-[0.15em] transition-colors hover:text-forest-accent text-forest-mist/80"> Salones </a><a href="/fotos/" class="text-sm font-sans font-medium uppercase tracking-[0.15em] transition-colors hover:text-forest-accent text-forest-mist/80"> Galería </a><a href="/blog/" class="text-sm font-sans font-medium uppercase tracking-[0.15em] transition-colors hover:text-forest-accent text-forest-mist/80"> Blog </a> <a href="/cotizar/" class="mt-2 block rounded-full bg-forest-accent px-6 py-3 text-center text-xs font-sans font-bold uppercase tracking-[0.2em] text-forest-bg transition-colors hover:bg-forest-mist">
Cotizar Evento
</a> </div> </div> </nav>  <div class="h-20"></div> <script type="module">const e=document.getElementById("menu-toggle"),t=document.getElementById("mobile-menu"),o=document.getElementById("icon-open"),s=document.getElementById("icon-close");e?.addEventListener("click",()=>{const n=!t?.classList.contains("hidden");t?.classList.toggle("hidden"),o?.classList.toggle("hidden"),s?.classList.toggle("hidden"),e.setAttribute("aria-expanded",String(!n))});</script>   <header class="relative min-h-[90vh] flex flex-col justify-center items-center overflow-hidden pt-20"> <div class="absolute inset-0 z-0"> <div class="absolute inset-0 bg-gradient-to-t from-forest-bg via-forest-bg/60 to-forest-bg/30 z-10"></div> <img src="/images/home-hero.webp" alt="Organización de bodas y eventos en Bogotá — Fiestas Premium" width="1920" height="1080" class="w-full h-full object-cover opacity-70 animate-fog" loading="eager" fetchpriority="high"> </div> <div class="relative z-10 text-center px-4 max-w-4xl mx-auto mt-10"> <div class="inline-flex items-center gap-3 border border-forest-accent/30 rounded-full px-4 py-2 bg-forest-bg/50 backdrop-blur mb-8"> <svg class="w-3 h-3 text-forest-accent" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> <span class="font-sans text-xs tracking-widest uppercase text-forest-mist/90">4.9 Estrellas &bull; +597 Eventos</span> </div> <h1 class="font-serif text-5xl md:text-7xl lg:text-8xl text-forest-mist leading-[1.1] mb-6">
Hacemos realidad la <br> <span class="font-script text-forest-accent text-6xl md:text-8xl lg:text-[9rem] lowercase block mt-2 transform -rotate-2">celebración de tus sueños</span> </h1> <p class="font-sans font-light text-base md:text-lg text-gray-300 max-w-2xl mx-auto leading-relaxed mb-10">
Organizamos bodas, fiestas de 15 años y eventos corporativos en Bogotá.
        Salones exclusivos, decoración botánica personalizada y coordinación absoluta.
</p> <div class="flex flex-col sm:flex-row gap-6 justify-center items-center"> <a href="/cotizar/" class="w-full sm:w-auto bg-forest-accent text-forest-bg font-sans font-bold text-xs uppercase tracking-[0.2em] px-10 py-4 rounded-full hover:bg-forest-mist transition-colors shadow-[0_0_20px_rgba(212,180,131,0.2)]">
Cotiza tu Evento
</a> <a href="https://wa.me/573114976080" class="w-full sm:w-auto border border-forest-mist/30 text-forest-mist font-sans font-bold text-xs uppercase tracking-[0.2em] px-10 py-4 rounded-full hover:bg-forest-mist/10 transition-colors flex items-center justify-center gap-2" target="_blank" rel="noopener noreferrer"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path></svg>
Asesoría por WhatsApp
</a> </div> </div> <!-- Stats Minimalistas --> <div class="relative z-10 grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-16 mt-20 border-t border-forest-mist/10 pt-10 max-w-5xl mx-auto px-4 w-full"> <div class="text-center"> <b class="font-serif text-3xl md:text-4xl text-forest-accent block mb-1">+597</b> <span class="font-sans text-[10px] uppercase tracking-widest text-forest-mist/60">Eventos</span> </div> <div class="text-center"> <b class="font-serif text-3xl md:text-4xl text-forest-accent block mb-1">+10</b> <span class="font-sans text-[10px] uppercase tracking-widest text-forest-mist/60">Años Exp.</span> </div> <div class="text-center"> <b class="font-serif text-3xl md:text-4xl text-forest-accent block mb-1">3</b> <span class="font-sans text-[10px] uppercase tracking-widest text-forest-mist/60">Salones Propios</span> </div> <div class="text-center"> <b class="font-serif text-3xl md:text-4xl text-forest-accent block mb-1">4.9</b> <span class="font-sans text-[10px] uppercase tracking-widest text-forest-mist/60">Rating</span> </div> </div> </header>  <section class="py-24 px-6 max-w-7xl mx-auto relative z-10" id="servicios"> <div class="text-center max-w-2xl mx-auto mb-16"> <span class="font-sans text-forest-accent text-xs tracking-[0.2em] uppercase mb-4 block">Nuestros Servicios</span> <h2 class="font-serif text-4xl md:text-5xl text-forest-mist">Creamos experiencias inolvidables</h2> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> <!-- Bodas --> <a href="/bodas-bogota/" class="group block relative overflow-hidden rounded-2xl border border-forest-mist/10 bg-forest-light hover:border-forest-accent/50 transition-all duration-500"> <div class="aspect-video overflow-hidden"> <img src="/images/bodas-autor-home.webp" alt="Bodas de autor en Bogotá — pirotecnia y decoración en Hacienda Monteleón" width="800" height="450" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700 contrast-125 saturate-50 group-hover:saturate-100" loading="lazy"> </div> <div class="p-8"> <h3 class="font-serif text-2xl text-forest-mist mb-3 group-hover:text-forest-accent transition-colors">Bodas de Autor</h3> <p class="font-sans text-sm font-light text-forest-mist/70 leading-relaxed mb-6">
Planeación completa de tu boda: salón, decoración botánica, catering y coordinación del día.
</p> <span class="font-sans text-xs tracking-widest uppercase text-forest-accent group-hover:underline underline-offset-4">Explorar Bodas</span> </div> </a> <!-- 15 Años --> <a href="/fiesta-de-15-bogota/" class="group block relative overflow-hidden rounded-2xl border border-forest-mist/10 bg-forest-light hover:border-forest-accent/50 transition-all duration-500"> <div class="aspect-video overflow-hidden"> <img src="https://images.unsplash.com/photo-1549335223-c89505707f65?q=80&w=800&auto=format&fit=crop" alt="Fiestas de 15 años en Bogotá" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700 contrast-125 saturate-50 group-hover:saturate-100" loading="lazy"> </div> <div class="p-8"> <h3 class="font-serif text-2xl text-forest-mist mb-3 group-hover:text-forest-accent transition-colors">Fiestas de 15 Años</h3> <p class="font-sans text-sm font-light text-forest-mist/70 leading-relaxed mb-6">
La celebración soñada: temáticas sofisticadas, coreografía, salón y montaje completo.
</p> <span class="font-sans text-xs tracking-widest uppercase text-forest-accent group-hover:underline underline-offset-4">Explorar 15 Años</span> </div> </a> <!-- Corporativos --> <a href="/organizacion-eventos-empresariales-bogota/" class="group block relative overflow-hidden rounded-2xl border border-forest-mist/10 bg-forest-light hover:border-forest-accent/50 transition-all duration-500"> <div class="aspect-video overflow-hidden"> <img src="https://images.unsplash.com/photo-1511795409834-ef04bbd61622?q=80&w=800&auto=format&fit=crop" alt="Eventos corporativos en Bogotá" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700 contrast-125 saturate-50 group-hover:saturate-100" loading="lazy"> </div> <div class="p-8"> <h3 class="font-serif text-2xl text-forest-mist mb-3 group-hover:text-forest-accent transition-colors">Eventos Corporativos</h3> <p class="font-sans text-sm font-light text-forest-mist/70 leading-relaxed mb-6">
Lanzamientos, cenas empresariales y celebraciones corporativas de alto nivel.
</p> <span class="font-sans text-xs tracking-widest uppercase text-forest-accent group-hover:underline underline-offset-4">Explorar Corporativos</span> </div> </a> </div> </section>  <section class="py-24 px-6 border-y border-forest-mist/5 bg-[#0A1611]" id="nosotros"> <div class="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-16 items-center"> <div class="relative"> <div class="aspect-[4/5] rounded-[8rem] rounded-tr-none overflow-hidden border border-forest-mist/10 relative z-10"> <img src="https://images.unsplash.com/photo-1515934751635-c81c6bc9a2d8?q=80&w=800&auto=format&fit=crop" alt="Equipo Fiestas Premium" class="w-full h-full object-cover" loading="lazy"> </div> <div class="absolute -bottom-6 -right-6 w-32 h-32 border border-forest-accent rounded-full opacity-50 z-0"></div> </div> <div> <span class="font-sans text-forest-accent text-xs tracking-[0.2em] uppercase mb-4 block">Ubicación</span> <h2 class="font-serif text-4xl md:text-5xl text-forest-mist leading-tight mb-6">
Más de 10 años esculpiendo <span class="font-script text-forest-accent text-5xl md:text-6xl lowercase">celebraciones</span> perfectas.
</h2> <p class="font-sans font-light text-forest-mist/70 leading-relaxed mb-6">
En Fiestas Premium nos encargamos de cada aspecto de tu evento: desde la selección del salón perfecto hasta la coordinación del día. Trabajamos con salones propios y aliados exclusivos en Bogotá y la Sabana.
</p> <p class="font-sans font-light text-forest-mist/70 leading-relaxed">
Nuestro equipo de wedding planners, decoradores florales y coordinadores se asegura de que cada detalle estético y logístico esté cubierto. Tú solo te dedicas a sentir.
</p> </div> </div> </section>  <section class="py-24" id="estilos"> <div class="px-6 md:px-12 max-w-7xl mx-auto mb-12"> <span class="font-sans text-forest-accent text-xs tracking-[0.2em] uppercase mb-4 block">Encuentra tu estética</span> <h2 class="font-serif text-4xl md:text-5xl text-forest-mist">Colección de Estilos</h2> </div> <div class="flex gap-6 overflow-x-auto hide-scroll snap-x px-6 md:px-12 pb-8"> <a href="/bodas-bogota/" class="min-w-[260px] md:min-w-[320px] snap-start group relative rounded-2xl overflow-hidden aspect-[3/4]"> <div class="absolute inset-0 bg-gradient-to-t from-forest-bg via-transparent to-transparent z-10"></div> <img src="/images/boda-aire-libre-bogota.webp" alt="Bodas al aire libre en Bogotá — ceremonia campestre" width="600" height="800" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" loading="lazy"> <h3 class="absolute bottom-6 left-6 z-20 font-serif text-2xl text-forest-mist group-hover:text-forest-accent transition-colors">Al Aire Libre</h3> </a> <a href="/bodas-bogota/" class="min-w-[260px] md:min-w-[320px] snap-start group relative rounded-2xl overflow-hidden aspect-[3/4]"> <div class="absolute inset-0 bg-gradient-to-t from-forest-bg via-transparent to-transparent z-10"></div> <img src="/images/boda-campestre-estilo.webp" alt="Bodas campestres en Bogotá — decoración y ambientación en hacienda" width="600" height="800" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" loading="lazy"> <h3 class="absolute bottom-6 left-6 z-20 font-serif text-2xl text-forest-mist group-hover:text-forest-accent transition-colors">Campestre</h3> </a> <a href="/bodas-bogota/" class="min-w-[260px] md:min-w-[320px] snap-start group relative rounded-2xl overflow-hidden aspect-[3/4]"> <div class="absolute inset-0 bg-gradient-to-t from-forest-bg via-transparent to-transparent z-10"></div> <img src="https://images.unsplash.com/photo-1519741497674-611481863552?q=80&w=600&auto=format&fit=crop" alt="Matrimonio civil en Bogotá" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" loading="lazy"> <h3 class="absolute bottom-6 left-6 z-20 font-serif text-2xl text-forest-mist group-hover:text-forest-accent transition-colors">Civil</h3> </a> <a href="/bodas-bogota/" class="min-w-[260px] md:min-w-[320px] snap-start group relative rounded-2xl overflow-hidden aspect-[3/4]"> <div class="absolute inset-0 bg-gradient-to-t from-forest-bg via-transparent to-transparent z-10"></div> <img src="https://images.unsplash.com/photo-1520342868574-5fa3804e551c?q=80&w=600&auto=format&fit=crop" alt="Bodas de día en Bogotá" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" loading="lazy"> <h3 class="absolute bottom-6 left-6 z-20 font-serif text-2xl text-forest-mist group-hover:text-forest-accent transition-colors">De Día</h3> </a> <a href="/bodas-bogota/" class="min-w-[260px] md:min-w-[320px] snap-start group relative rounded-2xl overflow-hidden aspect-[3/4]"> <div class="absolute inset-0 bg-gradient-to-t from-forest-bg via-transparent to-transparent z-10"></div> <img src="https://images.unsplash.com/photo-1465495976277-4387d4b0b4c6?q=80&w=600&auto=format&fit=crop" alt="Bodas vintage en Bogotá" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" loading="lazy"> <h3 class="absolute bottom-6 left-6 z-20 font-serif text-2xl text-forest-mist group-hover:text-forest-accent transition-colors">Vintage</h3> </a> <div class="min-w-[20px]"></div> </div> </section>  <section class="py-24 px-6 bg-forest-light border-y border-forest-mist/5" id="salones"> <div class="max-w-7xl mx-auto"> <div class="text-center max-w-2xl mx-auto mb-16"> <span class="font-sans text-forest-accent text-xs tracking-[0.2em] uppercase mb-4 block">The Spaces</span> <h2 class="font-serif text-4xl md:text-5xl text-forest-mist">Santuarios para tu celebración</h2> <p class="font-sans font-light text-forest-mist/70 mt-4">Contamos con haciendas y salones propios, además de una red de locaciones selectas en Bogotá y la Sabana.</p> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <a href="/hacienda-comun-y-silvestre-bodas-y-eventos-en-bogota/" class="group block"> <div class="aspect-[4/3] rounded-2xl overflow-hidden relative mb-6"> <img src="/images/hacienda-comun-silvestre-boda.webp" alt="Hacienda Común y Silvestre — salón campestre para bodas y eventos en Bogotá" width="800" height="534" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700 sepia-[0.2]" loading="lazy"> <div class="absolute top-4 left-4 bg-forest-accent text-forest-bg font-sans text-[10px] tracking-widest uppercase px-3 py-1 rounded-full">Salón Propio</div> </div> <h3 class="font-serif text-2xl text-forest-mist mb-2 group-hover:text-forest-accent transition-colors">Hacienda Común y Silvestre</h3> <p class="font-sans text-xs uppercase tracking-widest text-forest-mist/50"> <svg class="w-3 h-3 text-forest-accent inline-block -mt-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path></svg> Bogotá | <svg class="w-3 h-3 text-forest-accent inline-block -mt-0.5 ml-2" fill="currentColor" viewBox="0 0 20 20"><path d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"></path></svg> 50-300 invitados
</p> </a> <a href="/hacienda-chic/" class="group block"> <div class="aspect-[4/3] rounded-2xl overflow-hidden relative mb-6"> <img src="https://images.unsplash.com/photo-1464366400600-7168b8af9bc3?q=80&w=800&auto=format&fit=crop" alt="Hacienda Chic" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700 sepia-[0.2]" loading="lazy"> <div class="absolute top-4 left-4 bg-forest-accent text-forest-bg font-sans text-[10px] tracking-widest uppercase px-3 py-1 rounded-full">Salón Propio</div> </div> <h3 class="font-serif text-2xl text-forest-mist mb-2 group-hover:text-forest-accent transition-colors">Hacienda Chic</h3> <p class="font-sans text-xs uppercase tracking-widest text-forest-mist/50"> <svg class="w-3 h-3 text-forest-accent inline-block -mt-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path></svg> Bogotá | <svg class="w-3 h-3 text-forest-accent inline-block -mt-0.5 ml-2" fill="currentColor" viewBox="0 0 20 20"><path d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"></path></svg> 30-200 invitados
</p> </a> <a href="/salon-campestre-eventos/" class="group block"> <div class="aspect-[4/3] rounded-2xl overflow-hidden relative mb-6"> <img src="https://images.unsplash.com/photo-1513623935135-c896b59073c1?q=80&w=800&auto=format&fit=crop" alt="Salón Campestre" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700 sepia-[0.2]" loading="lazy"> <div class="absolute top-4 left-4 bg-forest-accent text-forest-bg font-sans text-[10px] tracking-widest uppercase px-3 py-1 rounded-full">Salón Propio</div> </div> <h3 class="font-serif text-2xl text-forest-mist mb-2 group-hover:text-forest-accent transition-colors">Salón Campestre</h3> <p class="font-sans text-xs uppercase tracking-widest text-forest-mist/50"> <svg class="w-3 h-3 text-forest-accent inline-block -mt-0.5" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path></svg> Bogotá | <svg class="w-3 h-3 text-forest-accent inline-block -mt-0.5 ml-2" fill="currentColor" viewBox="0 0 20 20"><path d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"></path></svg> 40-250 invitados
</p> </a> </div> <div class="text-center mt-16"> <a href="/salones/" class="inline-block border border-forest-accent text-forest-accent px-8 py-3 rounded-full text-xs font-sans tracking-[0.2em] uppercase hover:bg-forest-accent hover:text-forest-bg transition-colors">
Explorar Directorio de Salones
</a> </div> </div> </section>  <section class="py-24 px-6 max-w-7xl mx-auto" id="proceso"> <div class="text-center mb-16"> <h2 class="font-serif text-4xl text-forest-mist">El Ritual de Planeación</h2> </div> <div class="grid grid-cols-1 md:grid-cols-4 border-t border-b border-forest-mist/10 divide-y md:divide-y-0 md:divide-x divide-forest-mist/10"> <div class="p-8 md:p-10 hover:bg-forest-light/50 transition-colors"> <span class="font-serif text-4xl text-forest-accent block mb-4 italic">01</span> <h3 class="font-serif text-xl text-forest-mist mb-3">La Visión</h3> <p class="font-sans text-sm font-light text-forest-mist/60 leading-relaxed">
Escríbenos por WhatsApp o llena el formulario. Nos tomamos un café para entender la estética y alma de tu evento.
</p> </div> <div class="p-8 md:p-10 hover:bg-forest-light/50 transition-colors"> <span class="font-serif text-4xl text-forest-accent block mb-4 italic">02</span> <h3 class="font-serif text-xl text-forest-mist mb-3">El Diseño</h3> <p class="font-sans text-sm font-light text-forest-mist/60 leading-relaxed">
Creamos una propuesta a medida, seleccionando el salón ideal, paleta de color y presupuesto estructurado.
</p> </div> <div class="p-8 md:p-10 hover:bg-forest-light/50 transition-colors"> <span class="font-serif text-4xl text-forest-accent block mb-4 italic">03</span> <h3 class="font-serif text-xl text-forest-mist mb-3">La Curaduría</h3> <p class="font-sans text-sm font-light text-forest-mist/60 leading-relaxed">
Selección de proveedores top, pruebas de menú y diseño floral. Nosotros gestionamos los contratos.
</p> </div> <div class="p-8 md:p-10 hover:bg-forest-light/50 transition-colors"> <span class="font-serif text-4xl text-forest-accent block mb-4 italic">04</span> <h3 class="font-serif text-xl text-forest-mist mb-3">La Ejecución</h3> <p class="font-sans text-sm font-light text-forest-mist/60 leading-relaxed">
Coordinación milimétrica el día del evento. Tú y tu familia solo se dedican a celebrar y brindar.
</p> </div> </div> </section>  <section class="py-32 px-6 bg-[#0A1611] text-center relative overflow-hidden" id="cta"> <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-96 h-96 bg-forest-accent/10 blur-[100px] rounded-full pointer-events-none"></div> <div class="relative z-10 max-w-2xl mx-auto"> <h2 class="font-serif text-4xl md:text-5xl text-forest-mist mb-6">Tu historia merece ser contada impecablemente.</h2> <p class="font-sans font-light text-forest-mist/70 mb-10">
Cuéntanos qué tienes en mente y diseñemos juntos un evento que tus invitados recordarán para siempre.
</p> <a href="https://wa.me/573114976080" class="inline-flex items-center gap-3 bg-forest-accent text-forest-bg font-sans font-bold text-xs uppercase tracking-[0.2em] px-10 py-4 rounded-full hover:bg-forest-mist transition-colors" target="_blank" rel="noopener noreferrer"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path></svg>
Iniciar Conversación
</a> </div> </section>  <section class="py-24 px-6 max-w-7xl mx-auto" id="galeria"> <div class="flex justify-between items-end mb-12"> <div> <span class="font-sans text-forest-accent text-xs tracking-[0.2em] uppercase mb-4 block">El Archivo</span> <h2 class="font-serif text-4xl text-forest-mist">Obras Recientes</h2> </div> <a href="/fotos/" class="hidden md:inline-block border-b border-forest-accent text-forest-accent pb-1 font-sans text-xs uppercase tracking-widest hover:text-forest-mist transition-colors">
Ver Colección
</a> </div> <div class="grid grid-cols-2 md:grid-cols-4 gap-4 auto-rows-[200px] md:auto-rows-[250px]"> <div class="group relative overflow-hidden rounded-xl row-span-2 col-span-2 md:col-span-2"> <div class="absolute inset-0 bg-forest-bg/40 opacity-0 group-hover:opacity-100 transition-opacity z-10 flex items-end p-6"> <span class="font-serif text-2xl text-forest-mist translate-y-4 group-hover:translate-y-0 transition-transform">Hacienda Común y Silvestre</span> </div> <img src="/images/hacienda-comun-silvestre-obras.webp" alt="Evento en Hacienda Común y Silvestre — bodas y celebraciones en Bogotá" width="800" height="1000" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" loading="lazy"> </div> <div class="group relative overflow-hidden rounded-xl col-span-2 md:col-span-2"> <div class="absolute inset-0 bg-forest-bg/40 opacity-0 group-hover:opacity-100 transition-opacity z-10 flex items-end p-6"> <span class="font-serif text-xl text-forest-mist translate-y-4 group-hover:translate-y-0 transition-transform">Boda Chía</span> </div> <img src="/images/decoracion-salon-boda.webp" alt="Decoración de salón para boda en Bogotá — Fiestas Premium" width="800" height="500" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" loading="lazy"> </div> <div class="group relative overflow-hidden rounded-xl"> <img src="https://images.unsplash.com/photo-1520854221256-17451cc331bf?q=80&w=800&auto=format&fit=crop" alt="Decoración de boda" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" loading="lazy"> </div> <div class="group relative overflow-hidden rounded-xl"> <img src="https://images.unsplash.com/photo-1523438885200-e635ba2c371e?q=80&w=800&auto=format&fit=crop" alt="Mesa de boda decorada" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" loading="lazy"> </div> <div class="group relative overflow-hidden rounded-xl col-span-2 md:col-span-2"> <img src="/images/pastel-bodas-velas.webp" alt="Pastel de bodas con velas — decoración elegante en Bogotá" width="800" height="500" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" loading="lazy"> </div> <div class="group relative overflow-hidden rounded-xl col-span-2 md:col-span-2"> <img src="https://images.unsplash.com/photo-1464366400600-7168b8af9bc3?q=80&w=800&auto=format&fit=crop" alt="Recepción de boda" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" loading="lazy"> </div> </div> </section>  <section class="py-24 px-6 bg-forest-light border-y border-forest-mist/5" id="testimonios"> <div class="max-w-7xl mx-auto"> <div class="text-center mb-16"> <h2 class="font-serif text-4xl text-forest-mist">Cartas de Amor</h2> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <div class="bg-forest-bg border border-forest-mist/10 p-8 rounded-2xl relative"> <svg class="absolute top-6 right-6 w-10 h-10 text-forest-mist/5" fill="currentColor" viewBox="0 0 24 24"><path d="M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10H14.017zM0 21v-7.391c0-5.704 3.731-9.57 8.983-10.609L9.978 5.151c-2.432.917-3.995 3.638-3.995 5.849h4v10H0z"></path></svg> <div class="flex text-forest-accent text-xs mb-6 gap-1"> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <p class="font-sans font-light text-forest-mist/80 italic mb-8 leading-relaxed">
"Todo quedó perfecto. La decoración botánica, la comida, la coordinación... no tuvimos que preocuparnos por nada. Nuestros invitados no paran de felicitarnos."
</p> <div class="flex items-center gap-4"> <img src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?q=80&w=150&auto=format&fit=crop" class="w-10 h-10 rounded-full object-cover border border-forest-accent" alt="Carolina y Andrés" loading="lazy"> <div> <h4 class="font-serif text-forest-mist text-lg">Carolina & Andrés</h4> <p class="font-sans text-[10px] text-forest-accent uppercase tracking-widest">Boda Campestre</p> </div> </div> </div> <div class="bg-forest-bg border border-forest-mist/10 p-8 rounded-2xl relative"> <svg class="absolute top-6 right-6 w-10 h-10 text-forest-mist/5" fill="currentColor" viewBox="0 0 24 24"><path d="M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10H14.017zM0 21v-7.391c0-5.704 3.731-9.57 8.983-10.609L9.978 5.151c-2.432.917-3.995 3.638-3.995 5.849h4v10H0z"></path></svg> <div class="flex text-forest-accent text-xs mb-6 gap-1"> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <p class="font-sans font-light text-forest-mist/80 italic mb-8 leading-relaxed">
"Desde la primera reunión nos sentimos en buenas manos. Entendieron exactamente nuestra visión y la superaron. ¡La mejor decisión para nuestra boda en Bogotá!"
</p> <div class="flex items-center gap-4"> <img src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?q=80&w=150&auto=format&fit=crop" class="w-10 h-10 rounded-full object-cover border border-forest-accent" alt="María y Felipe" loading="lazy"> <div> <h4 class="font-serif text-forest-mist text-lg">María & Felipe</h4> <p class="font-sans text-[10px] text-forest-accent uppercase tracking-widest">Boda Al Aire Libre</p> </div> </div> </div> <div class="bg-forest-bg border border-forest-mist/10 p-8 rounded-2xl relative"> <svg class="absolute top-6 right-6 w-10 h-10 text-forest-mist/5" fill="currentColor" viewBox="0 0 24 24"><path d="M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10H14.017zM0 21v-7.391c0-5.704 3.731-9.57 8.983-10.609L9.978 5.151c-2.432.917-3.995 3.638-3.995 5.849h4v10H0z"></path></svg> <div class="flex text-forest-accent text-xs mb-6 gap-1"> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 20 20"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path></svg> </div> <p class="font-sans font-light text-forest-mist/80 italic mb-8 leading-relaxed">
"Queríamos algo muy natural pero extremadamente elegante y lo lograron a la perfección. La iluminación con cientos de velas... todo fue mágico."
</p> <div class="flex items-center gap-4"> <img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=150&auto=format&fit=crop" class="w-10 h-10 rounded-full object-cover border border-forest-accent" alt="Laura y Santiago" loading="lazy"> <div> <h4 class="font-serif text-forest-mist text-lg">Laura & Santiago</h4> <p class="font-sans text-[10px] text-forest-accent uppercase tracking-widest">Boda Vintage</p> </div> </div> </div> </div> </div> </section>  <section class="py-24 px-6 max-w-7xl mx-auto" id="blog"> <div class="text-center mb-16"> <span class="font-sans text-forest-accent text-xs tracking-[0.2em] uppercase mb-4 block">Blog</span> <h2 class="font-serif text-4xl text-forest-mist">Lecturas & Inspiración</h2> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <a href="/blog/" class="group block"> <div class="aspect-[4/3] rounded-2xl overflow-hidden mb-6"> <img src="/images/boda-luz-calida.webp" alt="¿Cuánto cuesta una boda en Bogotá? — iluminación y decoración de bodas 2026" width="800" height="600" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" loading="lazy"> </div> <span class="font-sans text-[10px] text-forest-accent uppercase tracking-widest mb-2 block">Presupuesto</span> <h3 class="font-serif text-2xl text-forest-mist mb-3 group-hover:text-forest-accent transition-colors">¿Cuánto cuesta una boda en Bogotá en 2026?</h3> <p class="font-sans text-sm font-light text-forest-mist/60 line-clamp-2">Guía completa de costos: salón, catering, decoración floral y más aspectos clave.</p> </a> <a href="/blog/" class="group block"> <div class="aspect-[4/3] rounded-2xl overflow-hidden mb-6"> <img src="/images/hacienda-comun-silvestre-boda.webp" alt="Tendencias de bodas 2026 — Hacienda Común y Silvestre, Bogotá" width="800" height="534" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" loading="lazy"> </div> <span class="font-sans text-[10px] text-forest-accent uppercase tracking-widest mb-2 block">Estética</span> <h3 class="font-serif text-2xl text-forest-mist mb-3 group-hover:text-forest-accent transition-colors">Tendencias de bodas 2026: lo que viene</h3> <p class="font-sans text-sm font-light text-forest-mist/60 line-clamp-2">Colores tierra, estructuras de cristal y la vuelta al minimalismo botánico.</p> </a> <a href="/blog/" class="group block"> <div class="aspect-[4/3] rounded-2xl overflow-hidden mb-6"> <img src="https://images.unsplash.com/photo-1519167758481-83f550bb49b3?q=80&w=800&auto=format&fit=crop" alt="Cómo elegir el salón perfecto" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700" loading="lazy"> </div> <span class="font-sans text-[10px] text-forest-accent uppercase tracking-widest mb-2 block">Guía Práctica</span> <h3 class="font-serif text-2xl text-forest-mist mb-3 group-hover:text-forest-accent transition-colors">Cómo elegir el salón perfecto</h3> <p class="font-sans text-sm font-light text-forest-mist/60 line-clamp-2">7 criterios clave: desde la capacidad y logística hasta el plan B para lluvia.</p> </a> </div> </section>  <section class="py-24 px-6 bg-[#0A1611] border-y border-forest-mist/5" id="faq"> <div class="max-w-3xl mx-auto"> <div class="text-center mb-16"> <h2 class="font-serif text-4xl text-forest-mist">Preguntas Frecuentes</h2> </div> <div class="border-t border-forest-mist/20"> <div class="faq-item border-b border-forest-mist/20"> <button class="w-full py-6 flex justify-between items-center text-left focus:outline-none group" data-faq> <span class="font-serif text-xl text-forest-mist group-hover:text-forest-accent transition-colors">¿Cuánto cuesta organizar una boda con Fiestas Premium?</span> <svg class="faq-icon w-4 h-4 text-forest-accent transition-transform duration-300 shrink-0 ml-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg> </button> <div class="faq-answer"> <p class="font-sans font-light text-sm text-forest-mist/70 pb-6 leading-relaxed">
Nuestros paquetes se adaptan a diferentes presupuestos. Desde paquetes esenciales con coordinación y decoración básica, hasta paquetes premium todo incluido. Te enviamos una cotización personalizada según el número de invitados, salón elegido y servicios que necesites. La consulta inicial es gratuita y sin compromiso.
</p> </div> </div> <div class="faq-item border-b border-forest-mist/20"> <button class="w-full py-6 flex justify-between items-center text-left focus:outline-none group" data-faq> <span class="font-serif text-xl text-forest-mist group-hover:text-forest-accent transition-colors">¿Con cuánta anticipación debo empezar a planificar?</span> <svg class="faq-icon w-4 h-4 text-forest-accent transition-transform duration-300 shrink-0 ml-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg> </button> <div class="faq-answer"> <p class="font-sans font-light text-sm text-forest-mist/70 pb-6 leading-relaxed">
Lo ideal es comenzar entre 8 y 12 meses antes de la fecha deseada, especialmente si quieres un salón popular en temporada alta. Sin embargo, también organizamos bodas con menos tiempo de antelación. Contáctanos y evaluamos juntos la viabilidad.
</p> </div> </div> <div class="faq-item border-b border-forest-mist/20"> <button class="w-full py-6 flex justify-between items-center text-left focus:outline-none group" data-faq> <span class="font-serif text-xl text-forest-mist group-hover:text-forest-accent transition-colors">¿Qué servicios incluyen sus paquetes?</span> <svg class="faq-icon w-4 h-4 text-forest-accent transition-transform duration-300 shrink-0 ml-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg> </button> <div class="faq-answer"> <p class="font-sans font-light text-sm text-forest-mist/70 pb-6 leading-relaxed">
Ofrecemos organización integral: selección de salón, decoración y ambientación, catering, fotografía y video, DJ y entretenimiento, protocolo y coordinación del día. Cada paquete se personaliza según lo que necesites.
</p> </div> </div> <div class="faq-item border-b border-forest-mist/20"> <button class="w-full py-6 flex justify-between items-center text-left focus:outline-none group" data-faq> <span class="font-serif text-xl text-forest-mist group-hover:text-forest-accent transition-colors">¿Trabajan solo en Bogotá o también fuera?</span> <svg class="faq-icon w-4 h-4 text-forest-accent transition-transform duration-300 shrink-0 ml-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg> </button> <div class="faq-answer"> <p class="font-sans font-light text-sm text-forest-mist/70 pb-6 leading-relaxed">
Nuestros salones propios y la mayoría de eventos los realizamos en Bogotá y la Sabana (Chía, Cajicá, Cota, La Calera, Sopó). También organizamos bodas destino en otras ciudades de Colombia como Cartagena, Villa de Leyva y el Eje Cafetero.
</p> </div> </div> </div> </div> </section>  <section class="py-32 px-6 relative overflow-hidden" id="cotizar"> <div class="absolute inset-0 bg-[url('https://images.unsplash.com/photo-1519225421980-715cb0202128?q=80&w=2000&auto=format&fit=crop')] bg-cover bg-center opacity-10"></div> <div class="absolute inset-0 bg-forest-bg/80"></div> <div class="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-16 relative z-10 items-center"> <div> <h2 class="font-serif text-4xl md:text-5xl text-forest-mist mb-6 leading-tight">Cotiza tu evento <br> <span class="text-forest-accent italic">sin compromiso</span></h2> <ul class="space-y-4 font-sans font-light text-forest-mist/80 mb-10"> <li class="flex items-center gap-4"> <svg class="w-4 h-4 text-forest-accent shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
Respuesta en menos de 24 horas
</li> <li class="flex items-center gap-4"> <svg class="w-4 h-4 text-forest-accent shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
Asesoría personalizada gratuita
</li> <li class="flex items-center gap-4"> <svg class="w-4 h-4 text-forest-accent shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
Precios transparentes
</li> <li class="flex items-center gap-4"> <svg class="w-4 h-4 text-forest-accent shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
Recorrido gratuito por salones
</li> </ul> <a href="https://wa.me/573114976080" class="inline-flex items-center gap-3 border border-forest-accent text-forest-accent font-sans font-bold text-xs uppercase tracking-[0.2em] px-8 py-3 rounded-full hover:bg-forest-accent hover:text-forest-bg transition-colors" target="_blank" rel="noopener noreferrer"> <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path></svg>
Prefiero WhatsApp
</a> </div> <form id="contact-form-general" class="space-y-5 rounded-3xl border border-forest-mist/10 bg-forest-light/40 p-8 shadow-2xl backdrop-blur-xl md:p-12" data-variant="general"> <h3 class="font-serif text-2xl text-forest-mist text-center mb-8">Solicitud de Cotización</h3>  <input type="hidden" name="access_key" value="8fca7903-8a8d-4f47-b903-aadb3ddb198c"> <input type="hidden" name="subject" value="Nueva cotización desde fiestaspremium.com"> <input type="hidden" name="from_name" value="Fiestas Premium Web"> <input type="hidden" name="language" value="es"> <input type="hidden" name="redirect" value="">  <input type="text" name="botcheck" class="hidden"> <div> <input class="w-full rounded-xl border border-forest-mist/20 bg-forest-bg/50 px-5 py-4 font-sans font-light text-forest-mist placeholder-forest-mist/40 transition-colors focus:border-forest-accent focus:outline-none" name="name" placeholder="Nombre completo *" required> </div> <div> <input class="w-full rounded-xl border border-forest-mist/20 bg-forest-bg/50 px-5 py-4 font-sans font-light text-forest-mist placeholder-forest-mist/40 transition-colors focus:border-forest-accent focus:outline-none" type="email" name="email" placeholder="Tu correo electrónico *" required> </div> <div class="grid grid-cols-2 gap-5"> <input class="w-full rounded-xl border border-forest-mist/20 bg-forest-bg/50 px-5 py-4 font-sans font-light text-forest-mist placeholder-forest-mist/40 transition-colors focus:border-forest-accent focus:outline-none" type="tel" name="phone" placeholder="Teléfono"> <input class="w-full rounded-xl border border-forest-mist/20 bg-forest-bg/50 px-5 py-4 font-sans font-light text-forest-mist placeholder-forest-mist/40 transition-colors focus:border-forest-accent focus:outline-none" type="number" name="guests" placeholder="# Invitados" min="1"> </div> <div> <select class="w-full rounded-xl border border-forest-mist/20 bg-forest-bg/50 px-5 py-4 font-sans font-light text-forest-mist transition-colors focus:border-forest-accent focus:outline-none appearance-none" name="eventType" required> <option value="" disabled selected class="text-forest-bg">Tipo de evento...</option> <option value="Boda" class="text-forest-bg">Boda</option> <option value="Fiesta de 15 Años" class="text-forest-bg">Fiesta de 15 Años</option> <option value="Evento Corporativo" class="text-forest-bg">Evento Corporativo</option> <option value="Otro" class="text-forest-bg">Otro</option> </select> </div> <div> <input class="w-full rounded-xl border border-forest-mist/20 bg-forest-bg/50 px-5 py-4 font-sans font-light text-forest-mist placeholder-forest-mist/40 transition-colors focus:border-forest-accent focus:outline-none" type="date" name="date" placeholder="dd/mm/aaaa"> </div> <div> <textarea class="w-full rounded-xl border border-forest-mist/20 bg-forest-bg/50 px-5 py-4 font-sans font-light text-forest-mist placeholder-forest-mist/40 transition-colors focus:border-forest-accent focus:outline-none resize-none" name="message" placeholder="¿Tienes alguna preferencia de salón o estilo?" rows="3"></textarea> </div> <button type="submit" class="w-full rounded-xl bg-forest-accent py-4 text-xs font-sans font-bold uppercase tracking-[0.2em] text-forest-bg shadow-lg transition-colors hover:bg-forest-mist mt-2">
Enviar Solicitud
</button>  <div id="status-general" class="hidden rounded-xl px-5 py-3 text-center text-sm font-sans"></div> </form> <script type="module">document.querySelectorAll("form[data-variant]").forEach(s=>{s.addEventListener("submit",async n=>{n.preventDefault();const a=n.target,o=a.dataset.variant,e=document.getElementById(`status-${o}`),t=a.querySelector('button[type="submit"]');if(!(!e||!t)){t.disabled=!0,t.textContent="Enviando...",e.className="hidden";try{const r=await(await fetch("https://api.web3forms.com/submit",{method:"POST",body:new FormData(a)})).json();if(r.success){window.location.href="/gracias/";return}else throw new Error(r.message||"Error al enviar")}catch{e.textContent="Error al enviar. Intenta de nuevo o escríbenos por WhatsApp.",e.className="rounded-xl bg-red-900/50 px-5 py-3 text-center text-sm text-red-300 font-sans"}finally{t.disabled=!1,t.textContent="Enviar Solicitud"}}})});</script> </div> </section>  <script type="module">document.querySelectorAll("[data-faq]").forEach(e=>{e.addEventListener("click",()=>{const t=e.parentElement,c=t.classList.contains("open");document.querySelectorAll(".faq-item").forEach(s=>{s.classList.remove("open")}),c||t.classList.add("open")})});</script>  <footer class="bg-[#0A1611] pt-24 pb-12 px-6 border-t border-forest-mist/5 relative z-10"> <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-12 mb-16">  <div class="md:col-span-1"> <h4 class="font-serif text-2xl text-forest-mist mb-6">FIESTAS <br><span class="font-script text-forest-accent text-4xl lowercase -mt-2 block">Premium</span></h4> <p class="font-sans text-xs font-light text-forest-mist/50 leading-relaxed mb-6">
Organizamos bodas, fiestas de 15 años y eventos corporativos en Bogotá desde 2013. Tu celebración perfecta, sin estrés.
</p> <div class="flex gap-4"> <a href="https://instagram.com/fiestaspremium" target="_blank" rel="noopener" class="w-8 h-8 rounded-full border border-forest-mist/20 flex items-center justify-center text-forest-mist/60 hover:text-forest-accent hover:border-forest-accent transition-colors" aria-label="Instagram"> <svg class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"></path></svg> </a> <a href="https://facebook.com/fiestaspremium" target="_blank" rel="noopener" class="w-8 h-8 rounded-full border border-forest-mist/20 flex items-center justify-center text-forest-mist/60 hover:text-forest-accent hover:border-forest-accent transition-colors" aria-label="Facebook"> <svg class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg> </a> <a href="https://youtube.com/fiestaspremium" target="_blank" rel="noopener" class="w-8 h-8 rounded-full border border-forest-mist/20 flex items-center justify-center text-forest-mist/60 hover:text-forest-accent hover:border-forest-accent transition-colors" aria-label="YouTube"> <svg class="h-4 w-4" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg> </a> </div> </div>  <div> <h4 class="font-sans text-[10px] uppercase tracking-widest text-forest-accent mb-6">Bodas</h4> <ul class="space-y-3 font-sans font-light text-sm text-forest-mist/60"> <li><a href="/bodas-bogota/" class="hover:text-forest-mist transition-colors">Bodas en Bogotá</a></li> <li><a href="/fotos/" class="hover:text-forest-mist transition-colors">Galería de Bodas</a></li> <li><a href="/pedir-asesoria-boda/" class="hover:text-forest-mist transition-colors">Asesoría de Boda</a></li> <li><a href="/wedding-planners/" class="hover:text-forest-mist transition-colors">Wedding Planners</a></li> <li><a href="/pedir-mano/" class="hover:text-forest-mist transition-colors">Pedir la Mano</a></li> </ul> </div>  <div> <h4 class="font-sans text-[10px] uppercase tracking-widest text-forest-accent mb-6">Salones</h4> <ul class="space-y-3 font-sans font-light text-sm text-forest-mist/60"> <li><a href="/hacienda-comun-y-silvestre-bodas-y-eventos-en-bogota/" class="hover:text-forest-mist transition-colors">Hacienda Común y Silvestre</a></li> <li><a href="/hacienda-chic/" class="hover:text-forest-mist transition-colors">Hacienda Chic</a></li> <li><a href="/salon-campestre-eventos/" class="hover:text-forest-mist transition-colors">Salón Campestre</a></li> <li><a href="/eventos-casa-josue-guaymaral/" class="hover:text-forest-mist transition-colors">Casa Josué Guaymaral</a></li> <li><a href="/salones/" class="hover:text-forest-mist transition-colors">Ver Todos</a></li> </ul> </div>  <div> <h4 class="font-sans text-[10px] uppercase tracking-widest text-forest-accent mb-6">Ubicación</h4> <ul class="space-y-3 font-sans font-light text-sm text-forest-mist/60"> <li><a href="tel:+573114976080" class="hover:text-forest-mist transition-colors">+57 311 497 6080</a></li> <li><a href="/cdn-cgi/l/email-protection#b0d9ded6dff0d6d9d5c3c4d1c3c0c2d5ddd9c5dd9ed3dfdd" class="hover:text-forest-mist transition-colors"><span class="__cf_email__" data-cfemail="adc4c3cbc2edcbc4c8ded9ccdedddfc8c0c4d8c083cec2c0">[email&#160;protected]</span></a></li> <li>Cll 247 #8-14<br>Bogotá D.C., Colombia</li> <li class="pt-2"><a href="/pedir-asesoria-boda/" class="text-forest-accent underline underline-offset-4">Pedir Asesoría</a></li> </ul> </div> </div>  <div class="max-w-7xl mx-auto border-t border-forest-mist/10 pt-8 flex flex-col md:flex-row justify-between items-center text-[10px] uppercase tracking-widest text-forest-mist/40"> <p>&copy; 2026 Fiestas Premium.</p> <p class="mt-2 md:mt-0"><a href="/politica-de-privacidad/" class="hover:text-forest-mist/60 transition-colors">Todos los derechos reservados.</a></p> </div> </footer> <a href="https://api.whatsapp.com/send?phone=573114976080&text=Hola" class="fixed bottom-6 right-6 z-50 flex items-center gap-3 group" target="_blank" rel="noopener"> <span class="bg-forest-bg/80 backdrop-blur border border-forest-mist/20 text-forest-mist font-sans text-xs px-4 py-2 rounded-full opacity-0 group-hover:opacity-100 transition-opacity transform translate-x-2 group-hover:translate-x-0">
Conversemos
</span> <span class="w-14 h-14 rounded-full bg-[#25D366] text-white flex items-center justify-center shadow-[0_4px_20px_rgba(37,211,102,0.3)] hover:scale-110 transition-transform"> <svg class="w-7 h-7" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"></path></svg> </span> </a> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body></html>