/* =========================================================
   SDS – BASE TYPOGRAPHY & LAYOUT
   ========================================================= */

/* Fonts */
@font-face {
  font-family: 'BasierCircle';
  src: url('../css/fonts/BasierCircle-Regular.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'FuturaStd';
  src: url('../css/fonts/FuturaStd-Bold.woff2') format('woff2');
  font-display: swap;
}

/* Base */
body {
  background-color: #025157;
  color: #ffffff;
  font-family: 'BasierCircle', sans-serif;
}

/* Headings / Technical labels */
h1,
h2,
h3,
h4,
.font-futura {
  font-family: 'FuturaStd', sans-serif;
}

/* Glass container (documental, no marketing) */
.glass {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* =========================================================
   SDS – TABLES (Dark mode)
   ========================================================= */

.sds-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  font-size: 0.9rem;
  color: #E8E5DA;
}

.sds-table th {
  background: rgba(209, 254, 23, 0.1);
  color: #d1fe17;
  text-align: left;
  padding: 12px;
  border-bottom: 2px solid rgba(209, 254, 23, 0.2);
  font-family: 'FuturaStd', sans-serif;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 1px;
}

.sds-table td {
  padding: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* =========================================================
   SDS – HAZARD / CLP ICONS
   ========================================================= */

.hazard-pictogram {
  background: #ffffff;
  padding: 10px;
  border-radius: 8px;
  display: inline-block;
  margin-right: 15px;
}
/* =========================================================
   SDS – DOCUMENT TYPOGRAPHY & STRUCTURE
   ========================================================= */

/* Base body override for SDS */
body {
  background-color: #025157;
  color: #ffffff;
  font-family: 'BasierCircle', sans-serif;
}

/* Glass container */
.glass {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Section titles (SDS sections 1–16) */
.section-title {
  color: #d1fe17;
  font-family: 'FuturaStd', sans-serif;
  border-bottom: 1px solid rgba(209, 254, 23, 0.2);
  padding-bottom: 0.5rem;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Subsection titles */
.sub-title {
  color: #ffffff;
  font-weight: bold;
  margin-top: 1.2rem;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-family: 'FuturaStd', sans-serif;
}

/* Paragraph / data text */
.data-text {
  font-size: 0.85rem;
  color: rgba(232, 229, 218, 0.8);
  line-height: 1.6;
}

/* Hazard / warning blocks */
.hazard-box {
  border-left: 4px solid #025157;
  background: rgba(255, 255, 255, 0.05);
  padding: 1.5rem;
  border-radius: 0 12px 12px 0;
  margin: 1rem 0;
}