a:not([data-lp-field]),
button:not([data-lp-field]) {
    cursor: no-drop;
}
[data-lp-field] {
    /*position: relative;*/
    cursor: pointer;
}
[data-lp-field]:not(img):not(i):empty {
    display: inline-block;
    height: 20px;
    width: 100px;
    font-style: italic;
    color: #a0a0a0;
}
[data-lp-field]:not(i):empty:before,
[data-lp-field] > [data-lp-subfield]:not(i):not([data-lp-subfield-area]):empty:before {
    content: "Vacio";
    font-style: italic;
    opacity: .6;
}
[data-lp-field]:hover,
[data-lp-field].editing {
    outline: dashed 3px rgb(255,102,153);
    border-radius: 8px;
    position: relative;
    z-index: 1000;
}
[data-lp-field]:has([data-lp-field]:hover) {
    border-radius: 0;
    outline: none;
}
[data-lp-field]:after {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    background-color: rgb(255,102,153);
    color: #fff;
    top: -14px;
    left: 0;
    font-size: 10px;
    padding: 2px 10px;
    width: 100px;
    border-radius: 5px 5px 0 0;
    font-weight: 900;
    line-height: 10px;
    display: none;
    opacity: 0;
}
div[data-lp-field]:after,
section[data-lp-field]:after,
header[data-lp-field]:after,
footer[data-lp-field]:after {
    top: 0px;
}
[data-lp-field]:not(i):hover:after {
    display: block;
    opacity: 1;
    content: "\f303         Editar (" attr(data-lp-field-type) ")";
    z-index: 100000;
}
[data-lp-field]:has([data-lp-field]:hover):after {
    display: none;
}
[data-lp-field]:not(i).editing:after {
    content: "\f303         Editando";
    display: block;
    opacity: 1;
}
[data-lp-subfield-area]:empty:after {
    content: "Click para agregar";
    font-style: italic;
    opacity: .5;
}
[data-lp-subfield-area]:empty:before {
    content: "\2b";
    margin-right: 5px;
    font-family: "Font Awesome 6 Free";
    font-style: italic;
    opacity: .5;
}