/* Variables de Marca (Basado en tus logos) */
:root {
    --affogato-yellow: #FDC155; /* Amarillo mostaza del logo */
    --affogato-dark: #333333;
}

body {
    font-family: 'Poppins', sans-serif;
}

/* Colores de texto */
.text-affogato { color: var(--affogato-yellow); }

/* Botones Personalizados */
.btn-affogato {
    background-color: var(--affogato-yellow);
    color: var(--affogato-dark);
    font-weight: 600;
    border: none;
}
.btn-affogato:hover {
    background-color: #e0aa40; /* Un poco más oscuro al hover */
    color: white;
}

/* Hero Section */
.hero-section {
    min-height: 60vh;
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
}

/* Decoración */
.line-dec {
    width: 60px;
    height: 4px;
    background-color: var(--affogato-yellow);
    margin-top: 10px;
}

/* Efecto Hover en Tarjetas */
.shadow-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.transition-card {
    transition: all 0.3s ease;
}