/* Configuración Base */
html {
    scroll-behavior: smooth;
}

/* Scrollbar moderno */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #F8F9FA; 
}
::-webkit-scrollbar-thumb {
    background: #1B273A; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #FFAA00; 
}

/* Patrón de puntos decorativos */
.pattern-dots {
    background-image: radial-gradient(#FFAA00 20%, transparent 20%);
    background-size: 15px 15px;
    opacity: 0.8;
}

/* 
==================================================
   ANIMACIONES DE PESTAÑAS (SERVICIOS)
================================================== 
*/
.tab-btn {
    transition: all 0.3s ease;
}

.tab-btn.active {
    background-color: #FFAA00;
    color: #121b28; /* Fondo oscuro del contenedor izq */
    border-color: #FFAA00;
}

/* Ocultamos por defecto */
.tab-content {
    display: none;
    opacity: 0;
    transform: translateY(15px);
}

/* Clase que aplicará JS con un efecto Fade In Up super suave */
.tab-content.active-tab {
    display: flex;
    animation: fadePremium 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes fadePremium {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}