/* ============ AREA SEGURA (NOTCH) EN HORIZONTAL ============ */
      /* el contenido respeta la muesca... */
      #wrapwrap > main,
      #wrapwrap > header,
      #wrapwrap > footer,
      .er_pie_in, .o_footer_copyright {
        padding-left:env(safe-area-inset-left, 0px);
        padding-right:env(safe-area-inset-right, 0px); }

      /* ...pero los FONDOS llegan de borde a borde */
      #wrapwrap > header, #wrapwrap > footer,
      .er_pie, .er_escena { width:100%; }

      /* la barra fija de compra tambien */
      div[name="product_price_container"] {
        padding-left:calc(16px + env(safe-area-inset-left, 0px)) !important;
        padding-right:calc(16px + env(safe-area-inset-right, 0px)) !important; }

      /* el flotante de WhatsApp no debe quedar bajo la muesca */
      #wa-float {
        margin-right:env(safe-area-inset-right, 0px);
        margin-bottom:env(safe-area-inset-bottom, 0px); }