@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Great+Vibes&display=swap');
.signature-cover.cinema-cover{display:block!important;position:relative;isolation:isolate;overflow:hidden;background:#101019!important;color:#fff!important;padding:90px 7% 70px!important;min-height:1400px;--heading:'Barlow Condensed',sans-serif}.cinema-background{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}.cinema-shade{position:absolute!important;inset:0;z-index:-1;background:linear-gradient(#05050bd9 0%,#07051199 32%,#07051108 55%,#07051166 70%,#070511ed 100%)}.cinema-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:1200px}.cinema-kicker{font:600 12px/1.8 'DM Sans',sans-serif;letter-spacing:5px;max-width:90%}.cinema-title{width:100%;margin-top:60px}.cinema-cover .cinema-title h1{font:900 clamp(95px,13vw,180px)/.88 'Barlow Condensed',sans-serif;letter-spacing:-3px;text-transform:uppercase;text-shadow:0 5px 30px #0008;max-width:100%;margin:20px 0;overflow-wrap:anywhere}.cinema-description{max-width:580px!important;font-size:16px!important;line-height:1.7!important;color:inherit;opacity:1!important;text-shadow:0 2px 10px #0008}.cinema-details{display:grid;grid-template-columns:1fr .8fr 1.3fr;width:100%;margin:55px 0 0;gap:20px;padding:25px 0;border-block:1px solid #ffffff55}.cinema-details>div{display:flex;flex-direction:column;gap:12px;min-width:0}.cinema-details>div+div{border-left:1px solid #ffffff55;padding-left:20px}.cinema-details span{font-size:9px;letter-spacing:3px}.cinema-details b{font-size:17px;font-weight:600;overflow-wrap:anywhere}.cinema-bottom{margin-top:auto;padding-top:350px;display:flex;flex-direction:column;align-items:center;gap:30px}.cinema-bottom>i{font:italic 32px/1.3 Georgia;max-width:550px;text-shadow:0 2px 15px #0008}.cinema-cover .sig-button{background:#fff!important;color:#20162d!important;border:0;border-radius:50px;padding:20px 30px;box-shadow:0 10px 30px #0004;transform:none;font-size:11px}.cinema-scroll{font-size:35px;animation:cinema-scroll 3s ease-in-out infinite}.cinema-cover .signature-edition{color:#fff;opacity:.7;letter-spacing:2px}.cinema-personal.cover-photo-banner{width:160px!important;height:190px!important;margin:30px auto 0!important;border-radius:80px 80px 18px 18px!important;border:3px solid #fff8;box-shadow:0 12px 35px #0005;transform:rotate(-4deg)}.cinema-personal figcaption{display:none}.cinema-cover.with-user-photo{gap:0!important;min-height:1600px}.cinema-wedding .cinema-title h1,.cinema-anniversary .cinema-title h1{font-family:'Playfair Display',serif;font-weight:500;line-height:1.05;text-transform:none;font-size:110px}.cinema-wedding .cinema-kicker,.cinema-anniversary .cinema-kicker{color:#ffe9c8}.cinema-dance .cinema-title h1{font-style:italic;background:linear-gradient(125deg,#fff 30%,#ff5ee7 55%,#58c9ff);background-clip:text;color:transparent;filter:drop-shadow(0 8px 25px #0008);text-shadow:none;rotate:-4deg}.cinema-dance .sig-button{background:#ff5fcb!important;color:#200d30!important}.cinema-quince .cinema-title h1{font-family:'Playfair Display',serif;font-style:italic;color:#ffb6d7;line-height:1.05;font-size:115px}.cinema-quince .cinema-kicker{color:#ffd6e8}.cinema-sports .cinema-title h1{font-style:italic;text-shadow:4px 5px 0 #152e3c66}.cinema-sports .sig-button{background:#dcf878!important;color:#163044!important}.cinema-baby{color:#242737!important}.cinema-baby .cinema-shade{background:linear-gradient(#fff4e4bb,#fff5ee55 40%,transparent 65%,#fff0e5ee)}.cinema-baby .cinema-title h1{font-family:'Playfair Display',serif;font-style:italic;text-transform:none;font-weight:600;font-size:95px;line-height:1.05;color:#262536;text-shadow:0 3px 15px #ffffff99}.signature-cover.cinema-baby{color:#262536!important}.cinema-baby .cinema-description,.cinema-baby .cinema-bottom>i{text-shadow:0 2px 10px #fff8}.cinema-baby .cinema-details{border-color:#30334866}.cinema-baby .cinema-details>div+div{border-color:#30334866}.cinema-baby .sig-button{background:#323957!important;color:#fff!important}.cinema-baby .signature-edition{color:#262536}.cinema-birthday .cinema-title h1{color:#fff4b2;rotate:-3deg}.cinema-business .cinema-title h1{font-style:italic;color:#d8ff79}.cinema-business .cinema-kicker{color:#d8ff79}.cinema-graduation .cinema-title h1{color:#ffdf9d}.cinema-culture .cinema-title h1{font-family:'Playfair Display',serif;font-size:110px;line-height:1.05}.cinema-gather .cinema-title h1{color:#ffe1a1;rotate:-3deg}.signature-mini-stage .cinema-cover{height:auto!important;min-height:1500px!important}.signature-mini-stage .cinema-content{min-height:1250px}.signature-mini-stage .cinema-cover .cinema-title h1{font-size:170px}.signature-mini-stage .cinema-kicker{font-size:15px}.signature-mini-stage .cinema-description{font-size:22px!important}.signature-mini-stage .cinema-details b{font-size:22px}.signature-mini-stage .cinema-bottom{padding-top:300px}.signature-page:has(.cinema-cover) .story-symbol{filter:none}.signature-page:has(.cinema-cover) .info-card{transform:none!important;border-radius:18px;box-shadow:none}.signature-page:has(.cinema-cover) .information{border-radius:25px}.signature-page:has(.cinema-cover) .quote-band{background:color-mix(in srgb,var(--accent) 12%,var(--bg))}
@keyframes cinema-scroll{50%{translate:0 8px}}@media(max-width:700px){.signature-cover.cinema-cover{padding:65px 7% 60px!important;min-height:1100px}.cinema-content{min-height:1000px}.cinema-kicker{font-size:9px;letter-spacing:3px}.cinema-title{margin-top:45px}.cinema-cover .cinema-title h1{font-size:88px;letter-spacing:-2px}.cinema-wedding .cinema-title h1,.cinema-anniversary .cinema-title h1,.cinema-quince .cinema-title h1,.cinema-culture .cinema-title h1{font-size:65px;line-height:1.05}.cinema-baby .cinema-title h1{font-size:60px}.cinema-description{font-size:14px!important}.cinema-details{gap:8px;margin-top:35px}.cinema-details>div+div{padding-left:8px}.cinema-details span{font-size:7px;letter-spacing:1.5px}.cinema-details b{font-size:12px;line-height:1.5}.cinema-bottom{padding-top:280px;gap:25px}.cinema-bottom>i{font-size:25px}.cinema-personal.cover-photo-banner{width:120px!important;height:145px!important}.cinema-cover.with-user-photo{min-height:1300px}.cinema-cover.title-extra-long .cinema-title h1{font-size:43px!important;line-height:1.1!important}.cinema-cover.title-long .cinema-title h1{font-size:57px!important;line-height:1.05!important}}
@media(prefers-reduced-motion:reduce){.cinema-scroll{animation:none}}

.cinema-dance .cinema-title h1,.cinema-sports .cinema-title h1{font-family:Permanent Marker,Barlow Condensed,sans-serif;font-size:clamp(75px,10vw,140px);line-height:1.05;letter-spacing:-3px}.cinema-quince .cinema-bottom>i,.cinema-baby .cinema-bottom>i,.cinema-wedding .cinema-bottom>i{font-family:Great Vibes,Georgia,serif;font-size:46px;font-style:normal}@media(max-width:700px){.cinema-dance .cinema-title h1,.cinema-sports .cinema-title h1{font-size:62px;letter-spacing:-2px}.cinema-quince .cinema-bottom>i,.cinema-baby .cinema-bottom>i,.cinema-wedding .cinema-bottom>i{font-size:35px}}
.cinema-cover>.cinema-shade{z-index:-1!important}
.mail-share{margin-top:24px;padding:24px;border:1px solid #b59ad444;border-radius:22px;background:#b59ad40a}
.mail-share h4{font-size:21px;margin:0 0 8px}.mail-share p{font-size:13px;line-height:1.6;color:#d9cce4}
.mail-share input{display:block;width:100%;margin:10px 0 16px}.mail-share button{width:100%}
.mail-share button:disabled{opacity:.5;cursor:not-allowed}

/* La imagen personal es una sección protagonista, con su proporción original. */
.cinema-layout-editorial .cinema-content{align-items:flex-start;text-align:left}
.cinema-layout-editorial .cinema-title{width:88%;margin-top:100px}
.cinema-layout-editorial .cinema-bottom{align-items:flex-start;text-align:left}
.cinema-layout-editorial .cinema-kicker{border-left:4px solid var(--accent);padding-left:20px}
.cinema-layout-editorial .cinema-details{border-block:0;border-top:2px solid var(--accent)}
.cinema-layout-frame:before{content:'';position:absolute;inset:24px;border:1px solid #ffffff66;border-radius:140px 140px 22px 22px;pointer-events:none;z-index:1}
.cinema-layout-frame .cinema-title{margin-top:90px}
.cinema-layout-frame .cinema-details{border:0;gap:14px}
.cinema-layout-frame .cinema-details>div{border:1px solid #ffffff55!important;border-radius:18px;padding:20px 10px!important;background:#11131e55;backdrop-filter:blur(8px)}
.cinema-layout-poster .cinema-title{rotate:-3deg}
.cinema-layout-poster .cinema-title h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;text-transform:uppercase;line-height:.92}
.cinema-layout-poster .cinema-kicker{padding:10px 20px;border:1px solid currentColor;border-radius:99px;letter-spacing:3px}
.cinema-layout-poster .cinema-details{border-block:2px solid currentColor;transform:rotate(1deg)}
.cinema-layout-poster .cinema-background{object-position:55% center}
.cinema-baby.cinema-layout-frame:before{border-color:#30334855}
.cinema-baby.cinema-layout-frame .cinema-details>div{border-color:#30334855!important;background:#fff8}
@media(max-width:700px){
  .cinema-layout-editorial .cinema-title{width:100%;margin-top:65px}
  .cinema-layout-frame:before{inset:12px;border-radius:90px 90px 18px 18px}
  .cinema-layout-frame .cinema-title{margin-top:70px}
  .cinema-layout-frame .cinema-details{gap:5px}
  .cinema-layout-frame .cinema-details>div{padding:15px 5px!important;border-radius:12px}
  .cinema-layout-poster .cinema-kicker{letter-spacing:2px;padding:10px 12px}
}
.signature-cover .cover-photo-banner{
  height:auto!important;
  max-height:none;
}
.signature-cover .cover-photo-banner>.signature-photo{
  display:block;
  width:100%;
  height:auto!important;
  max-height:none;
  object-fit:contain;
}
.cinema-cover .cinema-personal.cover-photo-banner{
  width:100%!important;
  max-width:760px;
  height:auto!important;
  margin:35px auto 0!important;
  border:0;
  border-radius:18px!important;
  box-shadow:0 20px 65px #0005;
  transform:none;
}
.cinema-cover.with-user-photo{
  min-height:0!important;
}
.cinema-cover.with-user-photo .cinema-content{
  min-height:0;
}
.cinema-cover.with-user-photo .cinema-bottom{
  margin-top:0;
  padding-top:65px;
}
@media(max-width:700px){
  .cinema-cover .cinema-personal.cover-photo-banner{
    width:calc(100% + 28px)!important;
    max-width:none;
    margin:28px -14px 0!important;
    border-radius:14px!important;
  }
  .cinema-cover.with-user-photo .cinema-bottom{padding-top:40px}
}