/* =====================================================================
   PÁGINA DE OFERTAS ([mds_ofertas]).
   El diseño del listado (topbar, buscador, tarjetas, CTA y FAQ) está
   DUPLICADO de [shortcode_pobox] (namespace mdpb-* y faq-*). Los estilos
   de la ficha individual (.mds-oferta-single*) son propios del plugin.
   ===================================================================== */

.mdpb-page{box-sizing:border-box;max-width:680px;margin:0 auto;padding:14px 16px 0;color:#1f2937;font-family:inherit;overflow-x:hidden;}
.mdpb-page *{box-sizing:border-box;}

/* Neutraliza ::before/::after heredados del tema que descuadran flex/grid.
   Excepcion: iconos Font Awesome del FAQ (::before para dibujarse). */
.mdpb-page::before,.mdpb-page::after,
.mdpb-page *:not([class*="fa-"])::before,
.mdpb-page *:not([class*="fa-"])::after{content:none !important;display:none !important;}

.mdpb-page h1{text-transform:none !important;}
.mdpb-page [hidden]{display:none !important;}

/* ---- Toggle de idioma ES/EN (mismo patrón que pobox.php) ----
   Ambos idiomas van en el markup dentro de <span data-lang="es|en">, se
   muestra solo el del idioma detectado según la clase raíz
   (mdpb-lang-en/mdpb-lang-es) fijada por el script inline antes de pintar
   (sin parpadeo). Fallback sin JS: español. */
.mdpb-page [data-lang="en"]{display:none;}
.mdpb-page.mdpb-lang-en [data-lang="es"]{display:none;}
.mdpb-page.mdpb-lang-en [data-lang="en"]{display:inline;}

/* ---- Variante ES / EN / USA, solo para texto de página (no para los
   modals, que siguen con data-lang de arriba). La clase mdpb-lang-usa
   siempre va acompañada de mdpb-lang-en (ver script de detección), así que
   todo lo de arriba ya funciona igual para USA salvo lo que se sobrescribe
   acá con data-region="usa". */
.mdpb-page [data-region]{display:none;}
.mdpb-page [data-region="es"]{display:inline;}
.mdpb-page.mdpb-lang-en [data-region="es"]{display:none;}
.mdpb-page.mdpb-lang-en [data-region="en"]{display:inline;}
.mdpb-page.mdpb-lang-usa [data-region="en"]{display:none;}
.mdpb-page.mdpb-lang-usa [data-region="usa"]{display:inline;}

/* ===============================
   TOP BAR
================================ */
.mdpb-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0 10px;width:auto !important;max-width:100% !important;position:static !important;transform:none !important;margin-left:0 !important;margin-right:0 !important;}
.mdpb-topbar__back,
.mdpb-topbar__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#f3f4f6;border:none;text-decoration:none;cursor:pointer;transition:background .15s ease;}
.mdpb-topbar__back:hover,
.mdpb-topbar__icon:hover{background:#e5e7eb;}
.mdpb-topbar__titlewrap{flex:1 1 auto;min-width:0;text-align:center;}
.mdpb-topbar__title{margin:0;font-size:19px;line-height:1.2;font-weight:800;color:#0b2d6b;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ===============================
   TITULO + SUBTITULO
================================ */
.mdpb-intro{text-align:left;margin:2px 0 16px;}
.mdpb-intro__main{margin:0 0 4px;font-size:21px;font-weight:800;color:#0b2d6b;letter-spacing:-.2px;}
.mdpb-intro__sub{margin:0;font-size:13.5px;line-height:1.4;color:#6b7280;}

/* ===============================
   RECUADRO AZUL (HERO Plus)
================================ */
.mdpb-hero{background:linear-gradient(135deg,#132a6b 0%,#1d4ed8 100%);border-radius:16px;padding:16px 18px;margin-bottom:14px;color:#fff;text-align:left;}
.mdpb-hero__badge{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#1d4ed8;font-weight:800;font-size:12px;padding:5px 12px;border-radius:999px;margin-bottom:12px;}
.mdpb-hero__row{display:flex;align-items:center;gap:14px;}
.mdpb-hero__text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;}
.mdpb-hero__text strong{font-size:16px;font-weight:800;line-height:1.2;color:#fff;text-align:left;}
.mdpb-hero__text small{font-size:12.5px;line-height:1.35;color:#dbe4fb;text-align:left;}
.mdpb-hero__btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;background:#fff;color:#1d4ed8 !important;text-decoration:none !important;font-size:13.5px;font-weight:800;padding:11px 16px;border-radius:999px;white-space:nowrap;transition:background .15s ease,transform .05s ease;}
.mdpb-hero__btn:hover{background:#eef2ff;}
.mdpb-hero__btn:active{transform:translateY(1px);}

/* ===============================
   BUSCADOR (un solo bloque, lupa dentro)
================================ */
.mdpb-search{position:relative;display:flex !important;align-items:center !important;padding:0 !important;margin:0 0 14px !important;height:46px !important;}
.mdpb-search__icon{position:absolute !important;top:0 !important;bottom:0 !important;left:14px !important;height:18px !important;width:18px !important;margin:10px 0 !important;display:block !important;transform:none !important;pointer-events:none;}
.mdpb-search__input{display:block !important;flex:1 1 auto !important;width:100% !important;height:46px !important;padding:0 16px 0 42px !important;border:1px solid #e5e7eb !important;border-radius:999px !important;background:#f9fafb !important;font-size:14.5px !important;color:#1f2937 !important;outline:none !important;box-shadow:none !important;}
.mdpb-search__input:focus{border-color:#93c5fd !important;background:#ffffff !important;}
.mdpb-search__input::placeholder{color:#9aa1ab;}

/* ===============================
   PILLS DE CATEGORIA (chips)
================================ */
.mdpb-cats{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:18px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.mdpb-cats::-webkit-scrollbar{display:none;}
.mdpb-cat{flex:0 0 auto;display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;border:1px solid #e5e7eb;background:#ffffff;color:#374151 !important;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;text-decoration:none !important;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.mdpb-cat__icon{width:16px;height:16px;flex:0 0 auto;}
.mdpb-cat:hover{border-color:#cbd5e1;}
.mdpb-cat--active{background:#0b2d6b !important;border-color:#0b2d6b;color:#ffffff !important;}

/* ===============================
   SECCIONES: encabezado
================================ */
.mdpb-section-head{font-size:16px;font-weight:800;color:#111827;margin:4px 2px 12px;text-align:left !important;}
.mdpb-section-head--row{display:flex;align-items:center;justify-content:space-between;gap:10px;}

/* ===============================
   GRID DE OFERTAS (tarjetas mdpb-deal)
================================ */
.mds-ofertas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:8px;}
.mds-ofertas-grid .mdpb-deal{width:auto;}

.mdpb-deal{flex:0 0 auto;width:196px;background:#fff;border:1px solid #e8edf5;border-radius:14px;padding:12px;text-decoration:none !important;color:inherit;text-align:left !important;transition:box-shadow .2s ease,transform .1s ease;}
.mdpb-deal:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(15,23,42,.10);}
.mdpb-deal__imgwrap{position:relative;width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin-bottom:8px;}
.mdpb-deal__img{max-width:100%;max-height:100%;object-fit:contain;display:block;}
.mdpb-deal__badge{position:absolute;top:4px;left:4px;background:#e11d2a;color:#fff;font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px;}
.mdpb-deal__name{font-size:12.5px;font-weight:500;color:#1a1a1a;line-height:1.3;min-height:2.4em;margin-bottom:4px;text-align:left !important;}
.mdpb-deal__price{font-size:14px;font-weight:800;color:#e11d2a;line-height:1.2;text-align:left !important;}
.mdpb-deal__old{font-size:12px;color:#9ca3af;text-decoration:line-through;text-align:left !important;}

/* Bloqueo visual (blur + candado) por tarjeta cuando el usuario NO es Plus. */
.mdpb-deal--locked .mdpb-deal__img{filter:blur(4px);transform:scale(1.08);}
.mdpb-deal__lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#ffffff;box-shadow:0 6px 16px rgba(15,23,42,.20);display:flex;align-items:center;justify-content:center;z-index:2;}
.mdpb-deal__plusbadge{display:inline-flex;align-items:center;gap:4px;margin-top:5px;padding:3px 8px;border-radius:6px;background:linear-gradient(135deg,#f4f8ff 0%,#eef2ff 100%);color:#1d4ed8;font-size:11.5px;font-weight:700;}
.mdpb-deal__unlockbtn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:9px;padding:9px 10px;border:1.5px solid #1d4ed8;border-radius:8px;background:#ffffff;color:#1d4ed8;font-size:12.5px;font-weight:700;white-space:nowrap;}

/* Boton "Cargar mas" */
.mdpb-vermas{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin:16px 0 6px;background:#ffffff;border:1.5px solid #0b63f6;border-radius:10px;color:#0b63f6;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease;}
.mdpb-vermas:hover{background:#0b63f6;color:#ffffff;}
.mdpb-vermas svg{flex:0 0 auto;}

.mdpb-all__empty{text-align:center;color:#6b7280;font-size:13.5px;padding:24px 0;}

/* ===============================
   CTA (reemplaza banner-plus)
================================ */
.mdpb-offers__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;background:#eef3ff;border:1px solid #dbe6ff;border-radius:16px;padding:16px;margin-top:14px;}
.mdpb-offers__cta-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#1d4ed8;}
.mdpb-offers__cta-text{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left !important;}
.mdpb-offers__cta-text strong{font-size:14.5px;font-weight:800;line-height:1.3;color:#0b2d6b;}
.mdpb-offers__cta-btn{flex:1 1 100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#1d4ed8;color:#fff !important;text-decoration:none !important;font-size:13.5px;font-weight:800;padding:11px 18px;border-radius:8px;white-space:nowrap;transition:background .15s ease;}
.mdpb-offers__cta-btn:hover{background:#1741b0;}

@media (max-width:480px){
  .mdpb-topbar__title{font-size:17px;}
  .mdpb-intro__main{font-size:18.5px;}
  .mds-ofertas-grid{gap:8px;}
  .mdpb-hero__row{flex-wrap:wrap;}
  .mdpb-hero__btn{order:3;width:100%;justify-content:center;margin-top:4px;}
  .mdpb-deal__unlockbtn{font-size:12px;padding:8px 6px;}
  .mdpb-deal__lock{width:40px;height:40px;}
}

/* Estado de carga del grid mientras filtra por AJAX */
.mds-ofertas-grid.is-loading{opacity:.5;transition:opacity .15s ease;pointer-events:none;}

.mds-ofertas-btn-plus{display:inline-block;background:#1d4ed8;color:#fff !important;font-weight:bold;padding:0.8em 1.6em;border-radius:999px;text-decoration:none !important;}
.mds-ofertas-btn-secundario{display:inline-block;margin-top:0.8em;padding:0.8em 1.6em;border-radius:999px;border:1px solid #1d4ed8;color:#1d4ed8 !important;text-decoration:none !important;}

/* =====================================================================
   FAQ (duplicado de preguntas_frecuentes_pobox.php)
   ===================================================================== */
.faq-help-box::before,.faq-trust-box::before,.faq-trust-item:before{content:none !important;display:none !important;}

#mdsOfertasFaq,.faq-home-modern{width:100%;max-width:760px;margin:26px auto 0;padding:0;font-family:inherit;box-sizing:border-box;}
.faq-home-header{text-align:center;margin-bottom:24px;}
.faq-home-header h2{margin:0 0 6px;font-size:30px;line-height:1.15;font-weight:800;color:#111827;letter-spacing:-0.4px;}
.faq-home-header p{margin:0;font-size:15px;line-height:1.45;color:#5b6475;}
.faq-home-list{display:flex;flex-direction:column;gap:12px;}
.faq-card{width:100%;background:#ffffff;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,0.04);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;}
.faq-card:hover{border-color:#d6e3fb;box-shadow:0 12px 30px rgba(15,23,42,0.07);transform:translateY(-1px);}
.faq-question{width:100%;min-height:82px;padding:16px 20px;background:#ffffff;border:none;outline:none;cursor:pointer;display:grid;grid-template-columns:54px 1fr 28px;align-items:center;gap:18px;text-align:left;box-sizing:border-box;}
.faq-icon{width:54px;height:54px;border-radius:14px;background:#f1f6ff;color:#0b63f6;display:flex;align-items:center;justify-content:center;font-size:23px;flex-shrink:0;}
.faq-text{display:flex;flex-direction:column;gap:5px;min-width:0;}
.faq-text strong{display:block;font-size:17px;line-height:1.25;font-weight:800;color:#101827;letter-spacing:-0.15px;}
.faq-text small{display:block;font-size:14px;line-height:1.42;font-weight:400;color:#505a6d;}
.faq-arrow{width:28px;height:28px;color:#0b63f6;display:flex;align-items:center;justify-content:center;font-size:13px;transition:transform .25s ease;}
.faq-card.active .faq-arrow,.faq-card.is-active .faq-arrow,.faq-question.active .faq-arrow{transform:rotate(180deg);}
.faq-answer{max-height:0;overflow:hidden;opacity:0;padding:0 22px 0 92px;transition:max-height .35s ease,opacity .25s ease,padding .25s ease;box-sizing:border-box;}
.faq-card.active .faq-answer,.faq-card.is-active .faq-answer,.faq-answer.active{max-height:500px;opacity:1;padding:0 22px 20px 92px;}
.faq-answer p{margin:0 0 10px;font-size:14.5px;line-height:1.65;color:#4b5567;text-align:left !important;}
.faq-answer p:last-child{margin-bottom:0;}

.faq-help-box{margin-top:18px;width:100%;min-height:112px;padding:22px;background:linear-gradient(135deg,#f4f8ff 0%,#eef5ff 100%);border:1px solid #e3edff;border-radius:14px;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:18px;box-sizing:border-box;}
.faq-help-icon{width:62px;height:62px;border-radius:18px;background:#eef5ff;color:#0b63f6;display:flex;align-items:center;justify-content:center;font-size:34px;flex-shrink:0;}
.faq-help-content h3{margin:0 0 6px;font-size:17px;line-height:1.25;font-weight:800;color:#111827;text-align:left !important;}
.faq-help-content p{margin:0;font-size:14px;line-height:1.5;color:#4b5567;text-align:left !important;}
.faq-help-btn{min-width:190px;height:52px;padding:0 22px;border-radius:10px;background:#0b63f6;color:#ffffff !important;text-decoration:none !important;font-size:14.5px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 22px rgba(11,99,246,0.22);transition:background .25s ease,transform .25s ease,box-shadow .25s ease;}
.faq-help-btn:hover{background:#084fd0;color:#ffffff !important;transform:translateY(-1px);box-shadow:0 14px 28px rgba(11,99,246,0.28);}
.faq-help-btn i{font-size:12px;}

.faq-trust-box{margin-top:18px;width:100%;padding:18px 20px;background:#ffffff;border:1px solid #e8edf5;border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,0.04);display:grid;grid-template-columns:repeat(3,1fr);gap:0;box-sizing:border-box;}
.faq-trust-item{display:grid;grid-template-columns:46px 1fr;align-items:flex-start;gap:12px;padding:0 16px;box-sizing:border-box;}
.faq-trust-item:first-child{padding-left:0;}
.faq-trust-item:last-child{padding-right:0;}
.faq-trust-item:not(:last-child){border-right:1px solid #e8edf5;}
.faq-trust-icon{width:44px;height:44px;border-radius:13px;background:#f1f6ff;color:#0b63f6;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;}
.faq-trust-content h4{margin:0 0 5px;font-size:13.5px;line-height:1.25;font-weight:800;color:#111827;min-height:2.5em;}
.faq-trust-content p{margin:0;font-size:12.8px;line-height:1.45;color:#4b5567;}

@media (max-width:768px){
  #mdsOfertasFaq,.faq-home-modern{max-width:100%;padding:0;}
  .faq-home-header h2{font-size:26px;}
  .faq-question{min-height:78px;padding:15px 16px;grid-template-columns:50px 1fr 24px;gap:15px;}
  .faq-icon{width:50px;height:50px;font-size:21px;}
  .faq-text strong{font-size:16px;}
  .faq-text small{font-size:13.5px;}
  .faq-answer{padding:0 18px 0 81px;}
  .faq-card.active .faq-answer,.faq-card.is-active .faq-answer,.faq-answer.active{padding:0 18px 18px 81px;}
  .faq-help-box{grid-template-columns:58px 1fr;gap:14px;}
  .faq-help-btn{grid-column:1 / -1;width:100%;min-width:0;margin-top:4px;}
  .faq-trust-box{grid-template-columns:repeat(3,1fr);padding:16px 10px;}
  .faq-trust-item{grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px;padding:0 10px;border-right:none !important;}
  .faq-trust-item:not(:last-child){border-right:1px solid #e8edf5 !important;}
  .faq-trust-icon{margin:0 auto;}
  .faq-trust-content,.faq-trust-content h4,.faq-trust-content p{text-align:center;}
}
@media (max-width:480px){
  .faq-home-header h2{font-size:24px;}
  .faq-home-header p{font-size:14px;}
  .faq-question{min-height:76px;padding:14px;grid-template-columns:46px 1fr 22px;gap:13px;}
  .faq-icon{width:46px;height:46px;border-radius:12px;font-size:20px;}
  .faq-text strong{font-size:15.5px;}
  .faq-text small{font-size:13px;line-height:1.38;}
  .faq-answer{padding:0 15px 0 73px;}
  .faq-card.active .faq-answer,.faq-card.is-active .faq-answer,.faq-answer.active{padding:0 15px 17px 73px;}
  .faq-help-box{padding:18px;grid-template-columns:50px 1fr;}
  .faq-help-icon{width:50px;height:50px;border-radius:15px;font-size:28px;}
  .faq-trust-content h4{font-size:12px;}
  .faq-trust-content p{font-size:11.2px;}
}

/* =====================================================================
   FICHA INDIVIDUAL DE OFERTA (propia del plugin)
   ===================================================================== */
.mds-oferta-precios{display:flex;align-items:baseline;gap:0.5em;}
.mds-oferta-precio-normal{text-decoration:line-through;color:#999;font-size:0.9em;}
.mds-oferta-precio-oferta{color:#e11d2a;font-weight:bold;font-size:1.15em;}
.mds-oferta-badge{position:absolute;top:0.6em;left:0.6em;background:#e11d2a;color:#fff;font-weight:bold;font-size:0.85em;padding:0.25em 0.6em;border-radius:6px;}

.mds-oferta-single{max-width:640px;margin:0 auto;padding:1.5em 1em 3em;}
.mds-oferta-single-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.8em;}
.mds-oferta-single-head-titulo{flex:1;text-align:center;font-weight:bold;font-size:1.1em;}
.mds-oferta-fav{background:#fff;border:1px solid #eee;border-radius:50%;width:2.4em;height:2.4em;font-size:1.1em;cursor:pointer;color:#d63638;line-height:1;}
.mds-oferta-fav.is-activo{background:#ffeaea;}
.mds-oferta-single-media{position:relative;border-radius:10px;overflow:hidden;background:#f7f7f7;}
.mds-oferta-badge--inline{position:static;display:inline-block;}
.mds-oferta-meta-linea{display:flex;flex-wrap:wrap;gap:1.2em;align-items:center;margin-bottom:1.2em;font-size:0.9em;}
.mds-oferta-verificada{color:#1a7f37;}
.mds-oferta-vence{color:#d63638;font-weight:bold;}
.mds-oferta-cupon{justify-content:space-between;}
.mds-oferta-cupon-code{color:#1239b7;letter-spacing:0.03em;}
.mds-oferta-cupon-copiar{background:#eef1fc;border:1px solid #cdd7f7;color:#1239b7;border-radius:6px;padding:0.35em 0.7em;cursor:pointer;white-space:nowrap;}
.mds-oferta-single-usaddr{background:#eef4fc;border-radius:8px;padding:0.9em 1em;margin-bottom:1em;font-size:0.9em;}
.mds-oferta-single-usaddr strong{display:block;margin-bottom:0.2em;}
.mds-oferta-single-usaddr span{color:#666;}
.mds-oferta-single-media img{width:100%;display:block;}
.mds-oferta-single-titulo{font-size:1.4em;margin:0.8em 0 0.4em;}
.mds-oferta-precios--single{margin-bottom:1em;font-size:1.1em;}
.mds-oferta-precios--single .mds-oferta-precio-oferta{font-size:1.3em;margin-right:0.5em;}
.mds-oferta-single-fila{display:flex;align-items:center;gap:0.7em;padding:0.9em 1em;border:1px solid #eee;border-radius:8px;margin-bottom:1em;}
.mds-oferta-single-fila--bloqueada{color:#888;}
.mds-oferta-single-ir-tienda{display:block;text-align:center;}
.mds-oferta-single-paywall{background:#eef1fc;border-radius:10px;padding:1.6em;text-align:center;}
.mds-oferta-single-beneficios{list-style:none;margin:1em 0;padding:0;text-align:left;}
.mds-oferta-single-beneficios li{padding:0.5em 0;border-bottom:1px solid #dde1f5;}
.mds-oferta-single-beneficios li:last-child{border-bottom:none;}
.mds-oferta-single-cancelacion{margin-top:1em;font-size:0.85em;color:#777;}

/* =====================================================================
   POPUP DE OFERTA — pantalla completa en mobile (misma barra superior que
   la ficha individual: flecha volver + título + inicio), modal centrado
   con esquinas redondeadas en desktop.
   ===================================================================== */
.mds-popup{position:fixed;inset:0;z-index:99999;display:flex;align-items:stretch;justify-content:center;}
.mds-popup[hidden]{display:none;}
.mds-popup__overlay{position:absolute;inset:0;background:rgba(15,23,42,.55);opacity:0;transition:opacity .25s ease;}
.mds-popup.is-open .mds-popup__overlay{opacity:1;}
.mds-popup__sheet{position:relative;display:flex;flex-direction:column;width:100%;max-width:100%;height:100%;max-height:100%;overflow:hidden;background:#fff;border-radius:0;box-shadow:0 -8px 40px rgba(15,23,42,.25);transform:translateY(100%);transition:transform .28s cubic-bezier(.22,.61,.36,1);}
.mds-popup.is-open .mds-popup__sheet{transform:translateY(0);}

.mds-popup__topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #eef0f3;}
.mds-popup__back,
.mds-popup__home{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#f3f4f6;border:none;text-decoration:none;cursor:pointer;transition:background .15s ease;}
.mds-popup__back:hover,
.mds-popup__home:hover{background:#e5e7eb;}
.mds-popup__topbar-title{flex:1 1 auto;min-width:0;margin:0;text-align:center;font-size:17px;line-height:1.2;font-weight:800;color:#0b2d6b;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.mds-popup__body{flex:1 1 auto;overflow-y:auto;padding:18px 18px 26px;text-align:left;}

@media (min-width:560px){
  .mds-popup{align-items:center;}
  .mds-popup__sheet{width:100%;max-width:520px;height:auto;max-height:88vh;border-radius:18px;transform:translateY(24px) scale(.98);opacity:0;transition:transform .25s ease,opacity .2s ease;}
  .mds-popup.is-open .mds-popup__sheet{transform:translateY(0) scale(1);opacity:1;}
}

/* ---- Popup FREE (paywall) ---- */
.mds-popup-free__head{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px;}
.mds-popup-free__crown{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#1d4ed8,#0f2f9e);color:#fff;font-size:22px;}
.mds-popup-free__titles strong{display:block;font-size:18px;font-weight:800;line-height:1.25;color:#111827;}
.mds-popup-free__titles small{display:block;margin-top:4px;font-size:13.5px;line-height:1.4;color:#6b7280;}
.mds-popup-free__benefits{list-style:none;margin:0 0 18px;padding:0;}
.mds-popup-free__benefits li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eef1f6;font-size:14px;color:#374151;}
.mds-popup-free__benefits li:last-child{border-bottom:none;}
.mds-popup-free__bic{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#eef3ff;color:#1d4ed8;font-size:14px;}
.mds-popup-free__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#1d4ed8;color:#fff !important;text-decoration:none !important;font-size:15px;font-weight:800;padding:14px;border-radius:12px;}
.mds-popup-free__btn:hover{background:#1741b0;}
.mds-popup-free__cancel{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 0;font-size:12.5px;color:#9aa1ab;}

/* ---- Popup PLUS (oferta desbloqueada) ---- */
.mds-popup__media{position:relative;border-radius:14px;overflow:hidden;background:#f7f7f7;margin-bottom:12px;}
.mds-popup__media img{width:100%;display:block;max-height:280px;object-fit:contain;}
.mds-popup__badge{position:absolute;top:10px;left:10px;background:#e11d2a;color:#fff;font-size:12px;font-weight:800;padding:3px 8px;border-radius:6px;}
.mds-popup__title{font-size:19px;font-weight:800;margin:0 0 8px;color:#111827;}
.mds-popup__prices{display:flex;align-items:baseline;gap:10px;margin-bottom:12px;}
.mds-popup__price{font-size:22px;font-weight:800;color:#e11d2a;}
.mds-popup__old{font-size:15px;color:#9ca3af;text-decoration:line-through;}
.mds-popup__meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-bottom:14px;font-size:13.5px;}
.mds-popup__verif{color:#1d4ed8;font-weight:600;}
.mds-popup__vence{color:#e11d2a;font-weight:700;}
.mds-popup__store,
.mds-popup__coupon{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e8edf5;border-radius:12px;margin-bottom:12px;color:#111827 !important;text-decoration:none !important;}
a.mds-popup__store{cursor:pointer;transition:background .15s ease;}
a.mds-popup__store:hover{background:#f7f9ff;}
.mds-popup__store-ic,
.mds-popup__coupon-ic{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#f1f6ff;color:#1d4ed8;font-size:16px;}
.mds-popup__store-nm{flex:1 1 auto;font-size:14.5px;color:#111827;}
.mds-popup__store-nm strong{font-weight:800;color:#111827;}
.mds-popup__vok{color:#1d4ed8;font-size:13px;}
.mds-popup__store-arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#6b7280;}
.mds-popup__coupon-tx{flex:1 1 auto;font-size:14.5px;color:#111827;}
.mds-popup__coupon-tx strong{letter-spacing:.03em;color:#1d4ed8;}
.mds-popup__coupon-copy{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #cdd7f7;border-radius:10px;background:#eef3ff;color:#1d4ed8;cursor:pointer;font-size:15px;}
.mds-popup__coupon-copy.is-copied{background:#1d4ed8;color:#fff;}
.mds-popup__go{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:#1d4ed8;color:#fff !important;text-decoration:none !important;font-size:15px;font-weight:800;padding:14px;border-radius:12px;margin-top:4px;}
.mds-popup__go:hover{background:#1741b0;}

/* Fila "Abrir oferta en tienda" bloqueada (popup Free): puramente visual,
   no es un link — gris para transmitir que está deshabilitada. */
.mds-popup__store--locked{background:#f3f4f6;border-color:#e5e7eb;cursor:pointer;user-select:none;}
.mds-popup__store--locked .mds-popup__store-ic{background:#e5e7eb;color:#9ca3af;}
.mds-popup__store--locked .mds-popup__store-nm{display:flex;flex-direction:column;gap:2px;}
.mds-popup__store--locked .mds-popup__store-nm strong{color:#6b7280;font-weight:700;}
.mds-popup__store--locked .mds-popup__store-nm small{color:#9ca3af;font-size:12.5px;}
.mds-popup__store--locked .mds-popup__store-arrow{color:#9ca3af;}
.mds-popup__store--locked.is-bounce{animation:mds-popup-bounce .32s ease;}

@keyframes mds-popup-bounce{
  0%{transform:scale(1);}
  35%{transform:scale(.97);}
  70%{transform:scale(1.015);}
  100%{transform:scale(1);}
}