/* ======================================
   HEADER ESENCIAL BASICOS
====================================== */

/* Fondo header */
#header,
#header-wrap,
.dark #header-wrap,
.dark #header.transparent-header,
#header.transparent-header.dark,
.dark #header.transparent-header:not(.sticky-header) #header-wrap,
#header.transparent-header.dark:not(.sticky-header) #header-wrap,
.dark .transparent-header.floating-header .container,
.transparent-header.floating-header.dark .container,
#header.floating-header.sticky-header,
#header.floating-header.not-dark {
    background: #34495E !important;
    background-color: #34495E !important;
    border-bottom: 0 !important;
}

/* Links menú */
.dark .menu-link,
.dark .menu-item .sub-menu-trigger,
.dark .header-misc a,
.dark #top-account a,
.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link,
.dark .menu-link div,
.dark .mega-menu-content .menu-link,
.dark .mega-menu-content .menu-link div {
    color: #ffffff !important;
}

/* Iconos */
.dark .svg-trigger path,
#top-cart-trigger,
#top-cart-trigger i,
.icon-line-bag {
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* Buscador */
.buscador-header {
    border-left: 1px solid rgba(255,255,255,0.35) !important;
}

.dark .form-control:not(.not-dark)::placeholder,
.dark .sm-form-control:not(.not-dark)::placeholder {
    color: rgba(255,255,255,0.75) !important;
}

/* Botón buscar */
.btn-outline-light {
    color: #BBB !important;
    border-color: #d4d4d4 !important;
}

.btn-outline-light:hover {
    background: #fff !important;
    color: #34495E !important;
}

/* Mega menú */
.dark .primary-menu:not(.not-dark) .sub-menu-container,
.dark .primary-menu:not(.not-dark) .mega-menu-content {
    background-color: #34495E !important;
    border-top-color: rgba(255,255,255,0.2) !important;
}

/* Sombras */
.sombra-menu {
    text-shadow: none !important;
}

/* Número carrito */
.top-cart-number {
    background-color: #fff !important;
    color: #34495E !important;
}


/* ======================================
   FOOTER ESENCIAL BASICOS
====================================== */

/* Fondo footer */
#footer,
#copyrights,
.dark #footer,
.dark #copyrights,
.footer-widgets-wrap {
    background: #34495E !important;
    background-color: #34495E !important;
    border-top: 0 !important;
}

/* Textos footer */
#footer,
#footer p,
#footer li,
#footer span,
#footer strong,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#copyrights,
#copyrights p,
#copyrights span {
    color: #ffffff !important;
}

/* Links footer */
#footer a,
#copyrights a,
.dark .footer-widgets-wrap a,
.copyright-links a {
    color: rgba(255,255,255,0.9) !important;
}

#footer a:hover,
#copyrights a:hover,
.dark .footer-widgets-wrap a:hover,
.copyright-links a:hover {
    color: #ffffff !important;
    opacity: 0.8;
}

/* Bordes y separadores */
#footer .border-top,
#footer .border-bottom,
#footer .border-left,
#footer .border-right {
    border-color: rgba(255,255,255,0.15) !important;
}

/* Inputs footer */
#footer input,
#footer textarea,
#footer select {
    background: rgba(255,255,255,0.12) !important;
    border-color: rgba(255,255,255,0.25) !important;
    color: #fff !important;
}

#footer input::placeholder,
#footer textarea::placeholder {
    color: rgba(255,255,255,0.7) !important;
}

/* Iconos footer */
#footer i,
#copyrights i {
    color: #ffffff !important;
}


.categoria h1 {
    color: #959494 !important;
}

/* ======================================
   ICONO CARRITO HEADER
====================================== */

#top-cart-trigger,
#top-cart-trigger i,
.icon-line-bag {
    color: #ffffff !important;   /* Icono blanco */
    stroke: #ffffff !important;  /* Para SVG */
}

.top-cart-number {
    background-color: #ffffff !important; /* Círculo blanco */
    color: #000000 !important;            /* Número negro */
    border: 1px solid #ffffff !important;
    
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 50%;
    
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Fondo del círculo del contador */
.top-cart-number,
#top-cart-trigger span.top-cart-number {
    background: #ffffff !important; /* fondo blanco */
    background-color: #ffffff !important;
    
    color: #000000 !important; /* número negro */
    border: 1px solid #ffffff !important;
}

.top-cart-number::before {
    background-color: #ffffff;
}

/* ======================================
   ICONOS REDES SOCIALES FOOTER
====================================== */

#footer .social-icon {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #3d526b !important;
}

#footer .social-icon i,
#footer .social-icon svg,
#footer .social-icon span {
    color: #3d526b !important;
    fill: #3d526b !important;
}

/* Por si el ícono usa FontAwesome */
#footer .social-icon::before {
    color: #3d526b !important;
}

/* Hover */
#footer .social-icon:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

#footer .social-icon:hover i,
#footer .social-icon:hover svg,
#footer .social-icon:hover span,
#footer .social-icon:hover::before {
    color: #000000 !important;
    fill: #000000 !important;
}


h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge) {
    color: #34495E;
}

.title-bottom-border h1, .title-bottom-border h2, .title-bottom-border h3, .title-bottom-border h4, .title-bottom-border h5, .title-bottom-border h6 {
    border-bottom: 2px solid #34495E;
}

/* ======================================
   TITULO CATEGORIA
====================================== */

.categoria h1,
.page-title h1,
h1.titulo-categoria {
	color: #737373 !important;
	background-color: #ededed;
  text-align: center;
}

.resultado-title {
    color: #737373 !important;
	text-transform: uppercase;
}

.dark .product-price ins {
	color: #000000;
}

a {    
	color: #737373;
}

.resaltar-texto {
    color: #737373 !important;
}

.product-price ins {    
    color: #737373;
}

.page-item.active .page-link, .page-link:hover, .page-link:focus {    
    background-color: #737373 !important;
    border-color: #737373 !important;
}


.barra-lateral {
	background-color: #efefef !important;
	padding-top: 15px;
  border: 1px solid #34495E;
}

.menu-activo {
    color: #34495E !important;
}

.dark .page-link {    
    
}

.product-title h3 a:hover, .single-product .product-title h2 a:hover {
    color: #34495E;
}