@extends('frontend.main_master')

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

@section('content')
<main class="zodiac-modern-main zodiac--balik">
    <section class="zodiac-hero-section">
        <div class="zodiac-hero-background"></div>
        <div class="container position-relative">
            <x-breadcrumb :items="App\Helpers\BreadcrumbHelper::forZodiacSign('Piscis', 'zodiac.balik')" 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-water mb-3">
                                <i class="bi bi-droplet"></i>
                                <span class="fw-bold">SIGNO DE AGUA</span>
                            </div>
                            <h1 class="zodiac-hero-title-modern mb-2">Piscis: 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> 19 DE FEBRERO - 20 DE MARZO</span>
                            </div>
                            <p class="zodiac-hero-description">
                                Piscis está regido por Neptuno (y tradicionalmente por Júpiter), el planeta de la espiritualidad, los sueños y la ilusión. Es el último y más místico signo del zodiaco. Los piscis son profundamente intuitivos, compasivos y creativos, con una conexión especial con el mundo espiritual e invisible que pocos signos pueden igualar.
                            </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-neptune"><i class="bi bi-water"></i></div>
                        <div><p class="zodiac-info-label">Planeta Regente</p><p class="zodiac-info-value">Neptuno / Júpiter</p></div>
                    </div>
                </div>
                <div class="col-6 col-md-3">
                    <div class="zodiac-info-card-modern">
                        <div class="zodiac-info-icon zodiac-icon-water"><i class="bi bi-droplet"></i></div>
                        <div><p class="zodiac-info-label">Elemento</p><p class="zodiac-info-value">Agua</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">Aguamarina</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">Azul Marino</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">PISCIS: VISIÓN GENERAL</h2>
                                <div class="zodiac-content-text mb-4">
                                    <p class="mb-3">
                                        Piscis es el duodécimo y último signo del zodiaco, regido por Neptuno, el planeta de los sueños, la espiritualidad y la ilusión. Como último signo, Piscis contiene en sí mismo algo de la esencia de todos los signos anteriores, lo que le confiere una profundidad y complejidad únicas. Los piscis son los místicos, los soñadores y los artistas por excelencia del zodiaco.
                                    </p>
                                    <p class="mb-3">
                                        Su símbolo son dos peces nadando en direcciones opuestas, representando la dualidad constante que viven los piscis entre el mundo material y el espiritual, entre la realidad y el sueño, entre el yo individual y la disolución en algo más grande. Esta tensión entre mundos opuestos es la fuente tanto de sus mayores fortalezas como de sus principales desafíos.
                                    </p>
                                    <p class="mb-3">
                                        Su intuición es extraordinariamente aguda, casi psíquica. Los piscis perciben las emociones y energías de su entorno de manera tan intensa que a veces es difícil para ellos distinguir sus propios sentimientos de los de quienes les rodean. Esta empatía profunda los convierte en sanadores y artistas excepcionales.
                                    </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 Piscis
                                </h2>
                                <div class="zodiac-content-text">
                                    <p class="mb-3">
                                        Los piscis son personas profundamente compasivas, intuitivas y creativas. Tienen una capacidad única para ponerse en el lugar del otro, sintiendo sus emociones como si fueran propias. Esta empatía extraordinaria los convierte en sanadores, consejeros y artistas excepcionales, pero también puede hacerlos vulnerables a absorber el dolor y las energías negativas de quienes les rodean.
                                    </p>
                                    <p class="mb-3">
                                        Son los soñadores del zodiaco, con una imaginación desbordante que los lleva a mundos que otros no pueden ver. Esta creatividad se manifiesta frecuentemente en talentos artísticos: música, poesía, pintura, cine. Muchos de los artistas más inspirados de la historia han sido piscis.
                                    </p>
                                    <p class="mb-3">
                                        Su desafío principal es establecer límites claros y no perder su propia identidad en las necesidades de los demás. Su naturaleza altruista puede llevarlos a sacrificarse en exceso, olvidando sus propias necesidades. Aprender a cuidarse a sí mismos sin dejar de cuidar a los demás es el gran aprendizaje espiritual de Piscis.
                                    </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>
                                    Piscis en las Relaciones
                                </h2>
                                <div class="zodiac-content-text">
                                    <p class="mb-3">
                                        En el amor, Piscis es el romántico más profundo del zodiaco. Su amor es total, incondicional y trascendente. Los piscis se entregan completamente en una relación, fundiendo su alma con la de su pareja en una conexión que va más allá de lo físico. Buscan una unión espiritual y emocional que pocos signos pueden proporcionar.
                                    </p>
                                    <p class="mb-3">
                                        Son sensibles y necesitan una pareja que sea gentil con su corazón y respetuosa con su naturaleza soñadora. No toleran bien las críticas duras o la frialdad emocional. Cuando se sienten amados y seguros, florecen y pueden ser las parejas más amorosas y dedicadas del zodiaco.
                                    </p>
                                    <p class="mb-0">
                                        En la amistad, los Piscis son amigos compasivos e incondicionales. Están siempre disponibles para escuchar y para ofrecer apoyo emocional. Su empatía los convierte en confidentes perfectos. Sin embargo, es importante que también cuiden de sí mismos y establezcan límites saludables para no agotarse emocionalmente.
                                    </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 Piscis
                                </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-akrep">Es</div>
                                                <div>
                                                    <h4 class="zodiac-compatibility-name mb-0 text-dark">Escorpio</h4>
                                                    <p class="zodiac-compatibility-percent zodiac-percent-high mb-0">95% Compatible</p>
                                                </div>
                                            </div>
                                            <p class="zodiac-compatibility-desc">Dos signos de agua con una conexión emocional y espiritual profundísima. Escorpio aporta intensidad y Piscis suavidad en una unión mística.</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-yengec">Cn</div>
                                                <div>
                                                    <h4 class="zodiac-compatibility-name mb-0 text-dark">Cáncer</h4>
                                                    <p class="zodiac-compatibility-percent zodiac-percent-high mb-0">92% Compatible</p>
                                                </div>
                                            </div>
                                            <p class="zodiac-compatibility-desc">Cáncer y Piscis comparten sensibilidad, amor por el hogar y una profunda conexión emocional. Una relación tierna y nutritiva.</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-boga">Ta</div>
                                                <div>
                                                    <h4 class="zodiac-compatibility-name mb-0 text-dark">Tauro</h4>
                                                    <p class="zodiac-compatibility-percent zodiac-percent-medium mb-0">80% Compatible</p>
                                                </div>
                                            </div>
                                            <p class="zodiac-compatibility-desc">Tauro aporta la estabilidad que Piscis necesita, mientras Piscis añade magia y profundidad emocional a la relación.</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-ikizler">Gé</div>
                                                <div>
                                                    <h4 class="zodiac-compatibility-name mb-0 text-dark">Géminis</h4>
                                                    <p class="zodiac-compatibility-percent zodiac-percent-low mb-0">38% Compatible</p>
                                                </div>
                                            </div>
                                            <p class="zodiac-compatibility-desc">La superficialidad ocasional de Géminis puede herir la sensibilidad de Piscis. Sus necesidades emocionales son bastante distintas.</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 Piscis</h3>
                        <div class="d-flex flex-wrap gap-2">
                            <span class="zodiac-famous-badge">Rihanna</span>
                            <span class="zodiac-famous-badge">Albert Einstein</span>
                            <span class="zodiac-famous-badge">Justin Bieber</span>
                            <span class="zodiac-famous-badge">Michelangelo</span>
                            <span class="zodiac-famous-badge">Steve Jobs</span>
                        </div>
                    </div>
                    <div class="zodiac-motto-card">
                        <i class="bi bi-quote zodiac-motto-icon"></i>
                        <p class="zodiac-motto-text">"Siento, sueño y me fundo en el amor universal."</p>
                        <p class="zodiac-motto-label">- Lema de Piscis</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