/* ==================================================================
   MR. FOX DIGITAL — CONTACTO / GLOBO DE SALUDO — v1.2.4
   Modificar acá la presentación visual del globo.
   Textos y visibilidad: WordPress > Apariencia > Personalizar
                            > MR. FOX · Diseño y contenido > Contacto.
   El parpadeo anterior se eliminó del HTML. Sin scripts extra.
   ================================================================== */
.mf-contact-aside__art.mf-contact-orb{
    height:405px;
    overflow:hidden;
    background:radial-gradient(ellipse at 39% 27%, rgba(62,45,138,.32),transparent 52%),
               radial-gradient(ellipse at 70% 60%, rgba(3,54,93,.18),transparent 58%),
               linear-gradient(165deg,#061126,#030816 88%);
}
.mf-contact-orb__head{
    left:35%;top:7px;
    width:min(276px,62%);
    aspect-ratio:1/1;
    /* Los estilos de flotación de v1.1 siguen activos. */
}
.mf-contact-orb__head img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
    object-position:center;background:transparent;
}
/* Garantía adicional: no mostrar jamás capas viejas de parpadeo. */
.mf-contact-orb__head .mf-fox-head--closed,
.mf-contact-orb__eyelid{display:none!important;animation:none!important}
.mf-contact-orb__caption{top:16px;right:16px;bottom:auto;z-index:5}
.mf-contact-orb__star--a{left:9%;top:22%}
.mf-contact-orb__star--b{right:8%;top:44%}

.mf-fox-speech{
    position:absolute;
    z-index:4;
    right:17px;bottom:21px;
    width:min(266px,53%);
    padding:17px 18px 15px;
    border:1px solid rgba(31,230,246,.50);
    border-radius:15px 15px 15px 4px;
    color:#f8faff;
    background:linear-gradient(140deg,rgba(11,26,51,.98),rgba(6,12,31,.99));
    box-shadow:0 0 0 1px rgba(255,63,233,.08) inset,
               0 14px 30px rgba(0,0,0,.55),
               0 0 24px rgba(26,228,247,.12);
    opacity:0;
    transform:translateY(16px) scale(.95);
    transform-origin:bottom left;
    animation:mf-greeting-appear .75s .85s cubic-bezier(.18,1,.28,1) forwards;
}
.mf-fox-speech::before{
    content:"";position:absolute;left:-10px;bottom:17px;
    width:18px;height:18px;
    background:#08162c;
    border-left:1px solid rgba(31,230,246,.5);
    border-bottom:1px solid rgba(31,230,246,.5);
    transform:rotate(45deg);
    pointer-events:none;
}
.mf-fox-speech__intro{
    color:#54edfa;font-size:.58rem;font-weight:900;
    letter-spacing:.17em;line-height:1.25;margin-bottom:9px;
}
.mf-fox-speech__dot{
    display:inline-block;vertical-align:middle;
    width:6px;height:6px;border-radius:50%;margin-right:5px;
    background:#29edff;box-shadow:0 0 12px #29edff;
}
.mf-fox-speech__title{
    margin:0 0 7px;color:#fff;
    font-size:clamp(.99rem,1.1vw,1.15rem);
    line-height:1.22;font-weight:900;letter-spacing:-.025em;
}
.mf-fox-speech__message{
    color:#bfcce3;margin:0 0 11px;
    font-size:.76rem;line-height:1.45;
}
.mf-fox-speech__cta{
    display:inline-flex;align-items:center;gap:8px;
    padding:6px 0 4px;
    color:#ff64eb!important;font-size:.73rem;font-weight:900;
    letter-spacing:.08em;text-decoration:none;
    border-bottom:1px solid rgba(255,83,237,.5);
    transition:color .2s,border-color .2s,text-shadow .2s;
}
.mf-fox-speech__cta:hover,.mf-fox-speech__cta:focus-visible{
    color:#56f2ff!important;border-color:#56f2ff;
    text-shadow:0 0 12px rgba(49,221,244,.55);
}
.mf-fox-speech__cta span{transition:transform .2s}
.mf-fox-speech__cta:is(:hover,:focus-visible) span{transform:translateX(4px)}
@keyframes mf-greeting-appear{
    0%{opacity:0;transform:translateY(16px) scale(.95)}
    100%{opacity:1;transform:translateY(0) scale(1)}
}
#mf-contact-form{scroll-margin-top:125px}

@media(max-width:1100px) and (min-width:761px){
    .mf-contact-aside__art.mf-contact-orb{height:445px}
    .mf-contact-orb__head{left:50%;top:6px;width:min(262px,75%)}
    .mf-fox-speech{right:14px;left:14px;bottom:16px;width:auto}
    .mf-fox-speech::before{left:18px;top:-10px;bottom:auto;
         transform:rotate(135deg)}
}
@media(max-width:760px){
    .mf-contact-aside__art.mf-contact-orb{height:445px}
    .mf-contact-orb__head{left:50%;width:min(265px,78%);top:7px}
    .mf-fox-speech{right:17px;left:17px;bottom:17px;width:auto;padding:15px 17px 14px}
    .mf-fox-speech::before{left:40px;top:-10px;bottom:auto;transform:rotate(135deg)}
    .mf-fox-speech__title{font-size:1.05rem}
}
@media(max-width:480px){
    .mf-contact-aside__art.mf-contact-orb{height:445px}
    .mf-contact-orb__head{width:min(244px,74%);top:9px}
    .mf-fox-speech{right:14px;left:14px;bottom:16px;width:auto}
    .mf-fox-speech__title{font-size:1rem}
    .mf-fox-speech__message{font-size:.75rem}
}
@media(max-width:350px){
    .mf-contact-aside__art.mf-contact-orb{height:435px}
    .mf-contact-orb__head{width:min(220px,73%)}
    .mf-fox-speech{padding:12px 13px 11px;right:12px;left:12px}
}
@media(prefers-reduced-motion:reduce){
    .mf-fox-speech{opacity:1!important;transform:none!important;animation:none!important}
    .mf-fox-speech__cta span{transition:none}
}