@import url('https://fonts.googleapis.com/css2?family=Anton&family=DM+Sans:wght@400;500;600;700;800&display=swap');
/* BlexSys Michelle — lenguaje visual inspirado en entretenimiento, adaptado al archivo de Michelle. */
body.public-site{background:#f5f0e9;font-family:'DM Sans',sans-serif}
.public-site .top{background:#17142c;border-bottom:1px solid #413956;color:#fff}
.public-site .brand{font-family:'Anton',Impact,sans-serif;letter-spacing:.02em;font-size:23px;text-transform:uppercase}
.public-site .navlinks a,.public-site .navlinks button{font-size:11px;letter-spacing:1px}
.public-site .submenu{color:#19152e}

.md-showcase{overflow:hidden}
.md-hero,.md-subhero{min-height:760px;position:relative;display:flex;align-items:center;background:#17142c;color:#fff;isolation:isolate;overflow:hidden;padding:72px 0 100px}
.md-hero-bg{position:absolute;inset:0;z-index:-3}
.md-hero-bg video{width:100%;height:100%;object-fit:cover;opacity:.29;filter:saturate(.65)}
.md-hero-still{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.14;filter:blur(6px) saturate(.6)}
.md-hero:after,.md-subhero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(19,14,37,.9),rgba(19,14,37,.4)),linear-gradient(0deg,#17142c,transparent 50%)}
.md-glow{position:absolute;right:-15%;top:4%;width:60%;height:90%;border-radius:50%;background:radial-gradient(circle,#a95175 0%,#6d3aa3 30%,transparent 68%);filter:blur(58px);opacity:.35;z-index:-1}
.md-glow-inner{right:-12%;top:8%;width:48%;height:84%;opacity:.42}
.md-hero-layout,.md-subhero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:15px;align-items:center;width:100%;position:relative}
.md-hero-copy{position:relative;z-index:2}
.md-eyebrow{display:flex;align-items:center;gap:10px;font-weight:800;font-size:12px;letter-spacing:2.2px;color:#f5dcdc}
.md-live-dot{width:11px;height:11px;background:#fc594c;border-radius:50%;box-shadow:0 0 0 6px #fc594c29;display:inline-block}
.md-hero h1,.md-subhero h1{font:400 clamp(80px,9.8vw,157px)/.88 'Anton',Impact,sans-serif;margin:28px 0 25px;letter-spacing:-2px;position:relative;z-index:4;text-transform:uppercase}
.md-hero h1 em{font-style:normal;color:#ffda53}
.md-period{color:#fc594c}
.md-hero-desc{font-size:19px;line-height:1.7;max-width:560px;color:#e3dce9}
.md-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.md-btn{border-radius:999px;padding:17px 22px;font-size:12px;letter-spacing:1px;font-weight:800;display:inline-flex;align-items:center;gap:20px;transition:transform .2s}
.md-btn:hover{transform:translateY(-3px)}
.md-btn-yellow{color:#17142c;background:#ffda53}
.md-btn-line{border:1px solid #b4a7c4;color:#fff}

.md-hero-stage{min-height:580px;position:relative;display:flex;align-items:center;justify-content:center}
.md-stage-shell{position:relative;transform:rotate(3deg)}
.md-stage-shell:before{content:'';position:absolute;inset:-16px 30px auto auto;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#ffd283 0%,rgba(255,210,131,0) 70%);opacity:.7;filter:blur(6px);z-index:-1}
.md-cutout{display:block;max-width:100%;width:460px;height:580px;object-fit:cover;object-position:center 18%;border-radius:46% 46% 14px 14px / 20% 20% 14px 14px;border:0;box-shadow:0 30px 70px #09051677}
.md-cutout-inner{width:420px;height:520px;object-position:center 18%}
.md-stage-shell-inner{transform:rotate(2deg)}
.md-portrait-placeholder{min-height:520px;width:430px;border-radius:48% 48% 18px 18px;background:linear-gradient(135deg,#e891a2,#8d6fb0 50%,#faad67);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font:400 78px 'Anton',Impact,sans-serif;transform:rotate(3deg);text-shadow:0 10px 35px #0005}
.md-portrait-placeholder span{font:800 12px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:12px}
.md-orbit-text{position:absolute;bottom:10px;right:-10px;color:#ffda53;font-size:13px;font-weight:800;letter-spacing:4px;transform:rotate(-7deg)}
.md-hero-stamp{position:absolute;bottom:28px;right:4%;font-weight:800;letter-spacing:2px;font-size:11px;color:#f2cfd9;display:flex;gap:15px;align-items:center}
.md-hero-stamp span{font-size:30px;color:#ffda53}

.md-marquee{background:#ffda53;color:#17142c;overflow:hidden;white-space:nowrap;padding:22px 0;transform:rotate(-1.2deg) scale(1.015);position:relative;z-index:2}
.md-marquee-track{display:flex;width:max-content;animation:md-scroll 35s linear infinite;font:400 31px 'Anton',Impact,sans-serif;letter-spacing:1px}
.md-marquee-track span{flex:none;padding-right:22px}
.md-marquee-compact{padding:15px 0;transform:none}
.md-marquee-compact .md-marquee-track{font-size:22px}
@keyframes md-scroll{to{transform:translateX(-50%)}}

.md-intro{background:#fff9f1;padding:115px 0}
.md-intro-grid{display:grid;grid-template-columns:.36fr 1fr;gap:35px}
.md-section-num{font-size:12px;font-weight:800;letter-spacing:2px;color:#b12f52;padding-top:14px}
.md-intro h2{font:400 clamp(55px,7vw,112px)/.98 'Anton',Impact,sans-serif;margin:0 0 32px;color:#17142c}
.md-intro h2 em{font-style:normal;color:#b12f52}
.md-intro p{font-size:20px;line-height:1.75;max-width:820px;color:#494354}
.md-text-cta{display:inline-block;margin-top:18px;border-bottom:3px solid #b12f52;padding-bottom:8px;color:#17142c;font-size:13px;font-weight:800;letter-spacing:1.5px}

.md-showcase .section-features{background:#24203b}
.md-showcase .section-features h2,.md-showcase .timeline-wrap h2,.md-showcase .spotlight-section h2,.md-showcase .cta-box h2,.md-showcase .md-empty-state h2{font-family:'Anton',Impact,sans-serif;font-weight:400;letter-spacing:0;line-height:1.08;text-transform:uppercase}
.md-showcase .section-features h2{color:#ffda53}
.md-showcase .feature-card{border-radius:8px;background:#332d4c;border-color:#625774}
.md-showcase .feature-body h3{font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase;font-size:37px}
.md-showcase .feature-card:hover{background:#42375c;transform:translateY(-7px)}
.md-showcase .feature-body small{color:#ffda53}
.md-showcase .timeline-wrap .kicker,.md-showcase .spotlight-section .kicker,.md-inner-story .kicker,.md-archive-wrap .kicker{color:#b12f52}
.md-showcase .timeline-content,.md-showcase .spotlight-card{border-radius:12px}
.md-showcase .timeline-content h3,.md-showcase .spotlight-card h3{font-family:'Anton',Impact,sans-serif;font-weight:400;text-transform:uppercase}
.md-showcase .cta-box{background:#ffda53;border-color:#ffda53;border-radius:14px}
.md-showcase .cta-box .kicker{color:#6c344a}
.md-showcase .cta-box .lead{color:#353047}

/* Internal Michelle pages */
.md-inner-story,.md-archive-wrap{background:#f5f0e9;padding:84px 0 96px}
.story-layout-showcase{grid-template-columns:minmax(0,1fr) 360px;gap:30px;align-items:start}
.story-article-showcase{background:#fff9f1;border:1px solid #e3d7c8;border-radius:18px;padding:34px 34px 30px;box-shadow:0 18px 42px rgba(17,11,29,.08)}
.story-headline{font:400 17px/1 'Anton',Impact,sans-serif;letter-spacing:1.8px;color:#b12f52;margin-bottom:16px;text-transform:uppercase}
.story-article-showcase .content-rich p{font-size:18px;line-height:1.95;color:#2f2a38}
.story-contact-cta{margin-top:28px}
.story-sidebar-showcase{display:grid;gap:20px}
.story-card-dark{background:#24203b;color:#fff;border:1px solid #4f4769;border-radius:16px;box-shadow:0 18px 42px rgba(17,11,29,.08)}
.story-card-dark h3,.story-card-soft h3{font-family:'Anton',Impact,sans-serif;font-weight:400;letter-spacing:.02em;text-transform:uppercase}
.story-card-soft{background:#fff9f1;border:1px solid #e3d7c8;border-radius:16px;box-shadow:0 18px 42px rgba(17,11,29,.06)}
.side-list-showcase a{display:block;padding:15px 16px;border-radius:12px;background:#2f2948;border:1px solid #4d4569;color:#fff}
.side-list-showcase strong{font-family:'Anton',Impact,sans-serif;font-size:24px;line-height:1;text-transform:uppercase;font-weight:400;letter-spacing:.02em}
.side-list-showcase span{display:block;color:#dbd4e6;margin-top:7px;line-height:1.6;font-size:14px}
.showcase-entry h4{font-family:'Anton',Impact,sans-serif;font-size:27px;line-height:1.05;font-weight:400;text-transform:uppercase;letter-spacing:.01em}
.showcase-entry p{color:#524b5a}
.md-subhero-archive .md-cutout-inner{object-position:center 18%}
.archive-grid-showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.archive-card-showcase{background:#fff9f1;border:1px solid #e3d7c8;border-radius:16px;padding:24px;box-shadow:0 18px 42px rgba(17,11,29,.06)}
.archive-card-showcase h3{font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:34px;line-height:1.05;text-transform:uppercase;letter-spacing:.01em}
.archive-card-showcase p{color:#544d5b}
.md-empty-state{padding:46px 0 20px}.md-empty-state p{font-size:18px;color:#4e4756}

@media(max-width:1000px){
  .md-hero-layout,.md-subhero-grid{grid-template-columns:1fr}
  .md-hero-stage{min-height:420px}
  .md-hero h1,.md-subhero h1{font-size:clamp(72px,15vw,140px)}
  .md-cutout,.md-portrait-placeholder{height:440px;min-height:440px;max-width:380px}
  .md-cutout-inner{width:360px;height:440px}
  .md-intro-grid{grid-template-columns:1fr}
  .md-section-num{margin-bottom:12px}
  .story-layout-showcase{grid-template-columns:1fr}
}
@media(max-width:800px){
  .public-site .navlinks{background:#17142c;color:white}
  .public-site .submenu{color:#17142c}
  .md-hero,.md-subhero{padding:55px 0 80px;min-height:auto}
  .md-hero h1,.md-subhero h1{font-size:clamp(67px,17vw,115px)}
  .md-hero-stage{min-height:380px}
  .md-cutout,.md-portrait-placeholder{height:360px;min-height:360px;width:290px}
  .md-cutout-inner{width:290px;height:360px}
  .md-portrait-placeholder{font-size:55px}
  .md-hero-stamp{display:none}
  .md-marquee-track{font-size:24px}
  .md-intro{padding:75px 0}
  .archive-grid-showcase{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.md-marquee-track{animation:none}.md-btn{transition:none}}

/* v1.0 — BlexSys preset visual combinations; no custom color entry */
body.theme-violeta-energia{--creator-bg:#17142c;--creator-panel:#251f3b;--creator-accent:#ffda53;--creator-spot:#b5375a;--creator-light:#f5f0e9}
body.theme-azul-electrico{--creator-bg:#101f48;--creator-panel:#1b356a;--creator-accent:#61e7ff;--creator-spot:#f9736b;--creator-light:#f0f6ff}
body.theme-coral-pop{--creator-bg:#352034;--creator-panel:#512b48;--creator-accent:#ffa77e;--creator-spot:#ee5878;--creator-light:#fff1ec}
body.theme-verde-lima{--creator-bg:#15251f;--creator-panel:#233d31;--creator-accent:#c5f564;--creator-spot:#e7a256;--creator-light:#f3f8ea}
body.theme-rosa-festival{--creator-bg:#321629;--creator-panel:#522543;--creator-accent:#ffc1e5;--creator-spot:#ff6ca2;--creator-light:#fff0f7}
body.theme-noche-dorada{--creator-bg:#18191e;--creator-panel:#303039;--creator-accent:#e6c477;--creator-spot:#af8e48;--creator-light:#f8f2e4}
body.theme-turquesa-viva{--creator-bg:#103036;--creator-panel:#1c4951;--creator-accent:#66edce;--creator-spot:#ff997b;--creator-light:#ecfaf6}
body.theme-rojo-escena{--creator-bg:#2b101c;--creator-panel:#481e2c;--creator-accent:#ffad72;--creator-spot:#e54650;--creator-light:#fff1ed}
.public-site .top{background:var(--creator-bg,#17142c)!important}
.public-site .md-hero,.public-site .md-subhero{background:var(--creator-bg,#17142c)!important}
.public-site .md-hero:after,.public-site .md-subhero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--creator-bg,#17142c) 92%,transparent),color-mix(in srgb,var(--creator-bg,#17142c) 55%,transparent)),linear-gradient(0deg,var(--creator-bg,#17142c),transparent 50%)!important}
.public-site .md-hero h1 em{color:var(--creator-accent,#ffda53)!important}
.public-site .md-btn-yellow,.public-site .md-marquee,.public-site .md-showcase .cta-box{background:var(--creator-accent,#ffda53)!important}
.public-site .md-btn-yellow{color:var(--creator-bg,#17142c)!important}
.public-site .md-showcase .dark,.public-site .md-showcase .section-features,.public-site .story-card-dark{background:var(--creator-panel,#251f3b)!important}
.public-site .md-showcase .feature-card,.public-site .side-list-showcase a{background:color-mix(in srgb,var(--creator-panel,#251f3b) 90%, #fff 10%)}
.public-site .md-showcase .feature-card{border-color:color-mix(in srgb,var(--creator-panel,#251f3b) 60%, #fff 25%)}
.public-site .md-showcase .spotlight-section,.public-site .md-showcase .editorial-split,.public-site .md-inner-story,.public-site .md-archive-wrap{background:var(--creator-light,#f5f0e9)}
.public-site .md-live-dot,.public-site .md-period{background:var(--creator-spot,#b5375a);color:var(--creator-spot,#b5375a)}
.public-site .story-headline,.public-site .md-showcase .timeline-wrap .kicker,.public-site .md-showcase .spotlight-section .kicker,.public-site .md-inner-story .kicker,.public-site .md-archive-wrap .kicker{color:var(--creator-spot,#b5375a)}
@media(max-width:800px){.public-site .navlinks{background:var(--creator-bg,#17142c)!important}}

/* v1.3: Cabeceras interiores compactas; portada principal sin cambios. */
.md-inner-page .md-subhero{min-height:355px;padding:34px 0 36px;}
.md-inner-page .md-subhero-grid{grid-template-columns:minmax(0,1.3fr) minmax(190px,.7fr);gap:28px;}
.md-inner-page .md-subhero h1{font-size:clamp(46px,5.3vw,82px);line-height:.97;letter-spacing:-1px;margin:12px 0;overflow-wrap:anywhere;}
.md-inner-page .md-subhero .md-hero-desc{font-size:15px;line-height:1.5;margin:8px 0 0;}
.md-inner-page .md-subhero .md-eyebrow{font-size:10px;letter-spacing:1.6px;}
.md-inner-page .md-subhero .md-actions{margin-top:16px;}
.md-inner-page .md-subhero .md-btn{padding:11px 17px;font-size:10px;}
.md-inner-page .md-subhero-stage{min-height:285px;}
.md-inner-page .md-subhero .md-cutout-inner{width:220px;height:280px;object-fit:cover;object-position:center 20%;}
.md-inner-page .md-subhero .md-orbit-text{font-size:9px;letter-spacing:1.9px;bottom:4px;}
.md-inner-page .md-marquee-compact{padding:12px 0;}
@media(max-width:800px){
  .md-inner-page .md-subhero{min-height:0;padding:36px 0;}
  .md-inner-page .md-subhero-grid{grid-template-columns:minmax(0,1fr) 110px;gap:12px;}
  .md-inner-page .md-subhero h1{font-size:clamp(38px,9vw,62px);}
  .md-inner-page .md-subhero-stage{min-height:160px;}
  .md-inner-page .md-subhero .md-cutout-inner{width:108px;height:157px;}
  .md-inner-page .md-subhero .md-orbit-text{display:none;}
  .md-inner-page .md-subhero .md-actions{gap:7px;}
  .md-inner-page .md-subhero .md-btn{padding:10px 12px;}
}