.mpo-root {
  --mpo-ink: #111319;
  --mpo-muted: #686e7b;
  --mpo-line: rgba(17, 19, 25, .10);
  --mpo-blue: #175cff;
  --mpo-bright: #2d75ff;
  --mpo-paper: #f6f7f9;
  box-sizing: border-box;
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  padding: 1px 0 0;
  overflow: hidden;
  background: var(--mpo-paper);
  color: var(--mpo-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/* Ajuste exclusivo de la página de ofertas para temas con barra lateral. */
body.mpo-offers-page .sidebar,
body.mpo-offers-page #sidebar,
body.mpo-offers-page #secondary,
body.mpo-offers-page aside.widget-area,
body.mpo-offers-page .content-sidebar,
body.mpo-offers-page .rh-content-wrap > aside {
  display: none !important;
}

body.mpo-offers-page .page-title,
body.mpo-offers-page .entry-header,
body.mpo-offers-page header.entry-header,
body.mpo-offers-page h1.entry-title {
  display: none !important;
}

body.mpo-offers-page .rh-content-wrap,
body.mpo-offers-page .site-content,
body.mpo-offers-page .content-area,
body.mpo-offers-page #primary,
body.mpo-offers-page .main-side,
body.mpo-offers-page .main-content,
body.mpo-offers-page main.site-main {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.mpo-offers-page .rh-container,
body.mpo-offers-page .rh-content-wrap,
body.mpo-offers-page article.page,
body.mpo-offers-page .entry-content {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mpo-root *, .mpo-root *::before, .mpo-root *::after { box-sizing: border-box; }
.mpo-root a { color: inherit; text-decoration: none; }
.mpo-root button, .mpo-root input { font: inherit; }
.mpo-root h1, .mpo-root h2, .mpo-root h3, .mpo-root p { margin-top: 0; }
.mpo-root [hidden] { display: none !important; }
.mpo-sr-only, .mpo-skip:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.mpo-skip:focus { position: fixed; left: 18px; top: 18px; z-index: 99999; padding: 12px 16px; border-radius: 10px; background: #fff; color: #111; box-shadow: 0 8px 30px #0003; }

.mpo-header {
  position: sticky; top: 16px; z-index: 20;
  width: min(1180px, calc(100% - 32px)); min-height: 72px;
  margin: 16px auto 0; padding: 12px 14px;
  display: flex; align-items: center; gap: 28px;
  border: 1px solid rgba(255,255,255,.8); border-radius: 24px;
  background: rgba(255,255,255,.82); box-shadow: 0 18px 70px rgba(31,52,91,.08);
  -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px);
}
.mpo-brand { display: inline-flex; align-items: center; gap: 11px; min-width: max-content; }
.mpo-brand-mark { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 14px; background: linear-gradient(145deg,#17191e,#393e49); color: #fff; font-size: 12px; font-weight: 850; box-shadow: inset 0 1px rgba(255,255,255,.2), 0 10px 25px rgba(10,18,35,.16); }
.mpo-brand > span:last-child { display: flex; flex-direction: column; gap: 1px; }
.mpo-brand strong { font-size: 16px; line-height: 1.1; letter-spacing: -.03em; }
.mpo-brand small { color: #8a909d; font-size: 9px; font-weight: 650; letter-spacing: .14em; text-transform: uppercase; }
.mpo-header nav { display: flex; align-items: center; gap: 24px; margin-left: auto; }
.mpo-header nav a { color: #5f6570; font-size: 13px; font-weight: 650; }
.mpo-header nav a:hover { color: var(--mpo-blue); }
.mpo-ad-pill { padding: 8px 12px; border-radius: 999px; background: #111319; color: #fff; font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }

.mpo-hero {
  position: relative; width: min(1180px, calc(100% - 32px)); min-height: 720px;
  margin: 18px auto 0; padding: clamp(52px,7vw,92px);
  display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 44px;
  overflow: hidden; border-radius: 36px;
  background: radial-gradient(circle at 88% 14%,rgba(78,130,255,.22),transparent 29%), radial-gradient(circle at 48% 100%,rgba(111,211,255,.18),transparent 31%), linear-gradient(145deg,#fff 0%,#f7f9ff 56%,#eaf2ff 100%);
  box-shadow: 0 28px 90px rgba(23,49,91,.08);
}
.mpo-hero::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(31,66,130,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,66,130,.035) 1px,transparent 1px); background-size:58px 58px; pointer-events:none; }
.mpo-hero-copy, .mpo-radar-stage { position: relative; z-index: 1; }
.mpo-kicker { display:flex; align-items:center; gap:9px; margin:0 0 20px; color:var(--mpo-blue); font-size:11px; font-weight:760; letter-spacing:.18em; text-transform:uppercase; }
.mpo-kicker span { width:7px; height:7px; border-radius:50%; background:var(--mpo-bright); box-shadow:0 0 0 7px rgba(45,117,255,.09),0 0 24px var(--mpo-blue); }
.mpo-hero h1 { max-width:620px; margin:0; font-size:clamp(62px,7vw,104px); line-height:.88; letter-spacing:-.075em; font-weight:760; color:var(--mpo-ink); }
.mpo-hero h1 em { color:#b2b8c4; font-style:normal; font-weight:660; }
.mpo-hero-description { max-width:565px; margin:34px 0 0; color:#626976; font-size:18px; line-height:1.65; letter-spacing:-.015em; }
.mpo-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.mpo-primary-button, .mpo-secondary-button { min-height:48px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; border-radius:15px; font-size:13px; font-weight:720; transition:transform .16s ease; }
.mpo-primary-button { background:var(--mpo-blue); color:#fff !important; box-shadow:0 14px 30px rgba(23,92,255,.25); }
.mpo-secondary-button { border:1px solid rgba(17,19,25,.1); background:rgba(255,255,255,.72); color:#4d5360 !important; }
.mpo-primary-button:hover, .mpo-secondary-button:hover { transform:translateY(-2px); }
.mpo-affiliate-notice { max-width:540px; margin:25px 0 0; color:#8a909d; font-size:11px; line-height:1.55; }

.mpo-radar-stage { min-height:510px; display:grid; place-items:center; }
.mpo-radar-glow { position:absolute; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(39,121,255,.21),rgba(67,186,255,.07) 45%,transparent 70%); animation:mpo-breathe 4s ease-in-out infinite; }
.mpo-radar { position:relative; width:min(430px,38vw); aspect-ratio:1; overflow:hidden; border:1px solid rgba(125,196,255,.35); border-radius:50%; background:radial-gradient(circle at 50% 52%,#122445 0%,#09172e 58%,#070d19 100%); box-shadow:inset 0 0 80px rgba(66,152,255,.15),0 40px 75px rgba(15,42,88,.22),0 0 0 14px rgba(255,255,255,.42); }
.mpo-ring, .mpo-radar-axis, .mpo-radar-sweep, .mpo-radar-dot, .mpo-radar-core { position:absolute; display:block; }
.mpo-ring { inset:50%; translate:-50% -50%; border:1px solid rgba(109,181,255,.25); border-radius:50%; }
.mpo-ring-one { width:32%; height:32%; } .mpo-ring-two { width:61%; height:61%; } .mpo-ring-three { width:88%; height:88%; }
.mpo-radar-axis { background:rgba(109,181,255,.2); } .mpo-radar-axis-x { left:6%; right:6%; top:50%; height:1px; } .mpo-radar-axis-y { top:6%; bottom:6%; left:50%; width:1px; }
.mpo-radar-sweep { left:50%; bottom:50%; width:42%; height:2px; transform-origin:0 50%; background:linear-gradient(90deg,#54bfff,rgba(84,191,255,0)); box-shadow:0 0 18px #40adff; animation:mpo-scan 3.6s linear infinite; }
.mpo-radar-core { left:50%; top:50%; width:16px; height:16px; translate:-50% -50%; border:5px solid #1976ff; border-radius:50%; background:#fff; box-shadow:0 0 0 10px rgba(25,118,255,.18),0 0 36px #2998ff; }
.mpo-radar-dot { width:8px; height:8px; border-radius:50%; background:#73d9ff; box-shadow:0 0 16px #66d5ff; animation:mpo-ping 2s ease-in-out infinite; }
.mpo-dot-one { left:28%; top:66%; } .mpo-dot-two { left:68%; top:26%; animation-delay:-.7s; } .mpo-dot-three { left:77%; top:58%; animation-delay:-1.2s; }
.mpo-radar-shadow { position:absolute; bottom:8px; width:66%; height:28px; border-radius:50%; background:rgba(25,56,105,.13); filter:blur(15px); }
.mpo-signal-card { position:absolute; min-width:112px; padding:13px 15px; display:flex; align-items:baseline; gap:7px; border:1px solid rgba(255,255,255,.82); border-radius:17px; background:rgba(255,255,255,.72); box-shadow:0 18px 50px rgba(35,65,117,.13); backdrop-filter:blur(20px); }
.mpo-signal-card span { font-size:23px; font-weight:780; } .mpo-signal-card small { color:#7f8692; font-size:10px; font-weight:650; }
.mpo-signal-one { left:-4%; top:18%; } .mpo-signal-two { right:-2%; bottom:20%; }

.mpo-trust { width:min(1110px,calc(100% - 64px)); margin:0 auto; padding:30px 8px; display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--mpo-line); }
.mpo-trust p { margin:0; color:#525864; font-size:12px; font-weight:650; text-align:center; } .mpo-trust span { margin-right:8px; color:#a4aab4; font-size:10px; }
.mpo-catalog { width:min(1180px,calc(100% - 32px)); margin:0 auto; padding:112px 0 120px; }
.mpo-section-heading { display:grid; grid-template-columns:1.25fr .75fr; align-items:end; gap:80px; }
.mpo-section-heading h2, .mpo-criteria-intro h2 { margin:0; font-size:clamp(48px,6vw,78px); line-height:.97; letter-spacing:-.065em; color:inherit; }
.mpo-section-heading > p { max-width:420px; margin:0 0 8px; color:#747a86; font-size:15px; line-height:1.7; }
.mpo-tools { margin:58px 0 36px; padding:10px; display:flex; align-items:center; gap:16px; border:1px solid var(--mpo-line); border-radius:24px; background:rgba(255,255,255,.7); box-shadow:0 18px 50px rgba(25,45,82,.05); }
.mpo-search { width:min(320px,100%); min-height:48px; padding:0 16px; display:flex; align-items:center; gap:10px; border-radius:16px; background:#f3f5f8; }
.mpo-search > span:first-child { color:#7a818e; font-size:21px; } .mpo-search input { width:100%; border:0; outline:0; background:transparent; color:var(--mpo-ink); font-size:13px; }
.mpo-tabs { display:flex; align-items:center; gap:5px; overflow-x:auto; scrollbar-width:none; } .mpo-tabs::-webkit-scrollbar { display:none; }
.mpo-tabs button { min-height:42px; padding:0 16px; border:0; border-radius:14px; background:transparent; color:#747a85; font-size:12px; font-weight:670; cursor:pointer; white-space:nowrap; }
.mpo-tabs button.is-active { background:#151820; color:#fff; box-shadow:0 8px 20px rgba(13,20,35,.16); }
.mpo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mpo-card { min-width:0; overflow:hidden; border:1px solid rgba(22,27,38,.08); border-radius:28px; background:#fff; box-shadow:0 18px 45px rgba(35,54,91,.045); transition:transform .2s ease,box-shadow .2s ease; }
.mpo-card:hover { transform:translateY(-5px); box-shadow:0 28px 70px rgba(31,53,96,.11); }
.mpo-art { position:relative; min-height:185px; padding:19px; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#edf3ff,#dfe9ff); }
.mpo-art::before, .mpo-art::after { content:""; position:absolute; border-radius:50%; background:rgba(255,255,255,.45); }
.mpo-art::before { width:150px; height:150px; right:-50px; top:-55px; } .mpo-art::after { width:90px; height:90px; left:-32px; bottom:-38px; }
.mpo-index, .mpo-category { position:absolute; top:16px; z-index:1; color:rgba(20,30,52,.55); font-size:9px; font-weight:760; letter-spacing:.12em; text-transform:uppercase; }
.mpo-index { left:18px; } .mpo-category { right:18px; }
.mpo-icon { position:relative; z-index:1; width:92px; height:92px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.72); border-radius:30px; background:rgba(255,255,255,.5); color:rgba(16,30,57,.72); font-size:40px; box-shadow:inset 0 1px rgba(255,255,255,.8),0 20px 45px rgba(42,79,142,.13); transform:rotate(-4deg); }
.mpo-tone-indigo { background:linear-gradient(145deg,#e9e8ff,#ccd4ff); } .mpo-tone-cyan { background:linear-gradient(145deg,#e4fbff,#bcebf3); } .mpo-tone-sky { background:linear-gradient(145deg,#e5f1ff,#c8def7); } .mpo-tone-violet { background:linear-gradient(145deg,#f1eaff,#dfd2ff); } .mpo-tone-lime { background:linear-gradient(145deg,#effbdc,#d8efb3); } .mpo-tone-amber { background:linear-gradient(145deg,#fff4cf,#f4d887); } .mpo-tone-rose { background:linear-gradient(145deg,#fff0f4,#f4ccd8); } .mpo-tone-mint { background:linear-gradient(145deg,#e5faef,#bee9d1); } .mpo-tone-orange { background:linear-gradient(145deg,#fff0de,#f4c897); } .mpo-tone-coral { background:linear-gradient(145deg,#ffece8,#f3c1b6); } .mpo-tone-sand { background:linear-gradient(145deg,#f5f0e8,#dfd2be); } .mpo-tone-pink { background:linear-gradient(145deg,#ffedf8,#efc4df); } .mpo-tone-plum { background:linear-gradient(145deg,#f4ecf7,#dbc8e4); } .mpo-tone-aqua { background:linear-gradient(145deg,#e1faf8,#bce8e2); } .mpo-tone-graphite { background:linear-gradient(145deg,#e9ebef,#c8cdd6); }
.mpo-card-body { padding:23px 23px 20px; } .mpo-eyebrow { margin:0 0 9px; color:var(--mpo-blue); font-size:9px; font-weight:780; letter-spacing:.13em; text-transform:uppercase; }
.mpo-card-body h3 { min-height:49px; margin:0; color:var(--mpo-ink); font-size:20px; line-height:1.2; letter-spacing:-.04em; } .mpo-note { min-height:63px; margin:13px 0 18px; color:#767c87; font-size:12px; line-height:1.65; }
.mpo-card-footer { padding-top:16px; display:flex; align-items:flex-end; justify-content:space-between; gap:14px; border-top:1px solid rgba(16,22,34,.08); }
.mpo-card-footer > span { max-width:135px; color:#999faa; font-size:9px; line-height:1.4; } .mpo-card-footer a { min-width:max-content; color:var(--mpo-blue) !important; font-size:12px; font-weight:760; }
.mpo-empty { padding:75px 24px; border:1px dashed rgba(21,35,60,.16); border-radius:28px; text-align:center; background:rgba(255,255,255,.5); }
.mpo-empty > span { font-size:34px; color:var(--mpo-blue); } .mpo-empty h3 { margin:14px 0 7px; font-size:23px; } .mpo-empty p { margin:0; color:var(--mpo-muted); font-size:13px; }
.mpo-empty button { margin-top:20px; padding:12px 17px; border:0; border-radius:13px; background:var(--mpo-blue); color:#fff; font-size:12px; font-weight:720; cursor:pointer; }

.mpo-criteria { width:min(1180px,calc(100% - 32px)); margin:0 auto 18px; padding:clamp(55px,7vw,90px); display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; border-radius:36px; background:radial-gradient(circle at 12% 5%,rgba(52,110,255,.35),transparent 30%),linear-gradient(145deg,#10131a,#171d2b 62%,#0f1728); color:#fff; overflow:hidden; }
.mpo-kicker.mpo-light { color:#84aaff; } .mpo-criteria-intro > p:last-child { max-width:410px; margin:26px 0 0; color:#9ba5b8; font-size:14px; line-height:1.7; }
.mpo-criteria-list { display:flex; flex-direction:column; } .mpo-criteria-list article { padding:25px 0; display:grid; grid-template-columns:52px 1fr; gap:20px; border-bottom:1px solid rgba(255,255,255,.1); }
.mpo-criteria-list article:first-child { padding-top:0; } .mpo-criteria-list article:last-child { border-bottom:0; } .mpo-criteria-list article > span { color:#5575af; font-size:10px; font-weight:760; }
.mpo-criteria-list h3 { margin:0 0 8px; color:#fff; font-size:20px; } .mpo-criteria-list p { margin:0; color:#98a2b5; font-size:12px; line-height:1.65; }
.mpo-footer { width:min(1180px,calc(100% - 32px)); margin:0 auto; padding:42px 12px 50px; display:grid; grid-template-columns:auto 1fr auto; align-items:start; gap:50px; }
.mpo-footer-copy { max-width:650px; justify-self:center; } .mpo-footer-copy p { margin:0 0 7px; color:#818792; font-size:10px; line-height:1.55; }
.mpo-back-top { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--mpo-line); border-radius:14px; background:#fff; font-size:17px; }

.mpo-root a:focus-visible, .mpo-root button:focus-visible, .mpo-search:focus-within { outline:3px solid rgba(23,92,255,.28); outline-offset:3px; }
@keyframes mpo-scan { to { transform:rotate(360deg); } } @keyframes mpo-breathe { 50% { transform:scale(1.06); opacity:.8; } } @keyframes mpo-ping { 50% { transform:scale(1.55); opacity:.6; } }

@media (max-width: 980px) {
  .mpo-hero { grid-template-columns:1fr; padding-bottom:50px; }
  .mpo-hero-copy { text-align:center; } .mpo-kicker, .mpo-hero-actions { justify-content:center; }
  .mpo-hero-description, .mpo-affiliate-notice { margin-left:auto; margin-right:auto; }
  .mpo-radar-stage { min-height:430px; } .mpo-radar { width:min(410px,70vw); }
  .mpo-signal-one { left:14%; } .mpo-signal-two { right:14%; }
  .mpo-section-heading { grid-template-columns:1fr; gap:24px; } .mpo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mpo-criteria { grid-template-columns:1fr; gap:55px; }
}

@media (max-width: 720px) {
  .mpo-header { top:8px; width:calc(100% - 16px); margin-top:8px; border-radius:19px; }
  .mpo-header nav { display:none; } .mpo-ad-pill { margin-left:auto; }
  .mpo-hero { width:calc(100% - 16px); min-height:auto; margin-top:9px; padding:64px 22px 34px; border-radius:26px; }
  .mpo-hero h1 { font-size:clamp(55px,18vw,76px); } .mpo-hero-description { font-size:15px; }
  .mpo-hero-actions { flex-direction:column; } .mpo-primary-button, .mpo-secondary-button { width:100%; }
  .mpo-radar-stage { min-height:340px; } .mpo-radar { width:min(300px,78vw); } .mpo-radar-glow { width:330px; height:330px; }
  .mpo-signal-one { left:0; top:18%; } .mpo-signal-two { right:0; bottom:13%; }
  .mpo-trust { width:calc(100% - 32px); grid-template-columns:1fr; gap:13px; }
  .mpo-catalog { width:calc(100% - 24px); padding:78px 0 85px; }
  .mpo-section-heading h2, .mpo-criteria-intro h2 { font-size:49px; }
  .mpo-tools { align-items:stretch; flex-direction:column; border-radius:20px; } .mpo-search { width:100%; }
  .mpo-grid { grid-template-columns:1fr; } .mpo-art { min-height:205px; } .mpo-card-body h3, .mpo-note { min-height:auto; }
  .mpo-criteria { width:calc(100% - 16px); padding:54px 24px; border-radius:27px; }
  .mpo-footer { width:calc(100% - 32px); grid-template-columns:1fr auto; gap:28px; }
  .mpo-footer-copy { grid-column:1/-1; grid-row:2; }
}

@media (prefers-reduced-motion: reduce) {
  .mpo-root *, .mpo-root *::before, .mpo-root *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
}