/* dress.css — sección 5 (código de vestimenta). Figuras SVG placeholder
   (reemplazables por ilustraciones cartoon 2D). */

.dress__figures { display: inline-flex; gap: var(--sp-5); justify-content: center; margin-top: var(--sp-5); }
.dress__fig {
  width: clamp(4.5rem, 22vw, 7rem); height: clamp(9rem, 44vw, 14rem);
  background: no-repeat center / contain;
}
.dress__fig--woman {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 160'%3E%3Cg fill='none' stroke='%23A67C34' stroke-width='1.6' stroke-linejoin='round'%3E%3Ccircle cx='40' cy='18' r='9'/%3E%3Cpath d='M31 26 q9 8 18 0'/%3E%3Cpath d='M34 30 L30 54 M46 30 L50 54'/%3E%3Cpath d='M30 54 L26 60 M50 54 L54 60'/%3E%3Cpath d='M32 42 C 20 70 14 120 20 150 L60 150 C66 120 60 70 48 42 Z' fill='%23F1E3C7' fill-opacity='0.5'/%3E%3Cpath d='M20 150 q20 8 40 0'/%3E%3C/g%3E%3C/svg%3E");
}
.dress__fig--man {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 160'%3E%3Cg fill='none' stroke='%23A67C34' stroke-width='1.6' stroke-linejoin='round'%3E%3Ccircle cx='40' cy='18' r='9'/%3E%3Cpath d='M28 40 L30 34 Q40 44 50 34 L52 40'/%3E%3Cpath d='M30 34 L26 48 M50 34 L54 48'/%3E%3Cpath d='M30 40 L28 96 L40 96 L52 96 L50 40' fill='%23F1E3C7' fill-opacity='0.5'/%3E%3Cpath d='M40 44 L40 96'/%3E%3Cpath d='M40 44 L36 60 L40 64 L44 60 Z' fill='%23A67C34'/%3E%3Cpath d='M32 96 L30 150 M48 96 L50 150'/%3E%3C/g%3E%3C/svg%3E");
}
.dress__label { font-size: var(--fs-xl); color: var(--gold-dark); margin-top: var(--sp-4); }