/* =====================================================================
   Portal en el teléfono · correcciones (Redmi Note y Android en general)
   ===================================================================== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (max-width:760px){
  /* Rendimiento: sin desenfoque en tarjetas y fondo que no se repinta al desplazar */
  body{background-attachment:scroll}
  .app.portal .card,.app.portal .kpi,.app.portal .ptask,.app.portal .pstatus,.app.portal .glass:not(.mtop){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  :root[data-theme="light"] body::before{display:none}
  /* Paneles y ventanas: altura real visible (la barra del navegador de Android se mueve) */
  .drawer,.modal{max-height:92vh}
  @supports (height:1dvh){.drawer,.modal{max-height:92dvh}}
  /* Con el teclado abierto, la barra de pestañas no tapa el campo */
  body.kb .app.portal .mtabs{display:none}
  body.kb .app.portal .main{padding-bottom:24px}
  /* Números de dos en dos, más compactos */
  .app.portal .kpis,.app.portal .kpis.two,.app.portal .kpis.three{grid-template-columns:1fr 1fr!important;gap:10px}
  .app.portal .kpi{padding:14px;gap:4px}
  .app.portal .kpi .val{font-size:24px}
  .app.portal .kpi .knote{font-size:11.5px}
  .app.portal .kpi .delta{font-size:11px;line-height:1.35}
  .app.portal .jtag{display:block;margin:2px 0 0;width:max-content}
  /* Ideas por aprobar: el texto usa todo el ancho y el botón va abajo */
  .app.portal .hyp{padding:16px;gap:12px}
  .app.portal .hyp>.row:first-child{display:grid!important;grid-template-columns:30px minmax(0,1fr);gap:12px!important}
  .app.portal .hyp>.row:first-child>:last-child:not(div){grid-column:2;justify-self:start}
  .app.portal .ptask .pinline{margin-left:-52px}
  .app.portal .pih{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px}
  .app.portal .pih .btn{grid-column:1/-1;width:100%}
  /* Pasadas anteriores sin desbordar */
  .app.portal details.pold>summary{padding:16px;gap:10px}
  .app.portal details.pold>*:not(summary){margin-left:16px;margin-right:16px}
  .app.portal details.pold[open]{padding-bottom:18px}
  .app.portal details.pold>summary{flex-wrap:wrap}
  .app.portal details.pold>summary .grow{flex:1 1 60%;min-width:0}
  .app.portal details.pold>summary .chev{margin-left:auto}
  /* Tablas dentro de tarjetas: sin doble borde */
  .app.portal .card>.tblbox{border:0;background:none;border-radius:0;margin:0 -18px}
  /* Anatomía del código en tres columnas */
  .app.portal .codeanat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex-wrap:nowrap}
  .app.portal .codeanat>div{min-width:0;padding:12px 10px}
  .app.portal .codeanat .cbig{font-size:22px}
  .app.portal .codeanat small{font-size:11.5px}
  .app.portal .hello,.app.portal .phead{margin-bottom:18px}
  .app.portal .tabs,.app.portal .chips{scroll-snap-type:x proximity}
  .app.portal .portal-note{margin:10px 0 0}
  .app.portal .mtabs a,.app.portal .mtabs button{min-width:0}
  .app.portal .mtabs span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (max-width:340px){
  .app.portal .kpis,.app.portal .kpis.two,.app.portal .kpis.three{grid-template-columns:minmax(0,1fr)!important}
  .app.portal .codeanat{grid-template-columns:minmax(0,1fr)}
  .mtabs a,.mtabs button{font-size:10px!important}
}
/* Informe en pantallas chicas: el pie ya no tapa el texto */
@media screen and (max-width:760px){
  .rpages{gap:16px;padding:0 0 24px}
  .rp{width:100%;min-height:0;padding:22px 18px 18px;border-radius:14px}
  .rcover .rkick{margin-top:22px}
  .rlogo svg{width:30px}.rlogo span{font-size:21px}
  .rtitle{font-size:30px}
  .rh1{font-size:21px;margin-bottom:16px}
  .rline{margin:16px 0 18px}
  .rgrid4{gap:8px}
  .rbig{padding:12px;min-width:0}
  .rbig b{font-size:20px;line-height:1.2;word-break:break-word}
  .rbig span{font-size:11px}
  .rtable{font-size:12px}
  .rtable th,.rtable td{padding:8px 4px}
  .rtable .rj{font-size:10.5px}
  .rchart{gap:10px;height:160px}
  .rbase span{top:4px;background:transparent}
  .rtopc{gap:10px;padding:12px}
  .rlearn{flex-direction:column;gap:6px}
  .rdec{white-space:normal}
  .rsign{flex-wrap:wrap;gap:16px}
  .rfoot{position:static;margin-top:22px;flex-direction:column;gap:2px}
}