/* MasFutbol - Presentacion V4. Solo afecta a #mf-acerca-v4. */
#mf-acerca-v4,#mf-acerca-v4 *{box-sizing:border-box}
#mf-acerca-v4{position:fixed;z-index:9500;right:16px;bottom:14px;color:#f8fff7;font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.35;max-width:calc(100vw - 24px)}
#mf-acerca-v4 [hidden]{display:none!important}
#mf-acerca-v4 button,#mf-acerca-v4 a{cursor:pointer}
#mf-acerca-v4 button:focus-visible,#mf-acerca-v4 a:focus-visible{outline:3px solid #fff;outline-offset:3px}
#mf-acerca-v4 .mfv4-panel{position:relative;width:min(730px,calc(100vw - 32px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow-y:auto;overscroll-behavior:contain;border:2px solid #6bea36;border-radius:17px;background:radial-gradient(ellipse at 8% 85%,rgba(36,137,45,.3),transparent 43%),radial-gradient(ellipse at 88% 12%,rgba(44,128,36,.28),transparent 38%),linear-gradient(135deg,#111e18 0%,#06110a 52%,#07130c 100%);box-shadow:0 18px 65px #000e,0 0 0 5px #0005;margin-bottom:0;scrollbar-color:#66da34 #0c1b11}
#mf-acerca-v4 .mfv4-panel::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.26;background:repeating-linear-gradient(130deg,transparent 0 31px,#e3ffc204 31px 33px)}
#mf-acerca-v4 .mfv4-head{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:center;min-height:99px;padding:8px 60px 3px 20px;background:linear-gradient(#07130cee 0%,#07130ce0 78%,#07130c00 100%)}
#mf-acerca-v4 .mfv4-logo{display:block;width:min(335px,78%);max-height:86px;object-fit:contain;filter:drop-shadow(0 4px 7px #000b)}
#mf-acerca-v4 .mfv4-close{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:45px;height:45px;min-height:45px;border:2px solid #bfff9f;border-radius:50%;background:#0b2412;color:#fff;font:700 29px/1 system-ui,sans-serif;box-shadow:0 0 0 3px #0009;z-index:5}
#mf-acerca-v4 .mfv4-close:hover{background:#295c30}
#mf-acerca-v4 .mfv4-content{position:relative;z-index:1;padding:0 23px 21px 164px;min-height:415px}
#mf-acerca-v4 .mfv4-ball{position:absolute;z-index:-1;left:-17px;bottom:24px;max-width:215px;width:31%;height:auto;pointer-events:none;filter:drop-shadow(0 5px 8px #0008)}
#mf-acerca-v4 .mfv4-section{margin:1px 0 15px;position:relative}
#mf-acerca-v4 .mfv4-section h2{display:inline-block;max-width:100%;margin:0 0 8px;padding:4px 12px 5px;background:#95fc1d;color:#071405;font:bold italic clamp(23px,3vw,33px)/1.1 Impact,'Arial Black',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.008em;transform:skew(-5deg);box-shadow:5px 5px 0 #0009}
#mf-acerca-v4 .mfv4-section p{margin:0;color:#f5fff7;font-size:clamp(15px,1.55vw,17px);line-height:1.39;text-shadow:0 2px 6px #000c}
#mf-acerca-v4 .mfv4-section strong{color:#a2ff4c;font-weight:800}
#mf-acerca-v4 .mfv4-bullets{margin:9px 0 0;padding:0;list-style:none}
#mf-acerca-v4 .mfv4-bullets li{position:relative;padding:0 0 8px 25px;font-size:clamp(14px,1.5vw,16px);line-height:1.38;text-shadow:0 2px 6px #000c}
#mf-acerca-v4 .mfv4-bullets li::before{content:'✓';position:absolute;left:0;top:0;color:#93fa2c;font-weight:1000;font-size:20px}
#mf-acerca-v4 .mfv4-cta,#mf-acerca-v4 .mfv4-cta:visited{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;border:2px solid #cdff96;border-radius:999px;background:linear-gradient(180deg,#9cff18 0%,#55d900 100%);color:#061000!important;font:900 clamp(19px,2.6vw,27px)/1.15 system-ui,Arial,sans-serif;text-align:center;text-decoration:none!important;box-shadow:inset 0 0 0 3px #44bd00,0 4px 17px #000b;transition:filter .15s ease}
#mf-acerca-v4 .mfv4-cta:hover{filter:brightness(1.12)}
#mf-acerca-v4 .mfv4-cta-icon{font-size:24px}
#mf-acerca-v4 .mfv4-trigger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin-left:auto;padding:11px 18px;background:#07140de8;border:1px solid #67eb40;border-radius:99px;color:#f1fff4;font-weight:850;font-size:13px;letter-spacing:.02em;box-shadow:0 4px 22px #000b}
#mf-acerca-v4 .mfv4-trigger:hover{background:#214e2b}
#mf-acerca-v4 .mfv4-dot{height:10px;width:10px;border-radius:50%;background:#8dfb25;box-shadow:0 0 0 3px #a5f83b22}
#mf-acerca-v4 .mfv4-trigger[aria-expanded='true']{display:none}
@media(max-width:760px){
 #mf-acerca-v4{left:8px;right:8px;bottom:8px;max-width:none}
 #mf-acerca-v4 .mfv4-panel{width:100%;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);border-radius:15px}
 #mf-acerca-v4 .mfv4-head{min-height:76px;padding:4px 54px 0 10px}
 #mf-acerca-v4 .mfv4-logo{width:min(250px,80%);max-height:69px}
 #mf-acerca-v4 .mfv4-close{top:10px;right:10px;width:44px;height:44px}
 #mf-acerca-v4 .mfv4-content{padding:2px 15px 17px;min-height:0}
 #mf-acerca-v4 .mfv4-ball{width:46%;opacity:.18;bottom:21px;left:-40px}
 #mf-acerca-v4 .mfv4-section{margin-bottom:15px}
 #mf-acerca-v4 .mfv4-section h2{font-size:clamp(24px,6vw,30px)}
 #mf-acerca-v4 .mfv4-section p{font-size:clamp(15px,3.75vw,17px);line-height:1.35}
 #mf-acerca-v4 .mfv4-bullets li{font-size:clamp(15px,3.7vw,16px);line-height:1.34;padding-bottom:7px}
 #mf-acerca-v4 .mfv4-cta{min-height:54px;font-size:clamp(20px,5vw,25px)}
}
@media(max-width:360px){#mf-acerca-v4 .mfv4-content{padding:0 11px 12px}#mf-acerca-v4 .mfv4-section h2{font-size:22px}#mf-acerca-v4 .mfv4-section p,#mf-acerca-v4 .mfv4-bullets li{font-size:15px}}
@media(prefers-reduced-motion:reduce){#mf-acerca-v4 .mfv4-cta{transition:none}}
