body{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Open Sans', sans-serif;
    color: black;
    font-weight: 700;
}
h2{
    font-size: 40px;
}
a{ 
    color: black;
    text-decoration: none;
}
.cabecera{
    border-bottom: 1px solid #dee2e6;
}
.navbar-custom {
    height: 82px;
    z-index: 1000000;
}
.nav-link{
    margin:0 10px;
}
.carousel-indicators [data-bs-target]{
    background-color:skyblue;
}
.content-blocks{
    background-color: #203c7e;
}
.breadcrumb{
    font-size:14px !important;
}
.contenido{
    margin-top: 50px;
}
#footer ul{
    padding-left:20px;
}
.texto > p, .texto > table{
    font-size: 14px;
}
p.justificado{
    text-align: justify;
}
mark{
    background-color:white;
}
h3.tcar{
    background-color: skyblue;
    color:rgb(5, 5, 63);
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    margin:-4px 4px 0 4px;
    padding: 3px 0 0 0;
    z-index: 9999;
}
.exito, .error{
    font-size: 10px;
    margin:10px 0;
    display: block;
}
.exito{
    color:green;
}
.error{
    color:red;
}
.social-logo{
    width: 32px;
}
#ojito{
    display: inline-block;
    padding-top: 0px;
    height: 14px;
    width: 14px;
    color: blue;
}
.precio-regular,.precio-oferta{
    display: inline-block;
}
.precio-oferta{
    margin-top: -18px;
}
.precio-regular, .precio-regular h3 {
    color:rgb(107, 107, 107);
}
.precio-regular h3{
    font-size: 1.8em;
    text-decoration:line-through;
    float: left;
    margin-left: 54px;
}
.precio-oferta h2{
    float:left;
}
.precio-nota{
    float: left;
    font-size: 1.2em;
    font-weight: bold;
}
.precio-regular .precio-nota{
    padding: 5px 0 0 10px;
}
.precio-oferta .precio-nota{
    padding: 15px 0 0 10px;
}
.limpia{
    clear: both;
}
.separador-galeria{
    display: block;
    height: 12px;
}
.separador-galeria-2{
    display: none;
    height:0px;
}
.destacar-p{
    background-color: #fffb85;
    padding:8px;
    margin:20px -8px ;

}

/* Estilos para dispositivos móviles (ancho máximo de 768px) */
@media (max-width: 768px) {
    h2{
        font-size: 25px;

    }
    h3.tcar{
        margin:0px 48px 0 48px;
    }
    .justificado > .specs{
        margin-left:48px;
        margin-right: 48px;
    }
    .social-logo{
        width: 60px;
        margin-right: 5px;
    }
    .precio-regular,.precio-oferta{
        display: inline-block;
    }
    .precio-oferta{
        margin-top: -18px;
    }

    .precio-regular h3{
        font-size: 1.1em;
        margin-left: 35px;
    }
    .precio-nota{
        font-size: 0.9em;
    }
    .precio-regular .precio-nota{
        padding-top:0px;
    }
    .precio-oferta .precio-nota{
        padding-top: 7px
    }
    .separador-galeria,
    .separador-galeria-2{
        display: block;
        height: 15px;
    }

}