/* Celular de IVS CODEX: vidrio sin borde ni luces de color, íconos finos abajo con un degradé que separa las barras,
   y el nombre fuera de la barra de arriba (ahí va Lexia). Sólo se aplica en pantallas angostas. */
@media (max-width:760px){
  :root{
    --vd:color-mix(in srgb,var(--fg) 7%,transparent);
    --vd2:color-mix(in srgb,var(--fg) 13%,transparent);
    --vdl:transparent;   /* el vidrio no lleva borde */
    --vdluz:transparent;
    --vdbrillo:linear-gradient(135deg,color-mix(in srgb,var(--fg) 12%,transparent),transparent 46%);
    --vdsombra:0 18px 40px rgba(0,0,0,.34);
    --vdborde:0 12px 30px rgba(0,0,0,.26);
    --vdblur:blur(24px) saturate(1.8) brightness(1.1);
  }

  /* ---- luces muy tenues, sólo con los colores de cada paleta (su acento y el color del texto): detrás del vidrio, para que se note ---- */
  body:has(header.top)::after,body:has(header.cab)::after{
    content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:
      radial-gradient(circle 230px at 92% 30%,color-mix(in srgb,var(--gold) 13%,transparent) 0,color-mix(in srgb,var(--gold) 4%,transparent) 55%,transparent 100%),
      radial-gradient(circle 200px at 3% 52%,color-mix(in srgb,var(--fg) 7%,transparent) 0,transparent 100%),
      radial-gradient(circle 230px at 84% 74%,color-mix(in srgb,var(--gold) 10%,transparent) 0,transparent 100%)
  }
  html[data-tema="claro"] body::after{display:none!important}   /* el blanco ya trae las suyas */

  /* ---- cabecera: píldoras de vidrio ---- */
  header.top .lx-chip,header.top #como-usar,header.top .tema-btn,
  .cab .tema-btn,.cab .btn.sec{
    background:var(--vd)!important;border:1px solid var(--vdl)!important;box-shadow:inset 0 1px 0 var(--vdluz);
    -webkit-backdrop-filter:var(--vdblur);backdrop-filter:var(--vdblur)
  }
  header.top .lx-chip{color:var(--gold)}

  /* ---- el título de cada sección: grande y liviano, con el subtítulo de letras muy separadas ---- */
  .cab h1{font-size:40px!important;line-height:1.02;margin-top:8px!important}
  .cab__ojo{letter-spacing:.44em!important;font-size:11px!important}
  .cab__ojo *{letter-spacing:inherit}
  .cab__saludo{letter-spacing:.02em;opacity:.8}

  /* ---- cada bloque es una tarjeta de vidrio ---- */
  .brief__form,.brief__summary,.panel,.lab .panel{
    padding:18px!important;border:1px solid var(--vdl)!important;border-radius:28px!important;background:var(--vdbrillo),var(--vd)!important;
    box-shadow:var(--vdborde);-webkit-backdrop-filter:var(--vdblur);backdrop-filter:var(--vdblur)
  }
  .brief__summary{margin-top:14px!important}

  /* resultados: tarjetas de vidrio; la primera lleva dos más asomando detrás */
  .rz{
    margin:0 0 12px!important;padding:16px!important;border:1px solid var(--vdl)!important;border-radius:26px!important;
    background:var(--vdbrillo),var(--vd)!important;box-shadow:var(--vdborde);-webkit-backdrop-filter:var(--vdblur);backdrop-filter:var(--vdblur)
  }
  .rz:hover{background:var(--vd2)!important}
  .rz:first-of-type{
    margin-top:26px!important;
    box-shadow:var(--vdborde),0 -9px 0 -4px color-mix(in srgb,var(--fg) 6%,transparent),0 -18px 0 -9px color-mix(in srgb,var(--fg) 3.5%,transparent)
  }
  .rz-t{font-size:17px;font-weight:400;line-height:1.3}
  .rz-m{letter-spacing:.14em;text-transform:uppercase;font-size:10.5px}
  .rz .mini{background:var(--vd2)!important;border-color:transparent!important}

  /* cinta de bases y orden, y los campos */
  .bz-riel{
    background:color-mix(in srgb,rgb(var(--bg-rgb)) 55%,transparent)!important;border-bottom:1px solid var(--vdl);
    -webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3)
  }
  .chip:not([aria-pressed="true"]):not(.on){background:var(--vd);border-color:var(--vdl)}
  .campo input[type=text],.campo input[type=date],.campo input[type=number],.campo select,.campo textarea{
    background:var(--vd2)!important;border:1px solid var(--vdl)!important;border-radius:999px;box-shadow:inset 0 1px 0 var(--vdluz)
  }
  .campo textarea{border-radius:24px}
  .calc-sel__b:not([aria-selected="true"]),.tab:not([aria-selected="true"]){background:var(--vd)!important;border-color:var(--vdl)!important}

  /* ---- barra inferior flotante: vidrio, íconos redondos, y la sección activa se despliega con su nombre ---- */
  .botnav{
    display:flex!important;align-items:center;justify-content:space-between;gap:2px;padding:6px!important;
    background:var(--vdbrillo),var(--vd)!important;border:1px solid var(--vdl)!important;
    box-shadow:var(--vdborde),var(--vdsombra)!important;
    -webkit-backdrop-filter:blur(28px) saturate(1.8) brightness(1.1);backdrop-filter:blur(28px) saturate(1.8) brightness(1.1)
  }
  .bn{
    flex:0 0 auto!important;width:54px;height:50px;padding:0!important;gap:0!important;flex-direction:row!important;justify-content:center;
    font-size:0!important;border-radius:999px;color:color-mix(in srgb,var(--fg) 72%,transparent)!important;transition:background .3s,color .3s
  }
  .bn svg{width:24px;height:24px}
  .bn[aria-current="page"],.bn.on{
    flex:1 1 auto!important;width:auto;gap:8px!important;font-size:13px!important;font-weight:500;
    background:var(--vd2);color:var(--gold)!important;box-shadow:inset 0 1px 0 var(--vdluz)
  }

  /* ---- hojas que suben desde abajo (filtros, Lexia, perfil) ---- */
  .bq-drawer,.asist__panel,.perfil-menu,#perfil-hoja,.tour-card{
    background:color-mix(in srgb,rgb(var(--bg-rgb)) 72%,transparent)!important;border:1px solid var(--vdl)!important;
    box-shadow:inset 0 1px 0 var(--vdluz),0 -20px 50px rgba(0,0,0,.35)!important;
    -webkit-backdrop-filter:blur(28px) saturate(1.4);backdrop-filter:blur(28px) saturate(1.4)
  }
}

@media (max-width:760px){
  /* arriba: texto y ícono sueltos */
  header.top .lx-chip,header.top #como-usar,header.top .tema-btn,.cab .tema-btn,.cab .btn.sec{
    background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding-left:8px!important;padding-right:8px!important
  }
  header.top #como-usar,.cab .btn.sec{color:var(--mute)!important}

  /* abajo: degradé del fondo y cinco íconos finos */
  .botnav{
    left:50%!important;right:auto!important;transform:translateX(-50%);width:auto!important;padding:0 4px!important;gap:6px!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important
  }
  .bn,.bn[aria-current="page"],.bn.on{
    position:relative;flex:0 0 auto!important;width:50px!important;height:46px!important;padding:0!important;gap:0!important;
    font-size:0!important;background:none!important;box-shadow:none!important;transition:color .25s;
    color:color-mix(in srgb,var(--fg) 62%,transparent)!important
  }
  .bn svg{width:24px;height:24px;stroke-width:1.1}
  .bn svg *{stroke-width:1.1}
  .bn[aria-current="page"],.bn.on{color:var(--gold)!important}
  .bn::after,.bn[aria-current="page"]::after,.bn.on::after{content:none!important}
}

/* El nombre sale de la barra de arriba: ahí va Lexia, a la izquierda. En la portada el nombre pasa a ir centrado sobre el titular. */
@media (max-width:760px){
  header.top .marca-app{display:none!important}
  header.top .nav-fin{display:contents!important}
  header.top .nav-fin .lx-chip{margin-right:auto!important}
  .menu__portada{display:flex;align-items:center;justify-content:center;margin:28px auto 0;padding:12px 22px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--fg);font:400 14px/1 var(--sans);cursor:pointer}
}
@media (min-width:761px){.menu__portada{display:none}}

/* ---- Ajuste: vidrio más oscuro, sin bordes ni franjas, menús que dejan ver las luces ---- */
@media (max-width:760px){
  /* más oscuro que el fondo de la paleta (en el blanco, Día, queda como estaba) */
  html:not([data-tema="claro"]){
    --vd:color-mix(in srgb,var(--fg) 3.5%,rgba(0,0,0,.2));
    --vd2:color-mix(in srgb,var(--fg) 8%,rgba(0,0,0,.18));
    --vdbrillo:linear-gradient(135deg,color-mix(in srgb,var(--fg) 5%,transparent),transparent 46%);
    --vdblur:blur(24px) saturate(1.4) brightness(.92);
  }
  /* ningún borde, ni línea interior, ni franja asomando detrás */
  .rz:first-of-type{margin-top:12px!important;box-shadow:var(--vdborde)!important}
  /* la cinta de bases ya no queda pegada arriba ni lleva fondo: se va con la página, sin ninguna franja */
  .bz-riel{position:static!important;background:none!important;border:0!important;margin:0 0 6px!important;padding:0 0 6px!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;-webkit-mask-image:none!important;mask-image:none!important}
  .bz-riel button,.bz-riel .chip,.bz-riel [class*="bz-"]{border-color:transparent!important;box-shadow:none!important}
  .asist__panel div>button{border-color:transparent!important;background:var(--vd2)!important}
  .campo input[type=text],.campo input[type=date],.campo input[type=number],.campo select,.campo textarea,.asist__form input{
    box-shadow:none!important;border-color:transparent!important;background:var(--vd2)!important}
  .mini,.chip:not([aria-pressed="true"]):not(.on),.calc-sel__b:not([aria-selected="true"]),.tab:not([aria-selected="true"]),.asist__tut,.asist__x,.menu__portada{
    border-color:transparent!important;background:var(--vd2)!important}
  .tramo,.asist__form,.pm-cab,.menu h2,.menu__item{border-color:transparent!important}
  .perfil-menu,.asist__panel,.bq-drawer,.tour-card,#perfil-hoja{border-color:transparent!important;box-shadow:0 -20px 50px rgba(0,0,0,.3)!important}

  /* los menús (Más, Mi perfil, filtros, Lexia) son vidrio y dejan ver las luces de atrás */
  .menu,.menu.is-on{
    background:color-mix(in srgb,rgb(var(--bg-rgb)) 45%,transparent)!important;
    -webkit-backdrop-filter:blur(30px) saturate(1.4) brightness(.92);backdrop-filter:blur(30px) saturate(1.4) brightness(.92)}
  .perfil-menu,.perfil-hoja.perfil-menu,.asist__panel,.bq-drawer,.tour-card,#perfil-hoja{
    background:color-mix(in srgb,rgb(var(--bg-rgb)) 55%,transparent)!important;
    -webkit-backdrop-filter:blur(28px) saturate(1.4) brightness(.92);backdrop-filter:blur(28px) saturate(1.4) brightness(.92)}
}

/* ---- El menú de las tres rayitas se abre como Lexia: un panel de vidrio flotante, de esquinas muy redondas, sobre la página ---- */
@media (max-width:760px){
  .menu,.menu.is-on{
    inset:auto!important;left:8px!important;right:8px!important;
    top:calc(64px + env(safe-area-inset-top,0px))!important;bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;
    padding:22px 22px 26px!important;border-radius:30px!important;border:0!important;
    background:color-mix(in srgb,rgb(var(--bg-rgb)) 78%,transparent)!important;
    box-shadow:0 -10px 50px rgba(0,0,0,.32)!important;
    transform:translateY(14px) scale(.98);transition:opacity .35s var(--ease),transform .45s var(--ease),visibility 0s .45s
  }
  .menu.is-on{transform:none;transition:opacity .35s var(--ease),transform .45s var(--ease)}
  .menu__grid{padding-bottom:6px!important;row-gap:14px!important}
  .menu__grupo h2,.menu__item{border-bottom-color:transparent!important}
  .menu__item{padding:12px 0!important}
  .menu__portada{margin:8px auto 0!important}
}

/* ---- Sugerencias: pastilla chica con una «i» que abre una ventanita de vidrio, como las opciones de colores ---- */
@media (max-width:760px){
  .sug-pill{background:var(--vd2)!important;border-color:transparent!important;color:var(--fg)!important;padding:9px 16px 9px 12px}
  .sug-hoja{
    border:0!important;border-radius:26px!important;padding:18px 18px 20px!important;
    background:color-mix(in srgb,rgb(var(--bg-rgb)) 80%,transparent)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.4)!important;
    -webkit-backdrop-filter:blur(28px) saturate(1.4) brightness(.92);backdrop-filter:blur(28px) saturate(1.4) brightness(.92);
    width:calc(100vw - 36px)!important
  }
  .sug-hoja .chip{background:var(--vd2)!important;border-color:transparent!important}
  .sug-hoja .sugeridas,.sug-hoja .panel{border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
}

/* ---- Ajustes de la última revisión ---- */
@media (max-width:760px){
  /* menú: el contenido se desliza dentro del panel y se funde arriba y abajo, sin cortarse contra el borde */
  .menu,.menu.is-on{overflow:hidden!important;display:flex!important;flex-direction:column;padding:14px 22px 18px!important}
  .menu__grid{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 0 28px!important;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30px,#000 calc(100% - 34px),transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0,#000 30px,#000 calc(100% - 34px),transparent 100%)}
  .menu__grid::-webkit-scrollbar{display:none}
  .menu__portada{flex:none;margin:4px auto 0!important}

  /* Lector: la barra de coincidencias — chevrones finos y centrados, sin círculos; el texto con aire a la izquierda */
  body.en-lector .barra-doc [data-act="marca-ant"],body.en-lector .barra-doc [data-act="marca-sig"]{
    width:40px;height:40px;min-height:40px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;
    display:inline-flex;align-items:center;justify-content:center;font-size:0!important;color:var(--fg)}
  body.en-lector .barra-doc [data-act="marca-ant"]::before,body.en-lector .barra-doc [data-act="marca-sig"]::before{
    content:""!important;display:block;width:9px;height:9px;font-size:0;border:solid currentColor;border-width:0 1.2px 1.2px 0}
  body.en-lector .barra-doc [data-act="marca-ant"]::before{transform:translateY(2px) rotate(-135deg)}
  body.en-lector .barra-doc [data-act="marca-sig"]::before{transform:translateY(-2px) rotate(45deg)}
  body.en-lector .barra-doc .campo input{padding:10px 20px!important}

  /* Lector: la barra de abajo sin la línea horizontal */
  body.en-lector .lector-acciones{border-top:0!important}

  /* Lexia en el Lector: pastilla sin borde */
  .lx-pill{border-color:transparent!important;background:var(--vd2)!important}
  .lx-fallo.abre{border:0!important;background:var(--vd)!important;border-radius:28px!important}
  .lx-form{border-color:transparent!important;background:var(--vd2)!important}
  .lx-sug .chip{background:var(--vd2)!important;border-color:transparent!important}
}

/* ---- Los paneles de vidrio llevan sus propias luces, para que se vean siempre (menú, perfil, asistente, filtros, sugerencias) ---- */
@media (max-width:760px){
  html:not([data-tema="claro"]) .menu,html:not([data-tema="claro"]) .menu.is-on,
  html:not([data-tema="claro"]) .perfil-menu,html:not([data-tema="claro"]) .perfil-hoja.perfil-menu,
  html:not([data-tema="claro"]) .asist__panel,html:not([data-tema="claro"]) .bq-drawer,html:not([data-tema="claro"]) .sug-hoja,html:not([data-tema="claro"]) .tour-card{
    background:
      radial-gradient(circle 190px at 92% 6%,color-mix(in srgb,var(--gold) 15%,transparent) 0,transparent 100%),
      radial-gradient(circle 170px at 4% 62%,color-mix(in srgb,var(--fg) 7%,transparent) 0,transparent 100%),
      radial-gradient(circle 200px at 88% 98%,color-mix(in srgb,var(--gold) 11%,transparent) 0,transparent 100%),
      color-mix(in srgb,rgb(var(--bg-rgb)) 74%,transparent)!important;
    /* sin esto, el fondo se repite en el borde y deja una rayita dorada a la izquierda */
    background-repeat:no-repeat!important;background-clip:padding-box!important;border:0!important}
}

/* ---- Franjas fijas: lo que se desplaza se corta antes de las barras y nunca se mezcla con ellas (también en Safari) ---- */
.franja{display:none}
@media (max-width:760px){
  .franja{display:block;position:fixed;left:0;right:0;z-index:44;pointer-events:none;background:rgb(var(--bg-rgb))}
  .franja-arriba{top:-40px;height:calc(40px + 69px + env(safe-area-inset-top,0px) + 34px);
    -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 34px),transparent)}
  .franja-abajo{bottom:-60px;height:calc(60px + 66px + env(safe-area-inset-bottom,0px) + 34px);
    -webkit-mask-image:linear-gradient(to top,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(to top,#000 calc(100% - 34px),transparent)}
  body.en-lector .franja-abajo{display:none}
  header.top::before{display:none!important}
  /* la cinta de bases no suma espacio de más (el marco del recorrido la rodea parejo) */
  .bz-riel{padding:0!important;margin:0 0 14px!important}
  .lx-sub{margin-left:0!important}
}

/* ---- Listas desplegables y detalles de la última revisión ---- */
@media (max-width:760px){
  .sel-btn{background:var(--vd2)!important;border-color:transparent!important}
  .sel-lista{border:0!important;background:color-mix(in srgb,rgb(var(--bg-rgb)) 82%,transparent)!important;
    -webkit-backdrop-filter:blur(26px) saturate(1.4);backdrop-filter:blur(26px) saturate(1.4);box-shadow:0 18px 50px rgba(0,0,0,.4)!important}
  .sel-lista button:hover,.sel-lista button:focus-visible{background:var(--vd2)}
}

/* ======================================================================
   Computadora: el mismo vidrio y las mismas luces del celular (sólo eso: la composición no cambia).
   Vidrio oscuro sin borde, esmerilado, con un brillo apenas en la esquina, y luces tenues con los colores de cada paleta detrás.
   ====================================================================== */
@media (min-width:761px){
  :root{
    --vd:color-mix(in srgb,var(--fg) 7%,transparent);
    --vd2:color-mix(in srgb,var(--fg) 13%,transparent);
    --vdbrillo:linear-gradient(135deg,color-mix(in srgb,var(--fg) 12%,transparent),transparent 46%);
    --vdborde:0 12px 30px rgba(0,0,0,.26);
    --vdblur:blur(24px) saturate(1.8) brightness(1.1);
  }
  html:not([data-tema="claro"]){
    --vd:color-mix(in srgb,var(--fg) 3.5%,rgba(0,0,0,.2));
    --vd2:color-mix(in srgb,var(--fg) 8%,rgba(0,0,0,.18));
    --vdbrillo:linear-gradient(135deg,color-mix(in srgb,var(--fg) 5%,transparent),transparent 46%);
    --vdblur:blur(24px) saturate(1.4) brightness(.92);
  }

  /* ---- luces del fondo: fijas, detrás de todo, en el acento y el texto de cada paleta ---- */
  html:not([data-tema="claro"]) body:has(header.top)::after,html:not([data-tema="claro"]) body:has(header.cab)::after{
    content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:
      radial-gradient(circle 420px at 90% 26%,color-mix(in srgb,var(--gold) 13%,transparent) 0,color-mix(in srgb,var(--gold) 4%,transparent) 55%,transparent 100%),
      radial-gradient(circle 380px at 4% 54%,color-mix(in srgb,var(--fg) 7%,transparent) 0,transparent 100%),
      radial-gradient(circle 440px at 80% 82%,color-mix(in srgb,var(--gold) 10%,transparent) 0,transparent 100%)
  }

  /* ---- tarjetas de vidrio ---- */
  .op-caja,.op-caja.vivo,.brief__summary,.lab .panel{
    border-color:transparent!important;border-radius:28px!important;background:var(--vdbrillo),var(--vd)!important;
    box-shadow:var(--vdborde);-webkit-backdrop-filter:var(--vdblur);backdrop-filter:var(--vdblur)
  }
  .rz:hover{background:var(--vd2)}
  .chip:not([aria-pressed="true"]):not(.on){background:var(--vd);border-color:transparent}
  .campo input[type=text],.campo input[type=date],.campo input[type=number],.campo select,.campo textarea{
    background:var(--vd2)!important;border-color:transparent!important;box-shadow:none!important
  }
  .sel-btn{background:var(--vd2)!important;border-color:transparent!important}

  .op-caja,.op-caja.vivo{border-radius:22px!important;padding:22px 28px 24px}

  .her-zona,.vacio{border-color:transparent!important;background:var(--vdbrillo),var(--vd)!important;-webkit-backdrop-filter:var(--vdblur);backdrop-filter:var(--vdblur)}

  /* ---- paneles y menús flotantes: vidrio con sus propias luces, para que se vean siempre ---- */
  .menu,.menu.is-on,.perfil-menu,.asist__panel,.bq-drawer,.sug-hoja,.sel-lista,.tour-card{
    border-color:transparent!important;
    -webkit-backdrop-filter:blur(28px) saturate(1.4) brightness(.92);backdrop-filter:blur(28px) saturate(1.4) brightness(.92);
    background-repeat:no-repeat!important;background-clip:padding-box!important
  }
  .perfil-menu,.asist__panel,.bq-drawer,.sug-hoja,.tour-card{
    background:
      radial-gradient(circle 190px at 92% 6%,color-mix(in srgb,var(--gold) 15%,transparent) 0,transparent 100%),
      radial-gradient(circle 170px at 4% 62%,color-mix(in srgb,var(--fg) 7%,transparent) 0,transparent 100%),
      radial-gradient(circle 200px at 88% 98%,color-mix(in srgb,var(--gold) 11%,transparent) 0,transparent 100%),
      color-mix(in srgb,rgb(var(--bg-rgb)) 62%,transparent)!important
  }
  .sel-lista{background:color-mix(in srgb,rgb(var(--bg-rgb)) 78%,transparent)!important}
  .menu,.menu.is-on{background:color-mix(in srgb,rgb(var(--bg-rgb)) 60%,transparent)!important;-webkit-backdrop-filter:blur(30px) saturate(1.4) brightness(.92);backdrop-filter:blur(30px) saturate(1.4) brightness(.92)}
  html[data-tema="claro"] .perfil-menu,html[data-tema="claro"] .asist__panel,html[data-tema="claro"] .bq-drawer,html[data-tema="claro"] .sug-hoja,html[data-tema="claro"] .tour-card{
    background:color-mix(in srgb,rgb(var(--bg-rgb)) 78%,transparent)!important}
  /* ---- dentro del vidrio: nada de bordes, los controles son un tono más claro ---- */
  .asist__panel div>button,.asist__form input,.asist__tut,.asist__x,.sug-hoja .chip,.mini,.calc-sel__b:not([aria-selected="true"]),.tab:not([aria-selected="true"]){
    border-color:transparent!important;background:var(--vd2)!important}
  .asist__form,.pm-cab,.menu h2,.menu__item,.tramo{border-color:transparent!important}
  .sel-lista button:hover,.sel-lista button:focus-visible{background:var(--vd2)}

  /* el borde transparente deja ver el esmerilado de atrás y se nota como una rayita al costado: los cuadros de vidrio no llevan borde */
  .op-caja,.op-caja.vivo,.brief__summary,.lab .panel,.her-zona,.vacio,.menu,.menu.is-on,.perfil-menu,.asist__panel,.bq-drawer,.sug-hoja,.sel-lista,.tour-card,.lx-fallo.abre{border:0!important}
}