/*
 * UCP Product Fields Shortcode Styles
 * ---------------------------------------- */

.ucp-field-wrapper {
    display: flex;
    flex-wrap: wrap; /* Permite que el contenido se ajuste en pantallas pequeñas */
    align-items: flex-start;
    gap: 0.75em; /* Espacio entre etiqueta y valor */
    margin-bottom: 0.75em; /* Espacio debajo de cada línea */
    line-height: 1.6;
}

.ucp-field-label {
    font-weight: 600; /* Hace la etiqueta más visible */
    color: inherit;
}

/* Evita márgenes extra si el valor es un párrafo (de un campo WYSIWYG) */
.ucp-field-wrapper .ucp-field-value p:last-child {
   margin-bottom: 0;
}
/* Estilos para el mensaje de campo vacío */
.ucp-field-notice {
    opacity: 0.7;
    font-style: italic;
}