/* =====================================================================
   RDI Shell — header y footer propios.
   Cada medida sale de MEDIR el header/footer actual en el navegador
   (Playwright, viewport 1440x900 y iPhone 13 390x844), no de la vista.
   Referencia: scratchpad/rdi_shell_ref/home_desktop.json y home_mobile.json.
   Paleta: rosa #F25C92 · rosa claro #F79DBE · texto #4B4F58 · rojo countdown #FF0000
   ===================================================================== */

.rdi-shell-countdown,
.rdi-shell-header,
.rdi-shell-footer,
.rdi-shell-barra-mobile,
.rdi-shell-buscar-movil {
  --rosa: #f25c92;
  --rosa-claro: #f79dbe;
  --natom: "Natom Pro", Sans-serif;
  --sistema: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  box-sizing: border-box;
}
.rdi-shell-header *, .rdi-shell-footer *, .rdi-shell-barra-mobile *, .rdi-shell-buscar-movil * { box-sizing: border-box; }

/* Astra estila todos los <button> (fondo #eb5c91, radio 30, padding 10 20) y en :hover/:focus les pone
   fondo rosa con especificidad (0,1,1). Nuestros botones son iconos sin fondo: cada clase ya pisa el estado
   normal; esta regla (0,2,0) pisa el hover/focus para que no aparezca ese fondo. */
.rdi-shell-ayuda:hover, .rdi-shell-ayuda:focus,
.rdi-shell-usuario-btn:hover, .rdi-shell-usuario-btn:focus,
.rdi-shell-carrito:hover, .rdi-shell-carrito:focus,
.rdi-shell-mb-item:hover, .rdi-shell-mb-item:focus { background: transparent; border-color: transparent; box-shadow: none; }

.rdi-oculto {
  position: absolute !important; width: 1px; height: 1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}

/* ---------------------- countdown (markup y estilo del plugin rincron) ---------------------- */
.rdi-shell-countdown { width: 100%; overflow: hidden; }   /* como el container 4893095 */
.rdi-shell-countdown:empty { display: none; }

/* ---------------------- header pegajoso ---------------------- */
/* Elementor lo hace con JS (e-sticky: position fixed + un spacer). En CSS: sticky.
   Funciona porque #page tiene overflow visible y el overflow del body se propaga al viewport. */
.rdi-shell-header { position: sticky; top: 0; z-index: 100; }
body.admin-bar .rdi-shell-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .rdi-shell-header { top: 46px; } }

/* ==================== BARRA DE ESCRITORIO (container 43474de) ==================== */
/* medido: alto 93.5 · padding 23.8 0 10.2 34 (1.4em 0 .6em 2em) · gap 5 · centrado · radio 0 0 10 10 */
.rdi-shell-barra {
  display: flex; flex-direction: row; align-items: stretch; justify-content: center; gap: 5px;
  padding: 1.4em 0 0.6em 2em;
  background: var(--rosa);
  border-radius: 0 0 10px 10px;
  font-family: var(--sistema); font-size: 17px; line-height: 1.857; color: #4b4f58;
}
.rdi-shell-barra > * { flex: 0 0 auto; min-width: 0; }

/* logo: 6.8em de ancho (115.6px), imagen 115.6 x 55.7, subido 7px */
.rdi-shell-logo { display: block; width: 6.8em; margin-top: -7px; line-height: 0; }
.rdi-shell-logo img { display: inline-block; width: 100%; height: auto; }

/* el spacer de 0.6em que hay entre el logo y el menu */
.rdi-shell-espaciador { display: block; width: 10px; }

/* ---------------------- navegacion (widget ef4974d) ---------------------- */
/* medido: items 17px/400 Natom, padding 13px 20px, line-height 20 -> 46px de alto; hover #FAC4D8 */
.rdi-shell-nav { position: relative; }
.rdi-shell-menu { display: flex; align-items: flex-start; margin: 0; padding: 0; list-style: none; }
.rdi-shell-menu li { position: relative; margin: 0; padding: 0; list-style: none; }
.rdi-shell-menu a {
  display: flex; align-items: center;
  color: #fff; text-decoration: none; white-space: nowrap;
  font-family: var(--natom); font-size: 17px; font-weight: 400; line-height: 20px;
  padding: 13px 20px;
}
.rdi-shell-menu > li > a:hover,
.rdi-shell-menu > li > a:focus-visible { color: #fac4d8; }

/* caret: span.sub-arrow con fa-caret-down de 17px (10.6 x 17), padding 10px 0 10px 10px, margin -10px 0 */
.rdi-shell-menu .sub-arrow { display: inline-flex; align-items: center; padding: 10px 0 10px 10px; margin: -10px 0; line-height: 17px; }
.rdi-shell-menu .sub-arrow svg { width: 10.625px; height: 17px; display: block; fill: currentColor; }

/* submenus (nivel 2 y 3): fondo #F25C92, radio 0 0 10 10, SIN sombra, min-width 156, items 13px/300 padding 13px 20px */
.rdi-shell-menu ul.sub-menu {
  display: none;
  position: absolute; top: 100%; left: 0;
  min-width: 156px; margin: 0; padding: 0; list-style: none;
  background: var(--rosa);
  border-radius: 0 0 10px 10px;
  box-shadow: none;
}
.rdi-shell-menu li:hover > ul.sub-menu,
.rdi-shell-menu li.abierto > ul.sub-menu,
.rdi-shell-menu li:focus-within > ul.sub-menu { display: block; }
.rdi-shell-menu ul.sub-menu a {
  display: flex; align-items: center;
  padding: 13px 20px;
  font-family: var(--natom); font-size: 13px; font-weight: 300; line-height: 20px;
  color: #fff;
}
.rdi-shell-menu ul.sub-menu a:hover,
.rdi-shell-menu ul.sub-menu a:focus-visible { background: var(--rosa-claro); color: #fff; }
.rdi-shell-menu ul.sub-menu > li:last-child > a { border-radius: 0 0 10px 10px; }
.rdi-shell-menu ul.sub-menu > li:first-child > a { border-radius: 0; }
/* en el desplegable la flecha queda en linea (mismo padding 10px 0 10px 10px) y solo se rota -90 (widget-nav-menu.min.css) */
.rdi-shell-menu ul.sub-menu .sub-arrow { line-height: 13px; }
.rdi-shell-menu ul.sub-menu .sub-arrow svg { width: 8.125px; height: 13px; transform: rotate(-90deg); }
/* tercer nivel: se abre al costado */
.rdi-shell-menu ul.sub-menu ul.sub-menu { top: 0; left: 100%; }

/* ---------------------- buscador (widget search 181b140) ---------------------- */
/* medido: caja 264.75 (input 224.75 + padding 0 20), subida 2px; input 51 alto, radio 20, borde 1px #cdcdcd,
   padding 9 9 9 33.75, texto #818181 17px/300, placeholder BLANCO (asi esta hoy); lupa 20.75x33 a 9px */
.rdi-shell-buscar { position: relative; width: 264.75px; height: 51px; padding: 0 20px; margin: -2px 0 0; }
.rdi-shell-buscar-input,
.rdi-shell-buscar input[type="search"] {
  display: block; width: 224.75px; height: 51px; margin: 0;
  padding: 9px 9px 9px 33.75px;
  border: 1px solid #cdcdcd; border-radius: 20px;
  background: #fff; color: #818181;
  font-family: var(--sistema); font-size: 17px; font-weight: 300; line-height: 17px;
  outline: none; box-shadow: none; -webkit-appearance: none; appearance: none;
}
.rdi-shell-buscar input[type="search"]::placeholder { color: #fff; opacity: 1; }
.rdi-shell-buscar input[type="search"]:focus { color: #7a7a7a; }
.rdi-shell-buscar input[type="search"]::-webkit-search-cancel-button,
.rdi-shell-buscar input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
.rdi-shell-buscar-icono { position: absolute; left: 29px; top: 9px; width: 20.75px; height: 33px; z-index: 10; display: block; cursor: text; }
.rdi-shell-buscar-icono svg { display: block; width: 20.75px; height: 33px; }

/* ---------------------- Ayuda (icono be67863, id ayudaheader) ---------------------- */
/* medido: caja 105 x 59.6; el svg de 145px con margen -50 0 -45 -40 deja la pildora (95.7 x 49.3)
   2.75px a la izquierda y 2.2px arriba del borde de la caja. Los 15px de margen izquierdo son los
   tres widgets HTML invisibles (095121f, 3bc15e5, 9ac12f5) que hoy ocupan lugar con su gap. */
.rdi-shell-ayuda-box { position: relative; width: 105px; height: 59.6px; margin-left: 15px; }
.rdi-shell-ayuda {
  position: absolute; left: -2.75px; top: -2.2px;
  width: 95.66px; height: 49.34px; padding: 0; margin: 0;
  border: 0; background: transparent; cursor: pointer; line-height: 0;
}
.rdi-shell-ayuda svg { display: block; width: 100%; height: 100%; }
.rdi-shell-ayuda:focus-visible { outline: 2px solid #fff; outline-offset: 2px; border-radius: 20px; }

/* ---------------------- moneda (container 8a7d615 .moneditas) ---------------------- */
/* medido: 6% del ancho del contenido (84.36px), padding-right 15. El boton .moneditas-curcy-btn
   (44px, radio 16, #f79bc0) lo crea y estila el snippet 69, igual que hoy. */
/* El container de Elementor es flex EN COLUMNA con align-items stretch: el boton toma todo el ancho
   del contenido (84.36 - 15 = 69.4 medido). Replicado igual. */
.rdi-shell-barra .moneditas { display: flex; flex-direction: column; align-items: stretch; width: 6%; padding: 0 15px 0 0; }

/* ---------------------- usuario (nav-menu fdcf7f9, layout dropdown) ---------------------- */
/* medido: toggle 69 x 72.2, padding 11.5, svg 46 x 45.2 arriba, centrado en la fila y subido 15px */
.rdi-shell-usuario { position: relative; align-self: center; margin-top: -15px; }
.rdi-shell-usuario-btn {
  display: flex; align-items: flex-start; justify-content: center;
  width: 69px; height: 72.2px; padding: 11.5px; margin: 0;
  border: 0; border-radius: 3px; background: transparent; color: #fff; cursor: pointer;
}
.rdi-shell-usuario-btn svg { display: block; width: 46px; height: 45.2px; }
.rdi-shell-usuario-btn:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
/* panel: 260px, pegado al borde derecho del toggle, 10px debajo, #F25C92, radio 0 0 10 10, z 9999 */
.rdi-shell-usuario-menu {
  position: absolute; top: 100%; right: 0; left: auto; z-index: 9999;
  width: 260px; margin: 10px 0 0;
  background: var(--rosa);
  border-radius: 0 0 10px 10px;
  opacity: 0; visibility: hidden; max-height: 0; overflow: hidden;
  transition: max-height .25s ease, opacity .2s ease, visibility .2s ease;
}
.rdi-shell-usuario-menu.abierto { opacity: 1; visibility: visible; max-height: 400px; overflow: visible; }
.rdi-shell-usuario-lista { margin: 0; padding: 0; list-style: none; }
.rdi-shell-usuario-lista li { margin: 0; padding: 0; list-style: none; }
.rdi-shell-usuario-lista li + li { border-top: 1px solid rgba(255, 255, 255, .18); }
.rdi-shell-usuario-lista a {
  display: block; padding: 14px 20px;
  font-family: var(--natom); font-size: 13px; font-weight: 300; line-height: 1.25;
  color: #fff; text-decoration: none; border-radius: 0;
}
.rdi-shell-usuario-lista a:hover,
.rdi-shell-usuario-lista a:focus-visible { background: #fff; color: var(--rosa); }
.rdi-shell-usuario-lista li:last-child a { border-radius: 0 0 10px 10px; }
@media (max-width: 480px) { .rdi-shell-usuario-menu { width: 88vw; } }

/* ---------------------- carrito (icono 5d1f185) ---------------------- */
/* medido: svg 25.9 x 44 blanco, arriba de la fila */
.rdi-shell-carrito {
  display: block; align-self: flex-start;
  width: 25.875px; height: 44px; padding: 0; margin: 0;
  border: 0; background: transparent; color: #fff; cursor: pointer; line-height: 0;
}
.rdi-shell-carrito svg { display: block; width: 25.875px; height: 44px; }
.rdi-shell-carrito:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* ==================== HEADER MOVIL / TABLET (container cceb4d1) ==================== */
.rdi-shell-mheader { display: none; }

/* ==================== BARRA INFERIOR (container a27d50f) ==================== */
.rdi-shell-barra-mobile { display: none; }

/* ==================== FOOTER (container f912c59) ==================== */
/* medido desktop: padding 51 0 (3em), gap 20, radio 10 10 0 0, 5 columnas iguales de 272 con padding 10 */
.rdi-shell-footer {
  display: flex; flex-direction: row; flex-wrap: nowrap; gap: 20px;
  padding: 3em 0;
  background: var(--rosa);
  /* El documento de footer de Elementor tiene fondo rosa: el radio 10/20px del contenedor no se ve.
     Sin ese fondo detras, el radio dejaba muescas claras en las esquinas -> radio 0 (mismo resultado visual). */
  border-radius: 0;
  font-family: var(--sistema); font-size: 17px; line-height: 1.857; color: #fff;
}
.rdi-shell-fcol { flex: 1 1 0; min-width: 0; padding: 10px; display: flex; flex-direction: column; }
.rdi-shell-fcol-4 { align-items: center; }

/* logo redondo: 7.5em (127.5px), centrado */
.rdi-shell-flogo { text-align: center; align-items: center; }   /* la columna es flex: text-align no centra, align-items si */
.rdi-shell-flogo img { display: inline-block; width: 7.5em; height: auto; }

/* listas: "natom-pro" 17px/300 blanco, 31.6px por item (line-height 1.857), sin subrayado */
.rdi-shell-fcol ul { margin: 0; padding: 0; list-style: none; }
.rdi-shell-fcol li { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.rdi-shell-fcol li a {
  font-family: "natom-pro", Sans-serif; font-size: 17px; font-weight: 300; line-height: 1.857;
  color: #fff; text-decoration: none;
}

/* mail + redes */
.rdi-shell-fmail { font-family: "natom-pro", Sans-serif; font-size: 17px; font-weight: 300; line-height: 1.857; color: #fff; margin: 0 0 20px; }
.rdi-shell-redes { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 5px; font-size: 0; line-height: 0; }
.rdi-shell-red {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 35px;
  background: #fff; color: #f27aa5; text-decoration: none;
}
.rdi-shell-red svg { display: block; height: 15px; width: auto; fill: #f27aa5; }
.rdi-shell-red:hover { background: #fff; }

/* Data Fiscal: 60x82, centrada, 15px mas abajo */
.rdi-shell-afip { text-align: center; }
.rdi-shell-afip a { display: inline-block; margin-top: 15px; line-height: 0; }
.rdi-shell-afip img { display: inline-block; width: 60px; height: 82px; }

/* ==================== TABLET y CELU (<= 1024, breakpoints de fabrica de Elementor) ==================== */
@media (max-width: 1024px) {
  .rdi-shell-barra { display: none; }
  .rdi-shell-header { z-index: 99; }

  /* header movil: logo + Ayuda. tablet: padding 1px 20px 0; radio 0 0 10 10 */
  .rdi-shell-mheader {
    display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 20px;
    padding: 1px 20px 0;
    background: var(--rosa);
    border-radius: 0 0 10px 10px;
    font-size: 17px; line-height: 1.857;
  }
  .rdi-shell-mlogo { display: block; width: 6.8em; margin-top: -7px; text-align: center; line-height: 0; }
  .rdi-shell-mlogo img { display: inline-block; width: 100%; height: auto; }
  /* tablet: svg de 126 con margen -26 0 -27 -> pildora 83.1 x 42.9 */
  .rdi-shell-ayuda-box-m { width: 126px; height: 82.6px; margin: 0; }
  .rdi-shell-ayuda-m { left: 32.4px; top: 15.55px; width: 83.13px; height: 42.88px; }

  /* barra inferior fija. tablet: padding 1px 0, space-evenly, radio 20 20 0 0 */
  .rdi-shell-barra-mobile {
    display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; gap: 5px;
    /* sticky y NO fixed: igual que el "sticky bottom" de Elementor. Se pega abajo mientras scrolleas y al llegar
       al final queda en su lugar, DEBAJO del footer. Con fixed tapaba las redes y el Data Fiscal. */
    position: sticky; bottom: 0; z-index: 99;
    padding: 1px 0;
    background: var(--rosa);
    border-radius: 20px 20px 0 0;
    font-size: 17px; line-height: 1.857;
  }
  .rdi-shell-barra-mobile > * { flex: 0 0 auto; }
  /* container de Elementor: columna + stretch (el boton de moneda llena el ancho), padding 10 por defecto en tablet */
  .rdi-shell-barra-mobile .mobileMoneditas { display: flex; flex-direction: column; align-items: stretch; width: 60px; padding: 10px; }
  /* flex en columna a proposito: un <button> centra su contenido verticalmente y el svg bajaba 4.7px */
  .rdi-shell-mb-item {
    display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
    padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent;
    color: var(--rosa-claro); cursor: pointer; text-decoration: none; line-height: 0;
  }
  .rdi-shell-mb-item:hover, .rdi-shell-mb-item:focus { background: transparent; color: var(--rosa-claro); border: 0; }
  .rdi-shell-mb-item svg { display: block; }
  /* iconos de 50px (tamano por defecto del widget icon): lupa 39x62, usuario 58x57, bolsa 30x51 */
  .rdi-shell-mb-buscar, .rdi-shell-mb-usuario { width: 50px; height: 59.6px; }
  .rdi-shell-mb-buscar svg, .rdi-shell-mb-usuario svg { width: 50px; height: 50px; }
  .rdi-shell-mb-carrito { width: 50px; height: 63.6px; padding-top: 10px; }
  .rdi-shell-mb-carrito svg { width: 50px; height: 50px; margin-top: -6px; }
  /* menu: 70px en tablet, 62 en celu */
  .rdi-shell-mb-menu { width: 70px; height: 78.6px; }
  .rdi-shell-mb-menu svg { width: 70px; height: 70px; margin-top: 4px; }
  .rdi-shell-mb-item:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

  /* footer tablet: padding 2em 0 1em, radio 20 20 0 0, logo 4.9em, listas 0.8em, columna 5 al 36% invertida */
  .rdi-shell-footer { padding: 2em 0 1em; position: relative; }
  /* rosa detras de las esquinas redondeadas de la barra cuando queda al final (en Elementor lo pone el fondo del documento) */
  .rdi-shell-footer::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 20px; background: var(--rosa); }
  .rdi-shell-flogo img { width: 4.9em; }
  .rdi-shell-fcol li a, .rdi-shell-fmail { font-size: 0.8em; }
  .rdi-shell-fcol-5 { flex: 0 0 36%; flex-direction: column-reverse; align-items: flex-end; }
  .rdi-shell-red { width: 20px; height: 20px; }
  .rdi-shell-red svg { height: 10px; }
}

/* ==================== CELU (<= 767) ==================== */
@media (max-width: 767px) {
  /* header movil medido: alto 81.8, padding 17 17 10.2 (1em 1em .6em), sin radio, gap 20 */
  .rdi-shell-mheader { padding: 1em 1em 0.6em; border-radius: 0; }
  /* logo: caja de 5.7em (96.9px) con la imagen al 80% (77.5 x 37.3) centrada y subida 12px */
  .rdi-shell-mlogo { width: 5.7em; margin-top: -12px; }
  .rdi-shell-mlogo img { width: 80%; }
  /* Ayuda: svg de 98 con margen -26 0 -27 -> caja 98 x 54.6, pildora 64.65 x 33.35 a 25.2/6.3 */
  .rdi-shell-ayuda-box-m { width: 98px; height: 54.6px; }
  .rdi-shell-ayuda-m { left: 25.2px; top: 6.3px; width: 64.65px; height: 33.35px; }

  /* barra inferior medida: alto 92.6, padding 20.4 17 1.7 (1.2em 1em .1em), centrada, gap 5, radio 15 15 0 0 */
  .rdi-shell-barra-mobile { justify-content: center; padding: 1.2em 1em 0.1em; border-radius: 15px 15px 0 0; }
  .rdi-shell-barra-mobile .mobileMoneditas { width: 18%; min-height: 43px; margin: -6px 4px 0 0; padding: 0; }
  .rdi-shell-mb-menu { width: 62px; height: 70.6px; }
  .rdi-shell-mb-menu svg { width: 62px; height: 62px; margin-top: -1px; }

  /* footer celu medido: columnas apiladas, gap 5, logo 4.9em centrado, mail 13.6px, redes 20px con iconos de 10,
     Data Fiscal al 64% (38.4 x 52.5) a la derecha y subida 72px */
  .rdi-shell-footer { flex-wrap: wrap; gap: 5px; }
  .rdi-shell-fcol { flex: 0 0 100%; width: 100%; }
  .rdi-shell-fcol-2, .rdi-shell-fcol-3 { display: none; }
  /* En Elementor el widget queda con alto 0 y la imagen sube 72px por encima: se replica con absolute
     (con column-reverse el margen negativo no la subia y quedaba 19,6px mas abajo). */
  .rdi-shell-fcol-5 { flex: 0 0 100%; position: relative; }
  .rdi-shell-redes { gap: 0 10px; }
  .rdi-shell-afip a { position: absolute; right: 10px; top: -62px; margin-top: 0; width: 60px; text-align: center; }
  .rdi-shell-afip img { width: 64%; height: auto; }
}

/* ==================== BUSCADOR MOVIL (reemplaza al off-canvas 7be9934) ==================== */
/* medido con el off-canvas abierto (390x664): overlay rgba(0,0,0,.8); panel 80% x 24% del viewport (312 x 159.4),
   #F79DBE, radio 20, centrado; adentro un container con padding 10 y min-height 140 que centra el buscador;
   input 212.25 x 42, fondo #fafafa, texto #7a7a7a, padding 9 21.25 9 9, borde 1px #cdcdcd, radio 20, SIN lupa. */
.rdi-shell-buscar-movil[hidden] { display: none !important; }
.rdi-shell-buscar-movil { position: fixed; inset: 0; z-index: 2147483630; display: flex; align-items: center; justify-content: center; }
.rdi-shell-bm-overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .8); }
/* el panel es un bloque con overflow auto; adentro, el container de 140 (padding 10) queda ARRIBA (no centrado en
   los 159) y centra el buscador de 40 -> el form (42, margen -2) arranca a 48px del borde superior del panel */
.rdi-shell-bm-panel {
  position: relative; width: 80%; height: 24%; min-height: 140px; overflow: auto;
  display: block;
  background: var(--rosa-claro); border-radius: 20px; padding: 0;
}
.rdi-shell-bm-panel .rdi-shell-buscar { width: 212.25px; height: 42px; padding: 0; margin: 48px auto 0; }
.rdi-shell-bm-panel .rdi-shell-buscar input[type="search"] {
  width: 212.25px; height: 42px; padding: 9px 21.25px 9px 9px;
  background: #fafafa; color: #7a7a7a;
}
.rdi-shell-bm-panel .rdi-shell-buscar input[type="search"]::placeholder { color: rgb(81, 89, 98); }

/* ==================== Ayuda / BetterDocs (CSS del widget 3bc15e5, tal cual) ==================== */
.betterdocs-ia-launcher-wrapper { display: none !important; }
.ia-shield { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 2147483646; background: transparent; }
.ia-close-btn {
  position: absolute; top: 10px; right: 10px;
  width: 36px; height: 36px; border: 0; border-radius: 50%;
  background: #ff2ea6; color: #fff; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  font: 700 18px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
  z-index: 2147483000;
}
.ia-close-btn::before { content: "×"; }
.betterdocs-ia-root[aria-hidden="true"] .ia-close-btn { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  .rdi-shell-usuario-menu { transition: none; }
}