/* Energy Ecuador 1.13.3 · Registro móvil oficial · recorte visual INTERACTIVO cross-origin */
.ee-mobile-registration-trigger,
.ee-mobile-registration-modal{display:none;}

@media (max-width:782px){
  /* Oculta SOLO el flotante asociado a VENDEDORES CHINO. */
  .energy-wa-float[data-contact-cargo="vendedores-chino"],
  .energy-wa-float[data-contact-cargo*="chino"],
  [data-energy-wa][data-contact-cargo="vendedores-chino"],
  [data-energy-wa][data-contact-cargo*="chino"],
  .as-intruder-float,
  [data-as-intruder]{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:none !important;
  }

  .ee-mobile-registration-trigger{
    position:fixed;
    right:12px;
    bottom:calc(82px + env(safe-area-inset-bottom, 0px));
    z-index:2147482000;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:44px;
    max-width:calc(100vw - 24px);
    padding:0 16px;
    border:1px solid rgba(255,255,255,.30);
    border-radius:999px;
    background:linear-gradient(135deg,#0d4f78,#0b8faf);
    color:#fff !important;
    box-shadow:0 10px 28px rgba(3,28,47,.30);
    font:800 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    letter-spacing:.045em;
    text-decoration:none;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
    cursor:pointer;
  }
  .ee-mobile-registration-trigger:active{transform:translateY(1px);}
  .ee-mobile-registration-trigger:focus-visible{outline:3px solid rgba(22,181,224,.45);outline-offset:3px;}
  .ee-mobile-registration-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    font-size:14px;
    line-height:1;
  }

  html.ee-registration-open,
  body.ee-registration-open{overflow:hidden !important;overscroll-behavior:none;}
  .ee-mobile-registration-modal[hidden]{display:none !important;}
  .ee-mobile-registration-modal{
    --ee-register-crop-top:480px;
    --ee-register-crop-bottom:96px;
    position:fixed !important;
    inset:0 !important;
    z-index:2147483000 !important;
    display:flex !important;
    align-items:flex-end;
    justify-content:center;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    margin:0 !important;
    padding:7px 7px calc(7px + env(safe-area-inset-bottom,0px));
    pointer-events:auto !important;
  }
  .ee-mobile-registration-backdrop{
    position:absolute;
    inset:0;
    z-index:0;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    background:rgba(4,19,32,.80);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
  }

  /*
   * IMPORTANTE 1.13.3:
   * No movemos el iframe con top negativo/transform. En algunos navegadores,
   * especialmente WebKit/iOS, un iframe cross-origin desplazado fuera de su caja
   * puede renderizarse pero fallar al enfocar campos. Ahora el iframe permanece
   * en flujo normal y el recorte se logra desplazando PROGRAMÁTICAMENTE este
   * contenedor (scrollTop). overflow:hidden sigue ocultando banner/contador.
   */
  .ee-mobile-registration-card{
    position:relative;
    z-index:1;
    width:min(100%,720px);
    height:calc(100dvh - 14px - env(safe-area-inset-bottom,0px));
    max-height:920px;
    min-height:480px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(9,59,89,.12);
    border-radius:16px;
    box-shadow:0 24px 80px rgba(0,0,0,.36);
    pointer-events:auto !important;
  }
  @supports not (height:100dvh){
    .ee-mobile-registration-card{height:calc(100vh - 14px - env(safe-area-inset-bottom,0px));}
  }

  .ee-mobile-registration-frame-wrap{
    position:absolute;
    inset:0;
    z-index:1;
    min-height:0;
    overflow:hidden !important;
    background:#fff;
    border-radius:inherit;
    pointer-events:auto !important;
    touch-action:auto !important;
    -webkit-overflow-scrolling:auto;
  }
  .ee-mobile-registration-frame{
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    display:block !important;
    width:100% !important;
    height:calc(100% + var(--ee-register-crop-top) + var(--ee-register-crop-bottom)) !important;
    min-height:0;
    border:0;
    margin:0;
    padding:0;
    background:#fff;
    pointer-events:auto !important;
    touch-action:auto !important;
    user-select:auto !important;
    -webkit-user-select:auto !important;
  }

  .ee-mobile-registration-loading{
    position:absolute;
    inset:0;
    z-index:4;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:#fff;
    color:#36566c;
    font:700 13px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    text-align:center;
    pointer-events:none !important;
  }
  .ee-mobile-registration-frame-wrap.is-loaded .ee-mobile-registration-loading{display:none !important;}

  /* Controles mínimos: quedan por encima solo en su área circular. */
  .ee-mobile-registration-close--floating,
  .ee-mobile-registration-external--floating{
    position:absolute;
    top:10px;
    z-index:8;
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    margin:0;
    padding:0;
    border:1px solid rgba(255,255,255,.38);
    border-radius:999px;
    background:rgba(4,38,59,.86);
    color:#fff !important;
    box-shadow:0 6px 18px rgba(0,0,0,.22);
    text-decoration:none !important;
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
    pointer-events:auto !important;
  }
  .ee-mobile-registration-close--floating{
    right:10px;
    font:400 26px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    cursor:pointer;
  }
  .ee-mobile-registration-external--floating{
    right:56px;
    font:800 17px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  }
  .ee-mobile-registration-close--floating:focus-visible,
  .ee-mobile-registration-external--floating:focus-visible{outline:3px solid rgba(22,181,224,.48);outline-offset:2px;}

  .ee-mobile-registration-head,
  .ee-mobile-registration-help{display:none !important;}
}

@media (max-width:390px){
  .ee-mobile-registration-trigger{right:9px;padding:0 13px;bottom:calc(74px + env(safe-area-inset-bottom,0px));}
  .ee-mobile-registration-card{border-radius:14px;}
  .ee-mobile-registration-modal{--ee-register-crop-bottom:84px;}
}