/* Capa del campamento: prioridad sobre reglas !important históricas.
   Solo afecta a las pantallas y controles indicados. */
@layer campamentoVisual {
/* Campamento ilustrado. Se carga después de las capas aprobadas de la Base 2. */
:root { --camp-tinta:#44305f !important; --camp-morado:#7151af !important; --camp-papel:#fffaf0 !important; --camp-oro:#deb15d !important; --camp-cabecera:122px !important; }
#cabeceraCampamento[hidden], #menuAvatarCampamento[hidden], .diarioLibroV1 [hidden] {display:none !important}
body[data-campamento]:not([data-campamento=""]) {background:#e3e8c6 url('imagenes/interfaz/visual-v1/campamento.webp') center/cover fixed no-repeat !important; color:var(--camp-tinta) !important}
body[data-campamento]:not([data-campamento=""])::before {content:'' !important;position:fixed !important;inset:0 !important;background:linear-gradient(#fff6dc0a,#e3e8c62b) !important;pointer-events:none !important;z-index:0 !important}
body[data-campamento]:not([data-campamento=""]) #fondoGlobalAnimado, body[data-campamento]:not([data-campamento=""]) .fondoGlobalAventura {display:none !important}
body[data-campamento]:not([data-campamento=""]):not([data-campamento="docente"]) > .pantalla:not(.oculto) {padding:var(--camp-cabecera) 24px 20px !important;margin:0 !important;min-height:100dvh !important;max-height:none !important;height:auto !important;box-sizing:border-box !important;background:transparent !important;position:relative !important;inset:auto !important;overflow:visible !important;z-index:1 !important}
#cabeceraCampamento {position:fixed !important;z-index:2100 !important;top:max(10px,env(safe-area-inset-top)) !important;left:50% !important;transform:translateX(-50%) !important;width:min(1180px,calc(100% - 40px)) !important;height:96px !important;box-sizing:border-box !important;padding:6px 12px 6px 20px !important;border:2px solid #ead3a2 !important;border-radius:26px !important;background:linear-gradient(110deg,#fffaf5f5,#fff8e8f2) !important;box-shadow:0 6px 22px #38294128 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;color:var(--camp-tinta) !important;font-family:Arial,sans-serif !important}
.campamentoMarca,.campamentoHerramientas {display:flex !important;align-items:center !important;gap:14px !important;min-width:0 !important}
.campamentoMarca > div {display:grid !important;gap:5px !important;min-width:0 !important}
.campamentoSobreTitulo {font:bold 10px/1.3 Arial,sans-serif !important;letter-spacing:2px !important;color:#876b45 !important}
#tituloCampamento {font-size:24px !important;line-height:1.1 !important;letter-spacing:-.5px !important}
#volverCampamento,.campamentoAjustes {width:48px !important;height:48px !important;min-width:48px !important;padding:4px !important;border:1px solid #d8c7e7 !important;background:#f4edff !important;border-radius:16px !important;color:#6b469d !important;cursor:pointer !important;font:32px/1 Arial,sans-serif !important;box-shadow:0 3px 0 #dfcfee !important}
.campamentoAjustes img {width:100% !important;height:100% !important;object-fit:contain !important}
.campamentoCuenta {position:relative !important}
#avatarCampamento {display:flex !important;align-items:center !important;gap:10px !important;min-height:80px !important;border:0 !important;border-radius:22px !important;background:transparent !important;box-shadow:none !important;margin:0 !important;padding:0 10px 0 0 !important;color:var(--camp-tinta) !important;cursor:pointer !important;text-align:left !important;transform:none !important}
#retratoCampamento {display:flex !important;justify-content:center !important;align-items:center !important;width:80px !important;height:80px !important;flex:0 0 80px !important;border-radius:50% !important;border:3px solid #d9b568 !important;background:#faf1dd !important;box-shadow:0 3px 0 #b49659 !important;box-sizing:content-box !important;overflow:hidden !important}
#retratoCampamento .avatarCompuesto {width:78px !important;height:78px !important;flex:0 0 78px !important;transform:none !important;margin:0 !important;inset:auto !important}
.campamentoNombre {display:grid !important;gap:2px !important;max-width:180px !important}
.campamentoNombre small {font:700 9px/1.2 Arial,sans-serif !important;letter-spacing:1px !important;color:#82639c !important}
.campamentoNombre strong {font:800 19px/1.1 Arial,sans-serif !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
.campamentoNombre > span {font:700 12px/1.4 Arial,sans-serif !important;color:#77589a !important}
#menuAvatarCampamento {position:absolute !important;right:0 !important;top:calc(100% + 14px) !important;width:280px !important;max-width:calc(100vw - 30px) !important;box-sizing:border-box !important;background:var(--camp-papel) !important;border:2px solid #ddc184 !important;border-radius:22px !important;padding:10px !important;box-shadow:0 16px 45px #36254b44 !important;display:grid !important;gap:6px !important}
#menuAvatarCampamento::before {content:'' !important;position:absolute !important;right:52px !important;top:-9px !important;width:14px !important;height:14px !important;background:var(--camp-papel) !important;border-top:2px solid #ddc184 !important;border-left:2px solid #ddc184 !important;transform:rotate(45deg) !important}
#menuAvatarCampamento button {display:flex !important;align-items:center !important;gap:12px !important;position:relative !important;text-align:left !important;border:1px solid #e6d8ef !important;background:#fffdf9 !important;color:var(--camp-tinta) !important;border-radius:14px !important;min-height:64px !important;padding:8px !important;font:bold 17px Arial,sans-serif !important;cursor:pointer !important;box-shadow:none !important}
#menuAvatarCampamento img {width:46px !important;height:46px !important;object-fit:contain !important}
#menuAvatarCampamento small {display:block !important;font:12px/1.5 Arial,sans-serif !important;color:#77677e !important}
#menuAvatarCampamento button:hover {background:#eee4ff !important;border-color:#a385cd !important}
#cabeceraCampamento button:focus-visible,#objetosCampamento button:focus-visible,.diarioPaginador :focus-visible {outline:3px solid #7042bb !important;outline-offset:4px !important}
/* El mapa de mundos recupera todo el ancho; el panel antiguo sigue disponible para sus funciones internas. */
body[data-campamento="campamento"] #panelJugadorV3 {display:none !important}
body[data-campamento="campamento"] #pantallaMenu {display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;gap:12px !important;padding-top:calc(var(--camp-cabecera) + 4px) !important}
body[data-campamento="campamento"] #pantallaMenu .layoutMenuPrincipalV311 {display:flex !important;flex-direction:column !important;position:relative !important;align-items:stretch !important;gap:12px !important;width:min(1180px,100%) !important;max-width:1180px !important;margin:0 !important;min-height:0 !important;grid-template-columns:none !important}
body[data-campamento="campamento"] #pantallaMenu .tituloMundos {display:block !important;position:static !important;padding:0 !important;margin:0 !important;width:auto !important;color:#453453 !important;text-align:center !important;font:800 clamp(20px,2vw,28px)/1.2 Arial,sans-serif !important;letter-spacing:-.6px !important;text-transform:none !important;text-shadow:0 2px 0 #fffdf4,0 0 18px #fffdf4 !important}
body[data-campamento="campamento"] #tarjetaProgresoGeneral {display:flex !important;flex-direction:column !important;gap:9px !important;position:relative !important;width:100% !important;max-width:none !important;margin:0 !important;padding:16px !important;min-height:0 !important;border:2px solid #dec38d !important;border-radius:28px !important;background:linear-gradient(140deg,#fffdf5f5,#fff9eaf2) !important;box-shadow:0 8px 0 #9b754c25,0 15px 36px #52413720 !important;box-sizing:border-box !important}
body[data-campamento="campamento"] .cabeceraProgresoGeneral {margin:0 !important;min-height:36px !important;gap:8px !important}
body[data-campamento="campamento"] #iconoRangoGeneral {display:none !important}
body[data-campamento="campamento"] .rangoAventureroGeneral {gap:0 !important}
body[data-campamento="campamento"] .rangoAventureroGeneral small {font:700 9px/1.2 Arial,sans-serif !important;letter-spacing:1.5px !important;color:#917445 !important}
body[data-campamento="campamento"] #nombreRangoGeneral {font:800 19px/1.2 Arial,sans-serif !important;color:#5a4774 !important}
body[data-campamento="campamento"] #contadorProgresoGeneral {display:none !important}
body[data-campamento="campamento"] #rotadorProgresoMenuV1 {margin:0 !important;padding:0 !important}
body[data-campamento="campamento"] .controlRotadorProgresoV1 {height:30px !important;margin:0 !important}
body[data-campamento="campamento"] #indicadorModoActualV1 {margin:0 !important;font:700 11px/1.4 Arial,sans-serif !important;padding:4px 10px !important;background:#eee5f7 !important;color:#6a4d88 !important;border-radius:8px !important}
body[data-campamento="campamento"] #caminoRangosGeneral {display:none !important}
body[data-campamento="campamento"] #mundosProgresoGeneral {display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:10px !important;margin:2px 0 0 !important;min-height:0 !important}
body[data-campamento="campamento"] #mundosProgresoGeneral .botonMundoProgresoV3 {display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;gap:3px !important;padding:10px 8px 12px !important;position:relative !important;min-width:0 !important;width:100% !important;min-height:138px !important;height:auto !important;border:2px solid var(--mundo-borde,#a98ce0) !important;border-radius:20px !important;background:linear-gradient(155deg,#fff,var(--mundo-fondo,#f0e7ff)) !important;box-shadow:0 4px 0 var(--mundo-sombra,#d9c9ee) !important;transform:none !important;transition:transform .18s ease,box-shadow .18s ease !important;color:#463857 !important;overflow:visible !important;cursor:pointer !important}
body[data-campamento="campamento"] .botonMundoProgresoV3::after {content:attr(data-orden) !important;position:absolute !important;top:8px !important;right:10px !important;font:700 10px Arial,sans-serif !important;color:#796889 !important;opacity:.65 !important}
body[data-campamento="campamento"] .botonMundoProgresoV3:not(:disabled):hover {transform:translateY(-3px) !important;box-shadow:0 7px 0 var(--mundo-sombra,#d9c9ee) !important}
body[data-campamento="campamento"] .botonMundoProgresoV3:focus-visible {outline:3px solid #7042bb !important;outline-offset:3px !important}
body[data-campamento="campamento"] #mundosProgresoGeneral .iconoMundoProgreso {width:64px !important;height:64px !important;flex:0 0 64px !important;margin:0 !important;padding:0 !important;background:none !important;box-shadow:none !important;border:0 !important;border-radius:0 !important;overflow:visible !important}
body[data-campamento="campamento"] #mundosProgresoGeneral .iconoMundoProgreso img {width:64px !important;height:64px !important;max-width:none !important;object-fit:contain !important;filter:drop-shadow(0 3px 2px #735f4930) !important}
body[data-campamento="campamento"] .botonMundoProgresoV3 > div {display:grid !important;gap:4px !important;text-align:center !important;min-width:0 !important}
body[data-campamento="campamento"] #mundosProgresoGeneral strong {font:800 14px/1.12 Arial,sans-serif !important;color:#463857 !important;text-wrap:balance !important;white-space:normal !important;overflow:visible !important}
body[data-campamento="campamento"] #mundosProgresoGeneral small {font:700 10px/1.2 Arial,sans-serif !important;color:#7f7086 !important}
body[data-campamento="campamento"] .botonMundoProgresoV3:disabled {opacity:.65 !important;cursor:default !important;filter:saturate(.6) !important}
.botonMundoProgresoV3[data-curso-v3="Matemática"] {--mundo-borde:#7ba6df !important;--mundo-fondo:#eaf4ff !important;--mundo-sombra:#bacfea !important}
.botonMundoProgresoV3[data-curso-v3="Ciencia"] {--mundo-borde:#7ebd88 !important;--mundo-fondo:#eff9e7 !important;--mundo-sombra:#c1d9ae !important}
.botonMundoProgresoV3[data-curso-v3="Personal Social"] {--mundo-borde:#e9af76 !important;--mundo-fondo:#fff1df !important;--mundo-sombra:#edd0a9 !important}
.botonMundoProgresoV3[data-curso-v3="Religión"] {--mundo-borde:#dbc06b !important;--mundo-fondo:#fff8d8 !important;--mundo-sombra:#e9dca6 !important}
.botonMundoProgresoV3[data-curso-v3="Razonamiento Verbal"] {--mundo-borde:#db99bb !important;--mundo-fondo:#fff0f7 !important;--mundo-sombra:#e7c1d3 !important}
.botonMundoProgresoV3[data-curso-v3="Razonamiento Matemático"] {--mundo-borde:#7dbcc3 !important;--mundo-fondo:#e9fafa !important;--mundo-sombra:#bddcdd !important}
.botonMundoProgresoV3[data-curso-v3="Inglés básico"] {--mundo-borde:#b199d9 !important;--mundo-fondo:#f4eeff !important;--mundo-sombra:#d6c8e8 !important}
.botonMundoProgresoV3[data-curso-v3="Conocimientos Generales"] {--mundo-borde:#d5ba77 !important;--mundo-fondo:#fff8e2 !important;--mundo-sombra:#e6d6b5 !important}
.botonMundoProgresoV3[data-curso-v3="Gran Prueba"] {--mundo-borde:#b496d4 !important;--mundo-fondo:#eae1f6 !important;--mundo-sombra:#c5b1dc !important}
#objetosCampamento {display:flex !important;justify-content:center !important;align-items:center !important;gap:40px !important;width:min(750px,100%) !important;margin:0 !important;position:relative !important;z-index:1 !important;font-family:Arial,sans-serif !important}
#objetosCampamento button {display:flex !important;align-items:center !important;gap:9px !important;min-height:80px !important;padding:0 12px !important;border:0 !important;border-radius:22px !important;background:transparent !important;box-shadow:none !important;color:#4b365f !important;cursor:pointer !important;text-align:left !important;transition:transform .2s !important}
#objetosCampamento button:hover:not(:disabled) {transform:rotate(-2deg) translateY(-3px) !important}
#objetosCampamento img {height:86px !important;width:92px !important;object-fit:contain !important;filter:drop-shadow(0 5px 2px #46324538) !important}
#objetosCampamento button > span {font:800 20px/1.3 Arial,sans-serif !important;text-shadow:0 1px 0 #fff,0 0 10px #fffef3,0 0 10px #fffef3 !important}
#objetosCampamento small {display:block !important;font:700 11px/1.4 Arial,sans-serif !important}
#objetosCampamento button:disabled {opacity:.65 !important;cursor:default !important}
/* Las pantallas del aventurero comparten cabecera, materiales y posición del avatar. */
body[data-campamento="perfil"] #pantallaPerfilJugador > .cabeceraPerfil,
body[data-campamento="editor"] #pantallaAvatarStudio > .cabeceraAvatarStudio,
body[data-campamento="tienda"] #pantallaTiendaAvatar > .cabeceraTiendaAvatar,
body[data-campamento="diario"] #pantallaViaje .viajeCabecera {display:none !important}
body[data-campamento="perfil"] .carnetAventurero {max-width:1000px !important;width:100% !important;margin:0 auto !important;border:2px solid #ddbe81 !important;border-radius:28px !important;background:#fffaf0f7 !important;padding:24px !important;box-shadow:0 9px 0 #96764c22,0 20px 40px #43314f22 !important;box-sizing:border-box !important}
body[data-campamento="perfil"] .zonaIdentidadPerfil {padding:0 0 18px !important;min-height:0 !important;gap:16px !important;border-bottom:2px dashed #decfae !important;background:none !important}
body[data-campamento="perfil"] #avatarPerfil {display:none !important}
body[data-campamento="perfil"] .datoPerfil,body[data-campamento="perfil"] .seccionPerfil {border-color:#e7d4af !important;background:#fffcf7 !important;border-radius:18px !important;box-shadow:none !important}
body[data-campamento="perfil"] .estadisticasPerfil {gap:12px !important}
body[data-campamento="perfil"] #nombrePerfil {color:#614184 !important;font-family:Arial,sans-serif !important}
body[data-campamento="editor"] #pantallaAvatarStudio .zonaSuperiorAvatarStudioV38 {width:min(1120px,100%) !important;height:auto !important;min-height:0 !important;display:flex !important;justify-content:center !important;padding:0 !important;margin:0 auto 16px !important;background:none !important;gap:10px !important}
body[data-campamento="editor"] .bloquePreviewAvatarStudioV38,body[data-campamento="editor"] .espaciadorSuperiorAvatarStudioV38 {display:none !important}
body[data-campamento="editor"] #pantallaAvatarStudio .accionesSuperioresAvatarStudioV38 {display:flex !important;position:static !important;transform:none !important;justify-content:center !important;align-items:center !important;gap:12px !important;width:auto !important;height:auto !important}
body[data-campamento="editor"] #pantallaAvatarStudio .accionesSuperioresAvatarStudioV38 button {position:static !important;transform:none !important;min-height:48px !important;height:auto !important;width:auto !important;min-width:140px !important;padding:8px 18px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;border-radius:16px !important;font:700 12px Arial,sans-serif !important}
body[data-campamento="editor"] #pantallaAvatarStudio .accionesSuperioresAvatarStudioV38 button span {font-size:18px !important}
body[data-campamento="editor"] #pantallaAvatarStudio .contenidoAvatarStudio {width:min(1120px,100%) !important;margin:auto !important;height:auto !important;max-height:none !important;display:block !important;padding:0 !important;overflow:visible !important}
body[data-campamento="editor"] #pantallaAvatarStudio .panelOpcionesAvatar {display:flex !important;flex-direction:column !important;gap:14px !important;padding:20px !important;border:2px solid #bfa4dc !important;border-radius:26px !important;background:#fffaf9f5 !important;height:auto !important;max-height:none !important;overflow:visible !important}
body[data-campamento="editor"] #pantallaAvatarStudio .categoriasAvatarStudio {display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:8px !important;height:auto !important;min-height:0 !important;overflow:visible !important}
body[data-campamento="editor"] #pantallaAvatarStudio .categoriasAvatarStudio button {min-height:68px !important;height:auto !important;padding:6px !important;font:700 11px Arial,sans-serif !important;box-sizing:border-box !important}
body[data-campamento="editor"] #pantallaAvatarStudio .opcionesAvatarStudio {display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:12px !important;height:auto !important;max-height:none !important;overflow:visible !important;min-height:0 !important}
/* Cambio 31: el submenú contiene una cabecera y su propia cuadrícula.
   No debe tratarse como dos tarjetas más del catálogo exterior. */
body[data-campamento="editor"] #pantallaAvatarStudio #opcionesAvatarStudio.modoSubmenuColorAvatarV318 {
  display:block !important;width:100% !important;min-width:0 !important;box-sizing:border-box !important;
}
body[data-campamento="editor"] #pantallaAvatarStudio .modoSubmenuColorAvatarV318 .cabeceraSubmenuColorAvatarV318 {
  display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:10px !important;
  width:100% !important;min-width:0 !important;margin:0 0 14px !important;
}
body[data-campamento="editor"] #pantallaAvatarStudio .modoSubmenuColorAvatarV318 .gridSubmenuColorAvatarV318 {
  display:grid !important;grid-template-columns:repeat(auto-fill,minmax(min(100%,104px),1fr)) !important;
  gap:10px !important;width:100% !important;min-width:0 !important;height:auto !important;
  align-content:start !important;box-sizing:border-box !important;
}
body[data-campamento="editor"] #pantallaAvatarStudio .modoSubmenuColorAvatarV318 .opcionColorSubmenuAvatarV318 {
  min-width:0 !important;box-sizing:border-box !important;
}
body[data-campamento="editor"] #pantallaAvatarStudio #botonVolverSubmenuColorAvatarV318 {
  min-height:44px !important;height:auto !important;
}
body[data-campamento="tienda"] #pantallaTiendaAvatar .zonaSuperiorTiendaAvatar {position:static !important;transform:none !important;width:min(1120px,100%) !important;height:auto !important;min-height:0 !important;margin:0 auto 14px !important;padding:0 !important;display:flex !important;justify-content:center !important;gap:10px !important}
body[data-campamento="tienda"] #previewTiendaAvatar {display:none !important}
body[data-campamento="tienda"] .bloqueAvatarTiendaV3 {display:flex !important;gap:10px !important}
body[data-campamento="tienda"] #pantallaTiendaAvatar .contenidoTiendaAvatar {width:min(1120px,100%) !important;margin:auto !important;background:#fffbf3f7 !important;border:2px solid #ddbd7f !important;border-radius:26px !important;padding:20px !important;box-sizing:border-box !important}
/* Diario: notas a la izquierda y una página de mundo a la derecha. */
body[data-campamento="diario"] .viajeShell {max-width:1120px !important;padding:0 !important;margin:auto !important;background:transparent !important;box-shadow:none !important}
.diarioLibroV1 {display:grid !important;grid-template-columns:minmax(240px,.8fr) minmax(0,1.3fr) !important;grid-template-rows:auto 1fr !important;gap:0 28px !important;padding:28px !important;border:3px solid #b78956 !important;border-radius:18px 28px 28px 18px !important;box-shadow:-7px 7px 0 #85603f,0 16px 34px #3c30364a !important;background:linear-gradient(90deg,#fff5dd 0%,#fff8e8 38%,#e9d1a6 39%,#fff8e8 40%,#fff5dd 100%) !important;align-items:start !important}
.diarioNotas {grid-column:1 !important;grid-row:1/3 !important;display:grid !important;gap:20px !important}
.diarioLibroV1 .viajeTarjeta {background:transparent !important;box-shadow:none !important;border:0 !important;padding:0 !important;min-width:0 !important}
.diarioLibroV1 h2 {font:800 21px/1.25 Arial,sans-serif !important;color:#6a4c40 !important}
.diarioLibroV1 p {font:14px/1.5 Arial,sans-serif !important;color:#7a6656 !important}
.diarioPaginador {grid-column:2 !important;display:grid !important;grid-template-columns:44px minmax(0,1fr) 44px !important;gap:8px !important;align-items:center !important;border-bottom:1px solid #d9c39a !important;padding-bottom:14px !important;margin-bottom:18px !important}
.diarioPaginador button {width:44px !important;height:44px !important;border:1px solid #c8a66d !important;background:#fffaf0 !important;color:#795a3a !important;border-radius:14px !important;font:28px Arial,sans-serif !important;cursor:pointer !important}
.diarioPaginador button:disabled {opacity:.35 !important;cursor:default !important}
.diarioPaginador label {display:grid !important;gap:4px !important;font:700 10px Arial,sans-serif !important;text-align:center !important;color:#846840 !important;text-transform:uppercase !important;letter-spacing:.7px !important}
.diarioPaginador select {max-width:100% !important;min-width:0 !important;border:0 !important;border-radius:9px !important;background:#f2e4c9 !important;color:#5d4335 !important;font:bold 13px Arial,sans-serif !important;padding:8px !important;text-transform:none !important;height:38px !important}
.diarioNumeroPagina {grid-column:1/-1 !important;text-align:center !important;font:italic 11px Arial,sans-serif !important;color:#8a7053 !important}
.diarioLibroV1 > .viajeGrid {grid-column:2 !important;display:block !important;min-width:0 !important}
.diarioLibroV1 .viajeCapitulo {min-height:44px !important;border:1px solid #d7c3a0 !important;border-radius:12px !important;box-shadow:none !important;background:#fffaf0 !important;color:#634e3e !important;text-align:left !important;margin:5px 0 !important;width:100% !important;font:700 13px/1.3 Arial,sans-serif !important;padding:10px 14px !important}
.diarioLibroV1 .viajeCapitulo:disabled {background:#efe8d8 !important;color:#a3947c !important;opacity:.8 !important}
.diarioLibroV1 .viajeFila {gap:6px !important}
.diarioLibroV1 .viajeDato {font:700 12px Arial,sans-serif !important;background:#eee3ce !important;color:#745d42 !important;border:0 !important;padding:10px !important}
/* El espacio docente comparte el papel, la tinta y las ilustraciones del campamento. */
body[data-campamento="docente"] #pantallaViaje {background:transparent !important;padding:32px 20px !important;position:relative !important;z-index:1 !important}
body[data-campamento="docente"] .viajeShell {max-width:1160px !important;margin:auto !important;background:#fff9edf5 !important;border:2px solid #d6b778 !important;border-radius:26px !important;padding:28px !important;box-shadow:0 14px 35px #45334b35 !important}
body[data-campamento="docente"] .viajeTarjeta {background:#fffcf7 !important;border-color:#e4d1af !important;box-shadow:0 4px 0 #d1bd9c24 !important;border-radius:18px !important}
body[data-campamento="docente"] h1,body[data-campamento="docente"] h2 {color:#654586 !important}
body[data-campamento="docente"] .viajeBoton {border-radius:14px !important;min-height:44px !important}
@media (max-width:900px) {
 body[data-campamento="campamento"] #mundosProgresoGeneral {grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:8px !important}
 body[data-campamento="campamento"] #mundosProgresoGeneral strong {font-size:12px !important}
 body[data-campamento="editor"] #pantallaAvatarStudio .opcionesAvatarStudio {grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media (max-width:600px) {
 :root {--camp-cabecera:104px !important}
 #cabeceraCampamento {top:max(6px,env(safe-area-inset-top)) !important;width:calc(100% - 20px) !important;height:86px !important;padding:5px 8px 5px 12px !important;border-radius:22px !important;gap:6px !important}
 .campamentoMarca,.campamentoHerramientas {gap:7px !important}
 .campamentoSobreTitulo {font-size:7px !important;letter-spacing:.6px !important;max-width:138px !important}
 #tituloCampamento {font-size:17px !important;max-width:144px !important;line-height:1.1 !important;letter-spacing:-.4px !important}
 #volverCampamento {width:36px !important;min-width:36px !important;height:44px !important;font-size:29px !important}
 .campamentoAjustes {width:40px !important;min-width:40px !important;height:44px !important;border-radius:13px !important}
 #retratoCampamento {width:64px !important;height:64px !important;flex-basis:64px !important;border-width:2px !important}
 #retratoCampamento .avatarCompuesto {width:62px !important;height:62px !important;flex-basis:62px !important}
 #avatarCampamento {padding:0 !important;gap:5px !important;min-height:72px !important}
 .campamentoNombre {display:none !important}
 #avatarCampamento::after {content:'⌄' !important;font-size:18px !important;color:#7151af !important}
 #menuAvatarCampamento {top:calc(100% + 14px) !important;right:0 !important}
 body[data-campamento]:not([data-campamento=""]):not([data-campamento="docente"]) > .pantalla:not(.oculto) {padding-left:12px !important;padding-right:12px !important}
 body[data-campamento="campamento"] #pantallaMenu {gap:10px !important}
 body[data-campamento="campamento"] #pantallaMenu .layoutMenuPrincipalV311 {gap:9px !important}
 body[data-campamento="campamento"] #pantallaMenu .tituloMundos {font-size:20px !important;padding:0 4px !important}
 body[data-campamento="campamento"] #tarjetaProgresoGeneral {padding:12px !important;gap:7px !important;border-radius:23px !important}
 body[data-campamento="campamento"] .cabeceraProgresoGeneral {min-height:29px !important}
 body[data-campamento="campamento"] #nombreRangoGeneral {font-size:16px !important}
 body[data-campamento="campamento"] #mundosProgresoGeneral {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important}
 body[data-campamento="campamento"] #mundosProgresoGeneral .botonMundoProgresoV3 {flex-direction:row !important;gap:6px !important;min-height:66px !important;padding:8px 7px !important;border-radius:16px !important;justify-content:flex-start !important}
 body[data-campamento="campamento"] .botonMundoProgresoV3::after {display:none !important}
 body[data-campamento="campamento"] #mundosProgresoGeneral .iconoMundoProgreso {width:41px !important;height:44px !important;flex:0 0 41px !important}
 body[data-campamento="campamento"] #mundosProgresoGeneral .iconoMundoProgreso img {width:41px !important;height:44px !important}
 body[data-campamento="campamento"] .botonMundoProgresoV3 > div {text-align:left !important;gap:3px !important}
 body[data-campamento="campamento"] #mundosProgresoGeneral strong {font-size:11.5px !important;line-height:1.15 !important}
 body[data-campamento="campamento"] #mundosProgresoGeneral small {font-size:9px !important}
 #objetosCampamento {gap:10px !important;justify-content:space-around !important}
 #objetosCampamento button {padding:0 !important;gap:3px !important;min-height:65px !important}
 #objetosCampamento img {width:66px !important;height:70px !important}
 #objetosCampamento button > span {font-size:15px !important}
 #objetosCampamento small {font-size:9px !important;max-width:95px !important}
 body[data-campamento="perfil"] .carnetAventurero {padding:16px !important}
 body[data-campamento="perfil"] .estadisticasPerfil {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}
 body[data-campamento="editor"] #pantallaAvatarStudio .accionesSuperioresAvatarStudioV38 {gap:6px !important;width:100% !important}
 body[data-campamento="editor"] #pantallaAvatarStudio .accionesSuperioresAvatarStudioV38 button {min-width:0 !important;flex:1 !important;padding:8px !important;font-size:9px !important;gap:4px !important}
 body[data-campamento="editor"] #pantallaAvatarStudio .accionesSuperioresAvatarStudioV38 button span {font-size:15px !important}
 body[data-campamento="editor"] #pantallaAvatarStudio .panelOpcionesAvatar {padding:12px !important;gap:10px !important}
 body[data-campamento="editor"] #pantallaAvatarStudio .categoriasAvatarStudio {grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important}
 body[data-campamento="editor"] #pantallaAvatarStudio .opcionesAvatarStudio {grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important}
 body[data-campamento="tienda"] #pantallaTiendaAvatar .contenidoTiendaAvatar {padding:12px !important}
 .diarioLibroV1 {grid-template-columns:minmax(0,1fr) !important;padding:18px !important;gap:20px !important;background:#fff5df !important;border-radius:16px !important;box-shadow:-4px 5px 0 #85603f,0 10px 20px #3c303633 !important}
 .diarioNotas {grid-column:1 !important;grid-row:3 !important;gap:22px !important;padding-top:20px !important;border-top:2px dashed #d9c39a !important}
 .diarioPaginador {grid-column:1 !important;margin:0 !important}
 .diarioLibroV1 > .viajeGrid {grid-column:1 !important;grid-row:2 !important}
 .diarioLibroV1 h2 {font-size:19px !important}
 body[data-campamento="docente"] #pantallaViaje {padding:12px !important}
 body[data-campamento="docente"] .viajeShell {padding:16px !important}
}
@media (min-width:601px) and (max-height:760px) {
 :root {--camp-cabecera:98px !important}
 #cabeceraCampamento {height:80px !important}
 #retratoCampamento {width:64px !important;height:64px !important;flex-basis:64px !important}
 #retratoCampamento .avatarCompuesto {width:62px !important;height:62px !important;flex-basis:62px !important}
 #avatarCampamento {min-height:64px !important}
 body[data-campamento="campamento"] #mundosProgresoGeneral .botonMundoProgresoV3 {min-height:112px !important;padding:6px !important}
 body[data-campamento="campamento"] #mundosProgresoGeneral .iconoMundoProgreso,body[data-campamento="campamento"] #mundosProgresoGeneral .iconoMundoProgreso img {width:48px !important;height:48px !important;flex-basis:48px !important}
 #objetosCampamento img {width:70px !important;height:64px !important}
 #objetosCampamento button {min-height:64px !important}
}
@media (prefers-reduced-motion:reduce) {#cabeceraCampamento *,#objetosCampamento *,body[data-campamento="campamento"] .botonMundoProgresoV3 {transition:none !important;animation:none !important}}
html[data-aventura-animaciones="reducidas"] #objetosCampamento *,html[data-aventura-animaciones="reducidas"] #cabeceraCampamento * {transition:none !important;animation:none !important}
body[data-campamento]:not([data-campamento=""]) #fondoGlobalJuego {display:none !important}
body[data-campamento="campamento"] #pantallaMenu .layoutMenuPrincipalV311,
body[data-campamento="campamento"] #tarjetaProgresoGeneral,
body[data-campamento="campamento"] #mundosProgresoGeneral {height:auto !important;max-height:none !important;overflow:visible !important;flex-shrink:0 !important;grid-auto-rows:auto !important}
body[data-campamento="campamento"] #pantallaMenu .tituloMundos::before,
body[data-campamento="campamento"] #pantallaMenu .tituloMundos::after {display:none !important}
body[data-campamento="campamento"] #tarjetaProgresoGeneral .iconoMundoProgreso {position:static !important;transform:none !important}
body[data-campamento="campamento"] #tarjetaProgresoGeneral .botonMundoProgresoV3 > div {position:static !important;transform:none !important;margin:0 !important;padding:0 !important}


body[data-campamento="campamento"] #mundosProgresoGeneral {grid-template-rows:none!important;grid-auto-rows:auto!important;align-content:start!important;flex:0 0 auto!important}
.botonMundoProgresoV3[data-curso-v3="Ciencia y Ambiente"] {--mundo-borde:#7ebd88!important;--mundo-fondo:#eff9e7!important;--mundo-sombra:#c1d9ae!important}
body[data-campamento="editor"] .espacioSuperiorAvatarStudioV38 {display:none!important}
body[data-campamento="editor"] #pantallaAvatarStudio .zonaSuperiorAvatarStudioV38 {border:0!important;border-radius:0!important;box-shadow:none!important;flex:0 0 auto!important;max-height:none!important}
body[data-campamento="editor"] #pantallaAvatarStudio .accionesSuperioresAvatarStudioV38 {margin:0!important}
body[data-campamento="editor"] .datoCompatibilidadAvatarStudioV38 {display:none!important}
body[data-campamento="editor"] #estadoAvatarStudio {display:none!important}
body[data-campamento="perfil"] .perfilDesplegable {margin-top:14px!important;padding:16px!important}
.perfilDesplegable > summary {font:800 18px/1.4 Arial,sans-serif!important;color:#644885!important;cursor:pointer!important;min-height:32px!important;list-style-position:inside!important}
.perfilDesplegable[open] > summary {margin-bottom:16px!important}
body[data-campamento="perfil"] .carnetAventurero {font-family:Arial,sans-serif!important}
.diarioLibroV1 .viajeRuta {display:flex!important;gap:4px!important;counter-reset:capitulo!important;list-style:none!important;padding:0!important;margin:4px 0 12px!important}
.diarioLibroV1 .viajeRuta li {font-size:0!important;min-width:0!important;min-height:28px!important;flex:1!important;padding:4px!important;border:1px solid #d5c09b!important;background:#efe2c5!important;border-radius:8px!important;counter-increment:capitulo!important;box-sizing:border-box!important}
.diarioLibroV1 .viajeRuta li::after {content:counter(capitulo)!important;font:700 11px/20px Arial,sans-serif!important;color:#8b7655!important}
.diarioLibroV1 .viajeRuta li.viajeHitoHecho {background:#dfebcb!important;border-color:#a2b77e!important}
.diarioLibroV1 .viajeRuta li.viajeHitoHecho::after {content:'✓'!important;color:#496e39!important}
@media(min-width:601px) {
 .diarioLibroV1 .viajeTarjetaMundo:not([hidden]) {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px 10px!important}
 .diarioLibroV1 .viajeTarjetaMundo > :is(h2,p,ol) {grid-column:1/-1!important}
 .diarioLibroV1 .viajeCapitulo {height:100%!important;margin:0!important}
}

body[data-campamento]:not([data-campamento=""]) {overflow-x:hidden!important;overflow-y:auto!important}
body[data-campamento="campamento"] #mundosProgresoGeneral .botonMundoProgresoV3 {min-height:132px!important}
body[data-campamento="editor"] #pantallaAvatarStudio .categoriasAvatarStudio {grid-template-columns:repeat(10,minmax(0,1fr))!important}
body[data-campamento="editor"] #pantallaAvatarStudio .barraInfoAvatarStudioV39 {position:static!important;width:auto!important;margin:0!important;min-height:28px!important;height:auto!important;transform:none!important;flex:0 0 auto!important;box-shadow:none!important;background:#eee7f8!important;border-radius:10px!important;padding:8px 12px!important}
body[data-campamento="editor"] #pantallaAvatarStudio .opcionAvatarStudio {height:auto!important;min-height:146px!important;padding:12px 8px!important;display:flex!important;flex-direction:column!important;gap:8px!important;justify-content:flex-start!important;align-items:center!important;position:relative!important}
body[data-campamento="editor"] .opcionAvatarStudio > strong {font:800 14px/1.2 Arial,sans-serif!important;min-height:34px!important;height:auto!important;display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;position:static!important;margin:0!important;transform:none!important}
body[data-campamento="editor"] .opcionAvatarStudio > small {font:700 8px/1.3 Arial,sans-serif!important;position:static!important;margin:auto 0 0!important;transform:none!important;max-width:100%!important}
.campamentoIconoCategoria {display:block!important;width:28px!important;height:28px!important;margin:auto!important}
body[data-campamento="editor"] .categoriaAvatarStudio small,body[data-campamento="tienda"] .categoriaTiendaAvatar small {font:700 11px/1.2 Arial,sans-serif!important}
body[data-campamento="tienda"] #pantallaTiendaAvatar .zonaSuperiorTiendaAvatar {border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;align-items:center!important;flex:0 0 auto!important;max-height:none!important}
body[data-campamento="tienda"] #pantallaTiendaAvatar .bloqueAvatarTiendaV3 {position:static!important;transform:none!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important}
body[data-campamento="tienda"] #pantallaTiendaAvatar .recursosTiendaV3 {display:flex!important;flex-direction:row!important;position:static!important;transform:none!important;width:auto!important;height:auto!important;margin:0!important;gap:8px!important}
body[data-campamento="tienda"] #pantallaTiendaAvatar .recursoTiendaV3 {position:static!important;transform:none!important;width:auto!important;min-width:100px!important;height:52px!important;margin:0!important;display:grid!important;grid-template-columns:30px 1fr!important;grid-template-rows:22px 14px!important;gap:0 6px!important;padding:6px 12px!important;box-sizing:border-box!important}
body[data-campamento="tienda"] #pantallaTiendaAvatar .recursoTiendaV3 > span {grid-column:1!important;grid-row:1/3!important}
.recursoNombreVisual {font:700 9px Arial,sans-serif!important;grid-column:2!important;color:#7d684c!important}
body[data-campamento="tienda"] #pantallaTiendaAvatar #botonIrEstudioAvatar {display:none!important}
.tiendaEscaparateVisual {width:min(1120px,100%)!important;margin:auto!important;padding:20px!important;box-sizing:border-box!important;border:2px solid #d6b77f!important;border-radius:26px!important;background:#fffaf0f7!important;min-height:310px!important}
body[data-campamento="tienda"] #pantallaTiendaAvatar .categoriasTiendaAvatar {display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;height:auto!important;min-height:0!important;max-height:none!important;width:100%!important;margin:0 0 18px!important;gap:8px!important;position:static!important;transform:none!important;overflow:visible!important;padding:0!important}
body[data-campamento="tienda"] #pantallaTiendaAvatar .categoriaTiendaAvatar {width:100%!important;min-width:0!important;height:72px!important;padding:7px 3px!important;box-sizing:border-box!important;border-radius:16px!important}
body[data-campamento="tienda"] #pantallaTiendaAvatar .itemsTiendaAvatar {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;gap:14px!important}
body[data-campamento="tienda"] .tiendaAvatarVacia {grid-column:1/-1!important;background:#f5e8cb!important;border:1px dashed #c6a873!important;border-radius:18px!important;text-align:center!important;padding:40px 20px!important;font:15px/1.5 Arial,sans-serif!important;color:#80623e!important}
body[data-campamento="tienda"] .tarjetaItemTiendaAvatar {height:auto!important;min-height:220px!important}
body[data-campamento="tienda"] .tarjetaItemTiendaAvatar h3 {font:800 14px/1.25 Arial,sans-serif!important}
@media(max-width:600px) {
 body[data-campamento="campamento"] #mundosProgresoGeneral .botonMundoProgresoV3 {min-height:66px!important}
 body[data-campamento="editor"] #pantallaAvatarStudio .categoriasAvatarStudio {grid-template-columns:repeat(5,minmax(0,1fr))!important}
 body[data-campamento="editor"] .categoriaAvatarStudio small {font-size:9px!important}
 body[data-campamento="editor"] #pantallaAvatarStudio .opcionAvatarStudio {padding:10px 5px!important;min-height:156px!important}
 body[data-campamento="editor"] #pantallaAvatarStudio .muestraOpcionAvatar {width:64px!important;height:64px!important;flex:0 0 64px!important}
 body[data-campamento="editor"] .opcionAvatarStudio > strong {font-size:12px!important}
 body[data-campamento="tienda"] #pantallaTiendaAvatar .recursosTiendaV3 {gap:5px!important;flex-wrap:wrap!important;justify-content:center!important}
 body[data-campamento="tienda"] #pantallaTiendaAvatar .recursoTiendaV3 {min-width:90px!important;padding:6px 8px!important}
 .tiendaEscaparateVisual {padding:12px!important}
 body[data-campamento="tienda"] #pantallaTiendaAvatar .categoriasTiendaAvatar {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
 body[data-campamento="tienda"] #pantallaTiendaAvatar .itemsTiendaAvatar {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
}
@media(min-width:601px) and (max-height:760px) {body[data-campamento="campamento"] #mundosProgresoGeneral .botonMundoProgresoV3 {min-height:112px!important}}

body[data-campamento="editor"] #pantallaAvatarStudio .categoriaAvatarStudio {width:100%!important;min-width:0!important;max-width:none!important;flex:none!important}
body[data-campamento="tienda"] .tiendaEscaparateVisual {margin:0 auto!important}
body[data-campamento="tienda"] #pantallaTiendaAvatar .tiendaAvatarVacia {width:100%!important;max-width:none!important;min-height:160px!important;box-sizing:border-box!important}
body[data-campamento="perfil"] .iconoMundoPerfil img {display:inline-block!important;width:28px!important;height:28px!important;object-fit:contain!important;vertical-align:middle!important}
body[data-campamento="perfil"] .progresoMundoPerfil {padding:12px!important}
body[data-campamento="perfil"] #progresoMundosPerfil {gap:10px!important}
/* Ramificaciones secretas: el arco solo aparece después de abrir el portal. */
#mapaNiveles .nodoMapaConSecretoV1 {display:grid!important;grid-template-columns:minmax(0,270px) 50px minmax(0,210px)!important;align-items:center!important;justify-content:center!important;width:min(580px,100%)!important;gap:0!important;position:relative!important;margin:10px 0!important;--portal-color:#9d74da!important}
#mapaNiveles .nodoMapaConSecretoV1::before {content:''!important;grid-column:2!important;grid-row:1!important;border-top:3px dashed #b49bcf!important;height:0!important}
#mapaNiveles .nodoMapaConSecretoV1[data-estado="abierto"]::before {border-top:4px solid var(--portal-color)!important}
#mapaNiveles .nodoMapaConSecretoV1 > .nivelMapa {grid-column:1!important;grid-row:1!important;width:100%!important;margin:0!important;transform:none!important;box-sizing:border-box!important}
#mapaNiveles .nodoMapaConSecretoV1 > .secretoAccesoMapa {grid-column:3!important;grid-row:1!important;display:flex!important;flex-direction:column!important;gap:6px!important;position:relative!important;padding:12px!important;margin:0!important;border:2px solid #cbb5e7!important;border-radius:22px!important;background:#fff9ef!important;box-shadow:0 5px 0 #82619925!important;box-sizing:border-box!important;text-align:center!important}
#mapaNiveles .nodoMapaConSecretoV1 .secretoBoton {min-height:44px!important;border-radius:12px!important;background:#ede3ff!important;color:#56367b!important;font:700 12px/1.3 Arial,sans-serif!important;width:100%!important;white-space:normal!important}
.portalIlustradoV1 {display:block!important;width:64px!important;height:72px!important;filter:drop-shadow(0 0 8px #bfa1f077)!important}
.portalIlustradoV1 svg {width:100%!important;height:100%!important}
#mapaNiveles .nodoMapaConSecretoV1[data-tema="matematica"] {--portal-color:#65a6d8!important;--portal-piedra:#c4d9f3!important}
#mapaNiveles .nodoMapaConSecretoV1[data-tema="ciencia"] {--portal-color:#64b181!important;--portal-piedra:#d7deb2!important}
#mapaNiveles .nodoMapaConSecretoV1[data-tema="personal-social"] {--portal-color:#db9658!important;--portal-piedra:#efcc9e!important}
#mapaNiveles .nodoMapaConSecretoV1[data-tema="religion"] {--portal-color:#c1a04d!important;--portal-piedra:#f1dfb4!important}
#mapaNiveles .nodoMapaConSecretoV1[data-tema="razonamiento-verbal"] {--portal-color:#cb7da6!important;--portal-piedra:#f0cede!important}
#mapaNiveles .nodoMapaConSecretoV1[data-tema="razonamiento-matematico"] {--portal-color:#60a9b4!important;--portal-piedra:#c3e0df!important}
#mapaNiveles .nodoMapaConSecretoV1[data-tema="ingles"] {--portal-color:#8599ce!important;--portal-piedra:#cbd8f0!important}
#mapaNiveles .nodoMapaConSecretoV1[data-tema="conocimientos-generales"] {--portal-color:#aa9960!important;--portal-piedra:#eddfb4!important}
#mapaNiveles .nodoMapaConSecretoV1[data-tema="gran-prueba"] {--portal-color:#ae80cb!important;--portal-piedra:#e4d4ef!important}
@media(max-width:600px) {
 #mapaNiveles .nodoMapaConSecretoV1 {grid-template-columns:minmax(0,1.15fr) 20px minmax(0,1fr)!important}
 #mapaNiveles .nodoMapaConSecretoV1 > .secretoAccesoMapa {padding:8px!important;border-radius:18px!important}
 #mapaNiveles .nodoMapaConSecretoV1 > .nivelMapa {min-width:0!important;padding:10px!important}
 .portalIlustradoV1 {width:48px!important;height:54px!important}
}

body[data-campamento="tienda"] .accionItemTiendaAvatar {min-height:44px!important;font:800 12px/1.2 Arial,sans-serif!important;border-radius:12px!important}
body[data-campamento="tienda"] .precioItemTiendaAvatar {font:700 12px/1.4 Arial,sans-serif!important}
body[data-campamento="tienda"] .recursoTiendaV3 .campamentoIconoCategoria {width:25px!important;height:28px!important;color:#bf8b2d!important}
body[data-campamento="perfil"] .datoPerfil .campamentoIconoCategoria {color:#bf8b2d!important}
body[data-campamento="editor"] #botonGuardarAvatar .campamentoIconoCategoria {width:20px!important;height:20px!important}
}