/* Portada V18. The invitation artwork and the shop's existing branding remain intact. */
.showcase{position:relative;isolation:isolate;overflow:hidden;background:#faf8f3;border-bottom:1px solid #e8ded2}
.showcase-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 79% 44%,#e8d5c48c,transparent 47%),radial-gradient(ellipse at 6% 4%,#fffdf7,transparent 55%)}
.showcase-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:50px;min-height:790px;padding-block:55px 45px}
.showcase-copy{padding-bottom:28px;position:relative;z-index:1}
.showcase-copy .eyebrow{font-size:10px;letter-spacing:2.3px;color:#8c6847}
.showcase-copy .eyebrow-spark{width:auto;height:auto;background:none;border-radius:0;font:26px/1 Georgia,serif;color:#ad8654}
.showcase h1{font-size:clamp(55px,5.3vw,76px);line-height:1.065;letter-spacing:-2.8px;margin-top:24px;color:#3e3035}
.showcase h1 em{color:#863c51}
.showcase-description{font-size:15px;line-height:1.9;color:#786b70;max-width:392px;margin-top:25px}
.showcase-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;align-items:center}
.showcase-actions .button{min-height:53px;font-size:12px;gap:15px;padding:14px 21px}
.showcase-actions .primary{background:linear-gradient(115deg,#743043,#93445c);box-shadow:0 9px 23px #71324522;border-color:#ffffff20}
.showcase-actions .primary:hover{background:#6d2b3e}
.showcase-actions .outline{background:#fffcf680;color:#683b4c;border-color:#cdb5ad}
.showcase-promise{display:flex;align-items:center;gap:17px;margin-top:31px}
.promise-line{width:39px;height:1px;background:#b69973}
.showcase-promise p{font:italic 15px/1.65 Georgia,serif;color:#8a746a}
.showcase-promise strong{font-weight:400;color:#66535a}
.showcase-discover{display:inline-flex;align-items:center;gap:13px;font:9px/1.7 Arial,sans-serif;letter-spacing:1.6px;color:#8a7368;margin-top:41px;padding-block:10px;min-height:44px}
.showcase-stage{position:relative;isolation:isolate;display:flex;align-items:center;flex-direction:column;min-width:0;padding-top:17px}
.stage-arch{position:absolute;z-index:-1;width:92%;height:560px;top:14px;left:4%;border:1px solid #d7b9957a;border-radius:240px 240px 130px 130px;background:linear-gradient(150deg,#fffdf55c,#eadbc330);transform:rotate(8deg)}
.stage-arch:after{content:"";position:absolute;inset:15px;border:1px solid #d7b99550;border-radius:inherit}
.stage-star{position:absolute;font-family:Georgia,serif;font-weight:400;line-height:1;color:#ae8750;pointer-events:none;animation:star-breathe 6s ease-in-out infinite}
.star-a{font-size:52px;right:9px;top:67px}
.star-b{font-size:30px;left:13px;bottom:161px;animation-delay:2s}
.try-label{position:absolute;z-index:3;top:-35px;left:50%;display:flex;align-items:center;gap:8px;transform:translateX(-50%) rotate(-5deg);color:#86566a;pointer-events:none;white-space:nowrap}
.try-label>span{font:36px/1 Georgia,serif;align-self:end;transform:rotate(-12deg)}
.try-label>div{font:italic 21px/1.4 Georgia,serif}
.try-label small{display:block;font:9px/1.6 Arial,sans-serif;color:#8a776d}
.showcase-phone{position:relative;width:310px;height:552px;border:8px solid #fffdfa;outline:1px solid #cfbbaa;border-radius:35px;background:#f5eee4;box-shadow:0 30px 60px #64493624,0 8px 18px #5f363715;overflow:hidden}
.showcase-phone:after{content:"";position:absolute;inset:0;border-radius:25px;box-shadow:inset 0 0 0 1px #89614920;pointer-events:none}
.showcase-phone iframe{display:block;width:100%;height:100%;border:0;background:#f7efe3;border-radius:25px}
.phone-camera{position:absolute;z-index:2;width:45px;height:10px;top:5px;left:calc(50% - 22.5px);border:1px solid #ffffff45;border-radius:10px;background:#342d2ddd;pointer-events:none}
.showcase-model{display:grid;grid-template-columns:1fr auto;column-gap:20px;width:282px;position:relative;z-index:2;margin-top:-1px;padding:18px 10px 12px}
.showcase-model>small{font:9px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:1.7px;color:#957b62}
.showcase-model>strong{font:21px/1.3 Georgia,serif;color:#58404a;overflow-wrap:anywhere;margin-top:3px}
.showcase-model>a{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border:1px solid #d6bdab;border-radius:50%;font-size:21px;background:#fffaf1;color:#89586b;align-self:center}
.showcase-choices{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:6px;max-width:100%}
.showcase-choices>a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 13px;border:1px solid #dfcfc1;border-radius:30px;font:10px/1.4 Arial,sans-serif;background:#fcf8ef;color:#7d6d64}
.showcase-choices>a[aria-current=true]{border-color:#8e4b5f;background:#873e53;color:#fff}
.choice-dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.8}
.showcase-hint{font:10px/1.8 Arial,sans-serif;color:#8d7e74;text-align:center;margin-top:14px}
.showcase-stage:has(.hero-empty){min-height:630px}
.showcase-stage .hero-empty{top:210px}
.benefit-strip b{font-size:12px;color:#705d55}
.benefit-strip>.shell{min-height:74px}
.section-heading .section-description{color:#7f6c6c}
.models-grid{gap:26px;max-width:1180px;margin-inline:auto}
.models-grid[data-count="1"]{max-width:380px;grid-template-columns:minmax(0,1fr)}
.models-grid[data-count="2"]{max-width:810px;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.models-grid[data-count="3"]{max-width:1100px;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.model-card{border-radius:22px;border-color:#e3d6c7;background:#fffcf7;box-shadow:0 12px 25px #7151420d}
.model-cover{aspect-ratio:9/16}
.model-cover>img{object-fit:cover}
.model-peek{bottom:17px;left:18px;right:18px;padding:12px 9px;font-size:11px;font-weight:500;background:#fffdf2f2;box-shadow:0 5px 16px #28141412}
.model-featured{font-size:10px;padding:7px 12px;top:15px;left:15px}
.model-copy{padding:22px 21px 20px}
.model-copy small{font-size:9px;letter-spacing:1.6px;color:#936d54}
.model-copy h3{font-size:28px;margin-block:7px 15px;color:#523744}
.model-links{font-size:12px;gap:10px}
.model-links>a:first-child{min-height:36px}
.model-quote{padding:13px;min-height:45px;background:#f2e7e6;border-color:#e5d0d1;font-size:12px}
.event-group{margin-top:34px}
.event-group-heading{margin-bottom:28px}
.event-group-heading>h3{font-size:29px}
.swipe-hint{display:none}
.demo-is-open{overflow:hidden}
.demo-dialog{box-sizing:border-box;width:min(470px,calc(100% - 24px));height:min(880px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);max-width:calc(100% - 24px);padding:0;border:1px solid #dac4a9;border-radius:23px;background:#fcf8f0;color:#563c45;box-shadow:0 30px 110px #29151d80;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}
.demo-dialog:not([open]){display:none}
.demo-dialog::backdrop{background:#291a26bc;backdrop-filter:blur(8px)}
.demo-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px 8px}
.demo-dialog-top small{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:1.7px;color:#9c7956}
.demo-dialog h2{font:23px/1.25 Georgia,serif;letter-spacing:-.5px;margin-top:4px;overflow-wrap:anywhere}
.demo-close{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #e1ceba;border-radius:50%;background:#fffaf2;color:#7f3d53;font:29px/1 Arial,sans-serif}
.demo-dialog-help{padding:0 19px 13px;font:11px/1.65 Arial,sans-serif;color:#89756b;max-width:405px}
.demo-dialog iframe{display:block;min-height:0;width:100%;height:100%;border:0;background:#f5e9dc}
#demoFallback{display:block;text-align:center;min-height:44px;padding:13px 10px;font:11px/1.6 Arial,sans-serif;color:#864a5c;text-decoration:underline;text-underline-offset:3px}
@keyframes star-breathe{0%,100%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.04)}}
@media(min-width:1400px){.showcase-grid{gap:85px}}
@media(max-width:1050px){.showcase-grid{gap:22px;min-height:750px}.showcase h1{font-size:57px;letter-spacing:-2px}.showcase-description{font-size:14px}.try-label{position:relative;top:auto;left:auto;align-self:flex-start;margin:0 0 14px 13px;transform:rotate(-5deg)}.try-label>span{transform:rotate(-70deg);font-size:29px}.try-label>div{font-size:20px}.showcase-stage{padding-top:0}.showcase-phone{width:285px;height:509px}.stage-arch{top:60px;height:515px}.star-a{right:0;top:75px;font-size:38px}.star-b{left:0}.showcase-actions .button{font-size:11px;padding:14px 17px}.models-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.model-copy{padding:17px}.model-copy h3{font-size:25px}}
@media(max-width:760px){
 .showcase-grid{grid-template-columns:1fr;gap:24px;min-height:0;padding-block:35px 29px}
 .showcase-copy{text-align:center;padding:0}
 .showcase-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.8px;gap:8px}
 .showcase-copy .eyebrow-spark{font-size:22px}
 .showcase h1{font-size:clamp(43px,10.9vw,64px);line-height:1.055;letter-spacing:-1.9px;margin-top:17px}
 .showcase-description{font-size:13px;line-height:1.85;max-width:326px;margin:19px auto 0}
 .showcase-actions{justify-content:center;gap:10px;margin-top:22px}
 .showcase-actions .button{font-size:11px;min-height:48px;padding:12px 15px;gap:8px}
 .showcase-promise{justify-content:center;margin-top:22px;gap:11px}
 .showcase-promise p{font-size:13px;text-align:left}
 .promise-line{width:30px}
 .showcase-discover{display:none}
 .showcase-stage{width:100%;max-width:430px;margin-inline:auto;padding-top:2px}
 .try-label{align-self:center;margin:0 0 15px;transform:rotate(-4deg)}
 .try-label small{font-size:9px}.try-label>div{font-size:20px}
 .showcase-phone{width:292px;height:522px;border-width:7px;border-radius:32px}
 .showcase-phone iframe{border-radius:25px}
 .stage-arch{width:98%;left:1%;top:56px;height:505px;border-radius:200px 200px 100px 100px}
 .star-a{right:0;top:78px;font-size:31px}.star-b{left:0;bottom:180px;font-size:24px}
 .showcase-model{width:276px;padding:16px 8px 8px}
 .showcase-model>strong{font-size:22px}
 .showcase-choices{gap:7px}.showcase-choices>a{font-size:10px;padding:9px 12px;min-height:40px}
 .showcase-hint{font-size:9px;margin-top:12px}
 .showcase-stage:has(.hero-empty){min-height:385px}
 .showcase-stage .hero-empty{top:122px}
 .benefit-strip>.shell{gap:21px 12px;padding-block:23px}
 .benefit-strip b{font-size:10px;line-height:1.5}
 .section{padding-block:48px}
 .featured-section{padding-bottom:6px}
 .models-grid,.models-grid[data-count="2"],.models-grid[data-count="3"]{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(80vw,330px);justify-content:start;gap:18px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#cbb5a0 transparent;padding:3px 2px 18px;scroll-padding-inline:2px;-webkit-overflow-scrolling:touch}
 .models-grid[data-count="1"]{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;grid-auto-columns:auto;max-width:330px;overflow:visible;margin-inline:auto;padding:0}
 .model-card{scroll-snap-align:start;scroll-snap-stop:always;border-radius:20px}
 .model-card:hover{transform:none}
 .model-cover{aspect-ratio:9/16}
 .model-peek{font-size:10px;left:14px;right:14px;bottom:14px;padding:12px 8px}
 .model-featured{font-size:9px;padding:6px 10px;top:12px;left:12px}
 .model-copy{padding:20px 18px 18px}
 .model-copy small{font-size:8px;letter-spacing:1.5px}
 .model-copy h3{font-size:26px;line-height:1.2;margin:7px 0 13px}
 .model-links{font-size:12px;padding-top:10px;gap:8px}
 .model-links>a:first-child{min-height:37px}
 .model-quote{font-size:11px;min-height:45px;padding:13px 8px}
 .event-group{margin-top:26px}
 .event-group-heading{margin-bottom:20px}
 .event-group-heading>h3{font-size:26px}
 .event-group-heading>span{font-size:10px}
 .swipe-hint{display:block;text-align:right;margin-top:4px;font:10px/1.6 Arial,sans-serif;color:#927766}
 .demo-dialog{width:calc(100% - 16px);max-width:430px;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border-radius:18px}
 .demo-dialog-top{padding:12px 13px 6px;gap:10px}
 .demo-dialog h2{font-size:21px}
 .demo-dialog-help{padding:0 14px 10px;font-size:10px}
 #demoFallback{font-size:10px}
}
@media(max-width:360px){.showcase-grid{padding-top:29px}.showcase h1{font-size:37px}.showcase-description{font-size:12px;max-width:280px}.showcase-copy .eyebrow{font-size:7px;letter-spacing:1.5px}.showcase-actions{gap:8px}.showcase-actions .button{font-size:10px;padding:12px 11px;gap:6px}.showcase-phone{width:268px;height:477px}.showcase-model{width:255px}.stage-arch{height:470px}.showcase-hint{font-size:8px}.showcase-choices>a{font-size:9px;padding-inline:10px}.star-a{right:-1px;font-size:25px}.model-copy h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.stage-star{animation:none}.models-grid{scroll-behavior:auto}}
