/* ITE Fideliza V1.9.12 — ajuste de contraste limitado a la tarjeta web.
   Mantener el diseño con fotografía en la tarjeta; las zonas informativas son
   claras para asegurar la lectura en Android, iOS y pantallas pequeñas. */
.card-page-v1911 {
  background:linear-gradient(180deg,#e9eef5 0%,#f3f6fa 42%,#e8edf5 100%);
  color:#17243a;
}
/* La fotografía permanece en la portada, pero sin una capa negra excesiva. */
.card-page-v1911 .loyalty-card-v1911 {
  background:#182840;
  border-color:rgba(204,162,95,.67);
  box-shadow:0 19px 52px rgba(23,40,63,.18);
}
.card-page-v1911 .loyalty-card-v1911 .premium-cover {
  background-image:linear-gradient(180deg,rgba(12,20,35,.36) 0%,rgba(12,20,35,.4) 29%,rgba(13,24,42,.66) 64%,rgba(13,24,42,.89) 100%),var(--premium-cover);
}
.card-page-v1911 .loyalty-card-v1911 .premium-card-brand h1,
.card-page-v1911 .loyalty-card-v1911 .premium-card-member strong {color:#fff;}
.card-page-v1911 .loyalty-card-v1911 .premium-card-member span {color:#f0f3fa;opacity:1;}

/* El contenido inferior vuelve a una superficie blanca. Evita que las clases
   generales de panel y formulario hereden textos oscuros sobre azul marino. */
.card-page-v1911 .public-panel-v1911 {
  background:#fff;
  color:#152238;
  border-color:#dbe3ed;
  box-shadow:0 14px 38px rgba(24,42,69,.09);
}
.card-page-v1911 .public-panel-v1911 h2,
.card-page-v1911 .public-panel-v1911 h3,
.card-page-v1911 .public-panel-v1911 .section-title-row h3,
.card-page-v1911 .public-panel-v1911 .rewards-section h3,
.card-page-v1911 .public-panel-v1911 .wallet-section h3,
.card-page-v1911 .public-panel-v1911 .public-panel-title h2 {color:#142138;}
.card-page-v1911 .public-panel-v1911 b,
.card-page-v1911 .public-panel-v1911 strong {color:inherit;}
.card-page-v1911 .public-panel-v1911 .muted,
.card-page-v1911 .public-panel-v1911 .micro,
.card-page-v1911 .public-panel-v1911 .section-title-row>span {color:#526177;}
.card-page-v1911 .public-panel-v1911 .card-kicker.dark {color:#966221;}
.card-page-v1911 .public-panel-v1911 .reward-count {
  color:#12613e;
  background:#e8f6ee;
  border-color:#bfe8cf;
}

/* Móvil vinculado, botón QR y ajustes de dispositivo. */
.card-page-v1911 .public-panel-v1911 .premium-linked-status {
  background:#eff6ff;
  border:1px solid #c6d8ec;
  color:#1a324e;
}
.card-page-v1911 .public-panel-v1911 .premium-linked-icon {background:#d9e9f7;color:#154976;}
.card-page-v1911 .public-panel-v1911 .premium-linked-status b {color:#172b45;}
.card-page-v1911 .public-panel-v1911 .premium-linked-status small {color:#405975;}
.card-page-v1911 .public-panel-v1911 .premium-device-options,
.card-page-v1911 .public-panel-v1911 .premium-device-options summary {color:#4b5c75;}
.card-page-v1911 .public-panel-v1911 .show-qr-btn {
  background:#18283f;
  color:#fff;
  border-color:#18283f;
  box-shadow:0 9px 24px rgba(24,40,63,.13);
}
.card-page-v1911 .public-panel-v1911 .show-qr-btn b,
.card-page-v1911 .public-panel-v1911 .show-qr-btn small,
.card-page-v1911 .public-panel-v1911 .show-qr-arrow {color:#fff;opacity:1;}
.card-page-v1911 .public-panel-v1911 .show-qr-icon {background:#30435d;color:#f5d69c;}
.card-page-v1911 .public-panel-v1911 .show-qr-btn:hover {background:#273c5a;}

/* Progreso, premios, regalos y títulos secundarios. */
.card-page-v1911 .public-panel-v1911 .loyalty-progress-box,
.card-page-v1911 .public-panel-v1911 .next-reward-box,
.card-page-v1911 .public-panel-v1911 .customer-reward {
  background:#f5f8fc;
  border:1px solid #dfe6f0;
  color:#18283e;
}
.card-page-v1911 .public-panel-v1911 .progress-head,
.card-page-v1911 .public-panel-v1911 .progress-head b,
.card-page-v1911 .public-panel-v1911 .next-reward-box b,
.card-page-v1911 .public-panel-v1911 .reward-main b {color:#17263e;}
.card-page-v1911 .public-panel-v1911 .loyalty-progress-box .muted,
.card-page-v1911 .public-panel-v1911 .loyalty-progress-box small,
.card-page-v1911 .public-panel-v1911 .progress-head>span,
.card-page-v1911 .public-panel-v1911 .progress-bar-meta span,
.card-page-v1911 .public-panel-v1911 .next-reward-box small,
.card-page-v1911 .public-panel-v1911 .customer-reward small,
.card-page-v1911 .public-panel-v1911 .reward-cost {color:#4d5d75;}
.card-page-v1911 .public-panel-v1911 .next-reward-box span {color:#885c26;}
.card-page-v1911 .public-panel-v1911 .progress-bar-track {background:#dfe6ef;}
.card-page-v1911 .public-panel-v1911 .progress-bar-fill {background:linear-gradient(90deg,#bb8432,#e2b76b);}
.card-page-v1911 .public-panel-v1911 .progress-bar-meta b {color:#17263e;}
.card-page-v1911 .public-panel-v1911 .stamp-dot {background:#fff;border-color:#c2ccda;color:#465773;}
.card-page-v1911 .public-panel-v1911 .stamp-dot.filled {background:#f7e6c6;border-color:#c08d43;color:#18263b;}
.card-page-v1911 .public-panel-v1911 .stamp-dot.reward-slot {background:#fff2d7;border-color:#bd863c;color:#6c4618;}
.card-page-v1911 .public-panel-v1911 .reward-cost span {background:#e9eef6;color:#394e69;}
.card-page-v1911 .public-panel-v1911 .reward-state {color:#485b75;}
.card-page-v1911 .public-panel-v1911 .customer-reward.available .reward-state {color:#11643d;}
.card-page-v1911 .public-panel-v1911 .reward-note {color:#526177;}

/* Invitaciones: título, descripción y mensaje deben ser visibles incluso en móvil. */
.card-page-v1911 .public-panel-v1911 .referral-public-box {
  background:#fffaf0;
  border:1px solid #eed9b9;
  border-left:4px solid #be8637;
  color:#192840;
  box-shadow:0 5px 18px rgba(136,97,42,.05);
}
.card-page-v1911 .public-panel-v1911 .referral-share-card>b {color:#16253b;font-size:18px;}
.card-page-v1911 .public-panel-v1911 .referral-share-card>small {color:#4a5c72;font-size:12px;}
.card-page-v1911 .public-panel-v1911 .referral-share-preview {
  background:#fff;
  border:1px solid #e4dcca;
  color:#283950;
  font-size:13px;
  line-height:1.6;
  overflow-wrap:anywhere;
}
.card-page-v1911 .public-panel-v1911 .referral-share-card .btn.tenant {
  background:#ecc47b;
  color:#182338;
  border:1px solid #c69a55;
  font-weight:800;
}
.card-page-v1911 .public-panel-v1911 .referral-share-card .btn.tenant:hover {background:#f3d18d;}
.card-page-v1911 .public-panel-v1911 .referral-share-options>a,
.card-page-v1911 .public-panel-v1911 .referral-share-options>button {
  background:#fff;
  border-color:#cbd5e1;
  color:#1e3551;
}
.card-page-v1911 .public-panel-v1911 .referral-share-feedback {color:#36536f;}

/* Wallet: tanto los botones disponibles como los pendientes deben poder leerse;
   lo pendiente se indica por color, borde y ausencia de enlace, no por opacidad. */
.card-page-v1911 .public-panel-v1911 .wallet-section {border-color:#dbe2ec;}
.card-page-v1911 .public-panel-v1911 .wallet-v12 {min-height:62px;border-radius:15px;opacity:1;}
.card-page-v1911 .public-panel-v1911 .wallet-v12 span,
.card-page-v1911 .public-panel-v1911 .wallet-v12 b,
.card-page-v1911 .public-panel-v1911 .wallet-v12 small {color:inherit;opacity:1;}
.card-page-v1911 .public-panel-v1911 .wallet.apple:not(.disabled-wallet) {
  background:#141d30;
  color:#fff;
  border:1px solid #141d30;
}
.card-page-v1911 .public-panel-v1911 .wallet.google:not(.disabled-wallet) {
  background:#fff;
  color:#182638;
  border:1px solid #bac6d6;
}
.card-page-v1911 .public-panel-v1911 .wallet.apple.disabled-wallet,
.card-page-v1911 .public-panel-v1911 .wallet.google.disabled-wallet {
  background:#eff2f6;
  color:#506079;
  border:1px dashed #b7c3d3;
  opacity:1;
}
.card-page-v1911 .public-panel-v1911 .wallet.apple.disabled-wallet::after,
.card-page-v1911 .public-panel-v1911 .wallet.google.disabled-wallet::after {
  content:'Pendiente';
  font-size:10px;
  font-weight:750;
  letter-spacing:.025em;
  margin-left:auto;
  color:#485a70;
}
.card-page-v1911 .public-panel-v1911 .card-actions-public .btn.ghost,
.card-page-v1911 .public-panel-v1911 .premium-device-options .btn.ghost {
  background:#f2f5fa;
  color:#1b2e49;
  border:1px solid #c5d1e0;
}
.card-page-v1911 .public-panel-v1911 .text-action {color:#285381;}
.card-page-v1911 .public-panel-v1911 a:focus-visible,
.card-page-v1911 .public-panel-v1911 button:focus-visible {outline:3px solid #b77724;outline-offset:3px;}
@media(max-width:450px) {
  .card-page-v1911 .public-panel-v1911 {padding:19px 16px;}
  .card-page-v1911 .public-panel-v1911 .referral-share-preview {padding:14px;font-size:13px;}
  .card-page-v1911 .public-panel-v1911 .wallet-v12 {padding:12px;}
}

/* V1.9.13: el QR web se reemplaza por un estado no interactivo mientras
   el dispositivo no esté vinculado. El código real nunca llega al HTML. */
.card-page-v1911 .loyalty-card-v1911 .premium-card-qr-locked {
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;
  background:rgba(18,32,52,.87);border:1px solid rgba(239,212,159,.7);
  color:#fff;cursor:default;box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.card-page-v1911 .premium-card-qr-locked span {font-size:37px;line-height:1;}
.card-page-v1911 .premium-card-qr-locked small {color:#f4e2bf;font-size:12px;font-weight:700;line-height:1.4;}