/*
font-family: 'Open Sans', sans-serif;

@media (max-width: 991.98px){ 
}
@media (max-width: 767.98px){
}
@media (max-width: 575.98px){
}
*/

body{
background: white !important;
color: black;
}

.owl-dots .owl-dot {
background-color: transparent !important;
}

.owl-dots .owl-dot span{
background-color: grey !important;
}

.owl-dots .owl-dot:hover, .owl-dots .owl-dot.active {
background-color: transparent !important;
}

.owl-dots .owl-dot:hover span, .owl-dots .owl-dot.active span{
background-color: #fd6500 !important;
}

.texto_imagen .titulo, 
.titulo_fragmento .titulo,
.div_articulo .titulo{
color: black;    
font-weight: 600;
}


/*======================================================
Articulos y Secciones
======================================================*/

.ficha_articulo .titulo,
.ficha_articulo .resumen p,
.ficha_articulo .propiedades div{
color: #0f0f0f;  
}

.ficha_articulo .arti-price del {
color: #737373;
text-decoration-color: #fa6501;
}

.ficha_articulo .cantidad_selector .plus, 
.ficha_articulo .cantidad_selector .minus {
background-color: #dfdfdf;
color: #b1b1b1;
border-color: #dfdfdf;
}

.ficha_articulo .cantidad_selector .qty {
color: #000000;
font-weight: 500;
}

.especificationes_tecnicas {
background-color: transparent;≤
padding: 30px 0px;
border-top: solid #fa6501 3px;
border-bottom: none;
background-color: white;
padding: 31px 0px;
}

.backgrid {
background-color: white;
position: relative;
border-top: solid 3px #fd6500;
border-bottom: solid 3px #fd6500;
}

.caja_art {
max-width: none;
}

.caja_art .pastilla,
.caja_art .foto .sombra{
display: none;
}

.caja_art .titulo {
color: black;
font-size: 19px;
font-weight: bold;
}

.caja_art .foto .fotografia {
width: 100%;
}

.caja_art .foto {
margin-bottom: 0rem;
}

footer .div_articulo .titulo{
color: white;    
}

.owl-dots {
margin-top: 1rem;
}

.proddestacado .texto .titulo,
.proddestacado .texto p{
color: white;    
}

#contacto_home  .titulo_fragmento .titulo,
body.layout_9 .texto_imagen .titulo{
    color: white;
}



.texto_proceso_compra,
.cuadros_info_cliente,
.cesta_cuerpo .fila_cesta_cuerpo{
    background-color: #f1f1f1;  
}

.cuadros_info_cliente h4 {
    border-bottom: solid 1px #44444429;
}


.tituloanimado{
display: inline-flex;
width: 100%;
margin-bottom: 2rem;
}

.tituloanimado .primero{
transform: translateX(22%);            
opacity:0;
transition: transform 1s ease-in-out 0.1s, opacity 1s ease-out 0.1s;
}

.tituloanimado .estrella {
transform: rotate(45deg) scale(0);        
transition: transform 1s ease-in-out 0.1s;
}

.tituloanimado .segundo {
transform: translateX(-5%);            
opacity:0;
transition: transform 1s ease-in-out 0.1s, opacity 1s ease-out 0.1s;
}

.tituloanimado svg{
height: 33px;
}

.tituloanimado .primero.mover {
transform: translateX(0%);
opacity:1;
}

.tituloanimado .estrella.mover{
transform: rotate(0deg) scale(0.7);      
}

.tituloanimado .segundo.mover {
transform: translateX(0%);
opacity:1;
}

header {

}

.navbar{
padding: 0;
border: none;
display: flex
;
flex-direction: column;
}

.navbar .lobocontainer {
flex-direction: column;
}

.navbar .logo {
align-items: center;
flex-direction: column;
gap: 0px;
width: 100%;
background-color: black;
padding: 25px;
border-bottom: solid #ff6600 6px;
}

.navbar .logo >a img {
max-width: 282px;
width: 500px;
}

.navbar .iconosmenu {
margin-left: 0px;
justify-content: end;
width: 100%;
margin-top: -23px;
}

.navbar .items {
display: flex
;
align-items: center;
background-color: white;
width: 100%;
border-bottom: solid #ff6600 3px;
justify-content: center;
padding-top: 5px;
padding-bottom: 5px;
}

.nav-link {
color: #000000;
font-size: 20px;
}

.slide_home .degradado {
display: none;
}

.slide_home .contenido {
margin-top: 0rem;
}

.modal-backdrop {
pointer-events: none;
background-color: transparent;
}

.buscadormenu svg{
height: 17px;
margin-top: -3px;
}

.buscadormenu .cls-1 {
fill: #fa6501;
}

.buscadormenu >a:hover .cls-1{
fill: #6f8093;
}

.modal .btn-primary {
color: #fff;
background-color: #fa6501;
border-color: #fa6501;
}

.avisopaginado {
display: flex
;
align-items: center;
justify-content: space-between;
border-bottom: solid 1px #e3e3e3;
margin-bottom: 0rem;
margin-top: -1rem;
padding: 10px;
font-size: 14px;
}

.avisopaginado p {
margin: 0px;
font-weight: 500;
}

.avisopaginado p strong,.avisopaginado p span{
color: #fa6501;
}

@media (max-width: 1800px) {

    .tituloanimado svg {
    height: 28px;
    }

}

@media (max-width: 1500px) {

    .tituloanimado svg {
        height: 24px;
    }

    .tituloanimado {
        margin-bottom: 19px;
    }

}

@media (max-width: 1200px) {

    .tituloanimado svg {
        height: 29px;
    }
    
    .tituloanimado {
        margin-bottom:23px;
    }

}

@media (max-width: 991.98px){ 

    .tituloanimado {
    margin-bottom: 20px;
    margin-top: 28px;
    }

    .avisopaginado {
    font-size: 13px;
    }

    .navbar .logo {
    flex-direction: row;
    }

    .navbar .items{
    display:none;
    }

    .navbar .logo {
    border-bottom: solid #ff6600 2px;
    }

    element.style {
    width: 100%;
    padding: 10px 30px;
    }

    .navbar .logo >a img {
    height: 47px;
    width: inherit;
    max-width: 200px;
    }

    .navbar .iconosmenu {
    margin-top: 0;
    }

    .togglemenu{
    width: 100%;
    padding: 10px 30px;
    background-color: #ffffff;
    }

    body.layout_6 .navbar-collapse.collapse.show, body.layout_6 .navbar-collapse.collapsing {
    background-color: #ffffff;
    }

    .navbar-nav {
    padding: 0px 23px;
    padding-bottom: 15px;
    }

    .navbar .itemsmovil {
    background-color: white;
    }

}

@media (max-width: 575.98px) {

    .especificationes_tecnicas {
    padding: 20px 10px;
    }

    .tituloanimado svg {
    height: 21px;
    }

    .tituloanimado {
    margin-bottom: 15px;
    margin-top: 29px;
    }

    .avisopaginado {
    font-size: 11px;
    display: block;
    text-align: left;
    padding: 0;
    padding-bottom: 13px;
    }

}