/* Market Fortune · pildora de CTA en movil. FUENTE UNICA.
   Antes esta misma regla vivia repetida en linea, dentro de un <style> propio, en 43 paginas ES y EN:
   corregir una sola propiedad (el bottom con env(safe-area-inset-bottom)) obligo a tocar 43 archivos.
   Ese patron es el que David lee como "se nota que fue construido en artifacts". Aqui vive una vez.

   Dos nombres por historia, no por diseno: .mf-cta-bar en las paginas interiores, .mf-home-buybar en
   la portada. Se ven identicas y comparten regla; se conservan los dos selectores para no reescribir
   el marcado de 43 archivos sin necesidad. */

.mf-cta-bar,
.mf-home-buybar{display:none}

@media(max-width:820px){
  .mf-cta-bar,
  .mf-home-buybar{
    display:inline-flex;align-items:center;justify-content:center;
    position:fixed;left:50%;transform:translateX(-50%);
    /* bottom se mide contra el viewport de LAYOUT de iOS, que no descuenta la barra dinamica de
       Safari. Sin el env() la pildora se dibuja unos 90px por encima de donde deberia y flota sobre
       el texto. Corregido 2026-07-28. */
    bottom:calc(16px + env(safe-area-inset-bottom,0px));
    z-index:75;
    max-width:calc(100vw - 168px);
    padding:13px 22px;border-radius:999px;
    background:linear-gradient(180deg,#e3c873,#c7a24a);color:#100d07;
    font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:14px;letter-spacing:.01em;
    text-decoration:none;white-space:nowrap;
    box-shadow:0 16px 38px -10px rgba(0,0,0,.72),0 0 0 1px rgba(199,162,74,.35);
    transition:opacity .24s ease,transform .24s ease;
  }

  /* UN SOLO CTA POR PANTALLA (KEEP IT SIMPLE).
     Mientras el hero esta a la vista, el CTA propio de la pagina ya esta pidiendo el clic y la
     pildora sobra: dos CTA son cero CTA. El estado de reposo solo existe si mf-cta-movil.js llego a
     correr y marco el <html>. Si el script falla o no carga, la clase nunca aparece y la pildora
     queda visible siempre: falla abierto, nunca escondiendo el boton que vende. */
  html.mf-cta-auto .mf-cta-bar,
  html.mf-cta-auto .mf-home-buybar{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(14px)}
  html.mf-cta-auto .mf-cta-bar.mf-cta-a-la-vista,
  html.mf-cta-auto .mf-home-buybar.mf-cta-a-la-vista{opacity:1;pointer-events:auto;transform:translateX(-50%)}
}
