/* MasFutbol | pop-up quienes somos visual V3. Solo se aplica al componente mf-acerca-v3. */
#mf-acerca-v3,#mf-acerca-v3 * {box-sizing:border-box}
#mf-acerca-v3 {position:fixed;right:18px;bottom:17px;z-index:9500;color:#fff;font:normal 16px/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;}
#mf-acerca-v3 [hidden] {display:none!important}
#mf-acerca-v3 :is(button,a):focus-visible {outline:3px solid #fff;outline-offset:3px}
#mf-acerca-v3 .mfv3-trigger {display:flex;align-items:center;gap:9px;justify-content:center;margin-left:auto;min-height:48px;padding:11px 18px;background:#07140dbf;color:#effff3;border:1px solid #48ed79;border-radius:99px;box-shadow:0 7px 28px #000c;letter-spacing:.04em;font-size:13px;font-weight:850;cursor:pointer;backdrop-filter:blur(8px)}
#mf-acerca-v3 .mfv3-trigger .mfv3-dot {width:10px;height:10px;border-radius:50%;background:#73f600;box-shadow:0 0 0 4px #78f30022}
#mf-acerca-v3 .mfv3-trigger:hover {background:#183a21}
#mf-acerca-v3 .mfv3-panel {position:relative;width:min(1030px,calc(100vw - 26px));max-height:calc(100vh - 32px);margin:0 0 10px auto;background:#041008;border:1px solid #6aff1b;border-radius:16px;box-shadow:0 24px 65px #000e;overflow:auto;overscroll-behavior:contain;scrollbar-color:#61cc35 #091809;}
#mf-acerca-v3 .mfv3-desktop {position:relative;display:block;line-height:0;}
#mf-acerca-v3 .mfv3-visual {width:100%;height:auto;display:block;}
#mf-acerca-v3 .mfv3-link-image {position:absolute;left:27.5%;top:78.6%;width:61%;height:14.9%;border-radius:65px;display:block;text-decoration:none;background:transparent;}
#mf-acerca-v3 .mfv3-link-image:hover {box-shadow:inset 0 0 0 4px #fff8,0 0 25px #70ff3780;}
#mf-acerca-v3 .mfv3-close {position:absolute;right:1.1%;top:1.1%;height:8.4%;width:6.9%;min-width:43px;min-height:43px;border:0;border-radius:50%;background:transparent;color:transparent;cursor:pointer;z-index:5;}
#mf-acerca-v3 .mfv3-close:hover {background:#c8ff4f22}
#mf-acerca-v3 .mfv3-sr {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#mf-acerca-v3 .mfv3-mobile {display:none}
@media (max-width:760px) {
  #mf-acerca-v3 {inset:auto 10px 8px 10px;}
  #mf-acerca-v3 .mfv3-trigger {min-height:46px;margin-right:0;font-size:13px}
  #mf-acerca-v3 .mfv3-panel {width:100%;max-height:calc(100vh - 20px);border-radius:16px;}
  #mf-acerca-v3 .mfv3-desktop {display:none}
  #mf-acerca-v3 .mfv3-mobile {display:block;position:relative;padding:16px 15px 18px;background:radial-gradient(circle at 95% 3%,#1e4b1b 0%,transparent 48%),linear-gradient(145deg,#122419,#061007 65%);}
  #mf-acerca-v3 .mfv3-close {top:9px;right:9px;width:43px;height:43px;background:#14331c;color:#fff;border:1px solid #90ff32;font-size:27px;line-height:1}
  #mf-acerca-v3 .mfv3-brand {font-weight:1000;font-size:clamp(22px,7vw,30px);margin:0 42px 12px 0;letter-spacing:-.04em;line-height:1.15;color:white}
  #mf-acerca-v3 .mfv3-brand span {color:#7efb04}
  #mf-acerca-v3 .mfv3-section {padding:0;margin:0 0 13px}
  #mf-acerca-v3 .mfv3-section h2 {display:block;width:max-content;max-width:100%;padding:3px 9px 4px 8px;margin:0 0 7px;transform:skew(-6deg);background:#7ffb08;color:#021000;font:1000 clamp(23px,6.6vw,29px)/1.08 system-ui,"Arial Black",sans-serif;letter-spacing:-.035em;text-transform:uppercase}
  #mf-acerca-v3 .mfv3-section p {margin:0 0 7px;color:#f5fff2;font-size:clamp(15px,4vw,17px);line-height:1.34}
  #mf-acerca-v3 .mfv3-section strong {color:#b6ff4e}
  #mf-acerca-v3 .mfv3-cta,#mf-acerca-v3 .mfv3-cta:visited {display:block;padding:12px 10px;border-radius:10px;background:#80f700;color:#061000!important;text-decoration:none!important;text-align:center;font-size:19px;font-weight:1000;line-height:1.2}
  #mf-acerca-v3 .mfv3-cta:hover {background:#b3ff45}
}
@media (max-height:580px) and (min-width:761px) { #mf-acerca-v3 .mfv3-panel {width:min(700px,calc(100vw - 26px));} }
@media (prefers-reduced-motion:no-preference) { #mf-acerca-v3 .mfv3-panel {animation:mfv3-arrive .22s ease-out both} @keyframes mfv3-arrive {from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} }

@media(min-width:761px){#mf-acerca-v3 .mfv3-mobile-x{display:none}}
