Descripción

{
«@context»: «https://schema.org/»,
«@type»: «Product»,
«name»: «Supermondo Chalk Pot Agave – Black Diamond»,
«brand»: {«@type»: «Brand», «name»: «Black Diamond»},
«aggregateRating»: {
«@type»: «AggregateRating»,
«ratingValue»: «5.0»,
«reviewCount»: «56»
}
}

@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap’);

/* Animación de entrada */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(15px); }
to { opacity: 1; transform: translateY(0); }
}

/* Animación sutil de fondo */
@keyframes azBgDrift {
0% { transform: translateX(0) scale(1); }
50% { transform: translateX(-20px) scale(1.05); }
100% { transform: translateX(0) scale(1); }
}

#az-sidebar-premium {
–bd-orange: #fe5000;
–bd-accent: #4a7c7c; /* Tono Agave Técnico */
–bd-black: #000000;
–bd-gray-bg: #fdfdfd;
–bd-gray-tech: #f6f6f6;
–bd-border: #e8e8e8;
–font-main: ‘Inter’, sans-serif;

font-family: var(–font-main);
color: var(–bd-black);
max-width: 100%;
line-height: 1.4;
position: relative;
padding-left: 30px;
padding-bottom: 100px;
background-color: #ffffff;
animation: fadeInUp 0.8s ease-out;
overflow: hidden;
}

/* FONDO TOPOGRÁFICO DINÁMICO (SUTIL) */
.az-bg-art-container {
position: absolute;
bottom: -50px;
left: -50px;
width: 120%;
height: 300px;
z-index: 1;
pointer-events: none;
opacity: 0.08;
animation: azBgDrift 20s ease-in-out infinite;
}

/* FLECHAS DINÁMICAS LATERALES */
.az-visual-pointers {
position: absolute;
left: 0;
top: 100px;
display: flex;
flex-direction: column;
gap: 220px;
color: var(–bd-orange);
pointer-events: none;
z-index: 5;
}

.az-arrow-anim {
animation: azPulseLeft 2.5s infinite ease-in-out;
}

@keyframes azPulseLeft {
0%, 100% { transform: translateX(0); opacity: 0.3; }
50% { transform: translateX(-8px); opacity: 1; }
}

/* BARRA DE RESEÑAS (PRUEBA SOCIAL) */
.az-social-proof {
background: #fff;
border: 2px solid var(–bd-black);
padding: 12px;
margin-bottom: 25px;
display: flex;
align-items: center;
gap: 15px;
position: relative;
z-index: 10;
transition: all 0.3s ease;
}

.az-sp-stars {
color: var(–bd-orange);
font-size: 14px;
font-weight: 900;
letter-spacing: 2px;
}

.az-sp-divider {
width: 1px;
height: 30px;
background: #ddd;
}

.az-sp-text {
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
line-height: 1.2;
}

/* CABECERA */
.az-brand-tag {
font-size: 10px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
color: var(–bd-orange);
margin-bottom: 5px;
display: block;
}

.az-product-name {
font-size: 2.8rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: -1.5px;
line-height: 0.85;
margin: 0 0 18px 0;
}

.az-brief-desc {
font-size: 15px;
color: #222;
font-weight: 400;
margin-bottom: 30px;
max-width: 95%;
border-left: 3px solid var(–bd-accent);
padding-left: 15px;
line-height: 1.5;
}

/* BOTÓN WHATSAPP */
.az-whatsapp-btn {
display: inline-flex;
align-items: center;
gap: 12px;
background: var(–bd-black);
color: #fff;
text-decoration: none;
padding: 15px 25px;
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 1px;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
margin-bottom: 35px;
position: relative;
z-index: 10;
}

.az-whatsapp-btn:hover {
background: #25d366;
transform: scale(1.05);
box-shadow: 0 10px 20px rgba(37, 211, 102, 0.2);
}

/* USOS */
.az-usage-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
margin-bottom: 40px;
position: relative;
z-index: 10;
}

.az-usage-item {
border: 2px solid var(–bd-black);
padding: 12px 5px;
text-align: center;
font-size: 9px;
font-weight: 900;
text-transform: uppercase;
}

/* BENEFICIOS */
.az-feature-card {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 15px;
padding: 20px;
background: var(–bd-gray-tech);
border-radius: 2px;
position: relative;
z-index: 10;
}

.az-feature-card svg {
color: var(–bd-accent);
flex-shrink: 0;
}

.az-feature-content b {
display: block;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 4px;
letter-spacing: 0.5px;
}

.az-feature-content p {
font-size: 11px;
margin: 0;
color: #555;
line-height: 1.4;
}

/* ESPECIFICACIONES */
.az-specs-clean {
background: #fff;
border: 1px solid var(–bd-border);
border-left: 6px solid var(–bd-accent);
padding: 25px;
margin: 40px 0;
position: relative;
z-index: 10;
}

.az-specs-clean h4 {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0 0 20px 0;
font-weight: 900;
}

.az-spec-line {
display: flex;
justify-content: space-between;
font-size: 11px;
padding: 12px 0;
border-bottom: 1px dashed #ddd;
}
.az-spec-line:last-child { border-bottom: none; }
.az-spec-label { font-weight: 700; color: #888; text-transform: uppercase; }
.az-spec-value { font-weight: 900; color: var(–bd-black); }

/* SECCIÓN CUIDADOS */
.az-care-box {
border-top: 2px solid var(–bd-black);
padding-top: 35px;
margin-bottom: 60px;
position: relative;
z-index: 10;
}

.az-care-title {
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 25px;
display: block;
color: var(–bd-black);
}

.az-care-row {
display: flex;
flex-direction: column;
gap: 20px;
}

.az-care-item {
display: flex; gap: 15px;
}

.az-care-item svg { color: var(–bd-accent); flex-shrink: 0; }
.az-care-text b { display: block; font-size: 11px; text-transform: uppercase; margin-bottom: 2px; }
.az-care-text p { font-size: 10px; margin: 0; color: #666; }

/* COMBO PRODUCTOS */
.az-combo-section {
margin-top: 60px;
position: relative;
z-index: 10;
}

.az-combo-title {
font-size: 1.4rem;
font-weight: 900;
text-transform: uppercase;
margin-bottom: 25px;
border-bottom: 2px solid var(–bd-black);
padding-bottom: 10px;
}

.az-combo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

.az-combo-card {
background: rgba(246, 246, 246, 0.8);
padding: 20px;
text-align: center;
transition: 0.3s ease;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.az-combo-card:hover { background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.08); }

.az-combo-img-container {
height: 75px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}

.az-combo-img {
max-height: 100%;
max-width: 100%;
mix-blend-mode: multiply;
}

.az-combo-name { font-size: 9px; font-weight: 900; text-transform: uppercase; margin-bottom: 12px; display: block; color: #444; height: 25px; overflow: hidden; }

.az-combo-link {
font-size: 9px;
font-weight: 900;
color: var(–bd-black);
text-decoration: none;
padding: 8px 15px;
border: 1.5px solid var(–bd-black);
transition: 0.3s;
}
.az-combo-link:hover { background: var(–bd-orange); color: #fff; border-color: var(–bd-orange); }

@media (max-width: 600px) {
.az-visual-pointers { display: none; }
#az-sidebar-premium { padding-left: 0; }
.az-product-name { font-size: 2.2rem; }
.az-combo-grid { grid-template-columns: 1fr; }
}