Set De 3 Moldes Para Hornear

Descripción

/* === Bloque encapsulado SOLO para .bh-scope === */
.bh-scope{line-height:1.6;color:#333;font-family:inherit}

.bh-scope .bh-head{
position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
}

/* ── Títulos de sección ─────────────────────────────── */
.bh-scope .bh-section-title{
display:flex;align-items:center;gap:10px;
margin:32px 0 12px;font-size:1.05em;font-weight:700;
color:#1a1a1a;letter-spacing:.01em;
}
.bh-scope .bh-section-title::after{
content:»»;flex:1;height:1px;
background:linear-gradient(to right,#ddd,transparent);
}
.bh-scope .bh-pill{
background:#800000;color:#fff;font-size:.68em;font-weight:700;
padding:2px 9px;border-radius:99px;letter-spacing:.06em;
text-transform:uppercase;white-space:nowrap;
}

/* ── Tabla de características – estilo clásico limpio ─ */
.bh-scope .bh-specs{
width:100%;border-collapse:collapse;
margin-bottom:4px;font-size:.96em;
border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;
}
.bh-scope .bh-specs tr{border-bottom:1px solid #efefef}
.bh-scope .bh-specs tr:last-child{border-bottom:none}
.bh-scope .bh-specs tr:hover{background:#fdf5f5}
.bh-scope .bh-specs td{
padding:10px 14px;vertical-align:middle;text-align:left;
}
.bh-scope .bh-specs td:first-child{
font-weight:700;color:#444;width:34%;
background:#f9f3f3;
border-right:1px solid #efefef;
}
.bh-scope .bh-specs td:last-child{color:#222}

/* Swatches de color ─────────────────────────── */
.bh-scope .color-swatch{
display:inline-block;width:22px;height:22px;border-radius:50%;
border:2px solid #fff;
box-shadow:0 0 0 1.5px rgba(0,0,0,.20),0 1px 4px rgba(0,0,0,.10);
vertical-align:middle;margin:2px 5px 2px 0;cursor:default;
transition:transform .15s,box-shadow .15s;
}
.bh-scope .color-swatch:hover{
transform:scale(1.25);
box-shadow:0 0 0 2px rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.15);
}

/* ── Bullets de beneficios ─────────────────────────── */
.bh-scope .bullets{list-style:none;padding:0;margin:0 0 24px}
.bh-scope .bullets li{
padding:8px 0;border-bottom:1px solid #f2f2f2;
display:flex;align-items:flex-start;font-size:.98em;gap:10px;
}
.bh-scope .bullets li:last-child{border-bottom:none}
.bh-scope .bullets .dot{
flex-shrink:0;width:6px;height:6px;border-radius:50%;
background:#800000;margin-top:8px;
}

/* ── Fila de iconos con tooltip (sin etiqueta visible) */
.bh-scope .icon-row{
display:flex;flex-wrap:wrap;align-items:center;
justify-content:center;gap:18px;
margin:8px 0 20px;padding:14px 0;
border-top:1px solid #f0f0f0;
border-bottom:1px solid #f0f0f0;
}
.bh-scope .icon-row img{
display:block;width:46px;height:46px;border:0;outline:0;
opacity:.85;transition:opacity .15s,transform .15s;
}
.bh-scope .icon-row .tooltip:hover img,
.bh-scope .icon-row .tooltip:focus img{
opacity:1;transform:scale(1.12);
}

/* ── Bloque de colección ──────────────────────────── */
.bh-scope .bh-collection{
display:flex;align-items:center;gap:14px;
background:#fdf5f5;border:1px solid #f0dada;border-radius:8px;
padding:14px 18px;margin-top:8px;flex-wrap:wrap;
}
.bh-scope .bh-collection-label{
font-size:.78em;font-weight:700;text-transform:uppercase;
letter-spacing:.08em;color:#800000;white-space:nowrap;
}
.bh-scope .bh-collection-links{
display:flex;flex-wrap:wrap;gap:8px;
}
.bh-scope .bh-collection-link{
display:inline-block;
background:#800000;color:#fff !important;text-decoration:none !important;
font-size:.82em;font-weight:600;padding:4px 12px;border-radius:99px;
transition:background .18s,transform .15s;white-space:nowrap;
}
.bh-scope .bh-collection-link:hover{
background:#600000;transform:translateY(-1px);
text-decoration:none !important;
}

/* Tooltip CSS puro ──────────────────────────────────── */
.bh-scope .tooltip{
position:relative;display:inline-flex;
flex-direction:column;align-items:center;cursor:default;
}
.bh-scope .tooltiptext{
visibility:hidden;max-width:200px;background:#1a1a1a;color:#fff;
text-align:center;border-radius:7px;padding:6px 11px;
position:absolute;z-index:9999;bottom:calc(100% + 8px);left:50%;
transform:translateX(-50%);opacity:0;
transition:opacity .18s ease;
white-space:normal;font-size:.80em;
box-shadow:0 3px 12px rgba(0,0,0,.25);pointer-events:none;
}
.bh-scope .tooltip:hover .tooltiptext,
.bh-scope .tooltip:focus .tooltiptext{visibility:visible;opacity:1}
.bh-scope .tooltiptext::after{
content:»»;position:absolute;top:100%;left:50%;margin-left:-5px;
border-width:5px;border-style:solid;
border-color:#1a1a1a transparent transparent transparent;
}

Ref: BH/7632 · Berlinger Haus · Promintra

Producto
Características Principales

Material	Acero al carbono con revestimiento antiadherente Titan
Incluye	Asador rectangular 35x27x6,5 cm Molde desmontable cuadrado 39x27x7,5 cm Molde para pan 33x14x7 cm
Color

Calidad
Beneficios

Antiadherente

Fácil de limpiar

Ecológico, libre de PFOA, plomo y cadmio

Mate

Serie

Metallic Line – Burgundy Edition

/* Convierte color-swatch con title/aria-label en tooltip burbuja CSS */
(function(){
var scopes = document.querySelectorAll(‘.bh-scope’);
scopes.forEach(function(scope){
var swatches = scope.querySelectorAll(‘.color-swatch’);
swatches.forEach(function(swatch){
if (swatch.closest(‘.tooltip’)) return;
var label = swatch.getAttribute(‘aria-label’) || swatch.getAttribute(‘title’) || »;
if (!label) return;
var wrap = document.createElement(‘span’);
wrap.className = ‘tooltip’;
wrap.setAttribute(‘tabindex’,’0′);
swatch.parentNode.insertBefore(wrap, swatch);
wrap.appendChild(swatch);
var tip = document.createElement(‘span’);
tip.className = ‘tooltiptext’;
tip.textContent = label;
wrap.appendChild(tip);
swatch.removeAttribute(‘title’);
});
});
})();