/* Estilos globales de /tienda y /tienda/<id>-<slug>. Pequeñas piezas que necesitan
   matchear el branding RollerShow y vivir afuera del scoped-CSS de los componentes
   Vue para que se apliquen también al wrapper renderizado por PHP. */

.tienda-app .btn-rs {
    background-color: #DA064A;
    border-color: #DA064A;
    color: #fff;
}
.tienda-app .btn-rs:hover {
    background-color: #b5053d;
    border-color: #b5053d;
    color: #fff;
}
.tienda-app .text-rs { color: #DA064A; }

.tienda-app a { transition: color .15s ease; }
.tienda-app .breadcrumb a:hover { color: #DA064A !important; }

/* Cuando el wrapper #app aún no fue parseado por Vue, ocultamos para evitar el
   parpadeo de los markers {{ }}. Vue se encarga de removerlos al montar. */
.tienda-app [v-cloak] { display: none; }