/* El contenedor (card) debe ser relativo para que la etiqueta se pegue a ella */
.card-producto {
    position: relative;
    
}

.tipo-producto {
    position: absolute;
    top: 15px;
    left: -10px; /* Saca la etiqueta un poco de la card */
    
    /* Estética Glass inspirada en Botón 87 */
    background: rgba(240, 152, 25, 0.9); /* Naranja sólido con ligera transparencia */
    color: white;
    
    text-align: center;
    line-height: 30px;
    width: 100px;
    height: 30px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 5;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
    font-family:Arial, Helvetica, sans-serif;
}

/* El corte diagonal (Badge Style) */
.tipo-producto:after {
    content: "";
    position: absolute;
    top: 0px;
    right: -12px;
    width: 24px;
    height: inherit;
    background: inherit; /* Usa el mismo color del padre */
    transform: skew(25deg);
    z-index: -1;
}

/* La sombra que dobla la esquina (Efecto 3D) */
.tipo-producto:before {
    content: "";
    position: absolute;
    top: 100%; /* Se posiciona justo debajo */
    left: 0;
    width: 10px;
    height: 8px;
    background: #8e5d10; /* Un naranja muy oscuro para la sombra del doblez */
    clip-path: polygon(0 0, 100% 0, 100% 100%); /* Crea el triangulito del doblez */
}