body{
    font-family: "Rubik", sans-serif;
    color: #747474;
}
a { color: #747474; text-decoration: none; }
a:hover { color: #747474; text-decoration: underline; }
h2 { font-weight: 400; line-height: 2.375rem; letter-spacing: 0.1rem; }
h6 { color: #4F473D;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.04688rem;}

b.w600 { font-weight: 600; }
b.w500 { font-weight: 500; }
.block-title { color: #4F473D; font-weight: 400; line-height: 2.6875rem; letter-spacing: 0.1rem; font-size: 2rem }
.block-text { font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.04375rem;}

.text-muted { color: #BEBEBE !important; }

.bg-header { background: rgba(255, 255, 255, 0.04);}

/* Header fijo al hacer scroll */
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Estado inicial del header (transparente) */
header.bg-header {
    background: rgba(255, 255, 255, 0.04);
}

/* Header cuando se hace scroll */
header.scrolled {
    background: rgba(255, 255, 255, 1) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

header.scrolled .navbar-brand img {
    content: url("../images/logo-negro.svg");
}

header.scrolled .nav-link {
    color: #4F473D !important;
}

header.scrolled .btn-outline-light {
    border-color: #6E941E !important;
    color: #6E941E !important;
}

header.scrolled .btn-outline-light:hover {
    background-color: #6E941E !important;
    color: white !important;
}

header.scrolled .btn-white {
    background-color: #6E941E !important;
    color: #FFF !important;
}

header.scrolled .btn-white:hover {
    background-color: #6E941E !important;
    color: white !important;
}

.navbar-brand { margin-right: 2rem;}
.navbar-brand img {width: 10.5rem; height: 3.25rem; aspect-ratio: 42/13;}
.navbar a:hover { text-decoration: none; }
.nav-link { color: #FFF}

.btn { border-radius: 1.875rem; font-size: 0.875rem; font-weight: 500; padding: 0.6125rem 1.175rem;}
a.btn:hover { text-decoration: none; }

.btn-success {
    --bs-btn-bg: #6E941E;
    --bs-btn-border-color: #6E941E;
    --bs-btn-hover-bg: #6E941E;
    --bs-btn-hover-border-color: #6E941E;
    --bs-btn-active-bg: #6E941E;
    --bs-btn-active-border-color: #6E941E;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754;
}

.btn-warning {
    --bs-btn-bg: #F49200;
    --bs-btn-border-color: #F49200;
    --bs-btn-hover-bg: #F49200;
    --bs-btn-hover-border-color: #F49200;
    --bs-btn-active-bg: #F49200;
    --bs-btn-active-border-color: #F49200;
    --bs-btn-disabled-bg: #F49200;
    --bs-btn-disabled-border-color: #F49200;
    --bs-btn-color: #FFF;
    --bs-btn-hover-color: #FFF;
    --bs-btn-active-color: #FFF;
    --bs-btn-disabled-color: #FFF;
}

.btn-white {
    background-color: #FFF;
    color: #6E941E;
    --bs-btn-hover-color: #6E941E;
    --bs-btn-hover-bg: #FFF;
    --bs-btn-hover-border-color: #FFF;
}

.bg-element-1 { 
    background-image: url("../images/element1.png");
    background-repeat: no-repeat;
}

.bg-element-2 { 
    background-image: url("../images/element2.png");
    background-repeat: no-repeat;
}

.bg-element-3 { 
    background-image: url("../images/element3.png");
    background-repeat: no-repeat;
}

.card { border: 0; }
.card-body { border-radius: 0.625rem; border: 1px solid #DDD; background: #FFF; }
.card-body p { font-size: 0.875rem; line-height: normal; letter-spacing: 0.04375rem; color: #747474; margin-bottom: 0; }

.block-opinions .card, .block-opinions .card-body { border: 0}
.block-opinions .card-body { border-radius: 0.625rem; background: #F9F9F9;}

.bg-tienes-dudas {
    background-image: url("../images/bg-tienes-dudas.jpg");
    height: 22.75rem;
    background-size: cover;
}

.home-porque-elegir img { max-width: 60px; }
.home-porque-elegir  { font-size: 0.8rem; }

.bg-footer { background-image: url("../images/footer-bg.png"); background-repeat: no-repeat; }
footer, footer a {
    color: #747474;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.04688rem;
}

footer li { padding-bottom: 0.8rem}