/* --- ESTILOS BASE --- */
        * { margin: 0; padding: 0; box-sizing: border-box; }

        body {
            font-family: 'Poppins', sans-serif;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
            background: linear-gradient(135deg, #ffeef8 0%, #ffe0f0 25%, #ffd4e8 50%, #ffe0f0 75%, #ffeef8 100%);
            background-size: 400% 400%;
            animation: gradientShift 15s ease infinite;
            position: relative;
            overflow-x: hidden;
        }

        /* Patrón de flores sutil */
        body::before {
            content: "";
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            background-image: radial-gradient(circle at 20% 30%, rgba(255, 182, 193, 0.1) 0%, transparent 50%),
                              radial-gradient(circle at 80% 70%, rgba(255, 192, 203, 0.1) 0%, transparent 50%);
            pointer-events: none;
            z-index: 0;
        }

        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        /* Contenedor Principal (Efecto Cristal) */
        .container {
            max-width: 480px;
            width: 100%;
            background: rgba(255, 255, 255, 0.75);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border-radius: 30px;
            padding: 40px 30px;
            box-shadow: 0 8px 32px 0 rgba(255, 182, 193, 0.3), 0 2px 8px 0 rgba(0, 0, 0, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.8);
            position: relative;
            z-index: 1;
            animation: fadeInUp 0.8s ease;
        }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Header */
        .header { text-align: center; margin-bottom: 35px; }

        .profile-pic {
            width: 150px; height: 150px;
            border-radius: 50%;
            border: 5px solid rgba(255, 192, 203, 0.4);
            box-shadow: 0 8px 24px rgba(255, 182, 193, 0.4);
            margin: 0 auto 20px;
            display: block;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .profile-pic:hover { transform: scale(1.05); }

        .title {
            font-family: 'Playfair Display', serif;
            font-size: 2.2rem;
            font-weight: 700;
            color: #d5006d;
            margin-bottom: 12px;
            text-shadow: 2px 2px 4px rgba(255, 182, 193, 0.3);
        }

        .bio { font-size: 0.95rem; color: #6b6b6b; line-height: 1.6; margin-bottom: 20px; }

        /* Iconos Sociales */
        .social-icons { display: flex; justify-content: center; gap: 15px; margin-top: 15px; }
        .social-icon {
            width: 45px; height: 45px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.9);
            display: flex; align-items: center; justify-content: center;
            text-decoration: none; font-size: 1.3rem;
            border: 2px solid rgba(255, 192, 203, 0.3);
            transition: all 0.3s ease;
        }
        .social-icon:hover { transform: translateY(-5px); background: #fff0f5; }

        /* --- BOTONES Y ACORDEÓN --- */
        .links { display: flex; flex-direction: column; gap: 16px; margin-top: 30px; }

        .link-btn {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between; /* Texto izq, flecha der */
            padding: 18px 28px;
            background: rgba(255, 255, 255, 0.95);
            border: 2px solid rgba(255, 192, 203, 0.4);
            border-radius: 18px;
            text-decoration: none;
            color: #4a4a4a;
            font-weight: 500;
            font-size: 1rem;
            transition: all 0.3s ease;
            box-shadow: 0 6px 20px rgba(255, 182, 193, 0.25);
            cursor: pointer;
            font-family: 'Poppins', sans-serif;
            text-align: left;
        }

        .link-btn:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 28px rgba(255, 182, 193, 0.4);
            background: rgba(255, 240, 245, 1);
        }

        /* Botón Principal (Reserva) */
        .link-btn.primary {
            background: linear-gradient(135deg, #ff85b3 0%, #ff5e9d 100%);
            color: white;
            border: none;
            font-weight: 600;
            justify-content: center;
            animation: pulse 2s ease infinite;
        }

        @keyframes pulse {
            0%, 100% { box-shadow: 0 8px 24px rgba(255, 94, 157, 0.4); }
            50% { box-shadow: 0 8px 32px rgba(255, 94, 157, 0.6); }
        }

        /* Flecha del acordeón */
        .arrow { transition: transform 0.3s ease; font-size: 0.8rem; opacity: 0.7; }
        .link-btn.active .arrow { transform: rotate(180deg); }

        /* Contenido Desplegable */
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease-out;
            background: rgba(255, 255, 255, 0.6);
            border-radius: 0 0 18px 18px;
            margin-top: -12px;
            margin-bottom: 5px;
            padding: 0 25px;
            opacity: 0;
        }

        .accordion-content.open {
            padding: 25px;
            margin-top: -12px;
            border: 1px solid rgba(255, 192, 203, 0.3);
            border-top: none;
            opacity: 1;
        }

        /* Estilos Lista Precios */
        .price-list { list-style: none; margin-bottom: 10px; }
        .price-item {
            display: flex; justify-content: space-between;
            align-items: center; 
            border-bottom: 1px dashed #ffb6c1;
            padding: 10px 0; font-size: 0.95rem; color: #555;
        }
        
        .price-item span:first-child { flex: 1; padding-right: 15px; }
        .price-item span:last-child { white-space: nowrap; font-weight: 600; color: #d5006d; }

        /* Estilos Galería */
        .gallery-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
        .gallery-img {
            width: 100%; border-radius: 10px; aspect-ratio: 1/1; object-fit: cover;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1); border: 2px solid white;
        }

        /* Footer */
        .footer {
            text-align: center; margin-top: 35px; padding-top: 25px;
            border-top: 1px solid rgba(255, 192, 203, 0.3);
        }
        .footer p { font-size: 0.85rem; color: #999; margin: 5px 0; }
        .credit { font-weight: 600; color: #d5006d; text-decoration: none; }

        /* Botón Flotante WhatsApp */
        .whatsapp-float {
            position: fixed; bottom: 25px; right: 25px;
            width: 60px; height: 60px; background: #25D366;
            border-radius: 50%; display: flex; align-items: center; justify-content: center;
            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
            z-index: 1000; transition: all 0.3s ease;
            animation: floatBounce 3s ease infinite;
        }
        .whatsapp-float:hover { transform: scale(1.1); }
        .whatsapp-float svg { width: 32px; height: 32px; fill: white; }
        
        @keyframes floatBounce {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }

        /* Responsive */
        @media (max-width: 480px) {
            .container { padding: 30px 20px; }
            .title { font-size: 1.8rem; }
        }