/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Child theme para personalizar GeneratePress
 Author:       Purista Coffee Roasters
 Author URI:   https://purista.coffee
 Template:     generatepress
 Version:      1.0
*/

/* ====== Sistema de variables globales ====== */
:root {
  /* ====== Padding global ====== */
  --section-padding-block: clamp(3rem, 6vw, 6rem); /* General */
  --section-padding-block-lg: clamp(5rem, 8vw, 10rem); /* Hero o secciones grandes */
  --section-padding-block-sm: clamp(2rem, 4vw, 4rem); /* Footer o bloques compactos */

  --section-padding-inline: clamp(1rem, 5vw, 4rem); /* General */
  --section-padding-inline-lg: clamp(2rem, 8vw, 6rem); /* Secciones con mucho aire */
  --section-padding-inline-sm: clamp(0.5rem, 3vw, 2rem); /* Mobile friendly o layouts estrechos */

  /* ====== Gaps (espaciado entre elementos) ====== */
  --gap-xs: clamp(0.5rem, 1vw, 1rem); /* Ej: iconos, badges */
  --gap-sm: clamp(1rem, 2vw, 1.5rem); /* Ej: grids pequeños */
  --gap-md: clamp(1.5rem, 3vw, 2.5rem); /* Ej: entre tarjetas o bloques */
  --gap-lg: clamp(2rem, 4vw, 3rem); /* Ej: entre secciones grandes */
  --gap-xl: clamp(3rem, 6vw, 5rem); /* Ej: héroes, CTAs destacados */
}

.product-description-flex {
  display: flex;
  flex-direction: row; /* PC */
  align-items: center;
  flex-wrap: wrap;
}
.product-description-flex > div {
  flex: 1;
  padding: 24px;
}
.product-description-flex img {
  max-width: 100%;
  height: auto;
  width: 500px;
  max-height: 500px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .product-description-flex {
    flex-direction: column; /* Móvil */
  }
}