:root {
    --color-primary-op: #ac87bd;
    --color-bg-light: #eee;
    --color-text-ligth: #757575;
    --color-stars: #dfad51;
    --color-danger: #ff4040;
    --color-success: #22d163;
    --color-info: #c6cfd9;
    --color-info-dark: #9acef8;
}

body {
    scroll-behavior: smooth;
}

.landing-content section {
    margin: 0 0 60px 0;
}

.landing-header.info {
    gap: 10px;
}

.landing-header span,
.landing-header a {
    font-size: 14px;
}

.logo-landing {
    width: auto;
    height: 150px;
    object-fit: cover;
}

.main-title-landing {
    font-size: 30px;
    margin-top: 15px;
}

.landing-header.banners .carousel-inner {
    height: 400px;
    border-radius: 20px;
}

.landing-header.banners .carousel-inner .carousel-item img {
    height: 400px;
}

.landing-services .card-subcategoria {
    background-color: #f5f5f5;
    padding: 12px 26px;
    border-radius: 10px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.landing-services .card-subcategoria-active {
    background-color: var(--color-primary-op);
    color: #FFF;
}

.landing-cta {
    width: 100%;
    height: 400px;
    padding: 10px;
    border-radius: 18px;
    background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.landing-benefits .card-beneficio {
    background-color: #f5f5f5;
    border: 1px solid #e2e2e2;
    height: 200px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.landing-benefits .card-beneficio i {
    font-size: 40px;
    color: #4cd734;
    margin-bottom: 10px;
}

.landing-benefits .card-beneficio h6 {
    font-size: 20px;
}

.landing-content ul {
    list-style: none;
}

.landing-content .contact-item {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.landing-content .contact-item i {
    width: 40px;
    height: 40px;
    background-color: #f5f5f5;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.landing-content .contact-item a {
    color: #000000;
}

.landing-content .form-contact {
    font-size: 12px;
}

.landing-content .form-contact .form-group {
    margin-bottom: 0.5rem;
}

.landing-content .form-contact p,
.landing-content .form-contact .form-group input,
.landing-content .form-contact .form-group select {
    font-size: 12px;
}

.suscripciones-card .list-group-item {
    background-color: transparent;
    font-size: 14px;
}