/* Shield Theme CSS - Based on logo colors */

/* Primary Colors */
:root {
    /* Tonos de azul del logo en escudo */
    --primary: #1c7cce; /* Azul principal medio */
    --primary-light: #70c3eb; /* Azul claro */
    --primary-lighter: #aae0ff; /* Azul más claro */
    --primary-dark: #0e5ea0; /* Azul oscuro */
    --primary-darker: #0a447a; /* Azul más oscuro */
    --primary-soft: rgba(28, 124, 206, 0.1);
    
    /* Otros colores */
    --secondary: #6c757d;
    --success: #198754;
    --info: #70c3eb;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8fbff;
    --dark: #343a40;
    --body: #555555;
    --white: #ffffff;
    --border: #e5e5e5;
    --shadow: rgba(28, 124, 206, 0.08);
}

/* Background & Text Colors */
.bg-primary {
    background-color: var(--primary) !important;
}

.text-primary {
    color: var(--primary) !important;
}

/* Gradient Buttons */
.btn-primary {
    background: linear-gradient(90deg, var(--primary-dark), var(--primary));
    border: none;
}

.btn-primary:hover {
    background: linear-gradient(90deg, var(--primary-darker), var(--primary-dark));
}

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:hover {
    background-color: var(--primary);
    color: #fff;
}

/* Gradient backgrounds */
.bg-gradient-primary {
    background: linear-gradient(135deg, var(--primary), var(--primary-light)) !important;
}

.text-gradient-primary {
    background: linear-gradient(90deg, var(--primary-dark), var(--primary-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Soft backgrounds */
.bg-primary-soft {
    background-color: var(--primary-soft) !important;
}

/* Feature cards */
.feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 25px rgba(28, 124, 206, 0.15) !important;
    border-color: rgba(28, 124, 206, 0.1);
}

.feature-card:hover .service-icon {
    background: linear-gradient(45deg, var(--primary-lighter), #ffffff) !important;
}

.feature-card:hover h5 {
    color: var(--primary);
}

/* Whatsapp button animation */
@keyframes breathe {
    0% {
        box-shadow: 0 0 0 0 rgba(28, 124, 206, 0.5);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(28, 124, 206, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

/* Hero & Section Backgrounds */
.hero-header {
    background: linear-gradient(75deg, #ffffff 50%, #e6f4ff 100%) !important;
}

/* Navbar active link */
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--primary) !important;
}

/* Service icon */
.service-icon i {
    color: var(--primary);
}

/* Override any remaining blue links */
a {
    color: var(--primary);
}

a:hover {
    color: var(--primary-dark);
}