/* ===== v6: bloque dorado más pequeño y posicionado para dejar libre el pastel del video ===== */
/* El video se escala por altura, así que las proporciones (caras ~17-37%, pastel ~49-59%) son iguales en todas las pantallas:
   nombre entre las caras y el pastel; el 30 de globos debajo del pastel. */
#cover .hero3d{position:absolute;left:50%;top:35.5%;height:44.5%;width:auto;aspect-ratio:1.04/1;max-width:100%;transform:translateX(-50%);margin:0;z-index:2;pointer-events:none}
#cover .hero3d canvas{width:100%;height:100%}
#cover .cover-bot{margin-top:auto}
#cover .cover-unit{margin-top:0}
#cover{--H:max(100svh,700px)}
#cover .hero3d{top:calc(var(--H)*.355);height:calc(var(--H)*.445);width:min(100%,calc(var(--H)*.4628));aspect-ratio:auto;left:50%;right:auto}
#cover .hero3d{left:0;right:0;margin:0 auto;transform:none}

/* v7: lienzo alto: el nombre va bajo el título; el 30 conserva su posición exacta */
#cover .hero3d{top:calc(var(--H)*.10);height:calc(var(--H)*.70)}