/* el-cartero · JUEGOS MOTORES (30 oct): la escena del clásico (de código, hasta el arte de Franco). */
.cl-el-cartero { --cl-fondo: #6fb8d9; --cl-acento: #f2b632; --cl-acento-sombra: #9a6a10; --cl-papel: #fff8e8; --cl-tinta: #2b1d0e;
  --cl-suave: rgba(255,248,232,.2); --cl-borde: rgba(255,248,232,.6); --cl-titulo-color: #fff8e8; }
.cl-el-cartero .cl-fondo { overflow: hidden; background: linear-gradient(180deg, #a9dcf2 0 70%, #d9c49a 70%); }
.cl-casitas { position: absolute; left: 0; right: 0; bottom: 30%; height: 18%; display: flex; justify-content: space-around; align-items: flex-end; opacity: .9; }
.cl-casitas i { width: 18%; height: 70%; position: relative; background: var(--c); }
.cl-casitas i::before { content: ''; position: absolute; left: -10%; right: -10%; bottom: 100%; height: 45%; background: #c4562f; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.cl-casitas i::after { content: ''; position: absolute; left: 40%; width: 20%; bottom: 0; height: 50%; background: #2f6fb2; border-radius: 3px 3px 0 0; }
.cl-casitas i.luz::after { background: #ffd24a; box-shadow: 0 0 18px #ffd24a; }
.cl-el-cartero .cl-nombre { text-shadow: 0 3px 0 #2b5a7a, 0 0 18px rgba(242,182,50,.45); }
.cl-el-cartero .dc { --dc-noche: rgba(43,90,122,.8); --dc-noche-2: transparent; background: transparent; }
.cl-carta-vuela { position: fixed; left: 50%; top: 50%; width: 70px; height: 50px; z-index: 40; pointer-events: none; animation: cl-ca-vuela 1.2s ease-in forwards; }
@keyframes cl-ca-vuela { to { transform: translate(var(--dx), -40vh) rotate(-18deg) scale(.5); opacity: 0; } }

.cl-tm-tarjeta { width: min(46vw, 180px); margin: 0 auto; } .cl-tm-tarjeta svg { width: 100%; height: auto; border-radius: 22%; box-shadow: 0 8px 18px rgba(0,0,0,.25); }

/* el fondo pintado (arte de Franco); la escena de CSS de arriba queda como respaldo */
.cl-el-cartero .cl-fondo { background-image: url(fondo-calle.webp); background-position: center bottom; background-size: cover; background-repeat: no-repeat; }
.cl-casitas { display: none; }
.cl-el-cartero.cl-fiesta .cl-fondo { background-image: url(fondo-calle-luces.webp); }   /* al terminar: la calle de noche, con luces */

/* las piezas del arte de Franco */
.cl-carta-vuela { display: none; }
.cl-carta-img { position: fixed; left: 50%; top: 50%; width: 110px; margin-left: -55px; z-index: 40; pointer-events: none; animation: cl-ca-vuela 1.2s ease-in forwards; }
.cl-chema { position: fixed; right: 1%; bottom: 0; height: min(52vh, 440px); width: auto; z-index: 1; pointer-events: none; filter: drop-shadow(0 6px 8px rgba(0,0,0,.3)); }
@media (max-width: 1000px) { .cl-chema { display: none; } }
/* v2.95 · «Más despacio» se leía mal sobre el cielo claro: fondo de papel y letra oscura */
.dc-lento { background: rgba(255, 248, 232, .94); color: #3a2a17; box-shadow: 0 5px 0 rgba(0,0,0,.22); }