@font-face{font-family:Allura;src:url('assets/Allura-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--pink:#c88e99;--ink:#211f20}
*{box-sizing:border-box}html{min-width:280px;background:#f6f1f2}
body{margin:0;min-height:100vh;min-height:100svh;padding:44px 30px;display:grid;place-items:center;background:linear-gradient(135deg,#201f20 0%,#201f20 33%,#f6f1f2 33%,#f6f1f2 100%);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.card{width:min(100%,1024px);min-height:604px;display:grid;grid-template-columns:46.2% 53.8%;overflow:hidden;border-radius:20px;box-shadow:0 26px 55px #30212a35,0 0 0 1px #ffffff30}
.brand{background:radial-gradient(ellipse at 50% 35%,#292728,#1f1e1e);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:48px 24px 36px}
/* Display the original brand artwork directly from the approved reference. */
.logo{width:100%;max-width:432px;aspect-ratio:432/400;flex-shrink:0;background:url('assets/mockup-aprobado.png') no-repeat;background-size:262.037037% 171.75%;background-position:11.714286% 34.843206%;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent),linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
.brand-footer{width:100%;margin-top:20px}.ornament{display:flex;align-items:center;justify-content:center;gap:22px;width:min(100%,310px);margin:0 auto;color:#d6a1ac}.ornament::before,.ornament::after{content:'';height:1px;flex:1;background:currentColor;opacity:.62}.ornament span{font:28px/1 Georgia,serif}.brand .ornament{color:#e2b4bc}.brand .ornament::before,.brand .ornament::after{opacity:.4}
.tagline{margin:16px 0 0;color:#e6c7cb;text-align:center;font:italic 20px/1.5 Georgia,'Times New Roman',serif}
.message{position:relative;background:radial-gradient(ellipse at 35% 36%,#fffcfc,#f9f5f6);padding:66px 34px 64px;display:flex;align-items:flex-start;text-align:center}.message-content{width:100%;z-index:1}
h1{margin:40px -12px 0;font:400 clamp(36px,4.8vw,54px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-2px}h1 em{font-weight:400;color:#d1a0a8}
.detail{margin:34px 0 0;color:#636064;font-size:13px;letter-spacing:6px;line-height:2.1}
.soon{margin:29px -12px 0;color:#c48996;font:400 48px/1.25 Allura,'Segoe Script',cursive;white-space:nowrap}.heart{font:36px/1 Georgia,serif;vertical-align:1px}.divider{height:1px;background:#aea4a6;width:65px;margin:37px auto 0}
.foliage{position:absolute;right:0;bottom:0;width:220px;height:155px;background:url('assets/mockup-aprobado.png') no-repeat;background-size:514.545455% 443.225806%;background-position:94.846491% 92.857143%;mix-blend-mode:multiply;opacity:.65;mask-image:linear-gradient(to bottom,transparent,#000 45%),linear-gradient(to right,transparent,#000 45%);mask-composite:intersect;pointer-events:none}
@media(min-width:701px) and (max-width:950px){body{padding:30px 20px}.brand{padding:65px 16px 36px}.message{padding-inline:22px}h1{font-size:40px;letter-spacing:-1.8px}.soon{font-size:36px}.heart{font-size:27px}.detail{font-size:12px;letter-spacing:3px}.tagline{font-size:17px}}
@media(max-width:700px){body{padding:25px 18px}.card{grid-template-columns:1fr;width:min(100%,470px);border-radius:18px}.brand{padding:24px 22px 28px}.logo{max-width:330px}.brand-footer{margin-top:8px}.brand .ornament{max-width:235px}.tagline{font-size:16px;margin-top:12px}.message{padding:36px 24px 65px}.message .ornament{max-width:240px}h1{font-size:clamp(32px,8.9vw,45px);letter-spacing:-1.3px;margin-top:29px}.detail{font-size:12px;letter-spacing:3px;margin-top:25px}.soon{font-size:clamp(32px,9.5vw,44px);margin-top:24px}.heart{font-size:27px}.divider{margin-top:27px}.foliage{opacity:.48}}
@media(max-width:350px){body{padding:16px 12px}.brand{padding-inline:15px}.message{padding-inline:18px}h1{font-size:30px}.soon{font-size:31px}.detail{letter-spacing:2px}}


/* Fecha de apertura */
.launch-date{margin:20px 0 0;padding-left:.32em;color:#636064;font-size:11px;font-weight:400;line-height:1.8;letter-spacing:.32em;text-align:center;text-transform:uppercase}
@media(max-width:700px){.launch-date{margin-top:18px;font-size:10px;letter-spacing:.26em;padding-left:.26em}}
@media(max-width:350px){.launch-date{letter-spacing:.2em;padding-left:.2em}}