/* Acciones compartidas de la tienda y de la cuenta del explorador. */
:root {
    --boton-fondo: #87451f;
    --boton-fondo-activo: #9b5228;
    --boton-borde: #b46735;
    --boton-texto: #fff7ef;
}

/* La identidad visual respeta los estados ocultos de formularios y dialogos. */
:is(.pagina-publica, .pagina-alumnos) [hidden]:not([hidden='until-found' i]) {
    display: none !important;
}

:is(.pagina-publica, .pagina-alumnos)
    :is(
        .landing__boton,
        .tienda__boton,
        .membresias__boton,
        .contacto__boton,
        .carrito__finalizar,
        .carrito__formulario button,
        .compra__acciones button,
        .login__boton,
        .boletin button,
        .brujula .btn,
        .btn-ember,
        .btn-ghost,
        .alumnos-reintentar,
        :where(
            #reintentar-carrito,
            #reintentar-membresias,
            #revisar-carrito-membresias
        )
    ) {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    justify-self: center;
    flex: 0 1 auto;
    width: fit-content;
    min-width: 0;
    max-width: 100%;
    min-height: 40px;
    margin-inline: auto;
    padding: 12px 22px;
    border: 1px solid var(--boton-borde);
    border-radius: 8px;
    background: var(--boton-fondo);
    color: var(--boton-texto);
    box-shadow: none;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
    cursor: pointer;
}

:is(.pagina-publica, .pagina-alumnos)
    :is(
        .landing__boton,
        .tienda__boton,
        .membresias__boton,
        .contacto__boton,
        .carrito__finalizar,
        .carrito__formulario button,
        .compra__acciones button,
        .login__boton,
        .boletin button,
        .brujula .btn,
        .btn-ember,
        .btn-ghost,
        .alumnos-reintentar,
        :where(
            #reintentar-carrito,
            #reintentar-membresias,
            #revisar-carrito-membresias
        )
    ):enabled:hover,
.pagina-publica
    a:is(
        .landing__boton,
        .tienda__boton,
        .contacto__boton,
        .login__boton
    ):hover,
.pagina-alumnos a:is(.btn-ember, .btn-ghost):hover {
    background: var(--boton-fondo-activo);
    color: var(--boton-texto);
    box-shadow: none;
}

/* Las acciones se agrupan en el centro; no se desplazan cierres ni cantidades. */
:is(.pagina-publica, .pagina-alumnos)
    :is(
        .landing__acciones,
        .tienda__detalle-acciones,
        .tienda__solicitud-acciones,
        .contacto__acciones,
        .compra__acciones,
        .brujula__acciones,
        .lesson-step-nav
    ) {
    justify-content: center;
}

:is(.pagina-publica, .pagina-alumnos)
    :is(
        .landing__acciones,
        .tienda__detalle-acciones,
        .tienda__solicitud-acciones,
        .compra__acciones,
        .brujula__acciones,
        .lesson-step-nav
    )
    > :is(button, a) {
    margin-inline: 0;
}

.pagina-alumnos .alumnos-cabecera .btn-ember {
    margin-inline: 0;
}