/* FORZAR FONDO NEGRO OBSIDIANA GLOBAL */
html, body, body.post-type-archive-product #page, body.tax-product_cat #page {
background-color: #050508 !important;
color: #ffffff !important;
}
/* CONTENEDOR PRINCIPAL DE LA TIENDA */
.dre-shop-container {
max-width: 1100px;
margin: 40px auto 80px;
padding: 0 20px;
position: relative;
z-index: 2;
}
/* ENCABEZADO DE LA TIENDA */
.dre-shop-header {
text-align: center;
margin-bottom: 45px;
}
.dre-shop-badge {
display: inline-block;
background: rgba(0, 229, 255, 0.08);
border: 1px solid rgba(0, 229, 255, 0.3);
color: #00e5ff !important;
padding: 6px 18px;
border-radius: 20px;
font-size: 0.78rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 14px;
}
.dre-shop-title {
font-size: clamp(2.2rem, 5vw, 3.5rem);
font-weight: 900;
color: #ffffff !important;
margin: 0 0 10px;
letter-spacing: -0.02em;
}
.dre-shop-title span { color: #00e5ff !important; }
/* MGRID DE PRODUCTOS WOOCOMMERCE CYBERPUNK */
.dre-shop-container ul.products {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
gap: 24px !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
.dre-shop-container ul.products::before,
.dre-shop-container ul.products::after {
display: none !important;
}
/* TARJETA INDIVIDUAL DE PRODUCTO */
.dre-shop-container ul.products li.product {
background: linear-gradient(135deg, rgba(15, 15, 22, 0.95) 0%, rgba(5, 5, 8, 0.98) 100%) !important;
border: 1px solid rgba(0, 229, 255, 0.25) !important;
border-radius: 24px !important;
padding: 24px !important;
margin: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
transition: all 0.3s ease !important;
backdrop-filter: blur(20px) !important;
}
.dre-shop-container ul.products li.product:hover {
border-color: #00e5ff !important;
transform: translateY(-4px) !important;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.9), 0 0 25px rgba(0, 229, 255, 0.2) !important;
}
/* IMAGEN O LOGO DEL PRODUCTO */
.dre-shop-container ul.products li.product img {
border-radius: 16px !important;
margin-bottom: 16px !important;
object-fit: cover !important;
width: 100% !important;
}
/* TÍTULO DEL SERVICIO */
.dre-shop-container ul.products li.product .woocommerce-loop-product__title {
color: #ffffff !important;
font-size: 1.25rem !important;
font-weight: 800 !important;
margin: 10px 0 !important;
line-height: 1.3 !important;
}
/* PRECIO NEÓN */
.dre-shop-container ul.products li.product .price {
color: #00e5ff !important;
font-size: 1.35rem !important;
font-weight: 900 !important;
margin-bottom: 18px !important;
display: block !important;
}
.dre-shop-container ul.products li.product .price del {
color: #86868b !important;
font-size: 1rem !important;
margin-right: 8px !important;
}
.dre-shop-container ul.products li.product .price ins {
text-decoration: none !important;
}
/* BOTÓN COMPRAR EN 1 CLIC */
.dre-shop-container ul.products li.product a.button {
background: #00e5ff !important;
color: #050508 !important;
font-weight: 900 !important;
border-radius: 30px !important;
padding: 12px 20px !important;
text-align: center !important;
text-transform: uppercase !important;
font-size: 0.82rem !important;
letter-spacing: 0.5px !important;
border: none !important;
display: block !important;
margin-top: auto !important;
transition: all 0.25s ease !important;
box-shadow: 0 0 15px rgba(0, 229, 255, 0.3) !important;
}
.dre-shop-container ul.products li.product a.button:hover {
background: #33ebff !important;
transform: scale(1.02) !important;
box-shadow: 0 0 25px rgba(0, 229, 255, 0.5) !important;
}
@media (max-width: 768px) {
.dre-shop-container ul.products { grid-template-columns: 1fr !important; }
}

Catálogo Oficial B2B

Soluciones & Paquetes Dreketing