/* ================================
   Ambermex Theme - Seguridad
   Color: #2d5a87 (Azul confianza)
   ================================ */

/* Theme Variables Override */
:root {
    --theme-primary: #2d5a87;
    --theme-primary-dark: #1e3d5c;
    --theme-primary-light: #4a7ba8;
    --theme-secondary: #c2703a;
    --theme-accent: #7DA177;
}

/* Header */
.header--ambermex {
    border-bottom: 3px solid var(--theme-primary);
}

.header--ambermex .logo-img {
    filter: none;
}

.header--ambermex .btn-primary {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}

.header--ambermex .btn-primary:hover {
    background-color: var(--theme-primary-dark);
    border-color: var(--theme-primary-dark);
}

/* Hero */
.hero--ambermex {
    background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-dark) 100%);
}

.hero--ambermex::before {
    background: radial-gradient(circle, rgba(125, 161, 119, 0.15) 0%, transparent 70%);
}

.hero--ambermex::after {
    background: radial-gradient(circle, rgba(194, 112, 58, 0.1) 0%, transparent 70%);
}

/* Buttons */
.btn-primary--ambermex {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
    color: white;
}

.btn-primary--ambermex:hover {
    background-color: var(--theme-primary-dark);
    border-color: var(--theme-primary-dark);
}

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

.btn-outline--ambermex:hover {
    background-color: var(--theme-primary);
    color: white;
}

/* Cards */
.card--ambermex {
    border-left: 4px solid var(--theme-primary);
}

.card--ambermex:hover {
    box-shadow: 0 10px 30px rgba(45, 90, 135, 0.15);
}

/* Badges */
.badge--ambermex {
    background-color: var(--theme-primary);
    color: white;
}

/* Navigation active state */
.nav--ambermex .nav-menu a.active,
.nav--ambermex .nav-menu a:hover {
    color: var(--theme-primary);
}

/* Section titles */
.section-title--ambermex {
    color: var(--theme-primary);
}

/* Footer */
.footer--ambermex {
    background: linear-gradient(135deg, var(--theme-primary-dark) 0%, #0f2a45 100%);
}

/* Feature icons */
.icon--ambermex {
    background-color: rgba(45, 90, 135, 0.1);
    color: var(--theme-primary);
}

/* Stats */
.stat-value--ambermex {
    color: var(--theme-primary);
}

/* Demo cards */
.demo-card--ambermex {
    border-color: var(--theme-primary);
}

.demo-card--ambermex:hover {
    border-color: var(--theme-primary-dark);
    box-shadow: 0 8px 25px rgba(45, 90, 135, 0.2);
}

/* Pricing cards */
.pricing-card--ambermex.featured {
    border-color: var(--theme-primary);
}

.pricing-card--ambermex .price-amount {
    color: var(--theme-primary);
}

/* CTA section */
.cta--ambermex {
    background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-primary-dark) 100%);
}

/* Forms */
.input--ambermex:focus {
    border-color: var(--theme-primary);
    box-shadow: 0 0 0 3px rgba(45, 90, 135, 0.1);
}

/* Progress steps */
.progress-step--ambermex.active {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}

.progress-step--ambermex.completed {
    background-color: var(--theme-accent);
}