/* SKRAWER · rediseño de jerarquía visual para las tres vidrieras */
:root{--showcase-violet:#bd68ff;--showcase-cyan:#55dfff;--showcase-ink:#0a0814;--showcase-panel:rgba(20,15,35,.82)}
body:has(.experience-hero),body:has(.visual-invitation),body:has(.visual-web){background-image:radial-gradient(ellipse at 12% 10%,rgba(170,70,255,.10),transparent 34%),radial-gradient(ellipse at 92% 28%,rgba(43,196,255,.07),transparent 30%)}
main>section{position:relative}
.section-shell{width:min(1320px,calc(100% - 64px));margin-inline:auto}
.section-heading,.invitation-showcase-heading{align-items:start;gap:clamp(24px,5vw,86px);margin-bottom:34px}
.section-heading>.eyebrow,.invitation-showcase-heading>.eyebrow{min-width:190px;padding-top:10px}
.section-heading h1,.section-heading h2,.invitation-showcase-heading h2{font-size:clamp(2.3rem,4.8vw,4.7rem);line-height:.99;letter-spacing:-.055em;max-width:800px;margin:0 0 18px;text-wrap:balance}
.section-heading h1 span,.section-heading h2 span,.invitation-showcase-heading h2 span{color:var(--accent);text-shadow:0 0 32px color-mix(in srgb,var(--accent) 18%,transparent)}
.section-heading>div>p:not(.eyebrow),.invitation-showcase-heading>div>p{max-width:690px;font-size:clamp(1rem,1.2vw,1.13rem);line-height:1.8;color:var(--muted)}
.showcase-chapter{display:grid;grid-template-columns:76px minmax(0,1fr);gap:clamp(18px,3vw,38px);align-items:start;max-width:1000px;margin:clamp(54px,7vw,100px) auto 30px;padding-top:26px;border-top:1px solid var(--line);position:relative}
.showcase-chapter:before{content:"";position:absolute;top:-1px;left:0;width:110px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 50%,transparent)}
.showcase-chapter>span{font-size:clamp(2.5rem,5vw,4.8rem);font-weight:800;letter-spacing:-.08em;line-height:.9;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--accent) 75%,white 10%);opacity:.9}
.showcase-chapter .eyebrow{margin:0 0 12px;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.2em}
.showcase-chapter h2{font-size:clamp(2rem,4.2vw,3.65rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 13px;max-width:850px;text-wrap:balance}
.showcase-chapter h2 em{font-style:normal;color:var(--accent)}
.showcase-chapter p:last-child{max-width:680px;color:var(--muted);font-size:1.03rem;line-height:1.8;margin:0}
.page-chapter{width:min(1320px,calc(100% - 64px));margin:56px auto 12px}
.visual-showcase{overflow:hidden;isolation:isolate;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 30px 90px rgba(0,0,0,.28),0 0 55px color-mix(in srgb,var(--accent) 8%,transparent)}
.visual-showcase-copy h2{font-size:clamp(2.1rem,4.3vw,4rem);line-height:.98;letter-spacing:-.06em;text-wrap:balance}
.visual-showcase-copy p:not(.eyebrow){font-size:1rem;line-height:1.85}
.skw-gallery-heading{max-width:850px;margin-bottom:32px}
.skw-gallery-heading .eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.2em;color:var(--accent)}
.skw-gallery-heading h2{font-size:clamp(2.1rem,4.5vw,4.2rem);line-height:1;letter-spacing:-.06em;text-wrap:balance;margin:12px 0 16px}
.skw-gallery-heading p:last-child{font-size:1rem;line-height:1.8;max-width:680px}
.skw-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible;padding:4px 0 12px}
.skw-gallery-card{min-width:0;flex:auto;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:0 14px 36px rgba(0,0,0,.16);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.skw-gallery-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 22px 55px rgba(0,0,0,.28),0 0 28px color-mix(in srgb,var(--accent) 10%,transparent)}
.skw-gallery-image{height:clamp(190px,20vw,290px);overflow:hidden;position:relative;background:#151020}
.skw-gallery-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease;filter:saturate(1.06) contrast(1.02)}
.skw-gallery-card:hover .skw-gallery-image img{transform:scale(1.045);filter:saturate(1.14)}
.skw-gallery-card-copy{padding:22px 22px 24px}
.skw-gallery-card-copy h3{font-size:clamp(1.15rem,1.5vw,1.45rem);line-height:1.18;letter-spacing:-.025em;margin:0 0 10px;text-wrap:balance}
.skw-gallery-card-copy p{font-size:.94rem;line-height:1.75;color:var(--muted);margin:0}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.service-card{min-height:100%;padding:clamp(22px,2.5vw,32px);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--line);transition:transform .3s ease,border-color .3s ease,background .3s ease}
.service-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,transparent),rgba(255,255,255,.02))}
.service-card h3{font-size:clamp(1.1rem,1.4vw,1.35rem);line-height:1.25;letter-spacing:-.025em;text-wrap:balance}
.service-card p{font-size:.94rem;line-height:1.8}
.experience-occasion-grid,.experience-level-grid{gap:18px}
.experience-occasion-card,.experience-level-grid article{border-radius:22px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.experience-occasion-card:hover,.experience-level-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 48px rgba(0,0,0,.2)}
.experience-feature-list article{padding:23px 0;grid-template-columns:52px minmax(0,1fr) 24px}
.invitation-examples{gap:18px}
.invite-example{border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.invite-example:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(0,0,0,.25)}
.cta-inner{border-radius:24px}
@keyframes chapter-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:900px){.showcase-chapter{animation:chapter-in .7s both;animation-timeline:view();animation-range:entry 0% entry 35%}}
@media(max-width:900px){.section-shell{width:calc(100% - 36px)}.section-heading{grid-template-columns:1fr;gap:14px}.section-heading>.eyebrow{min-width:0}.skw-gallery-grid,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-chapter{width:calc(100% - 36px)}}
@media(max-width:580px){.section-shell{width:calc(100% - 28px)}.showcase-chapter{grid-template-columns:42px minmax(0,1fr);gap:14px;margin-top:54px;padding-top:20px}.showcase-chapter>span{font-size:2.5rem}.showcase-chapter h2{font-size:2rem}.showcase-chapter p:last-child{font-size:.94rem}.page-chapter{width:calc(100% - 28px);margin-top:40px}.skw-gallery-grid,.service-grid{grid-template-columns:1fr;gap:14px}.skw-gallery-image{height:235px}.skw-gallery-card-copy{padding:19px}.section-heading h1,.section-heading h2,.invitation-showcase-heading h2{font-size:2.45rem}.visual-showcase{margin-inline:14px}.experience-hero{padding-top:35px}}
@media(prefers-reduced-motion:reduce){.showcase-chapter{animation:none!important}.skw-gallery-card,.skw-gallery-image img,.service-card,.experience-occasion-card,.experience-level-grid article,.invite-example{transition:none!important}.skw-gallery-card:hover,.service-card:hover,.experience-occasion-card:hover,.experience-level-grid article:hover,.invite-example:hover{transform:none}}