/*Estilos en Comun para toda la web*/

a{
    color: #6c757d;
}

.alert{
    text-align: center;
}

a:hover {
    color: #42474c;
}

.bg-gris{
    background-color: #f7f7f9;
}

.bd-title {    
    font-weight: 300;
    font-size: 2.5rem;
}

.bg-acciones{
    background: rgb(255, 255, 255);
    padding: 15px 20px;
    border-radius: 3px;
    margin-bottom: 15px;
}

.logo-admin{
    width: 160px;
}

.bg-admin{
    background: #f2edf3;
    padding: 2.75rem 2.25rem;
    width: 100%;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.subtitle {
    margin-bottom: 0;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #8C111B;
    font-weight: 500;
}

.link {
    margin-bottom: 0;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #8C111B;
    font-weight: 500;
    font-size: 0.8rem;
}

.badge-ref {
    color: #fff;
    background-color: #F20505;
}

.btn-outline-card {
    color: #F20505;
    border-color: #F20505;
}

.btn-outline-card:focus, .btn-outline-card:hover {
    color: #fff;
    background-color: #BF1725;
}

.btn-outline-find {
    color: #BF1725;
    border-color: #BF1725;
}

.btn-outline-find:focus, .btn-outline-find:hover {
    color: #fff;
    background-color: #BF1725;
}

.pro-price {
    margin-top: 5px;
    font-size: 15px;
    line-height: 24px;
    color: #777;
}

.current-price {
    color: #232323;
    font-size: 18px;
    font-weight: 900;
    font-style: normal;
}

.min-height-card{
    min-height: 75px;
}

.bg-optolan{
    background-color: #BF1725;
    color: #fff;
}

.bg-pdf{
    color: #8C111B;
    font-size: 18px;
}

/*FIN Estilos en Comun para toda la web*/

/*Estilos paginacion*/
.pagination {
    justify-content: center;
}

.page-link {
    color: rgb(62, 75, 91);
}

.page-link:hover {
    color: rgb(62, 75, 91);
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
/*FIN Estilos paginacion*/


/*Estilos Cabecera superior*/
.borde-inferior{
	border-bottom: solid 1px #adb5bd;
}

.redes-sociales {
    padding: .5rem 1rem;
    display: inline-block;
}

.fa-facebook, .fa-facebook-square {
    color: #3b5998;
    font-size: 20px;
}
.fa-youtube, .fa-youtube-play, .fa-youtube-square {
    color: #bb0000;
    font-size: 20px;
}
.fa-linkedin, .fa-linkedin-square {
    color: #007bb6;
    font-size: 20px;
}
.fa-instagram {
    color: #517fa4;
    font-size: 20px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #ffffff;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #ffffff;
}

.dropdown-menu {
    margin: -0.5rem 0 0;
}



/*Estilos Menu principal*/

.logo{
	width: 180px;
} 

.navbar-light .navbar-nav .nav-link {
    color: #636262;
    font-size: 18px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7);
    /*font-weight: 500;*/
    font-size: 18px;
}

.c2-optolan{
	color: #BF1725;
}

.size-20{
    font-size: 20px;
}

.bg-img{
    color:#031fbb;
}

.bg-edit{
    color:#2196F3;
}

.bg-desc{
    color: #f145c2;
}

.color-ver{
    color: #18941d;
}

.color-edit{
    color: #ffa929;
}

.color-borrar{
    color:#b50c00;
}

.color-baja{
    color: #ff2e36;
}

.color-agrupar{
    color: #21bbb3;
}

.check{
    color: #28a745;
    font-size: large;
}

.cross{
    color: #BF1725;
    font-size: large;
}

.img-perfil{
    max-height: 360px;
}


.additional-details-list {
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
}

.add-d-title {
    font-weight: 600;
    text-transform: uppercase;
    background-color: #A5A5A5;
    margin: 0px;
    color: #FFF;
}

.additional-details-list {
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
}

.additional-details-list li {
    overflow: hidden;
    margin: 2px;
    border: 1px solid #F3F3F3;
}

.w-space-nowrap{
    white-space: nowrap;
}

.line-heing-1-5{
    line-height: 1.5;
}

.link-camino-migas{
    color: #bf1725;
}

.link-camino-migas:hover{
    color: #940612;
}


@media (min-width: 576px) { 
	
	.logo{
		width: 220px;
	} 
	
}



/**/

.card-imagen{
    height: 160px;
    width: 100%;
    position: relative;
}

.card-imagen img{
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}


/*Estilos Footer*/

footer.page-footer .footer-copyright {
    color: rgba(255,255,255,.6);
}

footer.page-footer a {
    color: #fff;
}
/*Fin Estilos Footer*/


.bg-footer-light{
    background: #eaeaea;
}

.subrayar{
    border-bottom: 2px solid #6b6b6b;
    padding-bottom: 2px;
}

.line-subrayar{
    width: 100px;
    height: 2px;
    background: #bf1725;
    margin: 0px 0px 20px;
    position: relative;
    top: -2px;
}

.titulo{
    font-weight: 300;
}

.enlaces_footer{
    color: #bf1725 !important;
}

/* ===== Mejoras responsive (2026-10) ===== */
/* Palabras largas (p. ej. "ROSETAS/ CAJAS/ADAPTADORE") no deben ensanchar la pagina */
.subtitle, .link, .bd-title, .card-title, .text-familia h6, .descripcion-articulo, .table td, .table th {
    overflow-wrap: anywhere;
    word-wrap: break-word;
}
.descripcion-articulo img, .table img { max-width: 100%; height: auto; }

/* Paginacion con muchas paginas: que pase a otra linea en vez de salirse */
.pagination { flex-wrap: wrap; }

@media (max-width: 575.98px) {
    .subtitle { letter-spacing: .08em; font-size: .85rem; }
    .text-familia h6 { font-size: .78rem; letter-spacing: .05em; }
    .bd-title { font-size: 1.75rem; }
    /* Cabecera superior: acceso/registro y botones de contacto en una fila centrada */
    .borde-inferior .nav-pills { justify-content: center; }
    .borde-inferior .nav-pills > li { flex: 0 1 auto; padding: .15rem .35rem; }
    .borde-inferior .nav-pills > li.navbar { flex: 0 0 100%; justify-content: center; }
    .borde-inferior .navbar-nav { flex-direction: row; flex-wrap: wrap; margin-left: 0 !important; }
    .borde-inferior .navbar-nav .nav-link { padding-left: .75rem; padding-right: .75rem; }
}
@media (min-width: 576px) and (max-width: 991.98px) {
    .bd-title { font-size: 2.1rem; }
}