/* Dolphin Academy — efecto «mar profundo» (17/10/2026). Lo pinta mar-profundo.js; colores de la web de empresa en blanco.
   --hondo (0 arriba, 1 en el cofre) la pone oceano.js con data-hondo: las luces brillan más cuanto más hondo. */
.mp-fondo{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:calc(.35 + var(--hondo,0) * .65)}
.mp-frente{position:fixed;inset:0;z-index:50;pointer-events:none}
.mp-punto{position:absolute;left:0;top:0;width:4px;height:4px;border-radius:50%;background:#5fe3cb;box-shadow:0 0 8px #1fc9ad,0 0 2px #0fa892;opacity:0;animation:mpBrilla 4s ease-in-out infinite;will-change:transform,opacity}
@keyframes mpBrilla{50%{opacity:.85}}
.mp-nado{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 12px 14px rgba(13,42,47,.22))}
.mp-bu{position:absolute;border-radius:50%;border:1.5px solid rgba(15,168,146,.45);background:radial-gradient(circle at 30% 30%,#fff,rgba(15,168,146,.1) 60%);animation:mpSube 1.6s ease-out forwards}
@keyframes mpSube{to{transform:translate(var(--dx),-70px) scale(.4);opacity:0}}
.mp-aro{position:absolute;left:0;top:0;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:1.5px solid rgba(15,168,146,.55);box-shadow:0 0 calc(var(--hondo,0) * 18px) rgba(55,230,200,.45);opacity:0;transition:width .2s,height .2s,margin .2s,background-color .2s,opacity .3s}
.mp-aro.sobre{width:64px;height:64px;margin:-32px 0 0 -32px;background-color:rgba(15,168,146,.08)}
.mp-globo{position:absolute;pointer-events:none;font:800 22px 'Bricolage Grotesque',system-ui,sans-serif;color:#e08a1e;text-shadow:0 3px 10px rgba(13,42,47,.2);transform:translate(-50%,0);animation:mpGlobo 1.3s ease-out forwards}
@keyframes mpGlobo{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}20%{opacity:1;transform:translate(-50%,0) scale(1.15)}100%{opacity:0;transform:translate(-50%,-40px) scale(1)}}
@media (prefers-reduced-motion:reduce){.mp-fondo,.mp-frente{display:none}}
@media print{.mp-fondo,.mp-frente{display:none}}

/* cubo de peces (17/10): arrastra un pez al agua y el delfín va a por él; cada pez lo hace más grande */
.mp-cubo{position:fixed;right:16px;bottom:16px;z-index:58;display:flex;align-items:center;gap:8px;height:52px;padding:0 14px 0 8px;border-radius:16px;
  border:1px dashed rgba(233,162,59,.6);background:#fff8ec;color:#9a5b06;font:700 13.5px Geist,system-ui,sans-serif;cursor:grab;box-shadow:0 10px 26px rgba(13,42,47,.12);touch-action:none}
.mp-cubo img{width:40px;height:44px;object-fit:contain;pointer-events:none;transition:transform .25s}
.mp-cubo:hover img{transform:rotate(-12deg) translateY(-3px)}
.mp-cubo.saca{cursor:grabbing;transform:scale(.95)}
.mp-pez{position:absolute;left:0;top:0;width:52px;margin:-20px 0 0 -26px;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(13,42,47,.3))}
.mp-pez.mp-arrastra{width:62px}
.mp-pez.mp-tragado{transition:transform .2s ease-in,opacity .2s;opacity:.2}
@media (pointer:coarse),(max-width:899px){.mp-cubo{display:none}}
@media (prefers-reduced-motion:reduce){.mp-cubo{display:none}}