Orientación centrada en el ser humano para tu evolución personal
Ofrecemos orientación especializada sobre ciclos vitales y evolución personal. Explora las diferentes etapas de la vida y descubre nuestras metodologías de asesoramiento mediante una llamada de descubrimiento gratuita.
Evolución Personal y Ciclos Vitales Auténticos
Ofrecemos orientación centrada en el ser humano sobre ciclos vitales y evolución personal. Explora diferentes etapas vitales y metodologías de asesoramiento mediante una llamada de descubrimiento gratuita para impulsar tu bienestar.
Orientación centrada en el ser humano.
Comprende en profundidad tus etapas vitales actuales para transitar los cambios con mayor claridad y equilibrio emocional en tu día a día.
Metodologías de asesoramiento experto.
Descubre herramientas prácticas y enfoques personalizados diseñados específicamente para acompañar tu crecimiento y transformación interior.
Llamada de descubrimiento gratuita.
Da el primer paso hacia tu bienestar conectando con nosotros en una sesión inicial sin coste para evaluar tus necesidades y objetivos.
Orientación vital y evolución personal
Esta sección explica cómo reservar una llamada de descubrimiento gratuita para explorar etapas vitales, ofreciendo los pasos necesarios para comenzar tu proceso de evolución.
Aviso:
Este es un widget de demostración de SimplyBook.me.
Especialista en Ciclos
Orientador Vital
Ofrece orientación centrada en el ser humano sobre ciclos vitales y evolución personal con amplia experiencia.
Nuestra Guía
Este proceso paso a paso le ayuda a explorar sus ciclos vitales, facilitando el inicio de su evolución personal con orientación experta.
Paso Uno: Descubrimiento
Reserve una llamada de descubrimiento gratuita para conversar sobre su situación actual y definir los objetivos de su proceso de evolución.
Paso Dos: Exploración
Analizamos en profundidad sus diferentes etapas vitales utilizando metodologías de asesoramiento centradas enteramente en el ser humano.
Transformación
Integre los aprendizajes adquiridos para avanzar con claridad, bienestar y propósito renovado hacia sus metas personales.
Vital Cycles & Personal Evolution
Ofrecemos orientación centrada en el ser humano para acompañarte a través de los diferentes ciclos vitales.
Ciclos Vitales
Comprende y navega cada etapa de tu vida con claridad y propósito.
Evolución Personal
Metodologías de asesoramiento diseñadas para impulsar tu desarrollo interior.
Llamada Gratuita
Explora tus opciones mediante una llamada de descubrimiento sin coste alguno.
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vital Cycles & Personal Evolution — Bueno Advisory Group</title>
<!-- Tailwind CSS CDN -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- Google Fonts -->
<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=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
<script>
tailwind.config = {
theme: {
extend: {
fontFamily: {
sans: ['Inter', 'sans-serif'],
serif: ['Playfair Display', 'serif'],
},
colors: {
brandDark: '#1A1D20', // Corporate graphite
brandGold: '#E5A93B', // Brand gold accent
brandLight: '#FAFAFA',
brandBorder: '#EFEFEF'
}
}
}
}
</script>
<style>
.card-hover {
transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.card-hover:hover {
transform: translateY(-3px);
box-shadow: 0 12px 30px -5px rgba(0, 0, 0, 0.05);
border-color: #E5A93B;
}
.btn-hover {
transition: all 0.2s ease;
}
.btn-hover:hover {
background-color: #E5A93B;
color: #1A1D20;
border-color: #E5A93B;
}
</style>
<!-- NAVIGATION HEADER -->
<header class="bg-white border-b border-slate-100 sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 py-4 flex justify-between items-center">
<a href="/" class="flex items-center gap-3">
<div class="flex flex-col items-center">
<div class="text-3xl font-light tracking-tight text-brandDark select-none flex items-baseline">
b<span class="font-normal">o</span>
</div>
<div class="w-6 h-1 bg-brandGold -mt-1 rounded-full"></div>
</div>
<span class="text-xs uppercase tracking-widest font-bold text-slate-400 border-l border-slate-200 pl-3 hidden sm:inline">Bueno Advisory Group</span>
</a>
<nav class="flex items-center gap-4 sm:gap-6 text-xs font-semibold text-slate-600 uppercase tracking-wider">
<a href="#pathways" class="hover:text-brandGold transition-colors">Vital Stages</a>
<a href="#process" class="hover:text-brandGold transition-colors">Methodology</a>
<a href="#collaboration" class="hover:text-brandGold transition-colors hidden sm:inline">Ethical Boundaries</a>
<a href="https://cal.eu/buenoadvisory/discovery" target="_blank" class="bg-brandDark text-white px-4 py-2 rounded hover:bg-brandGold hover:text-brandDark transition-all text-center">Free Discovery Call</a>
</nav>
</div>
</header>
<!-- HERO SECTION WITH FEATURED BANNER IMAGE SLOT -->
<section class="bg-white border-b border-slate-100 pt-12 sm:pt-16 pb-16 sm:pb-20">
<div class="max-w-4xl mx-auto px-4 sm:px-6 text-center">
<div class="inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-slate-100 border border-slate-200 text-xs font-semibold text-slate-600 uppercase tracking-widest mb-6">
<span>Vital Cycles & Personal Evolution</span>
<span class="w-1.5 h-1.5 rounded-full bg-brandGold"></span>
<span class="text-brandGold">Human Centered</span>
</div>
<h1 class="font-serif text-3xl sm:text-5xl md:text-6xl text-brandDark leading-tight mb-6">
Designing Your Career and Life Across Every Vital Cycle.
</h1>
<p class="text-slate-500 text-base md:text-lg font-light leading-relaxed max-w-3xl mx-auto mb-8">
We guide your professional transition through three pivotal life stages: the foundational first step, the strategic mid-career pivot, and the design of your executive legacy. Career planning executed with the exact same precision we use to design global organizations.
</p>
<div class="flex flex-col sm:flex-row justify-center items-center gap-4 mb-12">
<a href="https://cal.eu/buenoadvisory/discovery" target="_blank" class="w-full sm:w-auto bg-brandDark text-white font-semibold text-xs uppercase tracking-widest px-8 py-4 rounded hover:bg-brandGold hover:text-brandDark transition-all text-center">
Book Free Discovery Session
</a>
<a href="#pathways" class="w-full sm:w-auto border border-slate-300 text-slate-700 font-semibold text-xs uppercase tracking-widest px-8 py-4 rounded hover:border-brandDark transition-all text-center">
Explore Lifespan Frameworks
</a>
</div>
</div>
<!-- FULL-WIDTH EXTENDED BANNER IMAGE SLOT -->
<div class="w-full max-w-7xl mx-auto px-0 sm:px-6">
<div class="w-full max-w-7xl mx-auto px-0 sm:px-6">
<div class="w-full rounded-none sm:rounded-2xl overflow-hidden shadow-2xl border-y sm:border border-slate-200 bg-slate-100">
<!-- Reemplaza src="..." con la URL correcta que empieza por https -->
<img src="https://buenoadvisoryservices.com/wp-content/uploads/2026/08/Desing-your-caree-and-Life-web.png" alt="Design Your Career & Life Across Every Vital Cycle — Clarity, Direction, Growth, Transition, Fulfillment" title="Design Your Career & Life Across Every Vital Cycle — Bueno Advisory Group" width="1280" height="540" loading="eager" decoding="async" class="w-full h-auto object-cover block">
</div>
</div>
</div>
</section>
<!-- SECTION 1: THE THREE VITAL STAGE PATHWAYS (PLACED FIRST) -->
<section id="pathways" class="py-16 sm:py-20 bg-slate-50 border-b border-slate-100">
<div class="max-w-7xl mx-auto px-4 sm:px-6">
<div class="text-center mb-12 sm:mb-16">
<h2 class="text-xs font-bold uppercase tracking-widest text-slate-400 mb-2">Tailored Lifespan Frameworks</h2>
<h3 class="font-serif text-3xl md:text-4xl text-brandDark">Three Distinct Lifespan Frameworks</h3>
<p class="text-slate-500 font-light text-sm md:text-base mt-3 max-w-2xl mx-auto">
Select your current vital moment to discover specialized strategic positioning.
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8">
<!-- CARD 1: EARLY CAREER -->
<div class="card-hover border border-slate-200 rounded-2xl p-6 sm:p-8 bg-white flex flex-col justify-between">
<div>
<span class="text-[10px] font-bold uppercase tracking-widest text-brandGold bg-slate-50 px-2.5 py-1 rounded border border-slate-100">
Early Career • ~20s to Early 30s
</span>
<h4 class="font-bold text-lg text-brandDark mt-6 mb-3">Career Entry & Early Acceleration</h4>
<p class="text-xs text-slate-500 font-light leading-relaxed">
Structuring foundational trajectories for high-potential professionals and graduates, translating academic success into actionable market capability and strategic positioning.
</p>
</div>
<div class="mt-8 pt-6 border-t border-slate-100">
<a href="/career-entry-strategy/" class="inline-flex items-center gap-2 text-xs font-bold text-brandDark hover:text-brandGold transition-colors">
Explore Entry Strategy
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7-7 7M3 12h18"></path></svg>
</a>
</div>
</div>
<!-- CARD 2: MID-CAREER -->
<div class="card-hover border-2 border-brandGold/60 rounded-2xl p-6 sm:p-8 bg-white flex flex-col justify-between shadow-sm relative">
<span class="absolute -top-3 left-8 bg-brandGold text-brandDark text-[9px] font-bold uppercase tracking-widest px-2 py-0.5 rounded">Core Transition</span>
<div>
<span class="text-[10px] font-bold uppercase tracking-widest text-slate-400 bg-slate-50 px-2.5 py-1 rounded border border-slate-100">
Mid-Career • ~Mid 30s to 50s
</span>
<h4 class="font-bold text-lg text-brandDark mt-6 mb-3">Mid-Career Pivots & Identity Re-Alignment</h4>
<p class="text-xs text-slate-500 font-light leading-relaxed">
Navigating pivotal career transitions through conscious decision-making. Re-defining core value, stepping into Manager, Director, or VP roles, and recalibrating strategic trajectory.
</p>
</div>
<div class="mt-8 pt-6 border-t border-slate-100">
<a href="/mid-career-pivot/" class="inline-flex items-center gap-2 text-xs font-bold text-brandDark hover:text-brandGold transition-colors">
Explore Mid-Career Pivot
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7-7 7M3 12h18"></path></svg>
</a>
</div>
</div>
<!-- CARD 3: EXECUTIVE LEGACY -->
<div class="card-hover border border-slate-200 rounded-2xl p-6 sm:p-8 bg-white flex flex-col justify-between">
<div>
<span class="text-[10px] font-bold uppercase tracking-widest text-slate-400 bg-slate-50 px-2.5 py-1 rounded border border-slate-100">
Executive Legacy • 60s+
</span>
<h4 class="font-bold text-lg text-brandDark mt-6 mb-3">The Next Chapter & Executive Legacy</h4>
<p class="text-xs text-slate-500 font-light leading-relaxed">
Guiding senior leaders and executives in post-career architecture, legacy planning, advisory transitions, board positions, and meaningful knowledge transfer.
</p>
</div>
<div class="mt-8 pt-6 border-t border-slate-100">
<a href="/the-next-chapter/" class="inline-flex items-center gap-2 text-xs font-bold text-brandDark hover:text-brandGold transition-colors">
Explore The Next Chapter
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7-7 7M3 12h18"></path></svg>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- SECTION 2: HOW WE HELP — 3-PHASE & 3-STEP SYSTEMIC PROCESS (DARK CONTRAST BLOCK) -->
<section id="process" class="py-16 sm:py-20 bg-brandDark text-white border-b border-slate-800">
<div class="max-w-6xl mx-auto px-4 sm:px-6">
<div class="text-center mb-12 sm:mb-16">
<span class="text-xs font-bold uppercase tracking-widest text-brandGold mb-2 block">Systemic Methodology</span>
<h3 class="font-serif text-3xl md:text-4xl text-white">How We Help You Find Your Way</h3>
<p class="text-slate-400 font-light text-sm md:text-base mt-3 max-w-2xl mx-auto">
A structured 3-phase advisory journey designed to move you from uncertainty to confident execution across any career stage.
</p>
</div>
<!-- PHASES & STEPS GRID -->
<div class="space-y-6 sm:space-y-8">
<!-- PHASE 1 / STEP 1 -->
<div class="border border-slate-700/60 rounded-2xl p-6 sm:p-8 bg-slate-900/60 flex flex-col md:flex-row items-start gap-6 relative overflow-hidden">
<div class="w-12 h-12 rounded-xl bg-brandGold text-brandDark font-bold text-lg flex items-center justify-center shrink-0">
01
</div>
<div class="flex-grow">
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-1 mb-2">
<div>
<span class="text-[10px] font-bold uppercase tracking-wider text-brandGold bg-amber-950/50 border border-brandGold/30 px-2.5 py-0.5 rounded mb-1 inline-block">Phase 1: The Strategic Mirror</span>
<h4 class="font-bold text-xl text-white">Step 1: Discovery — Building the Foundation</h4>
</div>
<span class="text-xs font-mono text-slate-500">Systemic Audit</span>
</div>
<p class="text-sm text-slate-300 font-light leading-relaxed mt-2">
We analyze your self-diagnostic to align your intrinsic motivation with real-world market competencies. We evaluate your current strategic positioning, identify hidden friction points, and translate what you enjoy and do well into a powerful professional baseline—whether entering the market, preparing for promotion, or planning an executive transition.
</p>
</div>
</div>
<!-- PHASE 2 / STEP 2 -->
<div class="border border-slate-700/60 rounded-2xl p-6 sm:p-8 bg-slate-900/60 flex flex-col md:flex-row items-start gap-6 relative overflow-hidden">
<div class="w-12 h-12 rounded-xl bg-brandGold text-brandDark font-bold text-lg flex items-center justify-center shrink-0">
02
</div>
<div class="flex-grow">
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-1 mb-2">
<div>
<span class="text-[10px] font-bold uppercase tracking-wider text-brandGold bg-amber-950/50 border border-brandGold/30 px-2.5 py-0.5 rounded mb-1 inline-block">Phase 2: Designing Your ‘Balance Formula’</span>
<h4 class="font-bold text-xl text-white">Step 2: Strategy — Purposeful Investment</h4>
</div>
<span class="text-xs font-mono text-slate-500">Structural Architecture</span>
</div>
<p class="text-sm text-slate-300 font-light leading-relaxed mt-2">
We evaluate strategic vehicles—vertical advancements (promotions to Manager, Director, or VP), lateral pivots, graduate entry points, or executive legacy transitions—not as end goals, but as alignment vehicles. We structure where and how you should invest your energy for maximum yield and personal fulfillment.
</p>
</div>
</div>
<!-- PHASE 3 / STEP 3 -->
<div class="border border-slate-700/60 rounded-2xl p-6 sm:p-8 bg-slate-900/60 flex flex-col md:flex-row items-start gap-6 relative overflow-hidden">
<div class="w-12 h-12 rounded-xl bg-brandGold text-brandDark font-bold text-lg flex items-center justify-center shrink-0">
03
</div>
<div class="flex-grow">
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-1 mb-2">
<div>
<span class="text-[10px] font-bold uppercase tracking-wider text-brandGold bg-amber-950/50 border border-brandGold/30 px-2.5 py-0.5 rounded mb-1 inline-block">Phase 3: Optimisation & Future Readiness</span>
<h4 class="font-bold text-xl text-white">Step 3: Continuous Mentoring — Navigating the Ecosystem</h4>
</div>
<span class="text-xs font-mono text-slate-500">Execution & Legacy</span>
</div>
<p class="text-sm text-slate-300 font-light leading-relaxed mt-2">
We provide ongoing executive support to help you read complex organizational dynamics, manage career or leadership frustration, polish executive communication, and continuously adapt your strategic blueprint as you grow and evolve across every life stage.
</p>
</div>
</div>
</div>
<!-- UNCERTAIN / FREE DISCOVERY BANNER IN DARK SECTION -->
<div class="mt-10 sm:mt-12 bg-slate-800/80 border border-slate-700 rounded-xl p-6 text-center flex flex-col sm:flex-row items-center justify-between gap-4">
<div class="text-left">
<h5 class="font-bold text-white text-sm">Unsure which stage or strategy fits your current situation?</h5>
<p class="text-xs text-slate-400 font-light mt-0.5">Start with a 15-minute diagnostic call to evaluate fit and map your next step.</p>
</div>
<a href="https://cal.eu/buenoadvisory/discovery" target="_blank" class="bg-brandGold text-brandDark font-bold text-xs px-5 py-2.5 rounded hover:bg-white transition-all shrink-0 w-full sm:w-auto text-center">
Book Free Discovery Session
</a>
</div>
</div>
</section>
<!-- ETHICAL BOUNDARIES & CLINICAL COLLABORATION SECTION (BRENDA) -->
<section id="collaboration" class="py-16 sm:py-20 bg-white border-b border-slate-100">
<div class="max-w-5xl mx-auto px-4 sm:px-6">
<div class="text-center mb-10 sm:mb-12">
<span class="text-xs font-bold uppercase tracking-widest text-slate-400">Holistic Care & Ethical Boundaries</span>
<h3 class="font-serif text-3xl md:text-4xl text-brandDark mt-2">Recognizing Strategic vs. Clinical Needs</h3>
</div>
<div class="bg-slate-50 border border-slate-200 rounded-2xl p-6 sm:p-10 shadow-sm">
<p class="text-slate-600 font-light text-sm md:text-base leading-relaxed mb-6">
True personal evolution requires deep honesty about what type of guidance is needed at any given moment. At Bueno Advisory, our work is strictly anchored in strategic advisory, organizational architecture, and professional execution. However, human transitions are rarely linear.
</p>
<p class="text-slate-600 font-light text-sm md:text-base leading-relaxed mb-8">
Professional friction, career plateauing, or feeling "lost" can sometimes stem from deeper clinical challenges. Conversely, workplace frustration can trigger anxiety that requires therapeutic support beyond executive advisory. Knowing how to honor these boundaries is vital.
</p>
<!-- COLLABORATION BOX -->
<div class="bg-white border border-slate-200 rounded-xl p-6 md:p-8 flex flex-col md:flex-row items-start md:items-center justify-between gap-6">
<div class="max-w-xl">
<div class="flex items-center gap-2 mb-2">
<span class="bg-brandDark text-white text-[9px] font-bold uppercase tracking-widest px-2 py-0.5 rounded">Clinical Synergy</span>
<h4 class="font-bold text-sm text-brandDark">Collaboration with Gestalt Therapy</h4>
</div>
<p class="text-xs text-slate-500 leading-relaxed font-light">
When deep emotional processing or therapeutic integration is required, we collaborate with <strong>Brenda (Gestalt Therapist)</strong> to ensure you receive specialized clinical support alongside our strategic career advisory.
</p>
</div>
<a href="https://brendaterapias.org/en/" target="_blank" class="inline-flex items-center gap-2 border border-brandDark text-brandDark font-bold text-xs px-4 py-2.5 rounded hover:bg-brandDark hover:text-white transition-all shrink-0">
Visit Brenda Terapias
<svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>
</a>
</div>
</div>
</div>
</section>
<!-- BOOKING & MEETINGS HUB SECTION -->
<section id="booking" class="py-16 sm:py-20 bg-slate-50">
<div class="max-w-5xl mx-auto px-4 sm:px-6 flex justify-center">
<!-- CANVAS BLOCK 1: INDIVIDUAL MEETINGS HUB -->
<div class="bg-white w-full rounded-2xl shadow-xl border border-slate-100 overflow-hidden">
<!-- Header -->
<div class="border-b border-slate-100 p-6 sm:p-8 flex flex-col md:flex-row justify-between items-start md:items-center gap-4 bg-white">
<div class="flex items-center gap-4">
<div class="flex flex-col items-center">
<div class="text-4xl font-light tracking-tight text-brandDark select-none flex items-baseline">
b<span class="font-normal">o</span>
</div>
<div class="w-8 h-1 bg-brandGold -mt-1 rounded-full"></div>
</div>
<div class="h-10 w-[1px] bg-slate-200 hidden sm:block"></div>
<div>
<h1 class="text-lg font-bold tracking-tight text-brandDark">Individual Advisory & Personal Growth</h1>
<p class="text-xs text-slate-400 uppercase tracking-widest font-semibold">Bueno Advisory — Block 01</p>
</div>
</div>
<div class="max-w-xs text-left md:text-right">
<p class="text-xs text-slate-500 leading-relaxed">
Focused 1-on-1 sessions bridging neurobiology and career milestones.
</p>
</div>
</div>
<!-- Bundle Offer Banner (Exclusive to Individual Meetings) -->
<div class="bg-brandDark text-white px-6 py-3 flex flex-col sm:flex-row justify-between items-center gap-2 text-xs sm:text-sm">
<div class="flex items-center gap-2">
<span class="bg-brandGold text-brandDark font-bold px-2 py-0.5 rounded text-[10px] uppercase tracking-wider">Bundle Offer</span>
<p>Maximize your transformation: Ask about our <span class="font-bold text-brandGold">5 + 1 Complimentary Package</span></p>
</div>
<a href="mailto:customer@buenoadvisoryservices.com?subject=Bundle%20Offer%20Request%20-%20Bueno%20Advisory&body=Dear%20Bueno%20Advisory%20Team%2C%0A%0AI%20am%20writing%20to%20redeem%20the%205%2B1%20Complimentary%20Bundle%20Offer.%0A%0APlease%20find%20my%20details%20below%20to%20help%20arrange%20the%20complimentary%20session%3A%0A-%20Full%20Name%3A%20%0A-%20Contact%20Details%3A%20%0A-%20Type%20of%20Sessions%20Booked%20with%20you%3A%20%0A%0AThank%20you%20very%20much.%0A%0ABest%20regards%2C" class="text-brandGold hover:underline font-medium flex items-center gap-1 shrink-0">
Inquire now
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
</a>
</div>
<!-- Content Grid -->
<div class="p-6 sm:p-8">
<h2 class="text-xs font-bold uppercase tracking-wider text-slate-400 mb-4">Individual Discovery & Coaching Sessions</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<!-- 1. Discovery Meeting -->
<div class="card-hover border border-slate-200 rounded-xl p-5 flex flex-col justify-between bg-white">
<div class="flex items-start gap-3">
<div class="p-2.5 bg-slate-50 rounded-lg text-brandGold shrink-0">
<svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"></path></svg>
</div>
<div>
<div class="flex items-center gap-2">
<h3 class="font-bold text-sm text-brandDark">Discovery Meeting</h3>
<span class="bg-green-50 text-green-700 text-[10px] font-semibold px-2 py-0.5 rounded-full">Free</span>
</div>
<p class="text-xs text-slate-500 mt-1 leading-relaxed">
Complimentary 15-minute introductory session to evaluate alignment and mutual fit.
</p>
</div>
</div>
<div class="mt-5 flex items-center justify-between pt-3 border-t border-slate-100">
<span class="text-xs font-semibold text-slate-400">⏱ 15 Mins</span>
<a href="https://cal.eu/buenoadvisory/discovery" target="_blank" class="btn-hover text-xs font-bold border border-brandDark text-brandDark px-3.5 py-1.5 rounded">
Book Free Session
</a>
</div>
</div>
<!-- 2. Individual Coaching — Life Events -->
<div class="card-hover border border-slate-200 rounded-xl p-5 flex flex-col justify-between bg-white">
<div class="flex items-start gap-3">
<div class="p-2.5 bg-slate-50 rounded-lg text-brandGold shrink-0">
<svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364-6.364l-.707.707M6.343 17.657l-.707.707m0-12.728l.707.707m12.728 12.728l-.707-.707M12 8a4 4 0 100 8 4 4 0 000-8z"></path></svg>
</div>
<div>
<h3 class="font-bold text-sm text-brandDark">Individual Coaching — Life Events</h3>
<p class="text-xs text-slate-500 mt-1 leading-relaxed">
A focused 30-minute deep dive into personal vital cycles, mid-career pivots, and stress management.
</p>
</div>
</div>
<div class="mt-5 flex items-center justify-between pt-3 border-t border-slate-100">
<span class="text-xs font-semibold text-slate-400">⏱ 30 Mins</span>
<a href="https://cal.eu/buenoadvisory/individual-coaching-life-events" target="_blank" class="btn-hover text-xs font-bold border border-brandDark text-brandDark px-3.5 py-1.5 rounded">
Book Session
</a>
</div>
</div>
<!-- 3. Executive Coaching & Strategy (Full Row) -->
<div class="card-hover border border-slate-200 rounded-xl p-5 flex flex-col justify-between bg-white md:col-span-2">
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
<div class="flex items-start gap-3">
<div class="p-2.5 bg-slate-50 rounded-lg text-brandGold shrink-0">
<svg class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg>
</div>
<div>
<h3 class="font-bold text-sm text-brandDark">Executive Coaching & Strategy</h3>
<p class="text-xs text-slate-500 mt-1 leading-relaxed">
Strategic alignment for C-levels, VPs, and founders focusing on systemic organizational growth and high-impact performance.
</p>
</div>
</div>
<div class="flex sm:flex-col items-end justify-between sm:justify-center border-t sm:border-t-0 border-slate-100 pt-3 sm:pt-0 shrink-0">
<span class="text-xs font-semibold text-slate-400 mb-1.5 hidden sm:block">⏱ 45 Mins</span>
<a href="https://cal.eu/buenoadvisory/executive-meeting" target="_blank" class="btn-hover text-xs font-bold border border-brandDark text-brandDark px-4 py-2 rounded w-full sm:w-auto text-center">
Book Executive Session
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="bg-brandDark text-white py-12 border-t border-slate-800">
<div class="max-w-7xl mx-auto px-4 sm:px-6 flex flex-col md:flex-row justify-between items-center gap-6 text-xs text-slate-400">
<div class="flex items-center gap-3">
<span class="text-white font-bold tracking-tight">Bueno Advisory Group</span>
<span>•</span>
<span>Success starts with smart advice</span>
</div>
<p>© 2026 Bueno Advisory. All rights reserved.</p>
</div>
</footer>