/* === MOVIL + TABLET (iPad): AFINAR TIPOGRAFIA === */
@media (max-width: 1024px) {

  * {
    font-weight: 400 !important;
  }

  body {
    -webkit-text-size-adjust: 100%;
  }
}

/* Shared Styles moved from HTML */
@font-face {
    font-family: 'Avenir Next';
    src: local('Avenir Next'), local('AvenirNext-Regular');
}

body {
    font-family: 'Avenir Next', 'Montserrat', sans-serif;
    background-color: #FDFBF7;
    color: #3E2723;
}

.bg-brand-beige {
    background-color: #EADBC8;
}

.text-chocolate {
    color: #3E2723;
}

.border-brand-beige {
    border-color: #EADBC8;
}

.font-cursive {
    font-family: 'Dancing Script', cursive;
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Custom Classes */
.text-brown-primary {
    color: #3E2723;
}
.bg-brown-primary {
    background-color: #3E2723;
}
.border-brown-primary {
    border-color: #3E2723;
}


.bg-chocolate {
    background-color: #3E2723;
}
.border-chocolate {
    border-color: #3E2723;
}