.siam-productos {
  display: flex;
  flex-direction: column;
  gap: var(--siam-space-4);
}

/* Intro “Productos derivados” (texto + bibliografía) */
.siam-productos-intro__tab {
  display: inline-block;
  margin: 0 0 var(--siam-space-4);
  padding: 0.35rem 0.85rem;
  border: 1px solid var(--siam-color-border);
  border-bottom: none;
  border-radius: var(--siam-radius) var(--siam-radius) 0 0;
  background: var(--siam-color-bg-soft);
  color: var(--siam-color-primary-dark);
  font-size: var(--siam-font-size-xs);
  font-weight: var(--siam-font-weight-semibold);
}

.siam-productos-intro__prose h2 {
  margin: 0 0 var(--siam-space-4);
  padding-bottom: var(--siam-space-2);
  border-bottom: 1px solid var(--siam-color-border-light);
  color: var(--siam-color-primary-dark);
  font-size: var(--siam-font-size-lg);
  font-weight: var(--siam-font-weight-bold);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.siam-productos-intro__prose h3 {
  margin: var(--siam-space-5) 0 var(--siam-space-3);
  color: var(--siam-color-primary-dark);
  font-size: var(--siam-font-size-base);
  font-weight: var(--siam-font-weight-semibold);
}

.siam-productos-intro__biblio {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--siam-space-2);
  max-width: 74ch;
}

.siam-productos-intro__biblio li {
  color: var(--siam-color-text-muted);
  font-size: var(--siam-font-size-xs);
  line-height: 1.55;
  padding-left: 1rem;
  text-indent: -1rem;
}

.siam-productos-intro__biblio em {
  font-style: italic;
}

.siam-productos-page .siam-section__body {
  display: flex;
  flex-direction: column;
  gap: var(--siam-space-5);
}

/* Paneles con pestaña (estilo SIAM clásico) */
.siam-panel {
  position: relative;
  margin-top: 0.65rem;
  border: 1px solid var(--siam-color-border);
  border-radius: 0 0 var(--siam-radius) var(--siam-radius);
  background: var(--siam-color-surface);
}

.siam-panel__tab {
  position: absolute;
  top: -0.7rem;
  left: 0.75rem;
  margin: 0;
  padding: 0.2rem 0.7rem;
  border: 1px solid var(--siam-color-border);
  border-radius: var(--siam-radius) var(--siam-radius) 0 0;
  background: #d9ebf5;
  color: var(--siam-color-primary-dark);
  font-size: var(--siam-font-size-xs);
  font-weight: var(--siam-font-weight-semibold);
}

.siam-panel__body {
  padding: 1.25rem 1rem 1rem;
}

.siam-productos__importante {
  color: #b71c1c;
}

.siam-productos__more,
.siam-productos__glossary {
  color: #c62828;
  font-weight: var(--siam-font-weight-semibold);
  text-decoration: underline;
}

.siam-productos__notice {
  margin: 0;
  color: var(--siam-color-text-muted);
  font-size: var(--siam-font-size-xs);
  text-align: center;
}

.siam-report-tools {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: var(--siam-space-2);
  margin-bottom: var(--siam-space-3);
}

.siam-report-tools .siam-productos__glossary {
  justify-self: start;
}

.siam-report-tools .siam-productos__notice {
  grid-column: 2;
}

/* Barra de búsqueda estilo informe interactivo */
.siam-ir-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  width: min(100%, 28rem);
  margin: 0 auto var(--siam-space-3);
  padding: 0.35rem 0.5rem;
  border: 1px solid var(--siam-color-border);
  border-radius: var(--siam-radius);
  background: #f3f4f6;
}

.siam-ir-search__icon {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  background: center / contain no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23555' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
}

.siam-ir-search input[type="search"] {
  flex: 1 1 8rem;
  min-width: 0;
  margin: 0;
  padding: 0.35rem 0.5rem;
  border: 1px solid var(--siam-color-border);
  border-radius: 2px;
  background: #fff;
  font: inherit;
}

.siam-ir-search__gear {
  width: 2rem;
  height: 2rem;
  border: 1px solid #2e7d32;
  border-radius: 2px;
  background: #43a047 center / 1.1rem no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9c.3.6.9 1 1.6 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z'/%3E%3C/svg%3E");
  color: transparent;
  cursor: pointer;
}

.siam-ir-search__gear:hover {
  background-color: #2e7d32;
}

/* Formulario horas frío */
.siam-hf-form__row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
  gap: var(--siam-space-3);
  margin-bottom: var(--siam-space-3);
}

.siam-hf-form__calc {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.siam-form__label-spacer {
  display: block;
  min-height: 1.25rem;
  margin-bottom: 0.35rem;
}

.siam-hf-form__hint {
  margin: 0 0 var(--siam-space-4);
  max-width: 70ch;
  color: var(--siam-color-text);
  font-size: var(--siam-font-size-sm);
  line-height: 1.55;
}

.siam-hf-form__actions {
  justify-content: flex-end;
}

/* Selector dual de estaciones (aridez) */
.siam-shuttle {
  margin: 0 0 var(--siam-space-4);
  padding: 0;
  border: none;
}

.siam-shuttle legend {
  margin-bottom: var(--siam-space-2);
  font-weight: var(--siam-font-weight-semibold);
  color: var(--siam-color-primary-dark);
}

.siam-shuttle__grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: var(--siam-space-3);
  align-items: center;
}

.siam-shuttle__col {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

.siam-shuttle__col select {
  width: 100%;
  min-height: 14rem;
  font-size: var(--siam-font-size-sm);
}

.siam-shuttle__actions {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.siam-aridez-form__years {
  max-width: 28rem;
}

.siam-report-table__sum {
  background: #e8eef2;
  font-weight: var(--siam-font-weight-semibold);
}

.siam-report-table__sum-cell {
  border-top: 2px solid var(--siam-color-border);
  padding: 0.55rem 0.85rem;
}

.siam-aridez {
  display: inline-block;
  padding: 0.1rem 0.45rem;
  border-radius: var(--siam-radius);
  font-size: var(--siam-font-size-xs);
  font-weight: var(--siam-font-weight-semibold);
  background: var(--siam-color-border-light);
}

.siam-aridez--arido { background: #f8d7c4; color: #7a3410; }
.siam-aridez--semiarido { background: #fde8c8; color: #8a4b08; }
.siam-aridez--subhumedo-seco { background: #e8f5e9; color: #1b5e20; }
.siam-aridez--subhumedo-humedo { background: #d7ebf7; color: #0d47a1; }

@media (max-width: 699px) {
  .siam-report-tools {
    grid-template-columns: 1fr;
  }

  .siam-report-tools .siam-productos__notice {
    grid-column: auto;
    text-align: left;
  }

  .siam-shuttle__grid {
    grid-template-columns: 1fr;
  }

  .siam-shuttle__actions {
    flex-direction: row;
    justify-content: center;
  }
}

/* Productos dentro del layout de informes (pestañas + chips + panel) */
.siam-informe-vista.siam-productos {
  display: grid;
  gap: 0;
}

.siam-informe-vista .siam-informe-vista__head {
  margin-bottom: var(--siam-space-4);
}

.siam-informe-vista .siam-panel {
  margin-top: 0;
  margin-bottom: var(--siam-space-5);
  border: 1px solid var(--siam-color-border-light);
  border-radius: var(--siam-radius);
}

.siam-informe-vista .siam-panel__tab {
  position: static;
  display: block;
  padding: 0.5rem var(--siam-space-4);
  border: none;
  border-bottom: 1px solid var(--siam-color-border-light);
  border-radius: var(--siam-radius) var(--siam-radius) 0 0;
  background: var(--siam-color-bg-soft);
  color: var(--siam-footer-blue, #1f6f9f);
  font-size: var(--siam-font-size-sm);
}

.siam-informe-vista .siam-panel__body {
  padding: var(--siam-space-4);
}

.siam-informe-vista .siam-panel:last-child {
  margin-bottom: 0;
}