@extends('frontend.main_master')

@section('title', 'Libra: Características y Significado Astrológico 2025 | ' . t('site-title'))
@section('meta_description', 'Descubre las características de Libra: personalidad equilibrada y diplomática, vida amorosa, carrera profesional, salud y análisis de carta natal. Guía astrológica completa.')
@section('meta_keywords', 'libra, libra características, signo libra, libra horóscopo, libra amor, libra carrera, astrología')
@push('schema')
<x-seo.schema-article 
    headline="Libra: Características y Significado Astrológico" 
    description="Características de Libra: personalidad equilibrada y diplomática, vida amorosa, carrera y análisis astrológico del séptimo signo del zodiaco."
    image="{{ asset('assets/8-160x160(1).png') }}" />
<x-seo.schema-breadcrumb :items="[['name' => 'Inicio', 'url' => route('index')], ['name' => 'Signos del Zodiaco', 'url' => route('zodiac.index')], ['name' => 'Libra', 'url' => url()->current()]]" />
@endpush

@section('content')
<main class="zodiac-modern-main zodiac--terazi">
    <section class="zodiac-hero-section">
        <div class="zodiac-hero-background"></div>
        <div class="container position-relative">
            <x-breadcrumb :items="App\Helpers\BreadcrumbHelper::forZodiacSign('Libra', 'zodiac.terazi')" class="mb-4" />
            <div class="zodiac-hero-card-modern">
                <div class="row g-0 g-md-3 align-items-center">
                    <div class="col-12 col-lg-8 order-2 order-lg-1">
                        <div class="zodiac-hero-content-modern p-3 p-md-4 p-lg-5">
                            <div class="d-inline-flex align-items-center gap-2 zodiac-badge-air mb-3">
                                <i class="bi bi-wind"></i>
                                <span class="fw-bold">SIGNO DE AIRE</span>
                            </div>
                            <h1 class="zodiac-hero-title-modern mb-2">Libra: Características del Signo</h1>
                            <div class="d-flex align-items-center gap-3 mb-4 flex-wrap">
                                <span class="zodiac-date-badge"><i class="bi bi-calendar3"></i> 23 DE SEPTIEMBRE - 22 DE OCTUBRE</span>
                            </div>
                            <p class="zodiac-hero-description">
                                Libra está regido por Venus, planeta del amor, la belleza y la armonía. Es el signo del equilibrio, la justicia y las relaciones. Los librianos poseen un don natural para la diplomacia y la mediación, siendo capaces de ver todos los lados de una situación. Su amor por la belleza y la armonía los convierte en personas refinadas con un gusto estético exquisito.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="zodiac-info-section py-5">
        <div class="container">
            <div class="row g-4 mb-5">
                <div class="col-6 col-md-3">
                    <div class="zodiac-info-card-modern">
                        <div class="zodiac-info-icon zodiac-icon-venus"><i class="bi bi-heart"></i></div>
                        <div><p class="zodiac-info-label">Planeta Regente</p><p class="zodiac-info-value">Venus</p></div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="zodiac-info-card-modern">
                        <div class="zodiac-info-icon zodiac-icon-air"><i class="bi bi-wind"></i></div>
                        <div><p class="zodiac-info-label">Elemento</p><p class="zodiac-info-value">Aire</p></div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="zodiac-info-card-modern">
                        <div class="zodiac-info-icon zodiac-icon-stone"><i class="bi bi-gem"></i></div>
                        <div><p class="zodiac-info-label">Piedra de la Suerte</p><p class="zodiac-info-value">Ópalo</p></div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="zodiac-info-card-modern">
                        <div class="zodiac-info-icon zodiac-icon-color"><i class="bi bi-palette"></i></div>
                        <div><p class="zodiac-info-label">Color de la Suerte</p><p class="zodiac-info-value">Rosa Pastel</p></div>
                    </div>
                </div>
            </div>

            <div class="row g-4">
                <div class="col-lg-8">
                    <div class="zodiac-tabs-modern mb-4">
                        <div class="zodiac-tabs-container">
                            <button class="zodiac-tab-btn active" data-tab="general"><i class="bi bi-compass"></i> Visión General</button>
                            <button class="zodiac-tab-btn" data-tab="personality"><i class="bi bi-person-badge"></i> Personalidad</button>
                            <button class="zodiac-tab-btn" data-tab="relationships"><i class="bi bi-heart"></i> Relaciones</button>
                            <button class="zodiac-tab-btn" data-tab="compatible"><i class="bi bi-people"></i> Compatibilidad</button>
                        </div>
                    </div>

                    <div class="zodiac-tab-content-wrapper">
                        <div class="zodiac-tab-content-modern active" id="tab-general">
                            <div class="zodiac-content-card-modern">
                                <h2 class="zodiac-section-title mb-4">LIBRA: VISIÓN GENERAL</h2>
                                <div class="zodiac-content-text mb-4">
                                    <p class="mb-3">
                                        Libra es el séptimo signo del zodiaco, regido por Venus, el planeta del amor, la belleza y la armonía. Este signo de aire es el símbolo de la balanza, representando el equilibrio, la justicia y la capacidad de ver todos los lados de cualquier situación. Los librianos son naturalmente diplomáticos y poseen un talento innato para la mediación y la resolución de conflictos.
                                    </p>
                                    <p class="mb-3">
                                        La búsqueda del equilibrio es el tema central de la vida de Libra. Constantemente ponderan pros y contras antes de tomar una decisión, lo que puede hacerlos parecer indecisos, pero en realidad refleja su profundo deseo de tomar la decisión más justa y equitativa posible. Esta misma cualidad los convierte en jueces y mediadores excepcionales.
                                    </p>
                                    <p class="mb-3">
                                        Su regente Venus los dota de un sentido estético muy desarrollado. Los librianos aprecian la belleza en todas sus formas: el arte, la música, la moda, la decoración. Tienen un don natural para crear entornos armoniosos y agradables, y se sienten incómodos en situaciones de caos o conflicto.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="zodiac-tab-content-modern" id="tab-personality">
                            <div class="zodiac-content-card-modern">
                                <h2 class="zodiac-section-title mb-4">
                                    <span class="zodiac-title-icon"><i class="bi bi-lightbulb"></i></span>
                                    Personalidad de Libra
                                </h2>
                                <div class="zodiac-content-text">
                                    <p class="mb-3">
                                        Los librianos son personas encantadoras, sociables y diplomáticas. Tienen un don especial para hacer que todos a su alrededor se sientan cómodos y valorados. Su habilidad para encontrar el punto medio en cualquier discusión los convierte en mediadores naturales que casi siempre consiguen que todas las partes queden satisfechas.
                                    </p>
                                    <p class="mb-3">
                                        Su mayor desafío es la indecisión. Como son capaces de ver claramente todos los lados de una situación, a veces les resulta extremadamente difícil tomar una decisión definitiva. Esto puede generar frustración tanto en ellos mismos como en quienes los rodean. Sin embargo, cuando finalmente toman una decisión, suele ser la más justa y equilibrada.
                                    </p>
                                    <p class="mb-3">
                                        Son intelectualmente curiosos y disfrutan de las conversaciones profundas sobre filosofía, arte, justicia y relaciones humanas. Su mente de aire les permite ver conexiones donde otros no las ven y formular argumentos brillantes y bien estructurados.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="zodiac-tab-content-modern" id="tab-relationships">
                            <div class="zodiac-content-card-modern">
                                <h2 class="zodiac-section-title mb-4">
                                    <span class="zodiac-title-icon"><i class="bi bi-heart-fill"></i></span>
                                    Libra en las Relaciones
                                </h2>
                                <div class="zodiac-content-text">
                                    <p class="mb-3">
                                        Libra es el signo de las relaciones por excelencia. Más que cualquier otro signo, los librianos se definen a través de sus conexiones con los demás. En el amor, son románticos, atentos y encantadores. Se esfuerzan por crear una relación hermosa y armoniosa donde ambos miembros se sientan valorados y respetados.
                                    </p>
                                    <p class="mb-3">
                                        Buscan una pareja intelectual con quien puedan compartir ideas, intereses culturales y una visión del mundo similar. La comunicación y el respeto mutuo son fundamentales para ellos. Aunque evitan el conflicto, cuando es necesario, son capaces de mantener conversaciones difíciles con tacto y diplomacia.
                                    </p>
                                    <p class="mb-0">
                                        En la amistad, los Libra son compañeros leales y entretenidos. Les encanta socializar y tienen un círculo de amigos muy amplio. Son los primeros en organizar reuniones y crear momentos especiales de convivencia. Su don para hacer sentir especiales a las personas que les rodean los convierte en amigos muy queridos.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="zodiac-tab-content-modern" id="tab-compatible">
                            <div class="zodiac-content-card-modern">
                                <h2 class="zodiac-section-title mb-4">
                                    <span class="zodiac-title-icon"><i class="bi bi-people-fill"></i></span>
                                    Compatibilidad de Libra
                                </h2>
                                <div class="row g-4">
                                    <div class="col-md-6 col-lg-4">
                                        <div class="zodiac-compatibility-item-card zodiac-compatibility-high-card">
                                            <div class="d-flex align-items-center gap-3 mb-3">
                                                <div class="zodiac-compatibility-badge zodiac-badge-ikizler">Gé</div>
                                                <div>
                                                    <h4 class="zodiac-compatibility-name mb-0 text-dark">Géminis</h4>
                                                    <p class="zodiac-compatibility-percent zodiac-percent-high mb-0">95% Compatible</p>
                                                </div>
                                            </div>
                                            <p class="zodiac-compatibility-desc">Dos signos de aire con excelente afinidad intelectual y social. Comparten el amor por la comunicación, las ideas y la vida social activa.</p>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-lg-4">
                                        <div class="zodiac-compatibility-item-card zodiac-compatibility-high-card">
                                            <div class="d-flex align-items-center gap-3 mb-3">
                                                <div class="zodiac-compatibility-badge zodiac-badge-kova">Ac</div>
                                                <div>
                                                    <h4 class="zodiac-compatibility-name mb-0 text-dark">Acuario</h4>
                                                    <p class="zodiac-compatibility-percent zodiac-percent-high mb-0">90% Compatible</p>
                                                </div>
                                            </div>
                                            <p class="zodiac-compatibility-desc">Libra y Acuario comparten valores humanitarios e ideales de justicia. Su compatibilidad intelectual y social es excepcional.</p>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-lg-4">
                                        <div class="zodiac-compatibility-item-card zodiac-compatibility-medium-card">
                                            <div class="d-flex align-items-center gap-3 mb-3">
                                                <div class="zodiac-compatibility-badge zodiac-badge-aslan">Le</div>
                                                <div>
                                                    <h4 class="zodiac-compatibility-name mb-0 text-dark">Leo</h4>
                                                    <p class="zodiac-compatibility-percent zodiac-percent-medium mb-0">80% Compatible</p>
                                                </div>
                                            </div>
                                            <p class="zodiac-compatibility-desc">Libra y Leo comparten el amor por la belleza y el refinamiento. Leo aporta pasión y Libra equilibrio a esta unión elegante.</p>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-lg-4">
                                        <div class="zodiac-compatibility-item-card zodiac-compatibility-low-card">
                                            <div class="d-flex align-items-center gap-3 mb-3">
                                                <div class="zodiac-compatibility-badge zodiac-badge-boga">Ta</div>
                                                <div>
                                                    <h4 class="zodiac-compatibility-name mb-0 text-dark">Tauro</h4>
                                                    <p class="zodiac-compatibility-percent zodiac-percent-low mb-0">40% Compatible</p>
                                                </div>
                                            </div>
                                            <p class="zodiac-compatibility-desc">Aunque comparten a Venus como regente, sus naturalezas son muy distintas. Tauro es fijo y Libra cardinal, lo que puede generar fricciones.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="zodiac-content-card-modern mb-4">
                        <h3 class="zodiac-section-title mb-4">Famosos de Libra</h3>
                        <div class="d-flex flex-wrap gap-2">
                            <span class="zodiac-famous-badge">Kim Kardashian</span>
                            <span class="zodiac-famous-badge">Will Smith</span>
                            <span class="zodiac-famous-badge">Gwyneth Paltrow</span>
                            <span class="zodiac-famous-badge">John Lennon</span>
                            <span class="zodiac-famous-badge">Oscar Wilde</span>
                        </div>
                    </div>
                    <div class="zodiac-motto-card">
                        <i class="bi bi-quote zodiac-motto-icon"></i>
                        <p class="zodiac-motto-text">"Equilibrio, armonía y belleza en cada decisión."</p>
                        <p class="zodiac-motto-label">- Lema de Libra</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

@push('styles')
<link rel="stylesheet" href="{{ asset('frontend/css/content/zodiac.css') }}">
@endpush

<script>
document.addEventListener('DOMContentLoaded', function() {
    const tabButtons = document.querySelectorAll('.zodiac-tab-btn');
    const tabContents = document.querySelectorAll('.zodiac-tab-content-modern');
    tabButtons.forEach(button => {
        button.addEventListener('click', function() {
            const targetTab = this.getAttribute('data-tab');
            tabButtons.forEach(btn => btn.classList.remove('active'));
            tabContents.forEach(content => content.classList.remove('active'));
            this.classList.add('active');
            const targetContent = document.getElementById('tab-' + targetTab);
            if (targetContent) targetContent.classList.add('active');
        });
    });
});
</script>
@endsection