/* generado por showcase/build.mjs · las mismas escenas de HyperFrames, tocadas en vivo */

.sc{position:absolute;inset:0;overflow:hidden;background:var(--onyx);color:var(--ink);font-family:"Cormorant Garamond",serif;font-weight:500;
  --onyx:#0a0806;--raised:#15110b;--ink:#f3ead6;--muted:#b5a88e;--gold:#be9f67;--champ:#e6c887;--bronze:#86612b;--gold-old:#9d8155;--deep:#684f2f;--ivory:#f6efdf;--paper:#fffbf2}
.sc *{box-sizing:border-box}
.sc .frame1,.sc .frame2{position:absolute;border:1px solid var(--bronze);pointer-events:none}
.sc .frame1{inset:36px}.sc .frame2{inset:48px}
.sc .tag{position:absolute;left:120px;top:104px;font-family:"Cinzel",serif;font-weight:600;font-size:22px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}
.sc .cap{position:absolute;left:120px;top:400px;width:700px}
.sc .cap-es{font-family:"Cinzel",serif;font-weight:600;font-size:68px;line-height:1.1;letter-spacing:.04em;color:var(--champ)}
.sc .cap-en{font-style:italic;font-size:42px;line-height:1.2;color:var(--muted);margin-top:14px}
.sc .cap-rule{width:200px;height:1px;background:var(--bronze);margin-top:28px}
.sc .ic{display:block;flex:none}
.sc .card{position:absolute;background:var(--ivory);color:#0a0806;border:1px solid var(--gold-old)}
.sc .lbl{font-family:"Cinzel",serif;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.sc .bar{height:14px;background:#d9cdb2}

#s00 .s0-ring{position:absolute;left:150px;top:212px;width:656px;height:656px;border:2px solid var(--bronze);border-radius:50%}
#s00 .s0-seal{position:absolute;left:182px;top:244px;width:592px;height:592px;border-radius:50%}
#s00 .s0-copy{position:absolute;left:920px;top:262px;width:880px}
#s00 .s0-eyebrow{font-size:24px;color:var(--gold);margin:0 0 32px}
#s00 .s0-a{margin:0;font-family:"Cinzel",serif;font-weight:600;font-size:118px;line-height:1.05;letter-spacing:.04em;color:var(--ink)}
#s00 .s0-b{margin:6px 0 0;font-style:italic;font-weight:600;font-size:150px;line-height:1.02;color:var(--champ)}
#s00 .s0-en{margin:32px 0 0;font-style:italic;font-size:46px;color:var(--muted)}

#s01 .s1-board{left:960px;top:150px;width:840px;height:780px;padding:56px}
#s01 .s1-top{display:flex;align-items:center;gap:36px}
#s01 .s1-word{font-family:"Cinzel",serif;font-weight:600;font-size:64px;letter-spacing:.06em;color:#0a0806}
#s01 .s1-sub{font-style:italic;font-size:34px;color:var(--deep);margin-top:6px}
#s01 .s1-sw{display:flex;gap:20px;margin-top:64px}
#s01 .s1-sw i{display:block;width:120px;height:120px}
#s01 .s1-type{display:flex;align-items:baseline;gap:32px;margin-top:64px;border-top:1px solid var(--gold-old);padding-top:40px}
#s01 .s1-aa1{font-family:"Cinzel",serif;font-weight:600;font-size:120px;color:#0a0806;line-height:1}
#s01 .s1-aa2{font-size:120px;color:var(--deep);line-height:1;font-style:italic}
#s01 .s1-note{font-size:32px;color:var(--deep);margin-left:auto;max-width:200px;line-height:1.15}

#s02 .s2-col{position:absolute;top:210px;width:300px}
#s02 [data-k=col1]{left:880px}#s02 [data-k=col2]{left:1210px}#s02 [data-k=col3]{left:1540px}
#s02 .s2-plat{color:var(--gold);font-size:22px;margin-bottom:22px;text-align:center}
#s02 .s2-card{position:relative;width:300px;height:560px;padding:20px}
#s02 .s2-head{display:flex;align-items:center;gap:14px}
#s02 .s2-av{width:48px;height:48px;border-radius:50%;background:#0a0806;color:var(--champ);display:grid;place-items:center;font-family:"Cinzel",serif;font-weight:600;font-size:18px}
#s02 .s2-nm{font-weight:600;font-size:26px}
#s02 .s2-img{position:relative;height:300px;margin-top:18px;display:grid;place-items:center}
#s02 .s2-dia{width:96px;height:96px;border:3px solid var(--ivory);transform:rotate(45deg);display:block}
#s02 .s2-lines{margin-top:20px;display:grid;gap:12px}
#s02 .s2-like{position:absolute;right:20px;bottom:18px;color:var(--bronze)}

#s03 .s3-card{left:900px;top:130px;width:800px;height:820px;overflow:hidden}
#s03 .s3-map{position:relative;height:300px;background:#ece3cf}
#s03 .s3-pin{position:absolute;left:352px;top:84px;color:var(--bronze)}
#s03 .s3-body{padding:36px 40px}
#s03 .s3-name{font-family:"Cinzel",serif;font-weight:600;font-size:54px;letter-spacing:.05em}
#s03 .s3-cat{font-style:italic;font-size:34px;color:var(--deep);margin-top:4px}
#s03 .s3-rows{margin-top:30px;display:grid;gap:24px}
#s03 .s3-row{display:flex;align-items:center;gap:28px}
#s03 .s3-row .lbl{width:170px;font-size:18px;color:var(--deep)}
#s03 .s3-btns{display:flex;gap:20px;margin-top:40px}
#s03 .s3-btns span{flex:1;text-align:center;padding:20px 0;border:1px solid var(--bronze);font-family:"Cinzel",serif;font-weight:600;font-size:20px;letter-spacing:.16em;text-transform:uppercase;color:var(--deep)}

#s04 .s4-view{left:900px;top:130px;width:880px;height:820px;overflow:hidden}
#s04 .s4-page{position:absolute;left:0;top:0;width:100%;padding:36px 44px 80px}
#s04 .s4-nav{display:flex;align-items:center;gap:28px;margin-bottom:56px}
#s04 .s4-logo{width:56px;height:56px;border-radius:50%;background:#0a0806;color:var(--champ);display:grid;place-items:center;font-family:"Cinzel",serif;font-weight:600;font-size:20px;margin-right:auto}
#s04 .s4-h{height:44px;background:#0a0806;margin-bottom:16px}
#s04 .s4-btn{display:inline-block;margin-top:40px;padding:22px 40px;background:var(--bronze);color:var(--ivory);font-family:"Cinzel",serif;font-weight:600;font-size:22px;letter-spacing:.2em;text-transform:uppercase}
#s04 .s4-cards{display:flex;gap:22px;margin-top:70px}
#s04 .s4-cards i{display:block;flex:1;height:220px;background:#e9dfc7;border:1px solid var(--gold-old)}
#s04 .s4-band{margin-top:70px;height:200px;background:#e6c887;display:grid;place-items:center}
#s04 .s4-cur{position:absolute;left:640px;top:760px}

#s05 .s5-wrap{position:absolute;left:940px;top:200px;width:800px}
#s05 .s5-days{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;text-align:center;color:var(--gold);font-size:22px;margin-bottom:18px}
#s05 .s5-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}
#s05 .s5-c{display:block;aspect-ratio:1/1;border:1px solid var(--bronze)}
#s05 .s5-c[data-k=fill]{background:var(--fc);border-color:var(--fc);position:relative}

#s06 .s6-wrap{position:absolute;left:880px;top:260px;width:900px}
#s06 .s6-field{position:relative;display:flex;align-items:center;gap:28px;height:150px;padding:0 40px;width:900px}
#s06 .s6-globe{color:var(--bronze)}
#s06 .s6-clip{display:block;overflow:hidden;white-space:nowrap;width:0}
#s06 .s6-text{display:block;font-family:"Cinzel",serif;font-weight:600;font-size:64px;letter-spacing:.04em;color:#0a0806}
#s06 .s6-ok{display:flex;align-items:center;gap:18px;margin-top:40px;color:var(--champ)}
#s06 .s6-ok .lbl{font-size:24px}
#s06 .s6-mail{position:relative;display:flex;align-items:center;gap:28px;margin-top:40px;height:120px;padding:0 40px;width:760px}
#s06 .s6-mail .ic{color:var(--bronze)}
#s06 .s6-addr{font-size:48px;font-weight:600;color:#0a0806}

#s07 .s7-wrap{position:absolute;left:930px;top:170px;width:820px}
#s07 .s7-chart{position:relative;width:780px;height:400px}
#s07 .s7-b{position:absolute;bottom:0;width:72px;background:var(--gold);display:block}
#s07 .s7-b:nth-child(even){background:var(--bronze)}
#s07 .s7-line{position:absolute;left:0;top:0}
#s07 .s7-base{position:absolute;left:-20px;right:-20px;bottom:-1px;height:1px;background:var(--gold-old)}
#s07 .s7-rows{margin-top:70px;display:grid;gap:22px}
#s07 .s7-row{display:flex;align-items:center;gap:22px;padding:18px 24px;border:1px solid var(--bronze);background:var(--raised)}
#s07 .s7-row i{display:block;width:22px;height:22px;background:var(--champ);transform:rotate(45deg)}
#s07 .s7-row .bar{background:#4a3c25}

#s08 .s8-mail{width:720px;height:260px;padding:30px 36px}
#s08 [data-k=m1]{left:960px;top:150px}
#s08 [data-k=m2]{left:1020px;top:430px}
#s08 [data-k=m3]{left:1080px;top:710px}
#s08 .s8-top{display:flex;gap:22px;align-items:center;color:var(--bronze)}
#s08 .s8-from{font-family:"Cinzel",serif;font-weight:600;font-size:24px;letter-spacing:.08em;color:#0a0806}
#s08 .s8-subj{font-size:34px;font-weight:600;color:var(--deep)}
#s08 .s8-body{margin-top:26px;display:grid;gap:14px}
#s08 .s8-sent{position:absolute;right:30px;bottom:24px;display:flex;align-items:center;gap:10px;color:var(--bronze)}
#s08 .s8-sent .lbl{font-size:18px}
#s08 .s8-clock{position:absolute;left:120px;top:104px;display:none}

#s09 .s9-c{width:440px;height:370px;padding:28px 32px}
#s09 .s9-c1{left:900px;top:150px}#s09 .s9-c2{left:1370px;top:150px}#s09 .s9-c3{left:900px;top:560px}#s09 .s9-c4{left:1370px;top:560px}
#s09 .s9-art{height:220px;position:relative;color:var(--bronze)}
#s09 .s9-doc{display:grid;gap:16px;align-content:start;padding-top:16px}
#s09 .s9-stamp{position:absolute;right:10px;bottom:-6px;color:var(--bronze)}
#s09 .s9-tr{display:grid;place-items:center}
#s09 .s9-es,#s09 .s9-en{position:absolute;font-family:"Cinzel",serif;font-weight:600;font-size:76px;color:#0a0806;top:60px}
#s09 .s9-lg{position:absolute;right:0;top:0}
#s09 .s9-fm{display:grid;gap:26px;align-content:center}
#s09 .s9-ck{display:flex;align-items:center;gap:20px}
#s09 .s9-ck u{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--bronze);text-decoration:none;color:var(--bronze)}
#s09 .s9-bc{display:grid;place-items:center}
#s09 .s9-lbl{border-top:1px solid var(--gold-old);padding-top:16px;display:grid;gap:2px}
#s09 .s9-lbl b{font-size:17px;color:#0a0806;line-height:1.3}
#s09 .s9-lbl i{font-size:28px;color:var(--deep)}

#s10 .s10-seal{position:absolute;left:810px;top:96px;width:300px;height:300px;border-radius:50%}
#s10 .s10-band{position:absolute;left:260px;top:430px;width:1400px;border:1px solid var(--gold);padding:10px;background:var(--raised)}
#s10 .s10-in{border:1px solid var(--gold);padding:44px 40px;text-align:center}
#s10 .s10-t{font-family:"Cinzel",serif;font-weight:600;font-size:76px;letter-spacing:.05em;color:var(--champ)}
#s10 .s10-e{font-style:italic;font-size:44px;color:var(--ink);margin-top:10px}
#s10 .s10-contact{position:absolute;left:0;right:0;top:760px;text-align:center}
#s10 .s10-l{font-size:40px;color:var(--ink)}
#s10 .s10-l i{color:var(--muted)}
#s10 .s10-row{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:22px;color:var(--gold)}
#s10 .s10-ph{font-weight:700;font-size:78px;color:var(--champ);font-variant-numeric:lining-nums}
#s10 .s10-sep{width:1px;height:70px;background:var(--bronze);margin:0 18px}
#s10 .s10-em{font-weight:600;font-size:46px;color:var(--ink);font-variant-numeric:lining-nums}
.avs.avs--p{aspect-ratio:4/5}
.avs--p .avs__canvas{width:1080px;height:1350px}
.avs--p .tag{left:90px;top:68px;font-size:28px;line-height:1.2}
.avs--p .cap{left:90px;top:150px;width:900px}
.avs--p .cap-es{font-size:76px}
.avs--p .cap-en{font-size:52px}
.avs--p .cap-rule{margin-top:24px}

.avs--p #s00 .s0-ring{left:248px;top:112px;width:584px;height:584px}
.avs--p #s00 .s0-seal{left:280px;top:144px;width:520px;height:520px}
.avs--p #s00 .s0-copy{left:90px;top:750px;width:900px}
.avs--p #s00 .s0-eyebrow{font-size:30px;margin:0 0 26px}
.avs--p #s00 .s0-a{font-size:96px}
.avs--p #s00 .s0-b{font-size:110px}
.avs--p #s00 .s0-en{font-size:44px;margin-top:24px}

.avs--p #s01 .s1-board{left:90px;top:470px;width:900px;height:800px;padding:48px}
.avs--p #s01 .s1-mono{width:170px;height:170px}
.avs--p #s01 .s1-word{font-size:54px}
.avs--p #s01 .s1-sub{font-size:32px}
.avs--p #s01 .s1-sw{gap:20px;margin-top:56px}
.avs--p #s01 .s1-sw i{width:140px;height:140px}
.avs--p #s01 .s1-aa1,.avs--p #s01 .s1-aa2{font-size:130px}
.avs--p #s01 .s1-note{font-size:34px;max-width:260px}

.avs--p #s02 .s2-col{top:470px;width:276px}
.avs--p #s02 [data-k=col1]{left:90px}.avs--p #s02 [data-k=col2]{left:402px}.avs--p #s02 [data-k=col3]{left:714px}
.avs--p #s02 .s2-plat{font-size:30px;letter-spacing:.1em;margin-bottom:20px}
.avs--p #s02 .s2-card{width:276px;height:640px;padding:18px}
.avs--p #s02 .s2-av{width:64px;height:64px;font-size:30px}
.avs--p #s02 .s2-nm{font-size:30px}
.avs--p #s02 .s2-img{height:340px}

.avs--p #s03 .s3-card{left:90px;top:470px;width:900px;height:800px}
.avs--p #s03 .s3-map{height:240px}
.avs--p #s03 .s3-map svg{width:100%;height:240px}
.avs--p #s03 .s3-pin{left:402px;top:60px}
.avs--p #s03 .s3-body{padding:30px 32px}
.avs--p #s03 .s3-name{font-size:56px}
.avs--p #s03 .s3-cat{font-size:36px}
.avs--p #s03 .s3-rows{margin-top:24px;gap:18px}
.avs--p #s03 .s3-row .lbl{width:250px;font-size:28px;letter-spacing:.08em}
.avs--p #s03 .s3-btns{gap:12px;margin-top:30px}
.avs--p #s03 .s3-btns span{font-size:28px;letter-spacing:.04em;padding:22px 0}

.avs--p #s04 .s4-view{left:90px;top:470px;width:900px;height:800px}

.avs--p #s05 .s5-wrap{left:90px;top:570px;width:900px}
.avs--p #s05 .s5-days{font-size:28px;gap:14px}
.avs--p #s05 .s5-grid{gap:14px}

.avs--p #s06 .s6-wrap{left:90px;top:600px;width:900px}
.avs--p #s06 .s6-field{width:900px;height:170px}
.avs--p #s06 .s6-ok{margin-top:56px}
.avs--p #s06 .s6-ok .lbl{font-size:30px}
.avs--p #s06 .s6-mail{width:900px;height:150px;margin-top:56px}

.avs--p #s07 .s7-wrap{left:90px;top:480px;width:900px}
.avs--p #s07 .s7-chart{width:800px;height:410px}
.avs--p #s07 .s7-b{width:80px}
.avs--p #s07 .s7-b:nth-child(1){left:0}.avs--p #s07 .s7-b:nth-child(2){left:120px}.avs--p #s07 .s7-b:nth-child(3){left:240px}
.avs--p #s07 .s7-b:nth-child(4){left:360px}.avs--p #s07 .s7-b:nth-child(5){left:480px}.avs--p #s07 .s7-b:nth-child(6){left:600px}.avs--p #s07 .s7-b:nth-child(7){left:720px}
.avs--p #s07 .s7-line{width:800px;height:410px}
.avs--p #s07 .s7-rows{margin-top:64px}

.avs--p #s08 .s8-mail{width:800px;height:250px;padding:28px 34px}
.avs--p #s08 [data-k=m1]{left:90px;top:470px}
.avs--p #s08 [data-k=m2]{left:140px;top:750px}
.avs--p #s08 [data-k=m3]{left:190px;top:1030px}
.avs--p #s08 .s8-from{font-size:28px}
.avs--p #s08 .s8-subj{font-size:40px}
.avs--p #s08 .s8-sent .lbl{font-size:28px;letter-spacing:.1em}

.avs--p #s09 .s9-c{width:435px;height:380px;padding:26px 28px}
.avs--p #s09 .s9-c1{left:90px;top:470px}
.avs--p #s09 .s9-c2{left:555px;top:470px}
.avs--p #s09 .s9-c3{left:90px;top:880px}
.avs--p #s09 .s9-c4{left:555px;top:880px}
.avs--p #s09 .s9-art{height:190px}
.avs--p #s09 .s9-lbl b{font-size:28px;letter-spacing:.06em;line-height:1.25}
.avs--p #s09 .s9-lbl i{font-size:32px}
.avs--p #s09 .s9-es,.avs--p #s09 .s9-en{font-size:72px}

.avs--p #s10 .s10-seal{left:390px;top:96px;width:300px;height:300px}
.avs--p #s10 .s10-band{left:90px;top:450px;width:900px}
.avs--p #s10 .s10-in{padding:40px 28px}
.avs--p #s10 .s10-t{font-size:56px;line-height:1.1}
.avs--p #s10 .s10-e{font-size:40px}
.avs--p #s10 .s10-contact{top:900px;left:90px;right:90px}
.avs--p #s10 .s10-l{font-size:36px;line-height:1.2}
.avs--p #s10 .s10-row{flex-direction:column;gap:14px}
.avs--p #s10 .s10-sep{display:none}
.avs--p #s10 .s10-ph{font-size:72px}
.avs--p #s10 .s10-em{font-size:40px}
.avs{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0a0806}
.avs__canvas{position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0}
.avs .scene{position:absolute;inset:0;visibility:hidden}
