/* =========================================================
   Mallorcària · The Warehouse — SPLIT LANDING (front-page)
   ========================================================= */
:root{
  --burdeos:#5B1E2D;
  --burdeos-dark:#3d121d;
  --crema:#F4F0E8;
  --piedra:#D8CBB8;
  --oliva:#4B5A46;
  --carbon:#1F1F1F;
}
body.mw-landing{margin:0;font-family:'Inter',sans-serif;overflow:hidden;background:var(--carbon);color:var(--carbon)}
body.mw-landing #wpadminbar{position:fixed}
.mw-landing *{box-sizing:border-box}

.split{display:flex;height:100vh;width:100%;position:relative}
.panel{
  position:relative;flex:1 1 50%;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  padding:6vh 5vw;cursor:pointer;overflow:hidden;text-decoration:none;
  transition:flex-grow .7s cubic-bezier(.7,0,.2,1);
}
@media(hover:hover) and (min-width:900px){
  .split:hover .panel{flex-grow:.85}
  .split:hover .panel:hover{flex-grow:1.3}
  .panel:hover .panel__cta{opacity:1;transform:translateY(0)}
  .panel:hover .panel__bg{transform:scale(1.06)}
}
.panel__bg{position:absolute;inset:0;z-index:0;transition:transform 1.2s cubic-bezier(.7,0,.2,1)}
.panel__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}

.mallorcaria .panel__bg{background:radial-gradient(120% 80% at 50% 0%, #fbf7ef 0%, var(--crema) 55%, var(--piedra) 140%)}
.mallorcaria::after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(transparent, rgba(91,30,45,.25), transparent);z-index:3}
.mallorcaria .logo{width:min(440px,72%);filter:drop-shadow(0 8px 24px rgba(91,30,45,.10))}
.mallorcaria .panel__kicker{color:var(--burdeos)}
.mallorcaria .panel__tag{color:#7a6a52}
.mallorcaria .panel__cta{color:var(--burdeos);border-color:var(--burdeos)}
.mallorcaria .panel__cta:hover{background:var(--burdeos);color:var(--crema)}

.warehouse .panel__bg{background:radial-gradient(120% 90% at 50% 30%, #6e2738 0%, var(--burdeos) 45%, var(--burdeos-dark) 100%)}
.warehouse .panel__bg::before{content:"";position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 120%, rgba(0,0,0,.45), transparent 70%)}
.warehouse .logo{width:min(360px,64%);filter:drop-shadow(0 10px 30px rgba(0,0,0,.35))}
.warehouse .panel__kicker{color:var(--piedra)}
.warehouse .panel__tag{color:rgba(244,240,232,.7)}
.warehouse .panel__cta{color:var(--crema);border-color:rgba(244,240,232,.6)}
.warehouse .panel__cta:hover{background:var(--crema);color:var(--burdeos);border-color:var(--crema)}

.panel__kicker{font-weight:500;font-size:.72rem;letter-spacing:.42em;text-transform:uppercase;margin-bottom:2.4rem;opacity:.85}
.logo{display:block;margin:0 auto}
.panel__tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.15rem,2.1vw,1.7rem);letter-spacing:.02em;margin-top:1.8rem}
.panel__cta{
  margin-top:2.6rem;display:inline-flex;align-items:center;gap:.6em;
  font-size:.74rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;
  padding:.95em 2.1em;border:1px solid;border-radius:2px;background:transparent;
  transition:all .4s ease, opacity .5s ease .1s, transform .5s ease .1s;
}
@media(hover:hover) and (min-width:900px){.panel__cta{opacity:.55;transform:translateY(6px)}}
.panel__cta .arrow{transition:transform .35s ease}
.panel__cta:hover .arrow{transform:translateX(4px)}

.center-badge{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;pointer-events:none;width:64px;height:64px;border-radius:50%;background:var(--carbon);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(0,0,0,.4);border:1px solid rgba(244,240,232,.18)}
.center-badge span{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--crema);font-size:1.5rem;line-height:1}
.corner{position:fixed;z-index:11;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;font-weight:500}
.corner.tl{top:26px;left:32px;color:var(--burdeos);opacity:.7}
.corner.tr{top:26px;right:32px;color:var(--crema);opacity:.7;text-align:right}

.landing-legal{position:fixed;left:0;right:0;bottom:18px;z-index:11;text-align:center;pointer-events:none}
.landing-legal .mllc-legal{display:inline-flex;margin:0;padding:7px 16px;border-radius:50px;background:rgba(31,31,31,.78);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;pointer-events:auto}
.landing-legal .mllc-legal a,.landing-legal .mllc-legal span{color:var(--crema)}

.corner.tr .mllc-idiomas{font-size:.62rem;letter-spacing:.3em;gap:8px}
.corner.tr .mllc-idiomas a{color:var(--crema)}

@media(max-width:899px){
  body.mw-landing{overflow-y:auto}
  .split{flex-direction:column;height:auto;min-height:100vh}
  .panel{min-height:60vh;padding:9vh 8vw}
  .mallorcaria::after{display:none}
  .center-badge,.corner.tl{display:none}
  .corner.tr{position:absolute;top:18px;right:18px}
  .corner.tr .mllc-idiomas a,.corner.tr .mllc-idiomas__sep{color:var(--burdeos)}
  .landing-legal{position:static;background:var(--carbon);padding:14px 16px 20px}
  .landing-legal .mllc-legal{background:none;padding:0}
  .panel__cta{opacity:1;transform:none}
}