/* Feedback de Fede y el grupo: piezas separadas sobre el fondo recibido. */
body{background:#0c091a ;background-size:80px 80px}
.blog-name{gap:10px;font:bold 24px "Times New Roman",Times,serif;color:#b7ff51}
.title-alien{width:24px;height:32px;flex:none}
.shell-doodles .orbit-one{width:80px;height:107px;right:0;top:0;transform:none}
.secret-switch{position:relative;z-index:6;min-width:44px;min-height:44px;border:0;background:transparent;color:#b4c399;font:14px monospace;cursor:pointer}
.secret-switch:focus-visible{outline:2px solid cyan}
.secret-dialog{max-width:480px;width:calc(100% - 32px);background:#d8e0d2;color:#172211;border:4px ridge #acbca3;padding:12px}
.secret-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.secret-dialog h2{margin:0;font:20px "Times New Roman",serif}
.secret-dialog button{min-width:66px;min-height:44px}
.secret-dialog img{display:block;width:100%;height:auto;margin-top:12px}
.secret-dialog::backdrop{background:#000b}
/* 6.10: perfil desprendido y bitácora como notas individuales. */
.variation-6-10 .identity{padding-top:100px}
.variation-6-10 .notebook{margin-top:260px;margin-left:-25px;background:transparent;border:0;box-shadow:none}
.variation-6-10 .notebook-body{padding:0}
.variation-6-10 .notebook article{margin-top:30px;border:3px ridge #b8c8ad;transform:rotate(2deg)}
.variation-6-10 .notebook details{margin-top:32px;transform:rotate(-2deg)}
.variation-6-10 .profile-panel{transform:rotate(-2deg)}
/* 6.11: blog amplio, bitácora escalonada y perfil más arriba. */
.variation-6-11 .blog-layout{grid-template-columns:190px minmax(0,1fr) 250px;gap:26px}
.variation-6-11 .notebook{margin-top:150px;margin-left:0;transform:rotate(-2deg)}
.variation-6-11 .identity{padding-top:0}
.variation-6-11 .raw-cyan-square{margin-top:50px}
/* 6.12: archivos sueltos, sin una única caja que los encierre. */
.variation-6-12 .visual-file{padding-top:90px}
.variation-6-12 .visual-file details{margin:0 0 32px;border:3px ridge #9bb486}
.variation-6-12 .visual-file details:nth-of-type(2){transform:rotate(3deg);margin-left:20px}
.variation-6-12 .visual-file details:nth-of-type(3){transform:rotate(-3deg);margin-right:14px}
.variation-6-12 .visual-file h2{font: bold 30px "Times New Roman",serif;letter-spacing:0}
/* 6.13: portada ancha con archivo lateral compacto y desplazado. */
.variation-6-13 .blog-layout{grid-template-columns:minmax(0,1fr) 245px;gap:35px}
.variation-6-13 .visual-file{padding-top:330px}
.variation-6-13 .visual-file h2{font: bold 28px "Times New Roman",serif;letter-spacing:0}
.variation-6-13 .visual-file details{margin-bottom:22px;transform:rotate(2deg)}
.variation-6-13 .visual-file details:nth-of-type(2){transform:rotate(-3deg)}
@media(min-width:701px) and (max-width:1200px){.variation-6-11 .blog-layout{grid-template-columns:170px minmax(0,1fr)}.variation-6-11 .notebook{grid-column:1/-1;margin-top:30px;transform:none}.variation-6-13 .blog-layout{grid-template-columns:minmax(0,1fr) 220px;gap:14px}}
@media(max-width:700px){.blog-name{font-size:21px;justify-content:center;gap:8px}.title-alien{width:22px;height:30px}.shell-doodles .orbit-one{width:56px;height:75px;right:5px;top:-45px}.variation-6-10 .identity,.variation-6-11 .identity{padding-top:0}.variation-6-10 .notebook,.variation-6-11 .notebook{margin:8px 0 0;transform:none}.variation-6-10 .notebook article{margin-top:25px;transform:rotate(1deg)}.variation-6-10 .profile-panel{transform:none}.variation-6-12 .visual-file,.variation-6-13 .visual-file{padding-top:10px}.variation-6-12 .visual-file details:nth-of-type(2){margin-left:12px;transform:rotate(1deg)}.variation-6-12 .visual-file details:nth-of-type(3){transform:rotate(-1deg)}.variation-6-13 .visual-file details{transform:none}.variation-6-13 .visual-file details:nth-of-type(2){transform:none}}
/* Espacio para que el alien sobre la lente no invada el control de pausa en móvil. */
@media(max-width:700px){.blog-layout .press-wrap{margin-top:50px}}

/* Alien blanco recibido: pequeños compañeros de texto y remates de bloque. */
img.text-alien{display:inline-block;width:36px;height:auto;max-width:36px;vertical-align:middle;margin:0 0 0 8px;object-fit:contain;pointer-events:none}
img.block-alien{display:block;width:67px;height:auto;max-width:67px;margin:14px 0 0 auto;object-fit:contain;transform:rotate(5deg);pointer-events:none}
.notebook article:nth-child(2) img.block-alien,.visual-file details:nth-of-type(2) img.block-alien{margin-left:0;margin-right:auto;transform:rotate(-6deg)}
@media(max-width:700px){img.text-alien{width:30px;max-width:30px}img.block-alien{width:58px;max-width:58px}}