/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,700&family=Lato:ital,wght@1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@1,700&family=Roboto:wght@400&display=swap');
/* @import url(https://db.onlinewebfonts.com/c/9fb713fe839df972f056608904a4a8dc?family=Loft+W01+Bold+Italic); */ 
@import url(https://db.onlinewebfonts.com/c/87297781ec1f7f4dd15f281bdf3ee9ca?family=Myriad+Pro+Semibold+Italic);

/* CSS Variables */
:root {
    --primary-color: #B01E36;
    --dark-color: #1D1D1C;
    --light-color: #FFFFFF;
    --secondary-font: "Myriad Pro Semibold Italic";
    --primary-font: 'Exo 2', sans-serif;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--secondary-font);
    color: var(--dark-color);
    background-color: var(--light-color);
    font-weight: 600;
    font-style: italic;
}

/* Typography */
.section-title {
    font-family: var(--primary-font);
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--dark-color);
    margin-bottom: 1.5rem;
}

.lead-text {
    font-family: var(--secondary-font);
    font-size: 1.2rem;
    font-weight: 600;
    font-style: italic;
    color: #555;
}

.lead-text2 {
    font-family: var(--primary-font);
    font-size: 1.2rem;
    font-weight: 600;
    /* font-style: italic; */
    color: #555;
}

.lead-text3 {
    font-family: var(--secondary-font);
    font-size: 1.6rem;
    font-weight: 600;
    /* font-style: italic; */
    color: #b01e36;
}

.lead-text4 {
    font-family: var(--secondary-font);
    font-size: 1rem;
    font-weight: 600;
    /* font-style: italic; */
    color: #555;
}

/* Header */
header.bg-dark {
    background-color: var(--dark-color) !important;
}

header a {
    text-decoration: none;
    transition: color 0.3s ease;
}

header a:hover {
    color: var(--primary-color) !important;
}

/* Navbar */
.navbar.bg-light {
    background-color: #f8f9fa!important;
    border-bottom: 1px solid #eee;
}

.navbar-brand img {
    height: 40px;
}

.nav-link {
    font-family: var(--primary-font);
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    margin: 0 1rem;
    color: var(--dark-color);
    transition: color 0.3s ease;
}

.nav-link:hover, .nav-link.active {
    color: var(--primary-color) !important;
}

/* Buttons */
.btn-primary.cta-button {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    font-family: var(--primary-font);
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    padding: 0.5rem 1.5rem;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.btn-primary.cta-button:hover {
    background-color: #8c172a;
    border-color: #8c172a;
}

.btn-primary.cta-button-outline {
    background-color: transparent;
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    font-family: var(--primary-font);
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    padding: 0.75rem 2rem;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-primary.cta-button-outline:hover {
    background-color: var(--primary-color);
    color: var(--light-color);
}

#contacto .btn-success {
    background-color: #25D366;
    border-color: #25D366;
    font-family: var(--primary-font);
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    padding: 0.5rem 1.5rem;
}

/* Sections */
section {
    /* padding: 6rem 0; */
}

#inicio {
    padding: 0;
}

.carousel-item img {
    height: auto;
    width:  100%;
    object-fit: cover;
}

#sobre-nosotros {
    background-color: #f8f9fa;
}

/* Footer */
footer.bg-dark {
    background-color: var(--dark-color) !important;
}

/* Hero Section */
#hero {
    background-color: #f8f9fa;
}

.bullet-point .fas {
    color: var(--primary-color);
}

.bullet-title {
    font-family: var(--primary-font);
    font-weight: 700;
    font-style: italic;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}