/* Makers Unidos · Navidad 2026: ambientación completa del catálogo, sin banners en el home */
html.mu-christmas-season{
  --bg:#061c1a;--card:#112a26;--ink:#fff2df;--muted:#b3cdbf;
  --line:#38634f;--green:#e3bf7b;--green-dark:#d4ac65;--soft:#1c342b;
  --shadow:0 12px 36px rgba(0,0,0,.29);color-scheme:dark
}
html.mu-christmas-season body{
 color:#f8f2e5;min-height:100vh;
 background:radial-gradient(ellipse 75% 510px at 78% 2%,rgba(50,119,93,.4),transparent 73%),
 radial-gradient(ellipse 65% 530px at 4% 48%,rgba(113,45,53,.14),transparent 78%),
 repeating-linear-gradient(128deg,transparent 0 62px,rgba(234,224,176,.014) 64px,transparent 67px),#071d1a
}
html.mu-christmas-season body:before{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.13;
 background-image:radial-gradient(circle,rgba(255,246,225,.8) 1.1px,transparent 1.4px);
 background-size:143px 161px;background-position:21px 71px
}
html.mu-christmas-season main,html.mu-christmas-season footer{position:relative;z-index:1}
html.mu-christmas-season header{
 background:#09251f!important;border-bottom:3px solid #caaa71!important;
 box-shadow:0 3px 0 #4c2528,0 13px 32px rgba(0,0,0,.28)!important
}
html.mu-christmas-season .brand-name{color:#fff6ec!important}
html.mu-christmas-season .brand-name b{color:#efc985!important;text-shadow:0 0 18px rgba(255,218,136,.22)}
html.mu-christmas-season .navlinks{color:#d4e4d8!important}
html.mu-christmas-season .navlinks a:hover{color:#f6d69b!important}
html.mu-christmas-season .topsearch{background:#13332c!important;border:1px solid #47715c!important;color:#e1d2a5!important}
html.mu-christmas-season .topsearch input{color:#fff!important}
html.mu-christmas-season .topsearch input::placeholder{color:#a9c6b7!important}
html.mu-christmas-season .topsearch:focus-within{border-color:#e6c98c!important}
html.mu-christmas-season .account>.ghost{background:#183a30!important;border:1px solid #567b65!important;color:#f3eedf!important}
html.mu-christmas-season .account>.primary{background:linear-gradient(110deg,#e4c586,#d9ab65)!important;border-color:#f2d9a6!important;color:#173527!important}
html.mu-christmas-season .avatar{background:#8d343b!important;border-color:#e2bc81!important;color:#fff!important}
html.mu-christmas-season .header-user-name{color:#faf5e5!important}
html.mu-christmas-season .header-user-state{color:#b7d0be!important}
html.mu-christmas-season .header-community-count,
html.mu-christmas-season .community-count{background:#1a3e31!important;border:1px solid #57886d!important;color:#e2d49d!important}
html.mu-christmas-season .header-community-count .community-count-dot,
html.mu-christmas-season .community-count-dot{background:#f3d38e!important}
html.mu-christmas-season .statusbar{background:#0e2d26!important;border-bottom:1px solid #466651!important}
html.mu-christmas-season .statuscopy{color:#f7ebd7!important}
html.mu-christmas-season .statusdetail{color:#b6d0be!important}
html.mu-christmas-season .statusdot{background:#f0cb83!important;box-shadow:0 0 0 4px rgba(225,184,105,.16)!important}
html.mu-christmas-season .statusactions .smallbtn{background:#d3ab65!important;color:#173429!important}
html.mu-christmas-season .statusactions .meter{background:#244d39!important}
html.mu-christmas-season .statusactions .meter span{background:#e4c582!important}
html.mu-christmas-season .mu-christmas-ribbon{
 z-index:2;min-height:53px;width:100%;padding:9px 16px;
 background:repeating-linear-gradient(120deg,rgba(255,255,255,.018) 0 12px,transparent 13px 24px),
 linear-gradient(90deg,#7e2d38,#9e3c40 48%,#762e37)!important;
 border-bottom:2px solid #d8b67c!important;
 color:#fff4e8!important;box-shadow:0 8px 25px rgba(0,0,0,.23)
}
html.mu-christmas-season .mu-christmas-ribbon-label{color:#fff4e8!important}
html.mu-christmas-season .mu-christmas-ribbon-label:before{content:"❄ ";font-size:15px;color:#fff8ea}
html.mu-christmas-season .mu-christmas-ribbon strong{color:#ffe0a6!important}
html.mu-christmas-season .mu-christmas-ribbon button{background:#f1d295!important;color:#293b2d!important;border:1px solid #ffe9b4!important}
html.mu-christmas-season main.shell{padding-top:22px}
html.mu-christmas-season .hero{gap:15px}
html.mu-christmas-season .hero-main{
 isolation:isolate;overflow:hidden;border:3px solid #d3b478!important;
 background:#0e3128!important;box-shadow:0 0 0 3px rgba(236,211,157,.07),0 0 45px rgba(37,106,81,.2),0 18px 37px rgba(0,0,0,.35)!important
}
html.mu-christmas-season .hero-main>img{opacity:.08!important;filter:brightness(.3) saturate(.4)!important}
html.mu-christmas-season .hero-main:before{
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:url('/assets/christmas-world-scene-2026.svg?v=1') 71% center/cover no-repeat!important;
 animation:muChristmasScene 21s ease-in-out infinite alternate
}
html.mu-christmas-season .hero-main:after{
 content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
 background:linear-gradient(90deg,rgba(5,23,20,.97) 0%,rgba(8,27,22,.91) 27%,rgba(8,29,24,.36) 57%,transparent 84%),
 linear-gradient(0deg,rgba(5,19,16,.48),transparent 45%)!important
}
html.mu-christmas-season .hero-copy{z-index:3;left:32px;bottom:35px;max-width:56%;text-shadow:0 2px 10px rgba(0,0,0,.8)}
html.mu-christmas-season .hero-copy span{
 border:1px solid #b6935d!important;background:#75404a!important;color:#fff6df!important;
 font-weight:900!important;letter-spacing:.07em!important;box-shadow:0 5px 18px rgba(0,0,0,.2)!important
}
html.mu-christmas-season .hero-copy span:before{content:"✦ NAVIDAD MAKER · "!important;color:#ffe4b3}
html.mu-christmas-season .hero-copy h1{color:#fff9ec!important;font-weight:930;text-shadow:0 3px 9px #061713!important}
html.mu-christmas-season .hero-copy p{color:#e0ebdf!important}
html.mu-christmas-season .mini{
 background:#102d26!important;border:2px solid #9d7752!important;
 box-shadow:0 5px 18px rgba(0,0,0,.25)!important
}
html.mu-christmas-season .mini:after{background:linear-gradient(transparent 32%,rgba(5,20,15,.94))!important}
html.mu-christmas-season .mini-label{color:#fff4e3!important}
html.mu-christmas-season .mini:hover{border-color:#f5d796!important}
html.mu-christmas-season .categories{gap:9px!important}
html.mu-christmas-season .chip{background:#19392f!important;color:#dce9d6!important;border:1px solid #426b52!important}
html.mu-christmas-season .chip:hover{background:#26503f!important;border-color:#deb979!important;color:#fff!important}
html.mu-christmas-season .chip.active{
 background:linear-gradient(120deg,#e6c98f,#cb9a59)!important;color:#19382c!important;
 border-color:#f8e4bb!important;box-shadow:0 5px 16px rgba(226,199,140,.14)!important
}
html.mu-christmas-season .topmakers{
 background:linear-gradient(125deg,#153c2f,#1e5340)!important;
 border:2px solid #b38d59!important;color:#f8f0df!important;
 box-shadow:0 15px 34px rgba(0,0,0,.22)!important
}
html.mu-christmas-season .topmakers-head h2{color:#fbe8c8!important}
html.mu-christmas-season .topmakers-head h2:before{content:"✦ ";color:#ecca8b}
html.mu-christmas-season .topmakers-head p,
html.mu-christmas-season .topmakers-note{color:#bacfbf!important}
html.mu-christmas-season .topmaker{background:#102b25!important;color:#f4e9ce!important;border:1px solid #487455!important}
html.mu-christmas-season .topmaker-rank,
html.mu-christmas-season .topmaker:nth-child(1) .topmaker-rank,
html.mu-christmas-season .topmaker:nth-child(2) .topmaker-rank,
html.mu-christmas-season .topmaker:nth-child(3) .topmaker-rank{color:#e8c687!important}
html.mu-christmas-season .topmaker-copy strong{color:#fff3dc!important}
html.mu-christmas-season .topmaker-copy span{color:#d0decd!important}
html.mu-christmas-season .topmaker-copy b{background:#315441!important;color:#ffdfaa!important}
html.mu-christmas-season .section-head{
 border-bottom:2px solid #917349!important;padding-bottom:12px!important
}
html.mu-christmas-season .section-head h2{color:#f7d7a0!important;font-weight:900}
html.mu-christmas-season .section-head h2:before{content:"";display:inline-block;background:#c29858!important;width:4px;height:21px;border-radius:2px;margin-right:10px;vertical-align:-4px}
html.mu-christmas-season .section-head p,
html.mu-christmas-season .result-count{color:#c4d8c8!important}
html.mu-christmas-season .grid{gap:14px}
html.mu-christmas-season .card{
 background:#142f28!important;border:1px solid #385d48!important;
 border-top:3px solid #b9925e!important;color:#f8efdd!important;
 box-shadow:0 5px 22px rgba(0,0,0,.24)!important
}
html.mu-christmas-season .card:hover{
 transform:translateY(-4px);border-color:#edcd8e!important;
 box-shadow:0 13px 27px rgba(0,0,0,.3),0 0 0 1px rgba(237,205,142,.09)!important
}
html.mu-christmas-season .thumb{background:#23453a!important}
html.mu-christmas-season .newbadge{background:#9c3942!important;color:#fff4e3!important;border:1px solid #d99c8d!important}
html.mu-christmas-season .cardbody h3{color:#fff8e9!important}
html.mu-christmas-season .cat{color:#c2d5bf!important}
html.mu-christmas-season .download{background:linear-gradient(120deg,#e4c283,#d0a463)!important;color:#153225!important;font-weight:900!important;border:1px solid #edd49e!important}
html.mu-christmas-season .download:hover{filter:brightness(1.08)}
html.mu-christmas-season .loadmore button{background:#ddb877!important;color:#193c2d!important;border:1px solid #f4d89d!important;font-weight:900}
html.mu-christmas-season .loading,html.mu-christmas-season .empty{color:#c2d1c6!important}
html.mu-christmas-season footer{background:#09231e!important;border-top:3px solid #c8a46e!important;color:#cde1cf!important}
html.mu-christmas-season .mu-member-pop{background:linear-gradient(125deg,#214936,#376f50)!important;border:1px solid #c9aa72!important}
html.mu-christmas-season .mu-member-pop-dot{background:#ebc47f!important}
html.mu-christmas-season .mu-member-pop-copy b,html.mu-christmas-season .mu-member-pop-copy span{color:#fff7e9!important}
html.mu-christmas-season .accountmenu,html.mu-christmas-season .modalwrap{color-scheme:light}
html.mu-christmas-season .modalwrap .modal{color:#1b1e23;color-scheme:light;--ink:#1b1e23;--line:#e5e7ea;--muted:#747b84;--green:#16c943}
html.mu-christmas-season .modalwrap .modal h2{color:#1b1e23}
html.mu-christmas-season .modalwrap .modal .plan-price{color:#1b1e23}
html.mu-christmas-season #christmasPromoModal{color-scheme:dark;color:#fff}
html.mu-christmas-season #christmasPromoModal h2{color:#fff}
html.mu-christmas-season .toast{color:#fff}
html.mu-christmas-season #modelos{scroll-margin-top:120px}
@keyframes muChristmasScene{from{transform:scale(1.01)}to{transform:scale(1.046)}}
@media(max-width:700px){
 html.mu-christmas-season .mu-christmas-ribbon{min-height:57px;padding:7px 9px!important;gap:7px}
 html.mu-christmas-season .mu-christmas-ribbon-label{font-size:9px!important;letter-spacing:.03em!important}
 html.mu-christmas-season .hero-main{height:266px!important}
 html.mu-christmas-season .hero-main:before{background-position:72% center!important}
 html.mu-christmas-season .hero-main:after{background:linear-gradient(90deg,rgba(5,23,20,.96),rgba(7,26,21,.78) 44%,rgba(7,26,21,.14) 78%,transparent)!important}
 html.mu-christmas-season .hero-copy{left:17px;bottom:20px;max-width:79%!important}
 html.mu-christmas-season .hero-copy h1{font-size:25px!important}
 html.mu-christmas-season .hero-copy span{font-size:8px!important}
 html.mu-christmas-season .hero-copy span:before{content:"✦ NAVIDAD · "!important}
 html.mu-christmas-season .hero-copy p{font-size:11px!important}
 html.mu-christmas-season .hero-side{gap:8px}
 html.mu-christmas-season .section-head h2{font-size:21px!important}
 html.mu-christmas-season .grid{gap:10px!important}
}
@media(max-width:470px){html.mu-christmas-season .hero-main{height:249px!important}html.mu-christmas-season .hero-copy h1{font-size:23px!important}}
@media(prefers-reduced-motion:reduce){html.mu-christmas-season .hero-main:before{animation:none!important}html.mu-christmas-season .card{transition:none!important}}


/* MU hero product spotlight - 2026-11-04 */
/* La escena navideña permanece a la derecha y la miniatura real del modelo
   anunciado se muestra como tarjeta principal a la izquierda. */
html.mu-christmas-season .hero-main {
  isolation:isolate;
}
html.mu-christmas-season .hero-main > #heroImage {
  position:absolute;
  z-index:3;
  top:20px;
  left:25px;
  width:52%;
  height:calc(100% - 160px);
  min-height:144px;
  max-height:238px;
  border:2px solid rgba(246,211,151,.9);
  border-radius:15px;
  background:rgba(244,248,243,.95);
  padding:6px;
  object-fit:contain;
  object-position:center;
  box-shadow:0 14px 32px rgba(0,0,0,.36),0 0 0 3px rgba(0,0,0,.11);
  filter:none!important;
  opacity:1!important;
  pointer-events:none;
}
html.mu-christmas-season .hero-main.hero-fading > #heroImage {
  opacity:0!important;
}
html.mu-christmas-season .hero-main .hero-copy {
  z-index:4;
  max-width:56%;
  left:26px;
  bottom:24px;
}
html.mu-christmas-season .hero-main .hero-copy h1 {
  font-size:clamp(23px,2.3vw,32px);
  line-height:1.08;
  overflow-wrap:anywhere;
}
@media (min-width:701px) and (max-width:1050px) {
  html.mu-christmas-season .hero-main > #heroImage {
    width:51%;
    height:calc(100% - 151px);
  }
  html.mu-christmas-season .hero-main .hero-copy {max-width:62%}
}
@media (max-width:700px) {
  html.mu-christmas-season .hero-main > #heroImage {
    top:13px;
    left:14px;
    width:51%;
    height:48%;
    min-height:0;
    max-height:none;
    padding:4px;
    border-radius:12px;
  }
  html.mu-christmas-season .hero-main .hero-copy {
    left:16px;
    bottom:14px;
    max-width:80%!important;
  }
  html.mu-christmas-season .hero-main .hero-copy h1 {
    font-size:clamp(18px,5.2vw,23px)!important;
    line-height:1.1;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
  }
}
@media (max-width:390px) {
  html.mu-christmas-season .hero-main > #heroImage {
    height:43%;
    width:50%;
  }
  html.mu-christmas-season .hero-main .hero-copy h1 {font-size:20px!important}
}


/* MU hero editorial product-first v3 · 2026-11-04
   El destacado muestra el archivo real; Navidad vive en el detalle, no encima de la foto.
*/
html.mu-christmas-season .hero-main {
  display:grid;
  grid-template-columns:minmax(0,58%) minmax(0,42%);
  height:340px!important;
  isolation:isolate;
  border:1px solid rgba(226,199,151,.85)!important;
  border-radius:18px!important;
  overflow:hidden;
  background:radial-gradient(ellipse at 97% 0,rgba(225,187,122,.13),transparent 67%),linear-gradient(120deg,#0c281f,#14392e)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.24),0 0 0 1px rgba(237,204,144,.08)!important;
}
html.mu-christmas-season .hero-main::before,
html.mu-christmas-season .hero-main::after {
  display:none!important;
  content:none!important;
  animation:none!important;
}
html.mu-christmas-season .hero-main > #heroImage {
  display:block;
  position:relative;
  grid-column:1;
  grid-row:1;
  z-index:1;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;
  object-fit:cover!important;
  object-position:center 46%!important;
  background:#112c25!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:none;
  transition:opacity .32s ease;
}
html.mu-christmas-season .hero-main.hero-fading > #heroImage{opacity:0!important}
html.mu-christmas-season .hero-main .hero-copy {
  display:flex;
  grid-column:2;
  grid-row:1;
  position:relative!important;
  z-index:2;
  left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
  width:100%;max-width:none!important;
  padding:clamp(20px,3vw,43px);
  justify-content:center;align-items:flex-start;flex-direction:column;
  text-align:left;
  text-shadow:none!important;
  background:transparent;
}
html.mu-christmas-season .hero-main .hero-copy > span:first-child {
  display:inline-flex;
  width:auto;
  border:1px solid rgba(235,203,142,.4)!important;
  border-radius:999px;
  padding:7px 11px;
  background:rgba(231,194,123,.11)!important;
  color:#eacc94!important;
  font-size:10px!important;
  line-height:1.2;
  letter-spacing:.035em!important;
  box-shadow:none!important;
}
html.mu-christmas-season .hero-main .hero-copy > span:first-child::before {
  content:"✦ "!important;
  margin-right:4px;
  color:#f2cf91!important;
}
html.mu-christmas-season .hero-main .hero-copy h1 {
  color:#fff9ed!important;
  margin:14px 0 6px;
  font-size:clamp(23px,2.4vw,34px)!important;
  letter-spacing:-.7px;
  line-height:1.15;
  text-shadow:none!important;
  overflow-wrap:break-word;
}
html.mu-christmas-season .hero-main .hero-copy p {display:none!important}
html.mu-christmas-season .hero-main .hero-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  padding:11px 16px;
  margin-top:16px;
  border-radius:10px;
  background:#e9c68c;
  color:#123127;
  font-size:12px;
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:0 6px 18px rgba(0,0,0,.15);
  transition:background .2s ease,transform .2s ease;
}
html.mu-christmas-season .hero-main:hover .hero-cta,
html.mu-christmas-season .hero-main:focus-visible .hero-cta {
  background:#f6d9a6;
  transform:translateY(-1px);
}
html.mu-christmas-season .hero-main .hero-cta-arrow{font-size:17px;font-weight:700;line-height:1}
html.mu-christmas-season .hero-side .mini {
  border:1px solid rgba(196,162,111,.68)!important;
  border-radius:15px;
}
@media(max-width:700px) {
  html.mu-christmas-season .hero-main {
    display:flex!important;
    flex-direction:column;
    height:auto!important;
    border-radius:17px!important;
  }
  html.mu-christmas-season .hero-main > #heroImage {
    display:block;
    flex:0 0 auto;
    width:100%!important;
    height:clamp(200px,57vw,255px)!important;
    min-height:0!important;
    max-height:none!important;
  }
  html.mu-christmas-season .hero-main .hero-copy {
    flex:0 0 auto;
    display:flex;
    padding:13px 16px 15px;
    max-width:none!important;
    background:linear-gradient(120deg,#102e25,#163f31);
  }
  html.mu-christmas-season .hero-main .hero-copy h1 {
    font-size:clamp(18px,4.9vw,21px)!important;
    line-height:1.15;
    margin:7px 0 0;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    overflow-wrap:break-word;
  }
  html.mu-christmas-season .hero-main .hero-cta {
    margin-top:10px;
    padding:8px 12px;
    font-size:11px;
  }
}
@media(max-width:390px){
  html.mu-christmas-season .hero-main .hero-copy{padding:12px 14px 14px}
  html.mu-christmas-season .hero-main .hero-copy h1{font-size:18px!important}
}
@media(prefers-reduced-motion:reduce) {
  html.mu-christmas-season .hero-main .hero-cta{transition:none!important}
}

/* Compact hero information on phones */
@media(max-width:700px){
  html.mu-christmas-season .hero-main .hero-copy > span:first-child{
    padding:5px 9px;
    font-size:9px!important;
  }
  html.mu-christmas-season .hero-main .hero-copy h1{
    -webkit-line-clamp:2;
    line-height:1.17;
  }
  html.mu-christmas-season .hero-main .hero-cta{
    border-radius:8px;
    box-shadow:none;
  }
}
