/* Tema exclusivo de entrenamiento.serulises.com */
html{background:#080b17}
body{position:relative;isolation:isolate;background:transparent}
body::before{position:fixed;z-index:-2;inset:-18px;content:"";background:#080b17 url("imagenes/transformers.jpg") center center/cover no-repeat;filter:blur(7px);transform:scale(1.035)}
body::after{position:fixed;z-index:-1;inset:0;content:"";pointer-events:none;background:linear-gradient(135deg,rgba(13,8,33,.58),rgba(5,24,42,.48) 48%,rgba(50,5,11,.57))}
.barra{background-color:rgba(12,15,28,.9);background-image:linear-gradient(145deg,rgba(55,29,90,.35),rgba(7,25,44,.55) 52%,rgba(103,13,20,.28));box-shadow:8px 0 28px rgba(0,0,0,.34);backdrop-filter:blur(12px)}
.portada,.panel,.tarjeta,.registro{background-color:rgba(255,255,255,.94);backdrop-filter:blur(5px)}
@media(max-width:800px){body::before{inset:-12px;background-position:center top;filter:blur(6px);transform:scale(1.04)}.barra{background-color:rgba(12,15,28,.94);box-shadow:0 8px 24px rgba(0,0,0,.32)}}

/* Portada compacta del centro */
.portada-transformers{display:grid;align-content:end;min-height:170px;padding:24px 245px 24px 26px;color:#fff;border-color:rgba(105,157,214,.45);background:linear-gradient(90deg,rgba(6,10,25,.96),rgba(13,31,55,.82) 58%,rgba(59,8,18,.68));overflow:hidden}
.portada-transformers::before{position:absolute;inset:0;content:"";background:url("imagenes/logo1.png") right 28px center/190px auto no-repeat;opacity:.82;filter:drop-shadow(0 8px 16px #000)}
.portada-transformers>*{position:relative;z-index:1}.portada-transformers .etiqueta{color:#8dc9ff}.portada-transformers h1{max-width:620px;margin:2px 0;font-size:clamp(1.35rem,3vw,2.1rem);text-shadow:0 3px 12px #000}.portada-transformers>p:last-of-type{margin:5px 0;color:#dbeafe}.portada-transformers .emblema-portada{display:none}

/* Misión diaria: cada rutina recibe uno de los tres personajes. */
.mision-principal.mision-transformers{border:1px solid rgba(124,174,230,.6);background:#080d1b;box-shadow:0 14px 32px rgba(0,0,0,.46)}
.mision-principal.mision-transformers::before{inset:0;background-image:url("imagenes/transformers.jpg");background-size:300% auto;background-repeat:no-repeat;opacity:.78;transform:none}
.mision-principal.mision-transformers::after{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,rgba(4,7,18,.9),rgba(9,15,30,.55),rgba(28,5,11,.72))}
.mision-transformers.transformer-personaje-0::before{background-position:left center}.mision-transformers.transformer-personaje-1::before{background-position:center center}.mision-transformers.transformer-personaje-2::before{background-position:right center}
.mision-transformers .etiqueta{color:#9ed4ff}.mision-transformers .principal{background:linear-gradient(135deg,#3b82f6,#b91c1c);color:#fff}.mision-transformers .cambiar-mision{padding:10px 14px;border:1px solid rgba(255,255,255,.7);border-radius:8px;background:rgba(6,11,26,.72);color:#fff;font-weight:900}

@media(max-width:800px){body{display:flex;min-height:100dvh;flex-direction:column}#app{order:1;width:100%}.barra{order:2;width:100%;margin-top:18px}.portada-transformers{min-height:142px;padding:20px 132px 20px 18px}.portada-transformers::before{background-position:right 10px center;background-size:124px auto}.portada-transformers h1{font-size:1.35rem}.mision-principal.mision-transformers{min-height:220px}.barra nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.portada-transformers{padding-right:112px}.portada-transformers::before{background-size:104px auto}.portada-transformers h1{font-size:1.16rem}.portada-transformers>p:last-of-type{font-size:.78rem}}

/* Paleta de lectura para el interior de Misión de hoy */
body[data-vista="mision"] .portada{color:#152238;border-color:#a9c5df;background:linear-gradient(135deg,rgba(239,247,255,.97),rgba(221,235,249,.96) 62%,rgba(251,231,233,.95))}
body[data-vista="mision"] .portada .etiqueta{color:#315f91}
body[data-vista="mision"] .portada .emblema-portada{display:none}
body[data-vista="mision"] .panel{border-color:#b8cce0;background:rgba(247,251,255,.96);box-shadow:0 12px 28px rgba(19,53,87,.18)}
body[data-vista="mision"] .ayuda{border-left-color:#3973aa;background:#e8f2fb;color:#27445f}
body[data-vista="mision"] .estado-autoguardado{background:#e5f1fb;color:#254f75}
body[data-vista="mision"] .estado-autoguardado::before{background:#3973aa}
body[data-vista="mision"] .mision-ejercicio{border-color:#b9cee1;background:rgba(255,255,255,.88)}
body[data-vista="mision"] .serie{background:linear-gradient(90deg,#edf5fc,#f7f9fc 68%,#fbeff0)}
body[data-vista="mision"] .serie input,body[data-vista="mision"] textarea{border-color:#9fbad3}
body[data-vista="mision"] .check-serie input{accent-color:#326da5}
body[data-vista="mision"] .principal{background:linear-gradient(135deg,#326da5,#9f3540);color:#fff}
body[data-vista="mision"] .valor-plan-mision{border-color:#7199bd;background:#f3f8fd;color:#1d4265}
.confirmacion-mision-transformers{padding:10px 14px;border:1px solid rgba(159,210,255,.65);border-radius:9px;background:rgba(5,15,34,.65);color:#e8f5ff!important;font-weight:900}

/* Emblema Autobot contenido dentro del botón, sin alterar sus dimensiones. */
.barra nav #nav-admin{padding-left:52px;background-image:url("imagenes/autobot.png")!important;background-repeat:no-repeat!important;background-position:10px center!important;background-size:34px 34px!important}

/* Ajustes finales del tema Transformers. */
body[data-vista="mision"] .portada{min-height:190px;padding:24px 230px 24px 24px;text-align:left}
body[data-vista="mision"] .portada .emblema-portada{display:block;left:auto;right:24px;bottom:12px;width:185px;height:165px;transform:none;background-image:url("imagenes/logo1.png");background-size:290% auto;background-position:center 49%;background-repeat:no-repeat}
.barra nav button.activo,.barra nav button.activo:hover{border-color:#73baff;background:linear-gradient(135deg,#17558e 0%,#273e70 55%,#9f2939 100%);color:#fff;box-shadow:0 0 0 1px rgba(132,199,255,.22),0 7px 18px rgba(0,0,0,.3)}
.barra nav button:hover{border-color:rgba(115,186,255,.68);background-color:rgba(37,87,139,.38)}
#acceso.modal{background:linear-gradient(135deg,rgba(4,8,22,.93),rgba(9,31,55,.9) 58%,rgba(66,8,18,.9))}
#acceso .tarjeta-acceso{border:1px solid #6ca8da;background:linear-gradient(145deg,rgba(250,253,255,.98),rgba(229,240,250,.98) 68%,rgba(250,232,235,.98));box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 0 1px rgba(120,192,255,.18)}
#acceso .encabezado-acceso{min-height:126px;padding-right:142px}
#acceso .encabezado-acceso img{top:0;right:0;width:122px;height:122px;padding:0;border:2px solid #5594c9;border-radius:12px;background:linear-gradient(145deg,#eaf5ff,#f7e9ec);object-fit:contain;transform:none;box-shadow:0 8px 22px rgba(10,39,68,.3)}
#acceso .firma-acceso,#acceso .etiqueta{color:#315f91}
#acceso .introduccion-acceso{border-left-color:#3973aa;background:#e6f1fb;color:#284966}
#acceso .pestanas-acceso button{border-color:#aac4dd;background:#f7fbff;color:#203b57}
#acceso .pestanas-acceso button.activo{border-color:#5796cb;background:linear-gradient(135deg,#245f98,#863044);color:#fff;box-shadow:0 5px 14px rgba(27,70,111,.24)}
#acceso .principal{background:linear-gradient(135deg,#286ba7,#a12e3e);color:#fff}
#acceso .enlace-acceso{color:#235e93}
#acceso input:focus{border-color:#3778b2;outline:3px solid rgba(55,120,178,.18)}
.semana-indivisible{display:inline-block;white-space:nowrap}
@media(max-width:800px){body[data-vista="mision"] .portada{min-height:205px;padding:20px 148px 20px 18px;text-align:left}body[data-vista="mision"] .portada .emblema-portada{left:auto;right:4px;bottom:18px;width:145px;height:145px;transform:none;background-size:290% auto;background-position:center 49%}#acceso .encabezado-acceso{min-height:112px;padding-right:116px}#acceso .encabezado-acceso img{width:104px;height:104px}}