.restauration {
    z-index: 200;
    position: absolute;
    opacity: 0.8;
    filter: saturate(0.9) hue-rotate(-8deg);
}
.restaurationg {
    z-index: 200;
    position: absolute;
    opacity: 0.84;
    filter: hue-rotate(200deg) saturate(1.15);
}

.molar-premolar-canine-Vestibular {
    background-size: 100% 100%;
    width: 23%;
    height: 45%;
    top: 55%;
    z-index: 201;
}
.molar-premolar-canine-Vestibular-restauration {
    background-image: url("/images/odontogram/left-right.png");
}
.molar-premolar-canine-Vestibular-restaurationg {
    background-image: url("/images/odontogram/left-right.png");
    filter: hue-rotate(230deg);
}
.molar-premolar-canine-Palatino {
    background-size: 100% 100%;
    width: 100%;
    height: 12%;
    top: 55%;
    z-index: 204;
    //background-color: rgba($color: blue, $alpha: 0.5);
}
.molar-premolar-canine-Palatino-restauration {
    background-image: url("/images/odontogram/down-up.png");
}
.molar-premolar-canine-Palatino-restaurationg {
    background-image: url("/images/odontogram/down-up.png");
    filter: hue-rotate(230deg);
}
/* Alias FDI: en inferiores se usa Lingual */
.molar-premolar-canine-Lingual {
    @extend .molar-premolar-canine-Palatino;
}
.molar-premolar-canine-Lingual-restauration {
    @extend .molar-premolar-canine-Palatino-restauration;
}
.molar-premolar-canine-Lingual-restaurationg {
    @extend .molar-premolar-canine-Palatino-restaurationg;
}

.molar-premolar-canine-Distal {
    background-size: 100% 100%;
    transform: scaleX(-1);
    width: 23%;
    height: 45%;
    top: 55%;
    right: 0%;
    z-index: 203;
}

.molar-premolar-canine-Distal-restauration {
    background-image: url("/images/odontogram/left-right.png");
}
.molar-premolar-canine-Distal-restaurationg {
    background-image: url("/images/odontogram/left-right.png");
    filter: hue-rotate(230deg);
}
.molar-premolar-canine-Mesial {
    background-size: 100% 100%;
    transform: scaleY(-1);
    width: 100%;
    height: 12%;
    bottom: 0%;
    z-index: 204;
}
.molar-premolar-canine-Mesial-restauration {
    background-image: url("/images/odontogram/down-up.png");
}
.molar-premolar-canine-Mesial-restaurationg {
    background-image: url("/images/odontogram/down-up.png");
    filter: hue-rotate(230deg);
}
.molar-premolar-canine-Oclusal {
    background-size: 100% 100%;
    width: 50%;
    height: 25%;
    bottom: 10%;
    left: 25%;
    z-index: 205;
    //background-color: rgba($color: blue, $alpha: 0.5);
}
.molar-premolar-canine-Oclusal-restauration {
    background-image: url("/images/odontogram/center.png");
}
.molar-premolar-canine-Oclusal-restaurationg {
    background-image: url("/images/odontogram/center.png");
    filter: hue-rotate(230deg);
}
.incisor-Vestibular {
    //molar izq der

    background-size: 100% 100%;
    width: 23%;
    height: 45%;
    top: 55%;
    z-index: 201;
}
.incisor-Vestibular-restauration {
    background-image: url("/images/odontogram/left-right-incisor.png");
}
.incisor-Vestibular-restaurationg {
    background-image: url("/images/odontogram/left-right-incisor.png");
    filter: hue-rotate(230deg);
}

.incisor-Palatino {
    background-size: 100% 100%;
    width: 100%;
    height: 20%;
    top: 55%;
    z-index: 204;
    //background-color: rgba($color: blue, $alpha: 0.5);
}
.incisor-Palatino-restauration {
    background-image: url("/images/odontogram/down-up-incisor.png");
}
.incisor-Palatino-restaurationg {
    background-image: url("/images/odontogram/down-up-incisor.png");
    filter: hue-rotate(230deg);
}
/* Alias FDI: en inferiores se usa Lingual */
.incisor-Lingual {
    @extend .incisor-Palatino;
}
.incisor-Lingual-restauration {
    @extend .incisor-Palatino-restauration;
}
.incisor-Lingual-restaurationg {
    @extend .incisor-Palatino-restaurationg;
}
.incisor-Distal {
    background-size: 100% 100%;
    transform: scaleX(-1);
    width: 23%;
    height: 45%;
    top: 55%;
    right: 0%;
    z-index: 203;
}
.incisor-Distal-restauration {
    background-image: url("/images/odontogram/left-right-incisor.png");
}
.incisor-Distal-restaurationg {
    background-image: url("/images/odontogram/left-right-incisor.png");
    filter: hue-rotate(230deg);
}

.incisor-Mesial {
    background-size: 100% 100%;
    transform: scaleY(-1);
    width: 100%;
    height: 20%;
    bottom: 0%;
    z-index: 204;
}
.incisor-Mesial-restauration {
    background-image: url("/images/odontogram/down-up-incisor.png");
}
.incisor-Mesial-restaurationg {
    background-image: url("/images/odontogram/down-up-incisor.png");
    filter: hue-rotate(230deg);
}
/* FDI para anteriores: Incisal */
.incisor-Incisal {
    background-size: 100% 100%;
    width: 50%;
    height: 20%;
    bottom: 8%;
    left: 25%;
    z-index: 205;
}
.incisor-Incisal-restauration {
    background-image: url("/images/odontogram/center.png");
}
.incisor-Incisal-restaurationg {
    background-image: url("/images/odontogram/center.png");
    filter: hue-rotate(230deg);
}
/* Compatibilidad con registros antiguos */
.incisor-Oclusal {
    @extend .incisor-Incisal;
}
.incisor-Oclusal-restauration {
    @extend .incisor-Incisal-restauration;
}
.incisor-Oclusal-restaurationg {
    @extend .incisor-Incisal-restaurationg;
}