/* JAVI 2.0 — PIEL ACERO INOXIDABLE (publicada 10/10/2026): metal cepillado real con reflejos (Kling) + paneles negros */
:root {
  --carbon: #060607; --carbon2: #0c0c0e; --panel: rgba(8,8,10,.80); --panel2: rgba(30,30,34,.72);
  --borde: rgba(200,205,214,.30); --borde2: rgba(227,37,47,.55);
  --oro: #c4c9d2; --oro2: #e8ebf0; --oro3: #ffffff; --oro4: #6f7480;
  --fg: #e9ecf1; --mut: #9aa0ab;
}
header#cab::after { background: linear-gradient(90deg, transparent, #e8ebf0, transparent); opacity: .8; }
.insignia, header#cab .insignia { width: 50px; height: 50px; border-radius: 0; box-shadow: none; background: none; }
.insignia img { border-radius: 0; object-fit: contain; filter: drop-shadow(0 0 5px rgba(227,37,47,.55)); }
.insignia .reactor { display: none; }
.quien .nombre { background: linear-gradient(180deg,#fff,#aeb4be 60%,#e8ebf0); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 4px; }
.quien .sub { color: var(--mut); }
nav#nav button { color: var(--mut); } nav#nav button.on { color: #fff; }
nav#nav button.on::before { background: linear-gradient(90deg, transparent, #e8ebf0, transparent); height: 3px; }
.tarjeta { background: var(--panel); border: 1px solid var(--borde); }
.titulo-sec { color: #e8ebf0; }
textarea#t, input[type=text] { background: #040405; color: #f1f3f6; border: 1px solid #c4c9d2; }
.cancion.actual { background: rgba(220,224,232,.10); border-color: #c4c9d2; }
.cancion .n, .cancion.actual .n { color: #c4c9d2; }
.caratula img { width: 100%; height: 100%; object-fit: cover; background: #060607; }
.barra i, #barra-i { background: linear-gradient(90deg,#8a8f9a,#fff); }
header#cab .insignia{width:58px;height:58px;background:none!important;border:0!important;box-shadow:none!important;padding:0} .insignia img{width:100%;height:100%}
body, .tarjeta, .javi, .yo { color: #fff; }
/* escudo A en lugar de la J: arranque, entrada y bienvenida */
.insignia img { content: url(/piel/insignia_j20.png); }
#arranque .arr-nucleo, #anillo .nucleo, .anillo .nucleo { font-size: 0 !important; color: transparent !important; background: url(/piel/insignia_j20.png) center / cover no-repeat !important; border-radius: 50% !important; text-shadow: none !important; box-shadow: 0 0 18px rgba(227,37,47,.5) !important; }
.ae-icono { font-size: 0 !important; color: transparent !important; background: url(/piel/insignia_j20.png) center / cover no-repeat !important; border: 0 !important; border-radius: 12px !important; box-shadow: 0 0 18px rgba(227,37,47,.5) !important; }

/* ===== 10/10/2026 (orden de Nerio): FONDO NEGRO, botones PLATEADOS con letras negras ===== */
html, body { background: #000 !important; background-image: none !important; }
header#cab { background: #000 !important; border-bottom: 1px solid rgba(200,205,214,.35); }
nav#nav { background: #000 !important; border-top: 1px solid rgba(200,205,214,.35); }
#app, #panel-chat, #panel-musica, #panel-juegos, #panel-javi, #log { background-color: #000; }
nav#nav button { color: #d9dde4; } nav#nav button.on { color: #fff; }
.yo { background: #24242a !important; border: 1px solid rgba(215,219,227,.55) !important; color: #fff !important; box-shadow: none !important; }
.javi, .b.javi { background: #0d0d0f !important; border: 1px solid rgba(200,205,214,.35) !important; border-left: 3px solid #c4c9d2 !important; color: #fff !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; }
.b small { color: #aab0bb; }
.b a { color: #fff; }
/* plata brillante: acero pulido, letra negra nítida */
.btn-cab, header#cab button, form#f button, .controles button, .chips button, .acciones button, .atajos button, .cancion button, .auth-card button#authGo, .auth-card button[type=submit], #panel-juegos button, #panel-musica button:not(.cancion) {
  background: linear-gradient(180deg, #ffffff 0%, #e9ecf0 22%, #b9bec7 52%, #dfe2e8 78%, #f6f7f9 100%) !important;
  border: 1px solid #f4f5f7 !important; border-image: none !important; border-width: 1px !important;
  color: #000 !important; -webkit-text-fill-color: #000; text-shadow: none !important; filter: none !important; font-weight: 700;
  box-shadow: inset 0 1px 0 #fff, inset 0 -2px 3px rgba(60,66,78,.35), 0 0 0 1px #5d626d !important; -webkit-font-smoothing: antialiased; }
.btn-cab, header#cab button, form#f button, .controles button, .cancion button { border-radius: 50% !important; }
.chips button, .acciones button, .atajos button { border-radius: 999px !important; padding: 7px 14px !important; }
.btn-cab:active, header#cab button:active, form#f button:active, .controles button:active, .chips button:active, .acciones button:active { background: linear-gradient(180deg, #c5c9d1, #eef0f3) !important; }
.chips button.on { box-shadow: inset 0 1px 0 #fff, 0 0 0 2px #e3252f !important; }
.controles button.principal { box-shadow: inset 0 1px 0 #fff, inset 0 -2px 3px rgba(60,66,78,.35), 0 0 0 2px #e3252f !important; }
.btn-cab, header#cab button, form#f button { font-size: 13px; }
.chips button, .acciones button { font-size: 12.5px !important; }
.controles button { font-size: 17px; }

/* ===== 10/10/2026 (orden de Nerio): botones plateados SIN colores — ícono o letra negra. Solo el manos libres y la máscara roja llevan color ===== */
/* íconos en negro (máscaras SVG): los emoji de color no se pueden pintar de negro */
header#cab #bcampana { font-size: 0 !important; position: relative; }
header#cab #bcampana::before { content: ""; position: absolute; inset: 0; margin: auto; width: 54%; height: 54%; background: #000; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 22a2 2 0 0 0 2-2h-4a2 2 0 0 0 2 2zm6-6v-5a6 6 0 0 0-5-5.9V4a1 1 0 0 0-2 0v1.1A6 6 0 0 0 6 11v5l-2 2v1h16v-1z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 22a2 2 0 0 0 2-2h-4a2 2 0 0 0 2 2zm6-6v-5a6 6 0 0 0-5-5.9V4a1 1 0 0 0-2 0v1.1A6 6 0 0 0 6 11v5l-2 2v1h16v-1z'/%3E%3C/svg%3E") center / contain no-repeat; }
header#cab #bjuegos { font-size: 0 !important; position: relative; }
header#cab #bjuegos::before { content: ""; position: absolute; inset: 0; margin: auto; width: 54%; height: 54%; background: #000; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zM8 6.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm8 8a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM8 14.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm8-8a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zM8 6.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm8 8a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM8 14.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm8-8a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z'/%3E%3C/svg%3E") center / contain no-repeat; }
header#cab #bvoz { font-size: 0 !important; position: relative; }
header#cab #bvoz::before { content: ""; position: absolute; inset: 0; margin: auto; width: 54%; height: 54%; background: #000; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M3 9v6h4l5 5V4L7 9zm11 .5v5a3 3 0 0 0 0-5zM14 3.2v2.1a7 7 0 0 1 0 13.4v2.1a9 9 0 0 0 0-17.6z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M3 9v6h4l5 5V4L7 9zm11 .5v5a3 3 0 0 0 0-5zM14 3.2v2.1a7 7 0 0 1 0 13.4v2.1a9 9 0 0 0 0-17.6z'/%3E%3C/svg%3E") center / contain no-repeat; }
header#cab #bplan { font-size: 0 !important; position: relative; }
header#cab #bplan::before { content: ""; position: absolute; inset: 0; margin: auto; width: 54%; height: 54%; background: #000; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M6 3h12l4 6-10 12L2 9z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M6 3h12l4 6-10 12L2 9z'/%3E%3C/svg%3E") center / contain no-repeat; }
header#cab #badmin { font-size: 0 !important; position: relative; }
header#cab #badmin::before { content: ""; position: absolute; inset: 0; margin: auto; width: 54%; height: 54%; background: #000; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'/%3E%3C/svg%3E") center / contain no-repeat; }
header#cab #bayuda { font-size: 0 !important; position: relative; }
header#cab #bayuda::before { content: ""; position: absolute; inset: 0; margin: auto; width: 54%; height: 54%; background: #000; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1 15h2v2h-2zm1-11a4 4 0 0 0-4 4h2a2 2 0 1 1 4 0c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5a4 4 0 0 0-4-4z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1 15h2v2h-2zm1-11a4 4 0 0 0-4 4h2a2 2 0 1 1 4 0c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5a4 4 0 0 0-4-4z'/%3E%3C/svg%3E") center / contain no-repeat; }
header#cab #bajustes { font-size: 0 !important; position: relative; }
header#cab #bajustes::before { content: ""; position: absolute; inset: 0; margin: auto; width: 54%; height: 54%; background: #000; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M19.4 13a7.5 7.5 0 0 0 0-2l2.1-1.6-2-3.5-2.5 1a7.4 7.4 0 0 0-1.7-1L15 3h-4l-.4 2.9a7.4 7.4 0 0 0-1.7 1l-2.5-1-2 3.5L6.6 11a7.5 7.5 0 0 0 0 2l-2.1 1.6 2 3.5 2.5-1c.5.4 1.1.7 1.7 1L11 21h4l.4-2.9c.6-.3 1.2-.6 1.7-1l2.5 1 2-3.5zM13 15.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M19.4 13a7.5 7.5 0 0 0 0-2l2.1-1.6-2-3.5-2.5 1a7.4 7.4 0 0 0-1.7-1L15 3h-4l-.4 2.9a7.4 7.4 0 0 0-1.7 1l-2.5-1-2 3.5L6.6 11a7.5 7.5 0 0 0 0 2l-2.1 1.6 2 3.5 2.5-1c.5.4 1.1.7 1.7 1L11 21h4l.4-2.9c.6-.3 1.2-.6 1.7-1l2.5 1 2-3.5zM13 15.5a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7z'/%3E%3C/svg%3E") center / contain no-repeat; }
form#f #bcamara { font-size: 0 !important; position: relative; }
form#f #bcamara::before { content: ""; position: absolute; inset: 0; margin: auto; width: 54%; height: 54%; background: #000; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M9 3 7.2 5H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-3.2L15 3zm3 15a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M9 3 7.2 5H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-3.2L15 3zm3 15a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'/%3E%3C/svg%3E") center / contain no-repeat; }
form#f #badjuntar { font-size: 0 !important; position: relative; }
form#f #badjuntar::before { content: ""; position: absolute; inset: 0; margin: auto; width: 54%; height: 54%; background: #000; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M16.5 6v11.5a4 4 0 0 1-8 0V5a2.5 2.5 0 0 1 5 0v10.5a1 1 0 0 1-2 0V6H10v9.5a2.5 2.5 0 0 0 5 0V5a4 4 0 0 0-8 0v12.5a5.5 5.5 0 0 0 11 0V6z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M16.5 6v11.5a4 4 0 0 1-8 0V5a2.5 2.5 0 0 1 5 0v10.5a1 1 0 0 1-2 0V6H10v9.5a2.5 2.5 0 0 0 5 0V5a4 4 0 0 0-8 0v12.5a5.5 5.5 0 0 0 11 0V6z'/%3E%3C/svg%3E") center / contain no-repeat; }
form#f #grabar { font-size: 0 !important; position: relative; }
form#f #grabar::before { content: ""; position: absolute; inset: 0; margin: auto; width: 54%; height: 54%; background: #000; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 14a3 3 0 0 0 3-3V5a3 3 0 0 0-6 0v6a3 3 0 0 0 3 3zm5-3a5 5 0 0 1-10 0H5a7 7 0 0 0 6 6.9V21h2v-3.1A7 7 0 0 0 19 11z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 14a3 3 0 0 0 3-3V5a3 3 0 0 0-6 0v6a3 3 0 0 0 3 3zm5-3a5 5 0 0 1-10 0H5a7 7 0 0 0 6 6.9V21h2v-3.1A7 7 0 0 0 19 11z'/%3E%3C/svg%3E") center / contain no-repeat; }
header#cab #bcampana[data-est="off"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 22a2 2 0 0 0 2-2h-4a2 2 0 0 0 2 2zm6-6v-5a6 6 0 0 0-5-5.9V4a1 1 0 0 0-2 0v1.1A6 6 0 0 0 6 11v5l-2 2v1h16v-1zM3.3 2.3 2 3.6 20.4 22l1.3-1.3z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 22a2 2 0 0 0 2-2h-4a2 2 0 0 0 2 2zm6-6v-5a6 6 0 0 0-5-5.9V4a1 1 0 0 0-2 0v1.1A6 6 0 0 0 6 11v5l-2 2v1h16v-1zM3.3 2.3 2 3.6 20.4 22l1.3-1.3z'/%3E%3C/svg%3E"); }
header#cab #bvoz[data-est="off"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M3 9v6h4l5 5V4L7 9zM16 9.4l-1.4 1.4 1.6 1.6-1.6 1.6 1.4 1.4 1.6-1.6 1.6 1.6 1.4-1.4-1.6-1.6 1.6-1.6-1.4-1.4-1.6 1.6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M3 9v6h4l5 5V4L7 9zM16 9.4l-1.4 1.4 1.6 1.6-1.6 1.6 1.4 1.4 1.6-1.6 1.6 1.6 1.4-1.4-1.6-1.6 1.6-1.6-1.4-1.4-1.6 1.6z'/%3E%3C/svg%3E"); }
header#cab #bnata { display: none !important; }
header#cab button.btn-cab { overflow: hidden; }
.mp-grande.fav .mp-ico, .cancion button.fav, #radio #bfav.fav { color: #000 !important; }
header#cab button#bident { padding: 0; overflow: hidden; }
header#cab button#bident img { width: 100% !important; height: 100% !important; }
#menu-ident button { background: linear-gradient(180deg, #ffffff 0%, #e9ecf0 22%, #b9bec7 52%, #dfe2e8 78%, #f6f7f9 100%) !important; border: 1px solid #f4f5f7 !important; color: #000 !important; -webkit-text-fill-color: #000; text-shadow: none !important; box-shadow: inset 0 1px 0 #fff, inset 0 -2px 3px rgba(60,66,78,.35), 0 0 0 1px #5d626d !important; }
#menu-ident button.on { box-shadow: inset 0 1px 0 #fff, 0 0 0 2px #e3252f !important; }
#menu-ident button:active { background: linear-gradient(180deg, #c5c9d1, #eef0f3) !important; }
@media (max-width: 345px) {
  header#cab { gap: 1px; padding-left: 3px; padding-right: 3px; }
  header#cab .insignia { width: 24px !important; height: 24px !important; }
  header#cab .btn-cab, header#cab .btn-cab:not(.texto), header#cab .btn-cab.texto { width: 22px !important; height: 22px !important; }
  .quien .nombre { font-size: 11px; letter-spacing: 1px; }
  .mp-grande b { font-size: 12px; white-space: normal; text-align: center; line-height: 1.15; }
}

/* emoji de color → monocromo (emoji_mono.js): escala de grises (con su detalle) sobre fondo oscuro; negro sobre los botones plateados */
.emo { filter: grayscale(1) brightness(1.6) contrast(1.1); }
.btn-cab .emo, header#cab button .emo, form#f button .emo, .controles button .emo, .chips button .emo, .acciones button .emo, .atajos button .emo, .cancion button .emo, #panel-juegos button .emo, #panel-musica button:not(.cancion) .emo, #menu-ident button .emo, #bgpt5 .emo { filter: grayscale(1) brightness(0); }

/* ===== 10/10/2026 (orden de Nerio): la fila de botones de la cabecera entra completa en iPhone (390, 430, 440 Pro Max) y Android — solo márgenes y huecos, sin tocar tamaños de botones ni quitar ninguno ===== */
@media (max-width: 480px) {
  header#cab { padding-left: 8px !important; padding-right: 12px !important; gap: 3px !important; }
  header#cab .insignia { flex: 0 1 auto; min-width: 0; }
}
@media (min-width: 431px) and (max-width: 480px) {
  header#cab .insignia { width: 46px !important; height: 46px !important; }
}

/* ===== 22/10/2026 (Nerio 11:26): los 7 botones redondos de la cabecera, más grandes en iPhone (320–430 px). Solo el tamaño; el tope de 32 px sale de que 7 botones + JAVI + estado deben caber en una línea (44 px no cabe). ===== */
@media (max-width: 480px) {
  header#cab .btn-cab, header#cab .btn-cab:not(.texto), header#cab .btn-cab.texto { width: clamp(28px, 7.6vw, 32px) !important; height: clamp(28px, 7.6vw, 32px) !important; min-width: 0 !important; flex: none !important; }
  header#cab { gap: 2px !important; }
}