.tebao-products-8{–ink:#090909;–muted:#767676;–line:#e1e1e1;–accent:#bd8d78;–label:rgba(255,255,255,.96);–shadow:0 14px 30px rgba(15,23,42,.12);font-family:Inter,Arial,sans-serif;color:var(–ink);fondo:#fff}.tebao-products-8 *{box-sizing:border-box}.tp8-wrap{width:min(1560px,calc(100% – 56px));margin:0 auto}.tp8-head{padding:42px 0 24px;text-align:center}.tp8-head h1{margin:0;color:#050505;font-family:Impact,»Arial Negro»,Inter,Arial,sans-serif;tamaño de fuente:64px;alto de línea:1;peso de fuente:900;espaciado entre letras:0;transformación de texto:mayúsculas}.tp8-rule{display:block;ancho:70px;alto:2px;margen:24px automático 0;fondo:var(–accent)}.tp8-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px;padding:18px 0 64px}.tp8-card{position:relative;display:block;aspect-ratio:1.04/1;overflow:hidden;background:#fff;color:var(–ink);text-decoration:none;isolation:isolate}.tp8-card:after{content:»» ;posición:absoluta;izquierda:0;derecha:0;abajo:0;alto:1px;fondo:var(–line);opacidad:.8}.tp8-image{posición:absoluta;inset:0;display:block;fondo:#fff;overflow:hidden}.tp8-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s facilidad}.tp8-label{position:absolute;left:20px;right:20px;bottom:18px;min-height:70px;padding:12px 14px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(–label);border:1px solid rgba(255,255,255,.78);box-shadow:0 8px 16px rgba(15,23,42,.06)}.tp8-label strong{display:block;max-width:100%;color:#050505;font-family:»Arial Negro»,Inter,Arial,sans-serif;tamaño de fuente:18px;alto de línea:1.1;peso de fuente:900;espaciado entre letras:0;transformación de texto:mayúsculas;presentación de texto:geometricPrecision;-webkit-font-smoothing:auto} .tp8-label em{display:block;margin-top:5px;color:var(–muted);font-style:normal;font-size:13px;line-height:1.1;font-weight:900;text-transform:uppercase}.tp 8 números{posición:absoluta;arriba:12px;izquierda:14px;índice z:3;color:#111827;tamaño de fuente:12px;peso de fuente:900;espaciado entre letras:0;opacidad:.42}.tp8-card:hover .tp8-image img{transform:scale(1.045)}.tp8-card:hover .tp8-label{box-shadow:var(–shadow)}.tp8-card:focus-visible{outline:3px solid var(–accent);outline-offset:4px}@media (ancho máximo:1180px){.tp8-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}.tp8-card{aspect-ratio:1.08/1}}@media (ancho máximo:640px){.tp8-wrap{ancho:min(100% – 28px,1560px)}.tp8-head{padding:34px 0 18px}.tp8-head h1{font-size:44px}.tp8-rule{margin-top:20px}.tp8-grid{grid-template-columns:1fr;gap:22px;padding:12px 0 48px}.tp8-card{aspect-ratio:1/1}.tp8-label{left:12px;right:12px;bottom:12px;min-height:68px}.tp8-label strong{font-size:18px}.tp8-label em{font-size:12px}}
.tp8-label{fondo:rgba(255,255,255,.96)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 8px 16px rgba(15,23,42,.06)!important}.tp8-label strong{font-family:»Arial Black»,Inter,Arial,sans-serif!important;font-size:18px!important;line-height:1.1!important;text-shadow:none!important;-webkit-font-smoothing:auto!important;text-rendering:geometricPrecision!important}
