
/* ALDENA 4.4 · Cabecera más rica en Art Déco y columnas laterales visibles */
:root{
  --ald-header-height: 190px;
  --ald-column-inset: 14px;
  --ald-column-width: clamp(92px, 6.4vw, 118px);
}
html{scroll-padding-top:calc(var(--ald-header-height) + 12px)!important;}
[id]{scroll-margin-top:calc(var(--ald-header-height) + 10px)!important;}

/* Cabecera: cartela inspirada en el marco del título del libro I */
body > header.site-header.ald-deco-header{
  background:linear-gradient(180deg,#020b16 0%, #061120 52%, #071321 100%)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.52), 0 1px 0 #c58d42!important;
}
body .ald-deco-header .ald-top-rail{
  position:relative;
  min-height:126px!important;
  padding:18px 20px 22px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible!important;
}
body .ald-deco-header .ald-top-rail::before,
body .ald-deco-header .ald-top-rail::after{
  content:none!important;
  display:none!important;
}
body .ald-deco-header .brand{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  width:min(100%, 1040px)!important;
  max-width:calc(100% - 36px)!important;
  min-height:120px!important;
  padding:26px 76px 30px!important;
  border:0!important;
  clip-path:none!important;
  isolation:isolate!important;
  background-image:url('../images/frames/frame-title-gold.svg'), linear-gradient(180deg, rgba(6,17,32,.98), rgba(7,19,34,.97));
  background-repeat:no-repeat, no-repeat;
  background-size:100% 100%, 100% 100%;
  background-position:center center, center center;
  box-shadow:0 10px 28px rgba(0,0,0,.42), 0 0 24px rgba(206,155,71,.12)!important;
}
body .ald-deco-header .brand::before,
body .ald-deco-header .brand::after{
  content:none!important;
  display:none!important;
}
body .ald-deco-header .brand-words{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
}
body .ald-deco-header .brand-words strong{
  font-size:clamp(1.4rem, 2.9vw, 3rem)!important;
  letter-spacing:.08em!important;
  color:#f4d089!important;
  text-shadow:0 1px 0 #7f5827, 0 2px 12px rgba(0,0,0,.82), 0 0 18px rgba(228,180,88,.18)!important;
}
body .ald-deco-header .brand-words small{
  font-size:clamp(.56rem, .85vw, .82rem)!important;
  letter-spacing:.35em!important;
  color:#f1cd8e!important;
  text-shadow:0 1px 6px rgba(0,0,0,.75)!important;
  margin-top:0!important;
}
body .ald-nav-rail{
  position:relative!important;
  z-index:501!important;
  padding:8px 0 12px!important;
  background:linear-gradient(180deg,rgba(5,14,25,.98),rgba(6,15,27,.98))!important;
  border-top:1px solid rgba(198,140,59,.45);
  border-bottom:1px solid rgba(198,140,59,.55);
}

/* Columnas laterales: siempre visibles y separadas del scrollbar */
body > .ald-side-column{
  position:fixed;
  top:calc(var(--ald-header-height) + 8px)!important;
  bottom:14px!important;
  width:var(--ald-column-width)!important;
  z-index:18!important;
  pointer-events:none;
  overflow:hidden;
  background:linear-gradient(180deg,#071321 0%, #0a1a2d 50%, #071321 100%)!important;
  border:1px solid #b8843d!important;
  box-shadow:inset 0 0 0 2px #07111d, inset 0 0 0 3px rgba(206,155,71,.75), inset 0 0 0 8px #081523, 0 0 18px rgba(0,0,0,.45)!important;
}
body > .ald-side-column--left{left:var(--ald-column-inset)!important; right:auto!important;}
body > .ald-side-column--right{right:var(--ald-column-inset)!important; left:auto!important;}
body > .ald-side-column::before{
  content:'';
  position:absolute;
  inset:8px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  opacity:1;
}
body > .ald-side-column--left::before{background-image:url('../images/ornamento-izquierdo-v4.webp');}
body > .ald-side-column--right::before{background-image:url('../images/ornamento-derecho-v4.webp');}
body > .ald-side-column::after{
  content:'';
  position:absolute;
  inset:12px 10px;
  border-left:1px solid rgba(243,205,142,.72);
  border-right:1px solid rgba(243,205,142,.72);
  box-shadow:inset 3px 0 0 rgba(28,20,9,.58), inset -3px 0 0 rgba(28,20,9,.58);
  opacity:.92;
}

@media (min-width: 1351px){
  body main .section > .wrap{max-width:calc(100% - (2 * (var(--ald-column-width) + var(--ald-column-inset) + 38px)))!important;}
  body .page-shell > .wrap,
  body .aldena-illustrations .gallery-container,
  body .site-inner > .wrap{max-width:calc(100% - (2 * (var(--ald-column-width) + var(--ald-column-inset) + 28px)))!important;}
}
@media (max-width: 1350px){
  body > .ald-side-column{display:none!important;}
}
@media (max-width: 1279px){
  :root{--ald-header-height: 140px;}
  body .ald-deco-header .ald-top-rail{min-height:92px!important;padding:12px 70px 14px 14px!important;}
  body .ald-deco-header .brand{min-height:82px!important;padding:14px 48px 18px!important;max-width:calc(100% - 54px)!important;}
  body .ald-deco-header .brand-words strong{font-size:clamp(1rem, 2.8vw, 1.7rem)!important;letter-spacing:.05em!important;}
  body .ald-deco-header .brand-words small{font-size:.48rem!important;letter-spacing:.18em!important;}
}
@media (max-width: 650px){
  :root{--ald-header-height: 122px;}
  body .ald-deco-header .ald-top-rail{min-height:78px!important;padding:10px 58px 12px 10px!important;}
  body .ald-deco-header .brand{min-height:66px!important;padding:10px 32px 13px!important;max-width:calc(100% - 40px)!important;}
  body .ald-deco-header .brand-words strong{font-size:clamp(.86rem, 4vw, 1.15rem)!important;letter-spacing:.03em!important;}
  body .ald-deco-header .brand-words small{font-size:.36rem!important;letter-spacing:.1em!important;}
}
