/* PuntoSeguro - Recuperar comparativas v1.1.0 (30-oct-2026). Ver ps-recuperar-comparativa.php
   Tokens de marca: Poppins 400/500/700, azul #142c91 (hover #002f87), fondo #EDEEF6,
   texto #131413 / #333, radios 2-3 px, --shadow-large. El verde se reserva para
   ahorro / mejor precio: aqui no se usa.
   El tema pone a,button{white-space:nowrap;user-select:none}: se anula dentro del panel. */

/* ---------- Boton de la cabecera ---------- */
@media (min-width: 992px) {
  .header-actions .header-cta { min-width: 186px; }
}
.header-cta.ps-rc-btn { gap: 10px; }
.ps-rc-num {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px;
  background: #fff; color: #142c91; font-size: 12px; font-weight: 700; line-height: 1;
}
.ps-rc-movil .ps-rc-num { background: #142c91; color: #fff; margin-left: 8px; }

/* Entrada del menu movil (por debajo de 992 px no se ve el boton de la cabecera) */
.ps-rc-movil > a { display: inline-flex !important; align-items: center; font-weight: 500 !important; color: #142c91 !important; }
@media (min-width: 992px) { .ps-rc-movil { display: none !important; } }

/* ---------- Panel ---------- */
.ps-rc-panel {
  position: fixed; z-index: 100000; width: 440px; max-width: calc(100vw - 32px);
  box-sizing: border-box; padding: 20px;
  background: #fff; color: #131413;
  font-family: "Poppins", system-ui, ui-sans-serif, sans-serif;
  font-size: 16px; line-height: 1.4; letter-spacing: normal; text-align: left;
  border-radius: 3px;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05), 0 0 0 1px rgba(20,44,145,.08);
}
.ps-rc-panel[hidden] { display: none !important; }
.ps-rc-panel *, .ps-rc-panel *::before, .ps-rc-panel *::after { box-sizing: border-box; }
.ps-rc-panel a, .ps-rc-panel button, .ps-rc-panel span, .ps-rc-panel p {
  white-space: normal !important; -webkit-user-select: auto; user-select: auto;
  font-family: inherit; letter-spacing: normal; text-transform: none;
}
.ps-rc-panel p { margin: 0; }

/* Flecha que apunta al boton (escritorio) */
.ps-rc-panel::before {
  content: ""; position: absolute; top: -6px; right: 32px; width: 12px; height: 12px;
  background: #fff; transform: rotate(45deg);
  box-shadow: -1px -1px 0 0 rgba(20,44,145,.08);
}
.ps-rc-panel__asa { display: none; }

.ps-rc-panel__cab { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.ps-rc-panel__titulo { font-size: 20px !important; font-weight: 700; color: #142c91; line-height: 1.25 !important; }
.ps-rc-panel__sub { margin-top: 4px !important; font-size: 14px !important; color: #333; line-height: 1.4 !important; }
.ps-rc-panel__cerrar {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; margin: -6px -6px 0 0; padding: 0;
  border: 0; border-radius: 2px; background: transparent; color: #333; cursor: pointer;
}
.ps-rc-panel__cerrar:hover, .ps-rc-panel__cerrar:focus-visible { background: #edeef6; color: #142c91; outline: none; }

/* ---------- Cards ---------- */
.ps-rc-lista { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; gap: 8px; }
.ps-rc-item { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.ps-rc-item::before, .ps-rc-item::marker { content: none !important; display: none; }

.ps-rc-card {
  display: flex !important; align-items: center; gap: 14px;
  padding: 14px 14px 14px 12px; border-radius: 3px;
  background: #edeef6; color: #131413 !important; text-decoration: none !important;
  border: 1px solid transparent; transition: border-color .2s ease, background .2s ease;
}
.ps-rc-card:hover { background: #e4e6f2; border-color: rgba(20,44,145,.25); }
.ps-rc-card:focus-visible { outline: 2px solid #142c91; outline-offset: 2px; }

.ps-rc-card__ico {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; border-radius: 50%;
  background: #fff; color: #142c91;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
}
.ps-rc-card__txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.ps-rc-card__titulo { font-size: 14px !important; font-weight: 400; color: #333; line-height: 1.3; }
.ps-rc-card__detalle { font-size: 16px !important; font-weight: 700; color: #142c91; line-height: 1.3; }
.ps-rc-card__fecha { font-size: 12px !important; color: #333; line-height: 1.4; opacity: .8; }

.ps-rc-card__ir {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px;
  font-size: 14px !important; font-weight: 500; color: #142c91; line-height: 1;
}
.ps-rc-card__flecha {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; border-radius: 2px; background: #142c91; color: #fff;
  transition: background .2s ease, transform .2s ease;
}
.ps-rc-card:hover .ps-rc-card__flecha { background: #002f87; transform: translateX(2px); }

/* ---------- Pie ---------- */
.ps-rc-panel__pie {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-top: 16px; padding-top: 16px; border-top: 1px solid #edeef6;
}
.ps-rc-panel__nueva {
  display: inline-flex !important; align-items: center; justify-content: center;
  padding: 9px 16px; border: 1px solid #142c91; border-radius: 2px;
  font-size: 14px !important; font-weight: 500; line-height: 1.2;
  color: #142c91 !important; background: #fff; text-decoration: none !important;
}
.ps-rc-panel__nueva:hover, .ps-rc-panel__nueva:focus-visible { background: #142c91; color: #fff !important; }
.ps-rc-panel__borrar {
  border: 0; background: transparent; padding: 4px 0; cursor: pointer;
  font-size: 12px !important; color: #333; text-decoration: underline; text-underline-offset: 2px;
}
.ps-rc-panel__borrar:hover { color: #142c91; }

/* El boton flotante de CookieYes (z-index mayor) tapaba el pie del panel en movil.
   Se oculta solo mientras el panel esta abierto. */
html.ps-rc-abierto .cky-btn-revisit-wrapper,
html.ps-rc-abierto .cky-btn-revisit { display: none !important; }

/* ---------- Movil: hoja inferior ---------- */
@media (max-width: 991.98px) {
  .ps-rc-panel {
    top: auto !important; right: 0 !important; left: 0; bottom: 0;
    width: 100%; max-width: none; border-radius: 3px 3px 0 0;
    padding: 10px 16px calc(16px + env(safe-area-inset-bottom));
    max-height: 85vh; overflow-y: auto;
  }
  .ps-rc-panel::before { display: none; }
  .ps-rc-panel__asa {
    display: block; width: 40px; height: 4px; margin: 0 auto 14px;
    border-radius: 2px; background: #d6dbf2;
  }
  .ps-rc-card__irtxt { display: none; }
  html.ps-rc-abierto::before {
    content: ""; position: fixed; inset: 0; z-index: 99999; background: rgba(19, 20, 19, .45);
  }
}