dentro del td */
.ecom-norma .tabs-section .td-content p {
margin-top: 0;
margin-bottom: 0;
}
/* Márgenes para el del título */
.ecom-norma .tabs-section .alert-content strong {
display: inline; /* o block si quieres control total del margen */
margin: 0;
}
.ecom-norma .tabs-section .tag-success {
background: #2a7a36;
color: #fff;
}
.ecom-norma .tabs-section .tag-danger {
background: #c00000;
color: #fff;
}
.ecom-norma .tabs-section .tag-blue {
background: #0078c0;
color: #fff;
}
.ecom-norma .info-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.5em;
height: 1.5em;
margin-right: 8px;
border: 2px solid #273469;
border-radius: 50%;
font-size: 1em;
font-weight: bold;
}
/* === Media queries === */
@media (max-width: 1024px) {
.ecom-norma .main-container { padding: 20px; margin: 20px auto; }
.ecom-norma .top-section { flex-direction: column; gap: 16px; }
.ecom-norma .purchase-box { flex: none; width: 100%; }
.ecom-norma .product-detail { padding: 16px; }
.ecom-norma .header .logo { height: 60px; }
.ecom-norma .title { font-size: 18px; }
.ecom-norma .description { font-size: 1em; }
.ecom-norma .tabs-section { max-width: 100%; padding: 1.5em 1em; }
}
@media (max-width: 768px) {
.ecom-norma body { font-size: 13px; }
.ecom-norma .promo-banner { flex-direction: column; text-align: center; gap: 4px; padding: 8px 10px; }
.ecom-norma .main-container { margin: 16px auto; }
.ecom-norma .top-section { gap: 12px; }
.ecom-norma .header { flex-direction: column; align-items: flex-start; }
.ecom-norma .header .logo { height: 50px; }
.ecom-norma .title { font-size: 16px; }
.ecom-norma .subinfo { font-size: 11px; }
.ecom-norma .description { font-size: 0.95em; }
.ecom-norma .extract-btn { padding: 6px 12px; font-size: 13px; }
.ecom-norma .selectors { flex-direction: column; gap: 8px; padding: 12px; }
.ecom-norma .selectors .qty,
.ecom-norma .selectors .selector { width: 100%; }
.ecom-norma .buy-btn { width: 100%; margin-bottom: 16px; }
.ecom-norma .tabs-section .tabs { flex-wrap: wrap; justify-content: center; }
.ecom-norma .tabs-section .tab { flex: 1 1 45%; margin: 4px; padding: 10px 8px; font-size: 13px; text-align: center; }
.ecom-norma .tabs-section th,
.ecom-norma .tabs-section td { padding: 8px 10px; font-size: 12px; }
.ecom-norma .tabs-section th { width: 140px; }
}
NF EN 17324
Listado normas citadas
