/* Zona de padres compartida — Mundo Pulpi. Solo se carga en páginas fuente. */
.mp-parents-trigger{
  position:fixed;z-index:9000;
  top:max(14px,env(safe-area-inset-top));
  right:max(16px,env(safe-area-inset-right));
  width:var(--tool-size,42px);height:var(--tool-size,42px);padding:0;
  display:grid;place-items:center;
  border:0;border-radius:var(--tool-radius,13px);
  background:var(--tool-bg,#2f6b52);color:var(--tool-ink,#fff7e8);
  box-shadow:0 3px 0 var(--tool-shadow,#1e4d3a);
  font:900 22px/1 Georgia,serif;cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:transform .14s ease,box-shadow .14s ease,background .14s ease;
}
.mp-parents-trigger:hover{background:var(--tool-hover,#3a8265);transform:translateY(-1px)}
.mp-parents-trigger:active{transform:translateY(2px);box-shadow:0 1px 0 var(--tool-shadow,#1e4d3a)}
.mp-parents-trigger:focus-visible{outline:5px solid #fff;outline-offset:4px}
.mp-parents-overlay[hidden]{display:none!important}
.mp-parents-overlay{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:clamp(14px,3vw,30px);font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;color:#173d5b}
.mp-parents-backdrop{position:absolute;inset:0;background:rgba(27,48,61,.56);backdrop-filter:blur(7px)}
.mp-parents-dialog{position:relative;width:min(720px,100%);max-height:min(86dvh,760px);overflow:hidden;background:#fff7e8;border:4px solid rgba(255,255,255,.98);border-radius:32px;box-shadow:0 24px 65px -25px rgba(30,43,50,.7),inset 2px 2px 5px rgba(255,255,255,.6),inset -4px -4px 10px rgba(120,80,50,.09)}
.mp-parents-scroll{max-height:min(86dvh,760px);overflow:auto;overscroll-behavior:contain;padding:clamp(24px,5vw,46px);scrollbar-gutter:stable}
.mp-parents-close{position:absolute;z-index:2;top:14px;right:14px;width:44px;height:44px;border:0;border-radius:14px;display:grid;place-items:center;background:#e9f3ee;color:#285b47;font:900 29px/1 system-ui,sans-serif;box-shadow:0 3px 0 #bdd7ca;cursor:pointer}
.mp-parents-close:focus-visible,.mp-parents-answer:focus-visible,.mp-parents-primary:focus-visible{outline:4px solid #ef765d;outline-offset:3px}
.mp-parents-gate{text-align:center;max-width:520px;margin:auto;padding:10px 0}
.mp-parents-pulpi{width:92px;height:92px;object-fit:contain;border-radius:25px;background:#d8ecff;margin:0 auto 14px;display:block}
.mp-parents-kicker{margin:0 0 8px;color:#c75e4b;font-size:12px;font-weight:950;letter-spacing:.16em}
.mp-parents-gate h2,.mp-parents-content h2{margin:0;color:#173d5b;line-height:1.05}
.mp-parents-gate h2{font-size:clamp(27px,5vw,38px)}
.mp-parents-lead{margin:13px auto 18px;max-width:490px;color:#526b79;font-size:clamp(15px,2.6vw,18px);font-weight:700;line-height:1.45}
.mp-parents-question{margin:0 auto 18px;width:max-content;min-width:210px;padding:15px 24px;border-radius:18px;background:#d8ecff;color:#173d5b;font-size:clamp(26px,6vw,38px);font-weight:950;box-shadow:inset 0 -4px 0 rgba(65,117,153,.12)}
.mp-parents-answers{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.mp-parents-answer{width:68px;height:64px;border:3px solid #fff;border-radius:18px;background:#fff;color:#173d5b;font-family:inherit;font-size:25px;font-weight:950;line-height:1;box-shadow:0 6px 0 #d9cbb8;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.mp-parents-answer:hover{background:#ffe69b;transform:translateY(-2px)}
.mp-parents-answer:active{transform:translateY(4px);box-shadow:0 2px 0 #d9cbb8}
.mp-parents-answer.is-wrong{animation:mpParentsShake .35s ease;background:#ffd9d4}
@keyframes mpParentsShake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.mp-parents-status{min-height:1.4em;margin:14px 0 0;color:#a5443a;font-weight:850}
.mp-parents-content[hidden]{display:none!important}
.mp-parents-heading{display:flex;align-items:center;gap:18px;padding-right:42px}
.mp-parents-heading>div{min-width:0}
.mp-parents-heading .mp-parents-pulpi{flex:0 0 auto;width:80px;height:80px;margin:0}
.mp-parents-content h2{font-size:clamp(27px,5vw,42px);white-space:normal;overflow-wrap:break-word}
.mp-parents-content h2:focus{outline:none}
.mp-parents-intro{margin:18px 0 22px;color:#496674;font-size:clamp(15px,2.5vw,18px);font-weight:720;line-height:1.55}
.mp-parents-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:0 0 24px}
.mp-parents-card{padding:18px;border-radius:20px;background:#fff;border:2px solid rgba(231,211,184,.72);box-shadow:0 8px 18px -15px rgba(84,62,45,.5)}
.mp-parents-card strong{display:block;margin-bottom:7px;color:#285b47;font-size:16px}
.mp-parents-card p{margin:0;color:#59717c;font-size:13.5px;line-height:1.45}
.mp-parents-content h3{margin:0 0 12px;font-size:20px;color:#173d5b}
.mp-parents-tips{display:grid;gap:10px;margin:0 0 24px;padding:0;list-style:none;counter-reset:tip}
.mp-parents-tips li{counter-increment:tip;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;color:#526b79;line-height:1.45;font-size:14.5px}
.mp-parents-tips li:before{content:counter(tip);width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ffc72c;color:#173d5b;font-weight:950}
.mp-parents-primary{width:100%;min-height:52px;border:0;border-radius:17px;background:#ef765d;color:#fff;font-family:inherit;font-size:17px;font-weight:900;line-height:1;box-shadow:0 6px 0 #bd5746;cursor:pointer}
.mp-parents-primary:active{transform:translateY(4px);box-shadow:0 2px 0 #bd5746}
body.mp-parents-open{overflow:hidden!important}
header.top>.mp-parents-trigger{position:static;z-index:auto;grid-column:3;justify-self:end;top:auto;right:auto}
@media(max-width:720px){
  .mp-parents-trigger{top:max(11px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}
  .mp-parents-overlay{padding:10px}
  .mp-parents-dialog{border-radius:25px;max-height:92dvh}
  .mp-parents-scroll{max-height:92dvh;padding:26px 18px 22px}
  .mp-parents-close{top:10px;right:10px;width:40px;height:40px}
  .mp-parents-grid{grid-template-columns:1fr}
  .mp-parents-heading{align-items:flex-start;gap:12px}
  .mp-parents-heading .mp-parents-pulpi{width:62px;height:62px;border-radius:18px}
}
@media(prefers-reduced-motion:reduce){.mp-parents-trigger,.mp-parents-answer{transition:none}.mp-parents-answer.is-wrong{animation:none}}
