/* Estilos do Mockup de iPhone */
.css-iphone {
    box-shadow: 
        0 0 0 2px #333, /* Borda externa fina */
        0 0 50px rgba(0,0,0,0.8), /* Sombra ambiente */
        inset 0 0 20px rgba(0,0,0,0.8); /* Sombra interna da tela */
}

/* Efeito de Perspectiva 3D leve */
.perspective-1000 {
    perspective: 1000px;
}

/* Botão Power Ligado */
.power-on {
    border-color: #FF0000 !important;
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.4), inset 0 0 15px rgba(255, 0, 0, 0.2) !important;
}

.power-on i {
    color: #FF0000 !important;
    text-shadow: 0 0 10px rgba(255, 0, 0, 0.8);
}

.power-on span {
    color: #FF0000 !important;
}

/* Animação de Shake (Erro) */
.shake {
    animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
}

@keyframes shake {
  10%, 90% { transform: translate3d(-1px, 0, 0); }
  20%, 80% { transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
  40%, 60% { transform: translate3d(4px, 0, 0); }
}

/* Checkbox da Lista de Tarefas Concluída */
.task-done {
    color: #fff !important;
    text-shadow: 0 0 10px rgba(255,255,255,0.3);
}
.task-done .w-8 {
    background-color: #FF0000 !important;
    border-color: #FF0000 !important;
    color: white !important;
    box-shadow: 0 0 10px #FF0000;
}