/*
 * Proyecto: semillaselpotrero.com
 * Archivo: plazas.css
 * Autor: Javier Dávila
 * Fecha creación: 14.11.2025
 * ------------------------------
 * Versión: 0.0.1
 */


/* ==============================
  Sección DESCRIPCIÓN del producto
================================= */
.subtitulo-variedad {
  font-size: var(--text-xxl);
  font-weight: var(--fuente-bold);
  color: var(--color-brand-alt);
  margin-bottom: 1rem;
}

.descripcion-section .btn-vermas {
  background-color: var(--color-secundario-claro) !important;
}

.descripcion-section .btn-vermas:hover {
  background-color: var(--color-secundario-vivo) !important;
}


/* ==============================
   BLOQUE: UN LINAJE CON CARÁCTER
================================= */
.linaje-bloque {
  background-color: var(--color-fondo-alt);
  border-radius: 15px;
  margin-top: 1.5rem;
  padding: 1.5rem; /* respiración interior */
}

/* Título */
.linaje-titulo {
  color: var(--color-brand);
  font-size: var(--text-xxl);
  font-weight: var(--fuente-heavy);
  margin-bottom: 1rem;
}

/* Tarjeta derecha */
.linaje-tarjeta {
  width: 100%;
  max-width: 420px; /* 🔧 ancho fijo máximo que mantendrá el formato */
  margin: 0 auto;   /* centrada dentro de su columna */
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}

/* Cabecera verde superior */
.linaje-header {
  background-color: var(--color-brand-alt);
  color: #fff;
  padding: 0.5rem 0;
  font-weight: var(--fuente-bold);
}

.linaje-body {
  display: flex;
  justify-content: center;
  align-items: stretch;
  /*background-color: var(--color-secundario-oscuro);*/
  color: #fff;
  flex-wrap: nowrap;       /* ❌ no se apila nunca */
}

/* Cada imagen dentro del cuerpo */
.linaje-item {
  width: 50%;              /* dos columnas exactas */
  padding: 0.2rem;
  text-align: center;
  border-right: 1px solid #fff; /* separación entre los dos bloques */
}

.linaje-item:last-child {
  border-right: none;
}

.linaje-item img {
  width: 100%;          /* ocupa todo el ancho del contenedor */
  max-width: 200%;
  height: auto;
  object-fit: contain;  /* mantiene proporción y margina si sobra */
  margin-bottom: 0.25rem;
}

.linaje-item p {
  font-size: var(--text-sm);
  font-weight: var(--fuente-bold);
  line-height: 1.3;
  margin: 0;
}

/* Responsivo */
/* Bloque completo: no cambia en pantallas pequeñas */
@media (max-width: 768px) {
  .linaje-body {
    flex-wrap: nowrap;     /* sigue horizontal */
  }
  .linaje-tarjeta {
    max-width: 100%;       /* permite ancho completo si hay espacio */
  }
}


/* ==============================
   BLOQUE: FRUTO DE LA INVESTIGACIÓN APLICADA
================================= */
.investigacion-bloque {
  background-color: var(--color-fondo-alt);
  border-radius: 15px;
  padding: 1.5rem;
}

/* Título */
.investigacion-titulo {
  color: var(--color-brand);
  font-size: var(--text-xxl);
  font-weight: var(--fuente-heavy);
  margin-bottom: 1rem;
}

/* Ajuste de imagen */
.investigacion-bloque img.about-img {
  border-radius: 12px;
  max-width: 100%;
  box-shadow: 0 3px 15px rgba(0,0,0,0.1);
}

/* Texto */
.investigacion-bloque .about-text {
  text-align: justify;
  margin-bottom: 1rem;
  color: var(--color-fuente-principal);
}

/* Responsive */
@media (max-width: 768px) {
  .investigacion-bloque {
    text-align: center;
  }
  .investigacion-bloque img.about-img {
    margin-bottom: 1rem;
  }
}