/* ============================================ */
/* SELETOR DE SEGMENTOS - ANIMAÇÃO HERO        */
/* ============================================ */

/* Container do Seletor */
.pla-segment-selector {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 6px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    border: 1px solid rgba(0, 212, 170, 0.2);
}

/* Botões de Segmento */
.pla-segment-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #B0B0B0;
    font-size: 0.65rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pla-segment-btn:hover {
    color: #00D4AA;
    background: rgba(0, 212, 170, 0.1);
}

.pla-segment-btn.active {
    color: #fff;
    background: linear-gradient(135deg, rgba(0, 212, 170, 0.3), rgba(59, 130, 246, 0.3));
    border-color: rgba(0, 212, 170, 0.5);
    box-shadow: 0 0 10px rgba(0, 212, 170, 0.3);
}

.pla-segment-btn i {
    font-size: 0.75rem;
}

/* Container das Animações */
.pla-animation-container {
    position: relative;
}

/* Animação de Transição */
.pla-segment-content {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.pla-segment-content.hidden {
    display: none;
}

.pla-segment-content.fade-out {
    opacity: 0;
}

/* ============================================ */
/* INDÚSTRIA DE BEBIDAS - PEÇAS ESPECÍFICAS    */
/* ============================================ */

/* Garrafas Vazias (Envasamento) */
.pla-bottle-empty {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 32px;
    animation: plaPieceMove 4s linear infinite;
}

.pla-bottle-empty svg {
    width: 100%;
    height: 100%;
}

.pla-bottle-glass {
    fill: rgba(200, 220, 240, 0.4);
    stroke: rgba(150, 180, 200, 0.6);
    stroke-width: 0.5;
}

/* Garrafas com Líquido */
.pla-bottle-filled {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 32px;
    animation: plaPieceMove 4s linear infinite;
}

.pla-bottle-filled svg {
    width: 100%;
    height: 100%;
}

.pla-bottle-wine {
    fill: #722F37;
}

.pla-bottle-beer {
    fill: #D4A017;
}

.pla-bottle-juice {
    fill: #FF6B35;
}

/* Garrafas Rotuladas */
.pla-bottle-labeled {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 34px;
    animation: plaPieceMove 4s linear infinite;
}

.pla-bottle-labeled svg {
    width: 100%;
    height: 100%;
}

.pla-bottle-label {
    fill: #F5F5DC;
    stroke: #8B7355;
    stroke-width: 0.3;
}

.pla-bottle-label-text {
    font-size: 2px;
    fill: #333;
    font-weight: bold;
}

/* Caixas de Bebidas */
.pla-beverage-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 24px;
    animation: plaPieceMove 4s linear infinite;
}

.pla-beverage-box-body {
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #8B7355 0%, #654321 100%);
    border-radius: 2px;
    position: relative;
    border: 1px solid #5D3A1A;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pla-beverage-box-label {
    background: #F5F5DC;
    color: #722F37;
    font-size: 0.3rem;
    font-weight: 700;
    padding: 2px 4px;
    border-radius: 2px;
    text-align: center;
    line-height: 1;
}

.pla-beverage-box-bottles {
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 1px;
}

.pla-mini-bottle {
    width: 4px;
    height: 8px;
    background: linear-gradient(180deg, #333 0%, #722F37 30%, #722F37 100%);
    border-radius: 1px 1px 0 0;
}

/* Cores específicas para diferentes bebidas */
.pla-bottle-wine-red { fill: #722F37; }
.pla-bottle-wine-white { fill: #F5E6C8; }
.pla-bottle-beer-golden { fill: #D4A017; }
.pla-bottle-juice-orange { fill: #FF6B35; }

/* Líquido animado dentro da garrafa */
.pla-liquid {
    animation: plaLiquidWave 2s ease-in-out infinite;
}

@keyframes plaLiquidWave {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-1px); }
}

/* Tampa da garrafa */
.pla-bottle-cap {
    fill: #1a1a1a;
}

/* Gargalo da garrafa */
.pla-bottle-neck {
    fill: rgba(200, 220, 240, 0.5);
    stroke: rgba(150, 180, 200, 0.6);
    stroke-width: 0.3;
}

/* ============================================ */
/* RESPONSIVO PARA SELETOR DE SEGMENTOS        */
/* ============================================ */

@media (max-width: 480px) {
    .pla-segment-selector {
        flex-wrap: wrap;
        gap: 6px;
    }
    
    .pla-segment-btn {
        padding: 5px 10px;
        font-size: 0.55rem;
    }
    
    .pla-segment-btn i {
        font-size: 0.65rem;
    }
}


/* ============================================ */
/* INDÚSTRIA DE CALÇADOS - PEÇAS ESPECÍFICAS   */
/* ============================================ */

/* Moldes de Material (Corte) */
.pla-shoe-material {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 20px;
    animation: plaPieceMove 4s linear infinite;
}

.pla-shoe-material svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.3));
}

/* Cabedais (Costura) */
.pla-shoe-upper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 22px;
    animation: plaPieceMove 4s linear infinite;
}

.pla-shoe-upper svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.3));
}

/* Tênis Completos (Montagem) */
.pla-sneaker {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 24px;
    animation: plaPieceMove 4s linear infinite;
}

.pla-sneaker svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.4));
}

/* Cores vibrantes dos calçados */
.pla-shoe-pink { fill: #FF6B9D; }
.pla-shoe-teal { fill: #4ECDC4; }
.pla-shoe-yellow { fill: #FFE66D; }
.pla-shoe-purple { fill: #A855F7; }
.pla-shoe-orange { fill: #FB923C; }

/* ============================================ */
/* INDÚSTRIA METAL MECÂNICO - PEÇAS ESPECÍFICAS */
/* ============================================ */

/* Peças Metálicas Usinadas */
.pla-metal-part {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 20px;
    animation: plaPieceMove 4s linear infinite;
}

.pla-metal-part svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.4));
}

/* Efeito metálico brilhante */
.pla-metal-shine {
    fill: url(#metalGradient);
}

/* Conjuntos em Montagem */
.pla-assembly {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 24px;
    animation: plaPieceMove 4s linear infinite;
}

.pla-assembly svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.4));
}

/* Peças Inspecionadas com Selo */
.pla-inspected {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 24px;
    animation: plaPieceMove 4s linear infinite;
}

.pla-inspected svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.4));
}

/* Animação do selo de aprovação */
.pla-inspected svg circle:last-of-type {
    animation: plaApprovalPulse 1.5s ease-in-out infinite;
}

@keyframes plaApprovalPulse {
    0%, 100% { 
        filter: drop-shadow(0 0 2px rgba(46, 204, 113, 0.5));
    }
    50% { 
        filter: drop-shadow(0 0 6px rgba(46, 204, 113, 0.8));
    }
}

/* Cores metálicas */
.pla-metal-steel { fill: #7f8c8d; }
.pla-metal-chrome { fill: #bdc3c7; }
.pla-metal-brass { fill: #d4a017; }
.pla-metal-copper { fill: #b87333; }
.pla-metal-dark { fill: #34495e; }

/* Gradiente metálico para efeito realista */
.pla-metal-gradient {
    background: linear-gradient(135deg, #bdc3c7 0%, #7f8c8d 50%, #95a5a6 100%);
}

/* ============================================ */
/* RESPONSIVO PARA NOVOS SEGMENTOS             */
/* ============================================ */

@media (max-width: 768px) {
    .pla-shoe-material,
    .pla-shoe-upper,
    .pla-sneaker {
        transform: translateY(-50%) scale(0.85);
    }
    
    .pla-metal-part,
    .pla-assembly,
    .pla-inspected {
        transform: translateY(-50%) scale(0.85);
    }
}

@media (max-width: 480px) {
    .pla-segment-selector {
        gap: 4px;
        padding: 4px;
    }
    
    .pla-segment-btn {
        padding: 4px 8px;
        font-size: 0.5rem;
        gap: 4px;
    }
    
    .pla-segment-btn i {
        font-size: 0.6rem;
    }
    
    .pla-shoe-material,
    .pla-shoe-upper,
    .pla-sneaker,
    .pla-metal-part,
    .pla-assembly,
    .pla-inspected {
        transform: translateY(-50%) scale(0.7);
    }
}


/* ============================================ */
/* INDÚSTRIA DE VIDROS - PEÇAS ESPECÍFICAS     */
/* ============================================ */

/* Peças de Vidro Base */
.pla-glass-piece {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 26px;
    animation: plaPieceMove 4s linear infinite;
}

.pla-glass-piece svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}

/* Vidro Temperado - Efeito de brilho extra */
.pla-glass-tempered svg {
    filter: drop-shadow(0 0 6px rgba(100, 200, 255, 0.5)) drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}

/* Vidro Inspecionado - Selo verde pulsante */
.pla-glass-inspected svg {
    filter: drop-shadow(0 0 4px rgba(0, 212, 170, 0.4)) drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}

/* Animação do selo de aprovação nos vidros */
.pla-glass-inspected svg circle {
    animation: plaGlassApprovalPulse 1.5s ease-in-out infinite;
}

@keyframes plaGlassApprovalPulse {
    0%, 100% { 
        filter: drop-shadow(0 0 2px rgba(34, 197, 94, 0.5));
    }
    50% { 
        filter: drop-shadow(0 0 8px rgba(34, 197, 94, 0.9));
    }
}

/* Efeito de reflexo no vidro */
.pla-glass-piece svg path:first-child {
    transition: fill 0.3s ease;
}

/* Esteira da Têmpera - Fundo avermelhado para simular calor */
.pla-conveyor-stage[data-stage="Tempera"] .pla-stage-belt,
.pla-conveyor-stage:nth-child(4) .pla-stage-belt {
    background: linear-gradient(180deg, #3a2a2a, #2a1a1a) !important;
}

/* Cores específicas para vidros */
.pla-glass-clear { fill: rgba(135, 206, 250, 0.5); }
.pla-glass-tinted { fill: rgba(100, 150, 180, 0.6); }
.pla-glass-tempered-color { fill: rgba(100, 200, 255, 0.8); }
.pla-glass-approved { fill: rgba(100, 255, 200, 0.6); }

/* ============================================ */
/* RESPONSIVO PARA VIDROS                       */
/* ============================================ */

@media (max-width: 768px) {
    .pla-glass-piece {
        transform: translateY(-50%) scale(0.85);
    }
}

@media (max-width: 480px) {
    .pla-glass-piece {
        transform: translateY(-50%) scale(0.7);
    }
}