.fondo_cyan{
    background-color: #82d3e0;
}

.fondo_azul_cielo{
    background-color: #6cb2d8;
}

.fondo_azul_marino{
    background-color: #447bcc;
}

.fondo_azul_rey{
    background-color: #3d5cc1;
}


.color_blanco {
    color: #fff !important;
}
.color_cyan {
    color: #82d3e0!important;
}

.color_azul_cielo {
    color: #6cb2d8!important;
}

.color_azul_marino {
    color: #447bcc!important;
}

.color_azul_rey {
    color: #3d5cc1!important;
}

h5 a {
    color:white!important;
}

.fondo_home_pedido{
    background-image: url("../template/material/banner-two/banner.jpg")
}

.fondo_home_main {
    background-image: url("../template/material/Home/Footer.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}

.fondo_home_main a{
    border: 1px solid #6cb2d8 !important;
}

p {
    font-size: 0.88rem;
}

.span_calidad_agua{
    margin-right: 26px;
}
/*
div.bb-pro-actions{
    padding-top: 180px!important;
    font-size: 0.88rem!important;
}
*/
.bb-pro-actions p{
    background-color: #3d5cc1 !important;
    color:white;
    height: 50px;
}

.span_titulo{
    margin-left: 0px!important;
}

.bb-header .bb-main-menu-desk .bb-inner-menu-desk .bb-main-menu ul.navbar-nav .bb-main-dropdown .bb-dropdown-item:after{
    color:#6cb2d8;
    border: 1px solid #6cb2d8;
}

.bb-main-menu-desk div{
    margin-left: 50px;
}

.hero-contact h1 span:after,
.hero-contact h2 span:after{
    background-image: none;
}

.bb-footer-widget a{
    font-size: 1rem;
}

@font-face {
    font-family: "QuicksandMedium";
    /* Choose a name for your font 
    ("../template/material/Home/Footer.png
    */
    src: 
        url("../template/material/Tipografías/Quicksand/Quicksand-Medium.ttf") format("truetype");
    /* Include multiple formats */
    font-weight: normal;
    /* Optional: define weight */
    font-style: normal;
    /* Optional: define style */
}

@font-face {
    font-family: "QuicksandBold";
    /* Choose a name for your font 
    ("../template/material/Home/Footer.png
    */
    src:
        url("../template/material/Tipografías/Quicksand/Quicksand-Bold.ttf") format("truetype");
    /* Include multiple formats */
    font-weight: normal;
    /* Optional: define weight */
    font-style: normal;
    /* Optional: define style */
}

@font-face {
    font-family: "HelveticaMedium";
    /* Choose a name for your font 
    ("../template/material/Home/Footer.png
    */
    src:
        url("../template/material/Tipografías/Helvetica-neue-5/HelveticaNeueMedium.otf") format("opentype");
    /* Include multiple formats */
    font-weight: normal;
    /* Optional: define weight */
    font-style: normal;
    /* Optional: define style */
}

@font-face {
    font-family: "HelveticaNeueRoman";
    /* Choose a name for your font 
    ("../template/material/Home/Footer.png
    */
    src:
        url("../template/material/Tipografías/Helvetica-neue-5/HelveticaNeueRoman.otf") format("opentype");
    /* Include multiple formats */
    font-weight: normal;
    /* Optional: define weight */
    font-style: normal;
    /* Optional: define style */
}

@font-face {
    font-family: "HelveticaNeueBold";
    /* Choose a name for your font 
    ("../template/material/Home/Footer.png
    */
    src:
        url("../template/material/Tipografías/Helvetica-neue-5/HelveticaNeueBold.otf") format("opentype");
    /* Include multiple formats */
    font-weight: normal;
    /* Optional: define weight */
    font-style: normal;
    /* Optional: define style */
}

* {
	font-family: "HelveticaNeueRoman";
}


.alert-container {
    position: fixed;
    top: 20px;
    right: -300px;
    /* Escondida al inicio */
    background: #ffffff;
    border-left: 5px solid #4CAF50;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 15px 20px;
    transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    z-index: 1000;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.alert-container.active {
    right: 20px;
}

.alert-content {
    display: flex;
    align-items: center;
    gap: 15px;
}

.close-btn {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #888;
}

.progress-bar {
    height: 3px;
    background: #4CAF50;
    margin-top: 10px;
    width: 0%;
}

/* Colores por tipo */
.alert-container.success {
    border-left-color: #2ecc71;
}

.alert-container.error {
    border-left-color: #e74c3c;
}

.alert-container.warning {
    border-left-color: #f1c40f;
}

/* Cambiar color de la barra de progreso también */
.alert-container.success .progress-bar {
    background: #2ecc71;
}

.alert-container.error .progress-bar {
    background: #e74c3c;
}

.alert-container.warning .progress-bar {
    background: #f1c40f;
}

@keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


.bb-loader{
    z-index: 1100;
}

.bb-cart-table table{
    width: 100%;
}

.bb-register form{
    display: block;
}