/* Cards & Quotes Components */

/* Glass effect utility shared across cards */
.glass {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.6);
}

/* Stat Card Section Container */
.stat-card {
    position: relative;
    padding: 4rem 0;
    width: 100%;
    overflow: visible;
}

/* Quote Card Style */
.quote-card {
    padding: 3rem 2.5rem;
    border-radius: 12px;
    text-align: center;
    position: relative;
    max-width: 960px;
    margin: 0 auto;
    /* Sombra más suave y profunda en Prussian Blue */
    box-shadow: 0 10px 30px rgba(16, 37, 66, 0.08);
    /* Fondo sutilmente cálido (Almond Cream muy claro) para integrar con el tema */
    background: linear-gradient(145deg, #ffffff, #f9f5f0); 
    border: 1px solid rgba(251, 182, 115, 0.2); /* Borde sutil Light Caramel */
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s ease, border-color 0.4s ease;
}

.quote-card p {
    font-family: var(--font-family-heading);
    font-size: clamp(1.3rem, 3vw, 2rem);
    font-weight: 600;
    color: var(--color-primary); /* Texto principal en Prussian Blue */
    line-height: 1.4;
    margin: 0;
}

/* Highlighted stats inside quotes */
.quote-card .stat {
    font-weight: 800;
    padding: 0 0.4rem;
    position: relative;
    display: inline-block;
    border-radius: 6px;
}

/* Reemplazamos verde/rojo genéricos por colores de la paleta */
.quote-card .stat-green {
    color: var(--color-highlight); /* Air Force Blue */
    background: rgba(105, 137, 150, 0.15);
}

.quote-card .stat-red {
    color: var(--color-accent); /* Light Caramel */
    background: rgba(251, 182, 115, 0.15);
}

/* Hover/Focus State restoration */
.stat-card.center-hover .quote-card,
.quote-card:hover {
    transform: translateY(-5px) scale(1.01);
    /* Sombra más pronunciada en Prussian Blue al hacer hover */
    box-shadow: 0 20px 50px rgba(16, 37, 66, 0.15);
    border-color: var(--color-accent); /* Borde se ilumina en Light Caramel */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .quote-card {
        padding: 2rem 1.5rem;
        border-radius: 12px;
    }
}