/** * Safetop - Llegadas de producto (v1.0.0) * * Los colores (etiqueta, fondo y borde de la caja) los pone el módulo en el * desde el ajuste "Color", para que salgan bien en el primer pintado. * Aquí va el resto del aspecto. Propiedades lógicas (inline-start/block) * para que funcione en los idiomas de derecha a izquierda (he/ar). */ /* ---- Etiqueta "Llega el 28/09" (ficha y miniaturas): misma pieza que el resto de flags del tema, solo cambia el color ---- */ .product-flag.st-arrival { display: inline-flex !important; align-items: center; font-weight: 600; white-space: nowrap; } /* ---- Caja bajo la referencia (mismo aspecto que la de descatalogados) ---- */ .st-arrival-box { position: relative; z-index: 6; margin-block: 0.75rem; padding: 0.85rem 1rem; border-width: 1px; border-style: solid; border-inline-start-width: 4px; border-radius: 6px; } .st-arrival-box__title { display: flex; align-items: center; gap: 0.5rem; margin: 0; font-size: 0.95rem; font-weight: 700; line-height: 1.3; color: #3b3b3b; } .st-arrival-box__icon { display: inline-flex; flex: none; } .st-arrival-box__icon svg { width: 1.25em; height: 1.25em; } .st-arrival-box__text { margin: 0.4rem 0 0; font-size: 0.9rem; line-height: 1.4; color: #3b3b3b; }