.navbar {
    border-radius: 3px solid;
    background-color: blue;
}

body {
    background-color: var(--page-background, #ffffff);
    color: var(--page-text, #212529);
    transition: background-color 250ms ease;
}

#servicios,
#contacto {
    background-color: var(--page-background, #ffffff);
    transition: background-color 250ms ease;
}

#nosotros {
    background-color: var(--section-background, #f8f9fa) !important;
    transition: background-color 250ms ease;
}

.example-placeholder {
    border: 1px dashed currentColor;
    border-radius: 4px;
    background-color: var(--section-background, #f8f9fa);
    color: var(--page-text, #212529);
}

body[data-color-theme="azul-cielo"] {
    --page-background: #2677ad;
    --section-background: #1d6698;
    --card-background: #155b8d;
    --page-text: #ffffff;
}

body[data-color-theme="guinda"] {
    --page-background: #741f3d;
    --section-background: #5f1631;
    --card-background: #511329;
    --page-text: #ffffff;
}

body[data-color-theme="mostaza"] {
    --page-background: #806000;
    --section-background: #6e5000;
    --card-background: #5b4300;
    --page-text: #ffffff;
}

body[data-color-theme="verde-oscuro"] {
    --page-background: #14532d;
    --section-background: #104624;
    --card-background: #0c3b1d;
    --page-text: #ffffff;
}

body[data-color-theme="verde-aqua"] {
    --page-background: #00695c;
    --section-background: #00574d;
    --card-background: #00483f;
    --page-text: #ffffff;
}

body[data-color-theme="azul"] {
    --page-background: #164f86;
    --section-background: #103f70;
    --card-background: #0d365f;
    --page-text: #ffffff;
}

body[data-color-theme="azul-marino"] {
    --page-background: #0b1d3a;
    --section-background: #122847;
    --card-background: #172f52;
    --page-text: #ffffff;
}

body[data-color-theme] .card {
    background-color: var(--card-background);
    border-color: rgba(255, 255, 255, 0.25);
}

body[data-color-theme] .service-icon {
    background: none;
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}

body[data-color-theme] .text-primary {
    color: #ffffff !important;
}

body[data-color-theme] .navbar {
    background-color: var(--section-background) !important;
}

body[data-color-theme] .navbar-brand,
body[data-color-theme] .navbar .nav-link {
    color: #ffffff;
}

body[data-color-theme] .navbar .btn-outline-primary {
    color: #ffffff;
    border-color: #ffffff;
}

body[data-color-theme] .navbar-toggler-icon {
    filter: invert(1);
}

.carouselx1{
    border: 1px solid;
}

.service-icon {
    background: linear-gradient(90deg, #87ceeb 0%, #87ceeb 49%, #0000ff 50%, #0000ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.contact-icon {
    font-size: 5rem;
    line-height: 1;
}