.sidra-mineral {
  --sidra-green: #39b54a;
  --sidra-green-dark: #258b35;
  --sidra-green-light: #eff9f0;
  --sidra-blue: #006ca8;
  --sidra-blue-dark: #004c78;
  --sidra-blue-light: #eaf8fb;
  --sidra-aqua: #4ec5d4;
  --sidra-aqua-light: #dff7fa;
  --sidra-white: #ffffff;
  --sidra-gray-50: #f8fafb;
  --sidra-gray-100: #f5f7f8;
  --sidra-gray-200: #edf1f3;
  --sidra-gray-300: #dce4e8;
  --sidra-gray-500: #687780;
  --sidra-gray-700: #37454d;
  --sidra-text: #1e2a32;
  --sidra-font-heading: "Montserrat", Arial, sans-serif;
  --sidra-font-body: "Montserrat", Arial, sans-serif;
  width: 100%;
  overflow: hidden;
  font-family: var(--sidra-font-body);
}
.sidra-mineral * { box-sizing: border-box; }
.sidra-mineral__inner { width: 100%; margin-inline: auto; }
.sidra-mineral__header { text-align: center; margin-bottom: clamp(42px, 5vw, 72px); }
.sidra-mineral__eyebrow { color: var(--sidra-blue); font-weight: 700; font-size: .9rem; }
.sidra-mineral__title { margin: 8px 0 0; color: var(--sidra-green); font-family: var(--sidra-font-heading); font-size: clamp(2rem, 3vw, 3.45rem); font-weight: 500; line-height: 1.12; }
.sidra-mineral__layout { display: grid; grid-template-columns: minmax(250px, 1fr) minmax(360px, .95fr) minmax(250px, 1fr); align-items: center; }
.sidra-mineral__column { display: flex; min-width: 0; flex-direction: column; justify-content: center; gap: clamp(28px, 3vw, 54px); }
.sidra-mineral__item { max-width: 420px; }
.sidra-mineral__column--left .sidra-mineral__item { margin-left: auto; text-align: left; }
.sidra-mineral__column--right .sidra-mineral__item { margin-right: auto; text-align: right; }
.sidra-mineral__item-title { margin: 0 0 10px; color: var(--sidra-green); font-family: var(--sidra-font-heading); font-size: clamp(1.35rem, 1.7vw, 2rem); font-weight: 500; line-height: 1.15; }
.sidra-mineral__item-description { margin: 0; color: var(--sidra-green-dark); font-size: clamp(.75rem, .85vw, .95rem); font-style: italic; line-height: 1.45; }
.sidra-mineral__center { display: flex; justify-content: center; align-items: center; min-width: 0; }
.sidra-mineral__visual { position: relative; aspect-ratio: 1 / 1; display: grid; place-items: center; isolation: isolate; }
.sidra-mineral__ring { position: absolute; inset: 9%; border: 1px solid var(--sidra-blue-light); border-radius: 50%; opacity: .85; animation: sidra-ring-pulse 6s ease-in-out infinite; }
.sidra-mineral__ring--2 { inset: 18%; animation-delay: -1.5s; }
.sidra-mineral__ring--3 { inset: 27%; animation-delay: -3s; }
.sidra-mineral__ring--4 { inset: 36%; animation-delay: -4.5s; }
.sidra-mineral__image { position: relative; z-index: 3; width: 62%; height: 82%; object-fit: contain; filter: drop-shadow(0 24px 30px rgba(0,108,168,.16)); animation: sidra-bottle-float 5.5s ease-in-out infinite; }
.sidra-mineral__node { position: absolute; z-index: 4; display: grid; place-items: center; width: clamp(50px, 4.6vw, 72px); aspect-ratio: 1; border-radius: 50%; color: var(--sidra-blue); background: var(--sidra-white); font-family: Georgia, serif; font-weight: 700; box-shadow: 0 10px 28px rgba(0,108,168,.1); animation: sidra-node-float 4.8s ease-in-out infinite; }
.sidra-mineral__node--1 { top: 16%; left: 7%; }
.sidra-mineral__node--2 { top: 16%; right: 7%; animation-delay: -.8s; }
.sidra-mineral__node--3 { top: 47%; right: -1%; animation-delay: -1.6s; }
.sidra-mineral__node--4 { bottom: 15%; right: 8%; animation-delay: -2.4s; }
.sidra-mineral__node--5 { bottom: 15%; left: 8%; animation-delay: -3.2s; }
.sidra-mineral__node--6 { top: 47%; left: -1%; animation-delay: -4s; }
.sidra-mineral--animate .sidra-mineral__reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s ease, transform .75s ease; transition-delay: var(--sidra-delay, 0ms); }
.sidra-mineral--animate.is-visible .sidra-mineral__reveal { opacity: 1; transform: translateY(0); }
@keyframes sidra-bottle-float { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-12px) scale(1.01); } }
@keyframes sidra-node-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes sidra-ring-pulse { 0%,100% { transform: scale(1); opacity: .45; } 50% { transform: scale(1.035); opacity: .9; } }
@media (max-width: 1100px) {
  .sidra-mineral__layout { grid-template-columns: 1fr 1.15fr; align-items: start; }
  .sidra-mineral__center { grid-column: 1 / -1; grid-row: 1; margin-bottom: 36px; }
  .sidra-mineral__column--left { grid-column: 1; }
  .sidra-mineral__column--right { grid-column: 2; }
  .sidra-mineral__column--left .sidra-mineral__item,
  .sidra-mineral__column--right .sidra-mineral__item { margin-inline: 0; text-align: left; }
}
@media (max-width: 767px) {
  .sidra-mineral__header { margin-bottom: 34px; }
  .sidra-mineral__layout { grid-template-columns: 1fr; }
  .sidra-mineral__center, .sidra-mineral__column--left, .sidra-mineral__column--right { grid-column: 1; }
  .sidra-mineral__center { grid-row: auto; order: 0; }
  .sidra-mineral__column--left { order: 1; }
  .sidra-mineral__column--right { order: 2; }
  .sidra-mineral__column { gap: 18px; }
  .sidra-mineral__item { width: 100%; max-width: none; padding: 18px 20px; border: 1px solid var(--sidra-gray-200); border-radius: 16px; background: var(--sidra-white); box-shadow: 0 8px 24px rgba(0,76,120,.06); }
  .sidra-mineral__visual { max-width: 430px; margin-inline: auto; }
  .sidra-mineral__item-description { font-size: .88rem; }
}
@media (prefers-reduced-motion: reduce) {
  .sidra-mineral *, .sidra-mineral *::before, .sidra-mineral *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}