#aerm-tour-button {
    position: fixed;
    z-index: 1000;
    padding: 10px 20px;
    color: #ffffff;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

#aerm-tour-button.cuadrado {
    border-radius: 0;
}

#aerm-tour-button.redondo {
    border-radius: 50%;
    padding: 15px;
}

#aerm-tour-button.cuadrado-curvo {
    border-radius: 5px;
}

#aerm-tour-button.top-right {
    top: 20px;
    right: 20px;
}

#aerm-tour-button.top-left {
    top: 20px;
    left: 20px;
}

#aerm-tour-button.center-right {
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#aerm-tour-button.center-left {
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

#aerm-tour-button.bottom-right {
    bottom: 20px;
    right: 20px;
}

#aerm-tour-button.bottom-left {
    bottom: 20px;
    left: 20px;
}

#aerm-tour-box {
    position: fixed;
    z-index: 10000;
}

#aerm-tour-box.cuadrado {
    border-radius: 0;
}

#aerm-tour-box.redondo {
    border-radius: 50px;
}

#aerm-tour-box.ovalado {
    border-radius: 25px;
}

#aerm-tour-box.cuadrado-curvo {
    border-radius: 10px;
}

#aerm-tour-mensaje {
    margin: 0 0 20px;
}

#aerm-tour-buttons button {
    margin-right: 5px;
    padding: 1px 5px;
    cursor: pointer;
}

#aerm-tour-dots {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.aerm-tour-dot {
    width: 10px;
    height: 8px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 5px;
}

.aerm-tour-dot.active {
    background-color: #ffffff;
}

#aerm-tour-progress {
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
}

#aerm-tour-box::after {
    content:'';
    position:absolute;
    width:0; height:0;
    border:20px solid transparent;
}
#aerm-tour-box.arrow-up::after   { bottom:100%; left:50%; transform:translateX(-50%); border-bottom-color:var(--aerm-bg,#fff); }
#aerm-tour-box.arrow-down::after { top:100%;   left:50%; transform:translateX(-50%); border-top-color:var(--aerm-bg,#fff); }