/* Selvagres – Color de junta · «Prueba el color de junta» (values from the design) */
.sg-junta { margin-top: 30px; padding-top: 24px; border-top: 1px solid #e2e2e2; }
.sg-junta .sg-junta-row { display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 12px; }
.sg-junta .sg-junta-label { font-size: 15px; color: #222222; }
.sg-junta .sg-junta-box { display: flex; align-items: center; gap: 22px; }
.sg-junta .sg-junta-prev { position: relative; flex: none; width: 150px; aspect-ratio: 1; overflow: hidden; background: #eeeeee; }
.sg-junta .sg-junta-prev img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.sg-junta .sg-junta-grid { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.sg-junta .sg-junta-sws { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); justify-items: center; align-content: center; gap: 4px 8px; flex: 1; min-width: 0; max-width: 300px; }
.sg-junta .sg-junta-sw { display: grid; justify-items: center; gap: 6px; width: 100%; max-width: 96px; min-height: 0; margin: 0; padding: 6px 2px 8px; font: inherit; line-height: 1.6; color: inherit; text-transform: none; letter-spacing: normal; background: none; border: 0; border-bottom: 1.5px solid transparent; border-radius: 0; box-shadow: none; outline: none; cursor: pointer; transition: border-color 0.2s; }
.sg-junta .sg-junta-sw:hover { border-bottom-color: #bbbbbb; }
.sg-junta .sg-junta-sw:focus { outline: none; box-shadow: none; }
.sg-junta .sg-junta-sw:focus-visible { border-bottom-color: #999999; }
.sg-junta .sg-junta-sw[aria-pressed="true"] { border-bottom-color: #111111; }
.sg-junta .sg-junta-sw img { display: block; width: 100%; max-width: 62px; height: auto; aspect-ratio: 16 / 9; object-fit: contain; mix-blend-mode: multiply; }
.sg-junta .sg-junta-sw em { font-size: 11.5px; font-style: normal; line-height: 1.6; letter-spacing: 0.02em; color: #333333; }
.sg-junta .sg-junta-note { margin: 10px 0 0; font-size: 12.5px; color: #777777; }
.sg-junta .sg-junta-note[hidden] { display: none; }
@media (max-width: 560px) {
	.sg-junta .sg-junta-box { flex-direction: column; align-items: stretch; }
	.sg-junta .sg-junta-prev { width: min(100%, 260px); }
}