:root {
    --beige-toton: #d8bdaa;
    --celeste-toton: #b3c7c8;
    --dorado-toton: #d4a463;
    --rosa-toton: #fedcd2;
    --texto-oscuro: #4a4a4a;
}

body {
    font-family: 'Montserrat', sans-serif; /* Tipografía genérica y moderna */
    color: var(--texto-oscuro);
    background-color: #fffaf8;
}

/* Estilo específico para el Logo */
.navbar-brand {
    font-family: 'Sniglet', cursive;
    font-weight: 800;
    font-size: 2rem;
    color: var(--dorado-toton) !important;
    letter-spacing: 1px;
}

h2, h3 {
    font-weight: 700;
    color: var(--texto-oscuro);
}

.bg-pastel { background-color: var(--rosa-toton); }

.btn-toton {
    background-color: var(--dorado-toton);
    color: white;
    border-radius: 50px;
    padding: 12px 30px;
    font-weight: 600;
    border: none;
    transition: all 0.3s ease;
}

.btn-toton:hover {
    background-color: var(--beige-toton);
    transform: scale(1.05);
    color: white;
}

/* Hero Section */
.hero {
    padding: 120px 0;
    background: linear-gradient(135deg, #fedcd2 0%, #fffaf8 100%);
}

/* Cards de Precios */
.card-precio {
    border: none;
    border-radius: 25px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.05);
    transition: transform 0.3s;
    background: white;
}
.card-precio:hover { transform: translateY(-10px); }

/* Carrusel */
.carousel-item img {
    height: 500px;
    object-fit: cover;
    border-radius: 20px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: var(--dorado-toton);
    border-radius: 50%;
    padding: 20px;
}