a {
    color: #0056b3; /* azul oscuro, mayor contraste */
    text-decoration: underline; /* importante para no depender solo del color */
}

a:hover, a:focus {
    color: #003366; /* color más oscuro al pasar el mouse */
}
.containerpp {
    padding: 20px;
}

.form-control {
    width: 120px;
}

.popover {
    max-width: 400px;
}

    .popover.bottom {
        margin-top: 30px !important;
    }

.carousel-caption {
    top: 35%;
    bottom: auto;
}

.caption2 {
    top: 43% !important;
}

.carousel-indicators {
    z-index: 14;
}

.carousel,
.carousel-inner {
    height: 700px;
}

    .carousel,
    .carousel-inner .item {
        max-height: 700px;
        min-height: 700px;
        max-width: 100vw;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }


        .carousel .item img {
            min-height: 300px;
        }

.bannerimg {
    -webkit-filter: brightness(0.70);
    filter: brightness(0.70);
}

.bannerlogo {
    border: 0;
    position: absolute;
    left: 5%;
    top: 5%;
    z-index: 15;
}

.carousel-indicators .active {
    background-color: #F48B20;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .carousel,
    .carousel-inner {
        height: 300px;
    }

        .carousel,
        .carousel-inner .item {
            max-height: 300px;
            min-height: 300px;
        }

            .carousel,
            .carousel-inner .item.furniture {
                background-position: 18% center;
            }

    .bannert1 {
        font-size: 1.4em;
    }

    .bannert2 {
        font-size: 1em
    }

    .bannerlogo {
        width: 110px;
        height: 64px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .bannert1 {
        font-size: 1.8em;
    }

    .bannert2 {
        font-size: 1.4em
    }

    .bannerlogo {
        width: 140px;
        height: 82px;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .bannert1 {
        font-size: 2.4em;
    }

    .bannert2 {
        font-size: 2em
    }

    .bannerlogo {
        width: 170px;
        height: 99px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .bannert1 {
        font-size: 3em;
    }

    .bannert2 {
        font-size: 2.4em
    }

    .bannerlogo {
        width: 180px;
        height: 116px;
    }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .bannert1 {
        font-size: 3.6em;
    }

    .bannert2 {
        font-size: 3em
    }

    .bannerlogo {
        width: 250px;
        height: 146px;
    }
}