/* ============================================================
   PLANTAS — estilos específicos de Plantas Maestras
   ============================================================ */

.warning-strip {
  background: var(--dorado-suave);
  padding: 1.1rem 0;
  border-bottom: 1px solid rgba(36,43,24,0.1);
}
.warning-strip p { font-size: 0.88rem; color: #4a3f1a; }
.warning-strip a { text-decoration: underline; font-weight: 500; }

.plant-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 3.5rem;
  align-items: start;
}
.plant-grid.reverse { grid-template-columns: 0.9fr 1.1fr; }
.plant-grid.reverse > *:first-child { order: 2; }
.plant-grid.imagen-izquierda { grid-template-columns: 0.9fr 1.1fr; align-items: center; }
.plant-grid.align-center { align-items: center; }
.plant-grid p { color: #4a5240; }
.section-dark .plant-grid p { color: var(--texto-suave); }
.sub-head { color: var(--dorado); }
.section-dark .sub-head { color: var(--dorado-claro); }
em { font-style: italic; color: var(--verde-medio); }
.section-dark em { color: var(--dorado-claro); }

.plant-images { display: flex; flex-direction: column; gap: 1.2rem; }
.plant-images figure, .rape-image { margin: 0; border-radius: 4px; overflow: hidden; box-shadow: var(--sombra-suave); }
.plant-images img, .rape-image img { width: 100%; height: 230px; object-fit: cover; }
.plant-images figcaption {
  font-size: 0.78rem;
  color: #75805f;
  padding: 0.6rem 0.2rem 0;
  font-style: italic;
}
.rape-image img { height: 100%; min-height: 360px; }

.single-plant-image { margin: 0; border-radius: 4px; overflow: hidden; box-shadow: var(--sombra-suave); }
.single-plant-image img { width: 100%; height: 100%; min-height: 360px; object-fit: cover; }
.single-plant-image figcaption {
  font-size: 0.78rem;
  color: #75805f;
  padding: 0.6rem 0.2rem 0;
  font-style: italic;
}
.section-dark .single-plant-image figcaption { color: var(--texto-suave); opacity: 0.75; }
.rape-image figcaption {
  font-size: 0.78rem;
  color: var(--texto-suave);
  opacity: 0.75;
  padding: 0.6rem 0.2rem 0;
  font-style: italic;
  text-align: right;
}

.alkaloid-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  background: var(--crema-suave);
  border-radius: 4px;
  padding: 2rem 2.4rem;
}
.alkaloid-table.dark { background: rgba(250,246,240,0.05); border: 1px solid rgba(201,168,76,0.18); }
.alk-col h4 { color: var(--verde-bosque); margin-bottom: 0.9rem; font-size: 1.05rem; }
.alkaloid-table.dark .alk-col h4 { color: var(--dorado-claro); }
.alk-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.55rem; }
.alk-col li {
  font-size: 0.9rem;
  padding-left: 1.1rem;
  position: relative;
  color: #4a5240;
}
.alkaloid-table.dark .alk-col li { color: var(--texto-suave); }
.alk-col li::before {
  content: '·'; position: absolute; left: 0; color: var(--dorado); font-weight: 700;
}

.effects-block p, .research-block p { color: #4a5240; max-width: 760px; }
.effects-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; }
.effects-col h4 { font-size: 1rem; color: var(--dorado); margin-bottom: 0.8rem; }
.effects-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.5rem; }
.effects-col li {
  font-size: 0.9rem; color: #4a5240; padding-left: 1.1rem; position: relative;
}
.effects-col li::before { content:'·'; position:absolute; left:0; color: var(--dorado); font-weight:700; }

.research-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.research-item {
  background: var(--verde-profundo);
  color: var(--crema);
  font-size: 0.85rem;
  padding: 1.2rem;
  border-radius: 3px;
  border-left: 2px solid var(--dorado);
}

.cta-band { background: var(--crema-suave); }
.cta-band .btn { margin: 0 0.4rem; }

.section-head p.proceso-flujo {
  font-family: var(--font-display);
  font-size: 1.3rem;
  color: var(--dorado-claro);
  letter-spacing: 0.02em;
}

.reflexion-box {
  background: var(--crema-suave);
  border-left: 3px solid var(--dorado);
  border-radius: 4px;
  padding: 2.2rem 2.6rem;
}
.reflexion-box .sub-head { margin-top: 0; }

.alk-col h4 { display: flex; align-items: center; gap: 0.6rem; }
.alk-icon { width: 26px; height: 26px; flex-shrink: 0; color: var(--dorado); }
.alkaloid-table.dark .alk-icon { color: var(--dorado-claro); }

.effects-col.card {
  background: var(--crema-suave);
  border-radius: 4px;
  padding: 1.8rem 2rem;
}
.effects-icon { width: 40px; height: 40px; color: var(--dorado); margin-bottom: 1rem; }

.nota-matiz {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  background: rgba(201,168,76,0.1);
  border-radius: 4px;
  padding: 1.3rem 1.6rem;
  max-width: 760px;
}
.nota-matiz svg { width: 26px; height: 26px; flex-shrink: 0; color: var(--dorado); margin-top: 0.15rem; }
.nota-matiz p { margin-top: 0; }

@media (max-width: 980px) {
  .plant-grid, .plant-grid.reverse { grid-template-columns: 1fr; gap: 2rem; }
  .plant-grid.reverse > *:first-child { order: 0; }
  .alkaloid-table { grid-template-columns: 1fr; }
  .effects-grid { grid-template-columns: 1fr; gap: 1.6rem; }
  .research-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .research-grid { grid-template-columns: 1fr; }
}