/* Pop-up de MP Landings. Selectores con .mp-popup delante para ganar al kit de Elementor (.elementor-kit-7 a, h2…) y al reset de Hello. */
.mp-popup{position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .25s ease}
.mp-popup[hidden]{display:none}
.mp-popup.is-visible{opacity:1}
html.mp-popup-abierto{overflow:hidden}

.mp-popup .mp-popup__overlay{position:absolute;inset:0;background:rgba(0,0,0,.72)}

.mp-popup .mp-popup__dialog{position:relative;display:flex;width:100%;max-width:820px;max-height:calc(100vh - 32px);overflow:auto;background:#0C0C0C;color:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.45);transform:translateY(12px);transition:transform .25s ease}
.mp-popup .mp-popup__dialog:focus{outline:0}
.mp-popup.is-visible .mp-popup__dialog{transform:none}

/* El libro es negro: degradado radial detrás para que se despegue del fondo. */
/* closest-side: el degradado llega a #0C0C0C justo en el borde más cercano, así no se ve el corte con la columna de texto. */
.mp-popup .mp-popup__media{flex:0 0 42%;display:flex;align-items:center;justify-content:center;padding:36px 24px;background:radial-gradient(circle closest-side at center,#3A3A34 0%,#0C0C0C 100%)}
.mp-popup .mp-popup__media img{display:block;width:100%;max-width:200px;height:auto}

.mp-popup .mp-popup__body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;padding:48px 44px 44px}
.mp-popup .mp-popup__antetitulo{margin:0 0 -6px;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:2px;text-transform:uppercase;color:#F2FE54}
.mp-popup .mp-popup__titulo{margin:0;font-size:34px;font-weight:600;line-height:1.08;letter-spacing:-.01em;color:#fff}
.mp-popup .mp-popup__texto{margin:0;font-size:16px;line-height:1.5;color:#ADADAD}
.mp-popup .mp-popup__texto strong{font-weight:600;color:#F2FE54}

.mp-popup .mp-popup__cta{display:inline-flex;align-items:center;margin-top:8px;padding:16px 34px;border-radius:100px;background:#F2FE54;color:#000;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .2s ease,color .2s ease}
.mp-popup .mp-popup__cta:hover,.mp-popup .mp-popup__cta:focus-visible{background:#fff;color:#000}

.mp-popup .mp-popup__cerrar{position:absolute;top:10px;right:10px;z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.mp-popup .mp-popup__cerrar:hover,.mp-popup .mp-popup__cerrar:focus{background:rgba(255,255,255,.08);color:#F2FE54}
.mp-popup a:focus-visible,.mp-popup button:focus-visible{outline:2px solid #F2FE54;outline-offset:3px}

@media (max-width:767px){
  .mp-popup .mp-popup__dialog{flex-direction:column}
  .mp-popup .mp-popup__media{flex:none;padding:32px 24px 0}
  .mp-popup .mp-popup__media img{max-width:130px}
  .mp-popup .mp-popup__body{gap:12px;padding:20px 24px 28px}
  .mp-popup .mp-popup__titulo{font-size:26px}
  .mp-popup .mp-popup__texto{font-size:15px}
}

@media (prefers-reduced-motion:reduce){
  .mp-popup,.mp-popup .mp-popup__dialog{transition:none}
}