/* styles.css
   Comentarios añadidos para describir cada clase y su propósito.
*/
:root {
  /* Colores principales de la marca */
  --naranja-vibrante: #F3921D;
  --azul-cielo-intenso: #00AEEF;
  --azul-oscuro: #005EAA;
  --verde-lima: #A7C943;
  --verde-oscuro: #2F5E1C;
  --verde-claro-pastel: #D1DBAD;
  --blanco: #FFFFFF;
}

/* .cuerpo: color de fondo principal (se usa !important para asegurar prioridad) */
.cuerpo {
  background-color: var(--verde-claro-pastel);
  color: var(--azul-oscuro);
}

/* .object-cover: fuerza que la imagen cubra el contenedor y limita la altura máxima */
.object-cover {
  object-fit: cover;
  max-height: 200px;
}

/* .line-clamp-4: recorta el texto después de 4 líneas (soporte WebKit) */
.line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* .hover-zoom: efecto de zoom suave al pasar el cursor; cursor pointer para indicar interactividad */
.hover-zoom {
  transition: transform .2s ease;
  cursor: pointer;
}
.hover-zoom:hover {
  transform: scale(1.01);
}

/* .content: conserva saltos de línea y espacios en el texto (útil para contenido preformateado) */
.content {
  white-space: pre-wrap;
}