:root {
    /* Mudei de 0.35 para 0.20 para o vidro ficar mais cristalino sobre o novo fundo */
    --ios-glass: rgba(5, 5, 8, 0.20); 
    --apple-spring: cubic-bezier(0.2, 1, 0.2, 1);
    --icon-glow: rgba(255, 255, 255, 0.8);
}


/* --- LOGO FIXA (ESTILO NETFLIX) --- */
.ios-logo-fixed-layer {
    position: fixed;
    top: calc(20px + env(safe-area-inset-top));
    left: 25px;
    z-index: 10001;
}

.ios-logo-render {
    height: 58px;
    width: auto;
    filter: drop-shadow(0 10px 20px rgba(0,0,0,0.5));
}

/* --- HEADER QUE SOBE --- */
.ios-header-spring {
    position: fixed;
    top: 0; left: 0; right: 0;
    height: calc(100px + env(safe-area-inset-top));
    padding-top: env(safe-area-inset-top);
    z-index: 10000;
    display: flex;
    align-items: center;
    transition: transform 0.6s var(--apple-spring);
}

.ios-blur-surface {
    position: absolute;
    inset: 0;
    background: var(--ios-glass);
    backdrop-filter: blur(45px) saturate(190%);
    -webkit-backdrop-filter: blur(45px) saturate(190%);
    /* APAGUE A LINHA ABAIXO OU DEIXE COMO 'NONE' */
    border-bottom: none; 
    z-index: -1;
}


.ios-main-nav {
    width: 100%;
    padding: 0 35px; /* Mais espaço nas bordas */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ios-logo-spacer { width: 180px; }

/* --- ÍCONES VIVOS (SEM NADA ATRÁS) --- */
.ios-actions-group {
    display: flex;
    align-items: center;
    gap: 40px; /* BEM separados como você pediu */
}

.ios-icon-alive {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s var(--apple-spring);
    background: transparent;
    border: none;
    position: relative;
}

.ios-icon-alive svg {
    width: 32px; /* Cresci mais eles */
    height: 32px;
    stroke: white;
    transition: all 0.4s var(--apple-spring);
    filter: drop-shadow(0 0 0px transparent);
}

/* ANIMAÇÃO AO SEGURAR / CLICAR */
.ios-icon-alive:active svg {
    transform: scale(1.2); /* O ícone cresce sozinho */
    stroke: var(--icon-glow); /* O traço brilha */
    filter: drop-shadow(0 0 8px rgba(255,255,255,0.6)); /* Brilho de vida */
}

/* Efeito de pulso sutil constante (Opcional, dá 'vida') */
@keyframes breathing {
    0% { opacity: 0.85; }
    50% { opacity: 1; }
    100% { opacity: 0.85; }
}

.ios-icon-alive svg {
    animation: breathing 3s infinite ease-in-out;
}

/* CLASSE DE SUBIR */
.header-hidden {
    transform: translateY(-100%);
}

@media (max-width: 480px) {
    .ios-header-spring { height: calc(85px + env(safe-area-inset-top)); }
    .ios-logo-render { height: 42px; }
    .ios-icon-alive svg { width: 28px; height: 28px; }
    .ios-actions-group { gap: 30px; }
}