@font-face{font-family:Allura;src:url('../assets/fonts/Allura-Regular.ttf');font-display:swap}
.name-composition{position:absolute;z-index:9;left:5%;bottom:6%;width:90%;text-align:center;pointer-events:none;transform:rotate(-4deg)}
.name-composition h1{font-family:Allura,cursive;font-weight:400;font-size:clamp(92px,27cqw,145px);line-height:.86;margin:0;color:#fff2df;text-shadow:2px 3px 0 #9b3657,0 3px 15px #25121ec0;-webkit-text-stroke:.35px #fff2df}
.name-composition p{display:inline-flex;align-items:center;gap:10px;background:#eaa0bb;color:#31232c;margin:17px 0 0;padding:6px 20px 7px;box-shadow:2px 3px 0 #fff0db;transform:rotate(5deg);clip-path:polygon(1% 4%,98% 0,100% 96%,0 100%)}
.name-composition p span{font:500 12px Georgia,serif;letter-spacing:.23em}.name-composition strong{font:400 31px Fraunces,Georgia,serif;letter-spacing:.08em;line-height:1}
.poster::after{inset:55% 0 0;background:linear-gradient(transparent,#24122135 30%,#1e101eb0);z-index:1}
.star-g{left:13%;bottom:24%;width:8%}.star-f{right:12%;bottom:23%;width:9%}.cupcake{right:5%;bottom:26%;height:10%;width:13%}
@media(min-width:900px){.name-composition{left:25%;width:50%;bottom:5%}.name-composition h1{font-size:clamp(110px,18svh,170px)}.name-composition p{margin-top:15px}.name-composition strong{font-size:32px}.cupcake{right:28%;bottom:18%;width:7%;height:13%}.star-f{right:17%;bottom:10%;width:5%}.star-g{left:25%;bottom:25%;width:4%}}
@media(max-height:620px) and (max-width:899px){.name-composition h1{font-size:21svh}.name-composition p{margin-top:10px;padding:4px 15px}.name-composition strong{font-size:25px}}
/* Nombre y edad forman un único bloque compacto. */
.name-composition p{margin-top:0}
.replay{position:absolute;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));min-height:36px;padding:7px 11px;font-size:11px;color:#ffefe9;background:#241b2370;border:1px solid #ffefe938;backdrop-filter:blur(5px);opacity:.8}
.replay:hover,.replay:focus-visible{opacity:1;background:#241b23bd}
@media(min-width:900px){.name-composition p{margin-top:-2px}}
.poster{overflow:clip}