/* 
    Theme Name: 2VRT
    Theme URI: 2vrt.pt
    Author: MeetingPoint
    Author URI: meetingpoint.pt
    Description: Theme for 2VRT
    Version: 1.0.0 
    Created on: February 06, 2026   
    Licence: meetingpoint.pt
*/

/* ============================================
   Social Icons – Hover com fundo branco e cor de marca
   ============================================ */
.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: background-color 0.35s ease, color 0.35s ease, transform 0.35s ease;
}

.social-icon.pages{
    width: 25px !important;
    height: 25px !important;
    font-size: 16px !important;
    margin-top: 2px !important;
}

/* Hero social icons são rodados 180° — preservar a rotação */
.td-hero-social .social-icon {
    width: 34px;
    height: 34px;
}

.social-icon:hover {
    background-color: #ffffff;
    transform: scale(1.15);
}

/* Cores de marca por rede */
.social-facebook:hover { color: #1877F2 !important; }
.social-x:hover        { color: #000000 !important; }
.social-instagram:hover { color: #E1306C !important; }
.social-linkedin:hover  { color: #0A66C2 !important; }
.social-youtube:hover   { color: #FF0000 !important; }


/* --- Animação Subtil do Banner (Efeito Respiração/Pulso Calmo) --- */

.cardio-tech-banner {
    position: relative;
}

/* O gradiente agora é estático nas cores, com um ângulo fixo elegante */
.cardio-gradient-overlay {
    /* Gradiente fixo: Escuro na esquerda (leitura fácil do título) para Ciano na direita (tecnologia) */
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(28, 112, 182, 0.85) 50%, rgba(174, 31, 27, 0.7) 100%);
    
    /* A animação agora dura 6 segundos e vai e volta (alternate) */
    animation: calmHeartbeat 6s ease-in-out infinite alternate;
}

/* Keyframes que alteram apenas a opacidade do filtro, simulando um ritmo cardíaco lento */
@keyframes calmHeartbeat {
    0% {
        opacity: 0.80; /* Ligeiramente mais transparente */
    }
    100% {
        opacity: 1;    /* Fundo totalmente preenchido */
    }
}