/* Tomado del <helmet> del diseño original: reset, keyframes, cortes
   responsivos y reglas de impresión. */
html,body{margin:0;background:#F7F7F8;color:#1F1F1F;font:400 14px/21px Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}h1,h2,h3,h4,p{margin:0}
a{color:#941B80;text-decoration:none}a:hover{color:#E62C68}
button,input,select,textarea{font-family:Roboto,Arial,sans-serif}
::selection{background:#E62C68;color:#fff}
@keyframes om-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
[data-mt="1"]{margin-top:2px}
[data-scroll]{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
@media (max-width:1280px){[data-r="g2"]{grid-template-columns:1fr!important}[data-r="g3"]{grid-template-columns:1fr 1fr!important}[data-r="bordeIzq"]{border-left:none!important;padding-left:0!important;padding-top:22px;border-top:1px solid #E5E5E5}}
@media (max-width:1180px){[data-r="g4"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:1000px){[data-r="gKpi"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){[data-r="gKpi"]{grid-template-columns:1fr!important}}
@media (max-width:1100px){[data-r="split"]{flex-direction:column!important;align-items:stretch!important}[data-r="aside"]{width:100%!important;position:static!important}}
@media (max-width:1000px){[data-r="gA"]{grid-template-columns:1fr!important}}
@media (max-width:1100px){[data-r="gGrid"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:700px){[data-r="gGrid"]{grid-template-columns:1fr!important}}
@media (max-width:820px){[data-r="g4p"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:900px){[data-r="g4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}[data-r="g3"]{grid-template-columns:1fr!important}[data-r="head"]{padding:10px 20px!important;min-height:82px!important}[data-r="main"]{padding:24px 20px 64px!important}[data-r="h1"]{font-size:22px!important;line-height:28px!important}}
@media (max-width:900px){[data-r="guardado"]{display:none!important}}
@media (max-width:820px){[data-r="gB"]{grid-template-columns:1fr!important}}
@media (max-width:760px){
  [data-r="nav"]{position:fixed!important;top:0!important;left:0;bottom:0;height:100vh!important;z-index:40!important;box-shadow:0 12px 40px rgba(0,0,0,0.18)}
  [data-r="scrim"]{display:block!important}
  [data-r="user"]{display:none!important}
  [data-r="fila"]{flex-direction:column!important;gap:8px!important}
  [data-r="fila"]>span:first-child{width:100%!important}
  [data-r="pilaMovil"]{flex-direction:column!important;align-items:stretch!important;gap:12px!important}
  [data-r="anchoMovil"]{width:100%!important;max-width:none!important}
}
@page{size:A4;margin:12mm}
@media print{
  html,body{background:#FFFFFF!important}
  [data-r="nav"],[data-r="head"],[data-r="ayuda"],[data-r="noImpr"],[data-r="scrim"]{display:none!important}
  [data-r="main"]{padding:0!important}
  [data-r="hojaA4"]{max-width:none!important;gap:6mm!important}
  [data-r="hojaA4"] [data-r="gA"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5mm!important;align-items:start!important}
  [data-r="hojaA4"] [data-r="gKpi"]{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4mm!important}
  [data-r="hojaA4"] [data-r="gA"]>div,[data-r="hojaA4"] [data-r="gKpi"]>div{break-inside:avoid;page-break-inside:avoid}
  [data-r="hojaA4"] [data-scroll]{overflow:visible!important}
  [data-r="hojaA4"] div{box-shadow:none!important}
  [data-r="nota"]{background:#FFFFFF!important;border:1px solid #E5E5E5;padding:9px 11px!important}
  [data-r="calorGrid"]{min-width:0!important}
  [data-r="calorGrid"] div[title]{height:22px!important;font-size:9px!important;line-height:12px!important}
  [data-r="hojaA4"] [data-scroll]>div{min-width:0!important;max-width:100%!important}
  [data-r="hojaA4"] [data-r="gA"]>div>div{padding:14px 16px!important}
  [data-r="hojaA4"] [data-r="gA"]>div>span{font-size:12.5px!important;line-height:18px!important}
  [data-r="hojaA4"] [data-r="soloImpr"]{margin-bottom:2mm}
  [data-r="soloImpr"]{display:flex!important}
}
[data-r="soloImpr"]{display:none}
@media (max-width:560px){
  [data-r="gDias"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  [data-r="hoja"]{width:100vw!important;border-radius:0!important}
  [data-r="main"]{padding:20px 14px 56px!important}
  [data-r="head"]{padding:10px 14px!important}
  [data-r="g4"]{grid-template-columns:1fr!important}
  [data-r="h1"]{font-size:20px!important;line-height:26px!important}
  [data-r="ayuda"]{right:14px!important;bottom:14px!important;height:44px!important;padding:0 16px 0 12px!important}
  [data-r="calGrid"],[data-r="calTit"]{grid-template-columns:1fr!important}
  [data-r="calTit"]>span:last-child,[data-r="calGrid"]>div:last-child{display:none!important}
}

/* Estados :hover / :focus que en el diseño original iban inline. */
.px1:hover{background:#F7F7F8 !important;color:#941B80 !important}
.px2:hover{background:#F7F7F8 !important}
.px3:hover{border-color:#D9D9D9 !important;background:#F7F7F8 !important}
.px4:hover{background:#941B80 !important}
.px5:hover{background:#941B80 !important}
.px6:hover{background:#F7F7F8 !important}
.px7:hover{border-color:#941B80 !important;color:#941B80 !important}
.px8:hover{border-color:#941B80 !important;color:#941B80 !important}
.px9:hover{background:#E62C68 !important;box-shadow:0 0 24px rgba(230,44,104,0.35) !important}
.px10:hover{border-color:#D9D9D9 !important;background:#F7F7F8 !important}
.px11:hover{border-color:#F5C9BA !important;background:#FDF0EC !important}
.px12:hover{background:#F5C9BA !important}
.px13:hover{background:#F7F7F8 !important}
.px14:hover{border-color:#941B80 !important}
.px15:hover{background:#FDF4F8 !important}
.px16:hover{background:#FDF4F8 !important}
.px17:hover{background:#FDF0EC !important}
.px18:hover{background:#F5C9BA !important}
.px19:hover{background:#F7F7F8 !important}
.px20:hover{border-color:#941B80 !important;background:#FDF4F8 !important}
.px21:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px22:hover{background:#FDF0EC !important}
.px23:hover{color:#941B80 !important}
.px24:hover{color:#E62C68 !important;text-decoration:underline !important}
.px25:hover{color:#E62C68 !important}
.px26:hover{border-color:#941B80 !important}
.px27:hover{border-color:#941B80 !important}
.px28:hover{border-color:#941B80 !important}
.px29:hover{border-color:#941B80 !important}
.px30:hover{background:#FDF0EC !important}
.px31:hover{background:#F7F7F8 !important}
.px32:hover{border-color:#941B80 !important}
.px33:hover{border-color:#D9D9D9 !important;background:#F7F7F8 !important}
.px34:hover{background:#E62C68 !important}
.px35:hover{border-color:#941B80 !important;color:#941B80 !important}
.px36:hover{border-color:#D9D9D9 !important;background:#F7F7F8 !important}
.px37:hover{background:#E62C68 !important}
.px38:hover{background:#941B80 !important}
.px39:hover{background:#F7F7F8 !important}
.px40:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px41:hover{border-color:#941B80 !important;background:#FDF4F8 !important}
.px42:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px43:hover{background:#E62C68 !important}
.px44:hover{color:#941B80 !important}
.px45:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px46:hover{background:#FDF0EC !important}
.px47:hover{background:#EDEDF0 !important}
.px48:hover{background:#FDF0EC !important}
.px49:hover{background:#FDF4F8 !important}
.px50:hover{border-color:#941B80 !important;background:#FDF4F8 !important}
.px51:hover{background:#FDF4F8 !important}
.px52:hover{background:#FDF0EC !important}
.px53:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px54:hover{background:#FDF4F8 !important}
.px55:hover{background:#FDF0EC !important}
.px56:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px57:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px58:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px59:hover{background:#F7F7F8 !important}
.px60:hover{background:#E62C68 !important}
.px61:hover{border-color:#941B80 !important;background:#FDF4F8 !important}
.px62:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px63:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px64:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px65:hover{background:#FDF0EC !important}
.px66:hover{border-color:#941B80 !important;background:#FDF4F8 !important}
.px67:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px68:hover{background:#F7F7F8 !important}
.px69:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px70:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px71:focus{border-bottom-color:#E62C68 !important}
.px72:focus{border-color:#E62C68 !important;box-shadow:0 0 0 3px rgba(230,44,104,0.12) !important}
.px73:hover{border-color:#941B80 !important;background:#F7F7F8 !important}
.px74:hover{border-color:#941B80 !important;background:#F7F7F8 !important}
