/**
 * Tema visual POS Tienda (business.type.id === 17).
 * Se activa con la clase body.pos-tienda. Generado automaticamente.
 * NO EDITAR A MANO: regenerar con /tmp/extract_theme.js.
 *
 * Sustituye los rojos hardcoded de Restobar (#D5023A, #FF113C, #DD1C4B) por
 * el azul POS Tienda (#064F8F). Sin tocar los CSS originales para no afectar
 * a usuarios Restobar.
 */

/* === components.css === */
body.pos-tienda .btn-secondary {
  color: #064F8F !important;
}
body.pos-tienda .btn-primary {
  background-color: #064F8F !important;
  border: 1px solid #064F8F !important;
}
body.pos-tienda .btn-secondary {
  background-color: #FFFFFF;
  border: 1.5px solid #064F8F !important;
}
body.pos-tienda .btn-secondary:hover,
body.pos-tienda .btn-secondary:focus,
body.pos-tienda .btn-secondary:active,
body.pos-tienda .btn-secondary.active,
body.pos-tienda .btn-secondary.focus,
body.pos-tienda .btn-secondary:active,
body.pos-tienda .btn-secondary:focus,
body.pos-tienda .btn-secondary:hover,
body.pos-tienda .open > .dropdown-toggle.btn-secondary {
  background-color: #F5F5F5 !important;
  border: 1.5px solid #064F8F !important;
}
body.pos-tienda .btn-warning {
  background-color: #064F8F !important;
  border: 1px solid #064F8F !important;
}
body.pos-tienda .btn-danger {
  background-color: #064F8F !important;
  border: 1px solid #064F8F !important;
}
body.pos-tienda .btn-custom.btn-warning {
  border-bottom: 2px solid #064F8F !important;
}
body.pos-tienda .panel-primary > .panel-heading {
  background-color: #064F8F;
}
body.pos-tienda .panel-warning > .panel-heading {
  background-color: #064F8F;
}
body.pos-tienda .panel-danger > .panel-heading {
  background-color: #064F8F;
}
body.pos-tienda .panel-border.panel-primary .panel-heading {
  border-color: #064F8F !important;
  color: #064F8F !important;
}
body.pos-tienda .panel-border.panel-warning .panel-heading {
  border-color: #064F8F !important;
  color: #064F8F !important;
}
body.pos-tienda .panel-border.panel-danger .panel-heading {
  border-color: #064F8F !important;
  color: #064F8F !important;
}
body.pos-tienda .checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #064F8F;
  border-color: #064F8F;
}
body.pos-tienda .checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #064F8F;
  border-color: #064F8F;
}
body.pos-tienda .checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #064F8F;
  border-color: #064F8F;
}
body.pos-tienda .radio-primary input[type="radio"] + label::after {
  background-color: #064F8F;
}
body.pos-tienda .radio-primary input[type="radio"]:checked + label::before {
  border-color: #064F8F;
}
body.pos-tienda .radio-primary input[type="radio"]:checked + label::after {
  background-color: #064F8F;
}
body.pos-tienda .radio-danger input[type="radio"] + label::after {
  background-color: #064F8F;
}
body.pos-tienda .radio-danger input[type="radio"]:checked + label::before {
  border-color: #064F8F;
}
body.pos-tienda .radio-danger input[type="radio"]:checked + label::after {
  background-color: #064F8F;
}
body.pos-tienda .radio-warning input[type="radio"] + label::after {
  background-color: #064F8F;
}
body.pos-tienda .radio-warning input[type="radio"]:checked + label::before {
  border-color: #064F8F;
}
body.pos-tienda .radio-warning input[type="radio"]:checked + label::after {
  background-color: #064F8F;
}
body.pos-tienda .progress-bar-primary {
  background-color: #064F8F;
}
body.pos-tienda .progress-bar-warning {
  background-color: #064F8F;
}
body.pos-tienda .progress-bar-danger {
  background-color: #064F8F;
}
body.pos-tienda table.focus-on tbody tr.focused th {
  background-color: #064F8F;
  color: #ffffff;
}
body.pos-tienda table.focus-on tbody tr.focused td {
  background-color: #064F8F;
  color: #ffffff;
}
body.pos-tienda #datatable-editable .fa-trash-o {
  color: #064F8F;
}
body.pos-tienda #datatable-editable .fa-times {
  color: #064F8F;
}
body.pos-tienda .table-rep-plugin .checkbox-row input[type="checkbox"]:checked + label::before {
  background-color: #064F8F;
  border-color: #064F8F;
}
body.pos-tienda .error {
  color: #064F8F;
  font-size: 12px;
  font-weight: 500;
}
body.pos-tienda .parsley-error {
  border-color: #064F8F !important;
}
body.pos-tienda .datepicker table tr td span.active:hover,
body.pos-tienda .datepicker table tr td span.active:hover:hover,
body.pos-tienda .datepicker table tr td span.active.disabled:hover,
body.pos-tienda .datepicker table tr td span.active.disabled:hover:hover,
body.pos-tienda .datepicker table tr td span.active:active,
body.pos-tienda .datepicker table tr td span.active:hover:active,
body.pos-tienda .datepicker table tr td span.active.disabled:active,
body.pos-tienda .datepicker table tr td span.active.disabled:hover:active,
body.pos-tienda .datepicker table tr td span.active.active,
body.pos-tienda .datepicker table tr td span.active:hover.active,
body.pos-tienda .datepicker table tr td span.active.disabled.active,
body.pos-tienda .datepicker table tr td span.active.disabled:hover.active,
body.pos-tienda .datepicker table tr td span.active.disabled,
body.pos-tienda .datepicker table tr td span.active:hover.disabled,
body.pos-tienda .datepicker table tr td span.active.disabled.disabled,
body.pos-tienda .datepicker table tr td span.active.disabled:hover.disabled,
body.pos-tienda .datepicker table tr td span.active[disabled],
body.pos-tienda .datepicker table tr td span.active:hover[disabled],
body.pos-tienda .datepicker table tr td span.active.disabled[disabled],
body.pos-tienda .datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #064F8F;
}
body.pos-tienda .datepicker table tr td.active,
body.pos-tienda .datepicker table tr td.active:hover,
body.pos-tienda .datepicker table tr td.active.disabled,
body.pos-tienda .datepicker table tr td.active.disabled:hover {
  background-color: #064F8F !important;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}
body.pos-tienda .daterangepicker td.active,
body.pos-tienda .daterangepicker td.active:hover {
  background-color: #064F8F;
  border-color: #064F8F;
}
body.pos-tienda .daterangepicker .ranges li.active,
body.pos-tienda .daterangepicker .ranges li:hover {
  background-color: #064F8F;
  border: 1px solid #064F8F;
}
body.pos-tienda .ms-container .ms-selectable li.ms-hover {
  background-color: #064F8F;
}
body.pos-tienda .ms-container .ms-selection li.ms-hover {
  background-color: #064F8F;
}
body.pos-tienda .bootstrap-timepicker-widget table td a:hover {
  background-color: transparent;
  border-color: transparent;
  border-radius: 4px;
  color: #064F8F;
  text-decoration: none;
}
body.pos-tienda .datepicker table tr td.active,
body.pos-tienda .datepicker table tr td.active:hover,
body.pos-tienda .datepicker table tr td.active.disabled,
body.pos-tienda .datepicker table tr td.active.disabled:hover {
  background-color: #064F8F !important;
  background-image: none;
  box-shadow: none;
}

/* === core.css === */
body.pos-tienda .bg-primary {
  background-color: #064F8F !important;
}
body.pos-tienda .bg-warning {
  background-color: #064F8F !important;
}
body.pos-tienda .text-primary {
  color: #064F8F;
}
body.pos-tienda .text-warning {
  color: #064F8F;
}
body.pos-tienda .label-primary {
  background-color: #064F8F;
}
body.pos-tienda .label-warning {
  background-color: #064F8F;
}
body.pos-tienda .badge-primary {
  background-color: #064F8F;
}
body.pos-tienda .badge-warning {
  background-color: #064F8F;
}
body.pos-tienda .pagination > .active > a,
body.pos-tienda .pagination > .active > span,
body.pos-tienda .pagination > .active > a:hover,
body.pos-tienda .pagination > .active > span:hover,
body.pos-tienda .pagination > .active > a:focus,
body.pos-tienda .pagination > .active > span:focus {
  background-color: #064F8F;
  border-color: #064F8F;
}
body.pos-tienda .tabs li.tab a.active {
  color: #064F8F !important;
}
body.pos-tienda .tabs .indicator {
  background-color: #064F8F;
  bottom: 0;
  height: 2px;
  position: absolute;
  will-change: left, right;
}
body.pos-tienda .card-box .nav-pills li.active a {
  background-color: #064F8F !important;
}
body.pos-tienda .nav.nav-tabs > li > a:hover {
  color: #064F8F !important;
}
body.pos-tienda .nav.tabs-vertical > li > a:hover {
  color: #064F8F !important;
}
body.pos-tienda .navtab-custom li.active a {
  border-top: 2px solid #064F8F !important;
}
body.pos-tienda .nav-tab-left.navtab-custom li.active a {
  border-left: 2px solid #064F8F !important;
}
body.pos-tienda .nav-tab-right.navtab-custom li.active a {
  border-right: 2px solid #064F8F !important;
}
body.pos-tienda .nav-tabs > li.active > a,
body.pos-tienda .nav-tabs > li.active > a:focus,
body.pos-tienda .nav-tabs > li.active > a:hover,
body.pos-tienda .tabs-vertical > li.active > a,
body.pos-tienda .tabs-vertical > li.active > a:focus,
body.pos-tienda .tabs-vertical > li.active > a:hover {
  color: #064F8F !important;
}
body.pos-tienda .custom-modal-title {
  padding: 15px 25px 15px 25px;
  line-height: 22px;
  font-size: 18px;
  background-color: #064F8F;
  color: #ffffff;
  text-align: left;
  margin: 0px;
}
body.pos-tienda .alert-warning {
  background-color: rgba(255, 170, 0, 0.2) !important;
  border-color: rgba(255, 170, 0, 0.5) !important;
  color: #064F8F;
}
body.pos-tienda .alert-warning .alert-link {
  color: #064F8F;
}
body.pos-tienda .list-group-item.active > .badge {
  color: #064F8F;
}
body.pos-tienda .nav-pills > .active > a > .badge {
  color: #064F8F;
}
body.pos-tienda .has-warning .form-control {
  border-color: #064F8F;
  box-shadow: none !important;
}
body.pos-tienda .popover .popover-title {
  background-color: transparent;
  color: #064F8F;
  font-weight: 600;
}
body.pos-tienda .icon-list-demo .col-md-4:hover {
  color: #064F8F;
}

/* === menu.css === */
body.pos-tienda #topnav .has-submenu.active a {
  color: #064F8F;
}
body.pos-tienda #topnav .has-submenu.active a i {
  color: #064F8F;
}
body.pos-tienda #topnav .has-submenu.active .submenu li.active a {
  color: #064F8F;
}
body.pos-tienda #topnav .noti-primary {
  color: #064F8F;
  border: 2px solid #064F8F;
}
body.pos-tienda #topnav .noti-warning {
  color: #064F8F;
  border: 2px solid #064F8F;
}
body.pos-tienda #topnav .navbar-toggle:focus span {
  background-color: #064F8F;
}
body.pos-tienda #topnav .navigation-menu > li > a:hover {
  color: #064F8F;
}
body.pos-tienda #topnav .navigation-menu > li > a:hover i {
  color: #064F8F;
}
body.pos-tienda #topnav .navigation-menu > li > a:focus {
  color: #064F8F;
}
body.pos-tienda #topnav .navigation-menu > li > a:focus i {
  color: #064F8F;
}
body.pos-tienda #topnav .navigation-menu > li > a:active {
  color: #064F8F;
}
body.pos-tienda #topnav .navigation-menu > li > a:active i {
  color: #064F8F;
}
@media (min-width: 992px) {
body.pos-tienda #topnav .navigation-menu > li:hover a {
  color: #064F8F;
}
body.pos-tienda #topnav .navigation-menu > li:hover a i {
  color: #064F8F;
}
body.pos-tienda #topnav .navigation-menu > li .submenu li a:hover {
  color: #064F8F;
}
}
@media (max-width: 991px) {
body.pos-tienda #topnav .navigation-menu > li .submenu li a:hover {
  color: #064F8F;
}
body.pos-tienda #topnav .navigation-menu > li.has-submenu.open > a {
  color: #064F8F;
}
}

/* === menu_light.css === */
body.pos-tienda .topbar .topbar-left {
  background: #064F8F;
  border-bottom: 1px solid #064F8F;
  float: left;
  height: 70px;
  position: relative;
  width: 240px;
  z-index: 1;
}
body.pos-tienda .navbar-default {
  background-color: #064F8F;
  border-radius: 0px;
  border: none;
  margin-bottom: 0px;
}
body.pos-tienda .noti-primary {
  color: #064F8F;
  border: 2px solid #064F8F;
}
body.pos-tienda .noti-warning {
  color: #064F8F;
  border: 2px solid #064F8F;
}
body.pos-tienda #sidebar-menu ul ul li.active a {
  color: #064F8F;
}
body.pos-tienda #sidebar-menu ul ul a:hover {
  color: #064F8F;
}
body.pos-tienda #sidebar-menu > ul > li > a:hover {
  background: #f5f5f5;
  border-left: 2px solid #064F8F !important;
}
body.pos-tienda #sidebar-menu > ul > li > a:hover i {
  color: #064F8F !important;
}
body.pos-tienda #sidebar-menu > ul > li > a.active {
  background: #f5f5f5;
  border-left: 2px solid #064F8F !important;
}
body.pos-tienda #sidebar-menu > ul > li > a.active i {
  color: #064F8F !important;
}
body.pos-tienda #sidebar-menu > ul > li > a.active.subdrop {
  background: #f5f5f5 !important;
  border-left: 2px solid #064F8F;
}
body.pos-tienda #sidebar-menu > ul > li > a.active.subdrop i {
  color: #064F8F;
}
body.pos-tienda .subdrop {
  background: #f5f5f5;
  border-left: 2px solid #064F8F !important;
}
body.pos-tienda .subdrop i {
  color: #064F8F !important;
}
body.pos-tienda #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
  position: relative;
  width: 260px;
  background: #f5f5f5;
  color: #064F8F;
  border-color: #064F8F;
}
body.pos-tienda #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a i {
  color: #064F8F;
}
body.pos-tienda #wrapper.enlarged #sidebar-menu ul ul li.active a {
  color: #064F8F;
}
body.pos-tienda .contact-list i.away {
  color: #064F8F;
}

/* === pages.css === */
body.pos-tienda .timeline-2 {
  border-left: 2px solid #064F8F;
  position: relative;
}
body.pos-tienda .timeline-2 .time-item:after {
  background-color: #ffffff;
  border-color: #064F8F;
  border-radius: 10px;
  border-style: solid;
  border-width: 2px;
  bottom: 0;
  content: '';
  height: 10px;
  left: 0;
  margin-left: -6px;
  position: absolute;
  top: 5px;
  width: 10px;
}
body.pos-tienda .time-item:after {
  background-color: #ffffff;
  border-color: #064F8F;
  border-radius: 10px;
  border-style: solid;
  border-width: 2px;
  bottom: 0;
  content: '';
  height: 14px;
  left: 0;
  margin-left: -8px;
  position: absolute;
  top: 5px;
  width: 14px;
}
body.pos-tienda button.confirm {
  background-color: #064F8F !important;
  box-shadow: none !important;
}
body.pos-tienda .custom-dd .dd-list .dd-item .dd-handle:hover {
  color: #064F8F;
}
body.pos-tienda .custom-dd-empty .dd-list .dd3-handle:hover {
  color: #064F8F;
}
body.pos-tienda .custom-dd-empty .dd-list .dd3-content:hover {
  color: #064F8F;
}
body.pos-tienda .gmaps-overlay {
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 16px;
  line-height: 40px;
  background: #064F8F;
  border-radius: 4px;
  padding: 10px 20px;
}
body.pos-tienda .gmaps-overlay_arrow.above {
  bottom: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #064F8F;
}
body.pos-tienda .gmaps-overlay_arrow.below {
  top: -15px;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 16px solid #064F8F;
}
body.pos-tienda .bootstrap-tagsinput .label-info {
  background-color: #064F8F !important;
  display: inline-block;
  padding: 5px;
}
body.pos-tienda .select2-results .select2-highlighted {
  color: #ffffff;
  background-color: #064F8F;
}
body.pos-tienda .mce-reset .mce-textbox:focus {
  box-shadow: none;
  border-color: #064F8F;
}
body.pos-tienda .mce-container .mce-primary {
  background-color: #064F8F;
  background-image: none;
  outline: 0;
  border: 0px;
  border-radius: 0px;
}
body.pos-tienda .mce-container.mce-menu .mce-menu-item .mce-ico {
  color: #064F8F;
  font-size: 14px;
}
body.pos-tienda .mce-container.mce-menu .mce-menu-item:hover,
body.pos-tienda .mce-container.mce-menu .mce-menu-item:focus,
body.pos-tienda .mce-container.mce-menu .mce-menu-item.mce-selected {
  background-color: #064F8F;
}
body.pos-tienda .mce-menu-item-normal.mce-active {
  background-color: #064F8F !important;
}
body.pos-tienda .ct-chart .ct-series.ct-series-a .ct-bar,
body.pos-tienda .ct-chart .ct-series.ct-series-a .ct-line,
body.pos-tienda .ct-chart .ct-series.ct-series-a .ct-point,
body.pos-tienda .ct-chart .ct-series.ct-series-a .ct-slice-donut {
  stroke: #064F8F;
}
body.pos-tienda .ct-chart .ct-series.ct-series-g .ct-bar,
body.pos-tienda .ct-chart .ct-series.ct-series-g .ct-line,
body.pos-tienda .ct-chart .ct-series.ct-series-g .ct-point,
body.pos-tienda .ct-chart .ct-series.ct-series-g .ct-slice-donut {
  stroke: #064F8F;
}
body.pos-tienda .ct-series-a .ct-area,
body.pos-tienda .ct-series-a .ct-slice-pie {
  fill: #064F8F;
}
body.pos-tienda .portfolioFilter a:hover {
  background-color: #064F8F;
  color: #ffffff;
}
body.pos-tienda .portfolioFilter a.current {
  background-color: #064F8F;
  color: #ffffff;
}
body.pos-tienda .gal-detail .ga-border {
  height: 3px;
  width: 40px;
  background-color: #064F8F;
  margin: 10px auto;
}
body.pos-tienda .logo-lg {
  font-size: 28px !important;
  color: #064F8F !important;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 70px;
}

/* === stylePrice.css === */
body.pos-tienda .pricing-num {
  font-size: 30px;
  font-weight: 700;
  line-height: 115px;
  height: 140px;
  width: 140px;
  margin: 0px auto;
  color: #064F8F;
  background: rgb(255 255 255);
  border-radius: 50%;
  border: 12px solid #fafafa;
}
body.pos-tienda .pricing-num-yellow {
  background: rgba(255, 170, 0, 0.3);
  color: #064F8F;
}


/* === Overrides manuales (no extraídos de los 9 CSS) === */

/* .text-red está definido inline en login.html y registro; lo reseteamos a azul para POS Tienda. */
body.pos-tienda .text-red {
  color: #064F8F;
}

/* btn-primary del login (background: var(--main)) ya hereda automáticamente via :root,
   pero por seguridad redefinimos el azul exacto en body.pos-tienda. */
body.pos-tienda {
  --main: #064F8F;
  --secondary: #D5023A;
}

/* ============================================================
 * Overrides manuales — inline styles y reglas dentro de main.html
 * ============================================================
 * Estas reglas pisan declaraciones que están INLINE (style="...") o
 * dentro del <style> embebido en templates/main/main.html, que el
 * extractor no procesa. Usan !important para ganar specificity contra
 * los style="..." inline.
 */

/* Header rojo (#headerPP topbar-main) usa style="background-color:#D5023A". */
body.pos-tienda #headerPP,
body.pos-tienda .topbar-main {
  background-color: #064F8F !important;
}

/* Banner de cuenta gratuita: style="background-color: #FF113C" (línea 44 main.html). */
body.pos-tienda div.topbar-main[style*="FF113C"],
body.pos-tienda div.topbar-main[style*="#FF113C"] {
  background-color: #064F8F !important;
}

/* "Pagar Suscripción" tiene style="color: #D5023A" inline tanto en el <a> como en el <i>. */
body.pos-tienda a[ui-sref="main.subscription-payment"],
body.pos-tienda a[ui-sref="main.subscription-payment"] i,
body.pos-tienda a[ui-sref^="main.subscription-payment"][style*="color"],
body.pos-tienda a[ui-sref^="main.subscription-payment"] i[style*="color"] {
  color: #064F8F !important;
}

/* "Recomienda y Gana" botón con linear-gradient en .recommend-btn (definida en
   <style> embebido de main.html). */
body.pos-tienda .recommend-btn {
  background: linear-gradient(135deg, #064F8F, #033E73) !important;
}
body.pos-tienda .recommend-btn .badge-new {
  color: #064F8F !important;
}

/* Cualquier elemento con inline style="color:red" o variantes. Cubre los <sup
   style="color:red">Nuevo</sup> y similares (~15 lugares en main.html). */
body.pos-tienda [style*="color:red"],
body.pos-tienda [style*="color: red"],
body.pos-tienda [style*="color:#D5023A"],
body.pos-tienda [style*="color: #D5023A"],
body.pos-tienda [style*="color:#d5023a"],
body.pos-tienda [style*="color:#d5043a"],
body.pos-tienda [style*="color:#FF113C"],
body.pos-tienda [style*="color: #FF113C"],
body.pos-tienda [style*="color:#ff113c"],
body.pos-tienda [style*="color:#DD1C4B"],
body.pos-tienda [style*="color:#dd1c4b"] {
  color: #064F8F !important;
}

/* Inline background-color rojas (incluye typos como #d5043a en angucomplete). */
body.pos-tienda [style*="background-color:#D5023A"],
body.pos-tienda [style*="background-color: #D5023A"],
body.pos-tienda [style*="background-color:#d5023a"],
body.pos-tienda [style*="background-color:#d5043a"],
body.pos-tienda [style*="background-color:#FF113C"],
body.pos-tienda [style*="background-color: #FF113C"],
body.pos-tienda [style*="background-color:#ff113c"] {
  background-color: #064F8F !important;
}

/* ng-style con background-color rojo (ej. orders.html línea 1162). */
body.pos-tienda [ng-style*="#D5023A"],
body.pos-tienda [ng-style*="#d5023a"],
body.pos-tienda [ng-style*="#FF113C"] {
  background-color: #064F8F !important;
}

/* Texto principal de items menu hover: el ::before fontello hereda el color del <a>.
   Forzamos al default a color neutro (igual que restobar) y sólo azul en hover/active. */
body.pos-tienda #topnav .navigation-menu > li > a::before {
  color: inherit;
}

/* === Overrides de bloques <style> embebidos en templates (POS Tienda) === */

/* dashboard.html redefine .badge-success/.text-success/.icon-chart(-right):hover en rojo. */
body.pos-tienda .badge-success {
  background-color: #064F8F !important;
}
body.pos-tienda .text-success {
  color: #064F8F !important;
}
body.pos-tienda .icon-chart-right:hover,
body.pos-tienda .icon-chart:hover {
  border-color: #064F8F !important;
  color: #064F8F !important;
}

/* === Toggles (switch/slider) y categorías de Vender (POS Tienda) === */

/* Los toggles usan input:checked + .slider con fondo rojo (definido en el <style>
   de main.html, que aplica globalmente). Azul para POS Tienda. */
body.pos-tienda input:checked + .slider {
  background-color: #064F8F !important;
}

/* Categorías en la vista Vender (orders.html <style>): hover y seleccionada en rojo. */
body.pos-tienda .category:hover {
  border-color: #064F8F !important;
  color: #064F8F !important;
}
body.pos-tienda .categorySelected,
body.pos-tienda .categorySelected:hover {
  background-color: #064F8F !important;
  color: #ffffff !important;
}

/* Hover de tarjeta de producto (borde rojo #FF113C en orders.html). */
body.pos-tienda .card:hover {
  border-color: #064F8F !important;
}

/* === Botones de pago: texto blanco garantizado (POS Tienda) === */
/* Sobre el fondo azul, el texto debe ser blanco. Refuerzo por si alguna regla de
   color (p.ej. .btn-secondary azul) gana specificity y deja el texto invisible. */
body.pos-tienda .banner-top-btn,
body.pos-tienda .pr-button .btn-primary,
body.pos-tienda .pr-button .btn-primary span,
body.pos-tienda #modal-payment .btn-primary,
body.pos-tienda #modal-payment .btn-primary span {
  color: #ffffff !important;
}

/* === Checkbox de planes en Pagar Suscripción (.checkmark) — azul para POS Tienda === */
/* subscriptionPaymentsV2.html define el checkbox custom con borde/fondo rojo #D5023A. */
body.pos-tienda .container-cb .checkmark {
  border-color: #064F8F !important;
}
body.pos-tienda .container-cb input:checked ~ .checkmark {
  background-color: #064F8F !important;
}
body.pos-tienda .plan-discount {
  color: #064F8F !important;
}