/* Efecto Wale — Edición especial Carnaval V4.7 Diseño aislado: no modifica la portada ni artículos generales. */ .carnaval-v47{ --carnival-ink:#151715; --carnival-paper:#f7f0e4; --carnival-blue:#2e8bc4; --carnival-yellow:#dfa817; --carnival-coral:#df624e; background:var(--carnival-paper);
}
.carnaval-v47 .site-header{ background:rgba(247,240,228,.94);
} /* Portada inmersiva */
.carnival-cover-v47{ position:relative; isolation:isolate; min-height:min(820px,calc(100svh - 94px)); display:flex; align-items:flex-end; overflow:hidden; background:var(--carnival-ink); color:#fff;
}
.carnival-cover-v47__media{ position:absolute; z-index:-3; inset:0;
}
.carnival-cover-v47__media picture,
.carnival-cover-v47__media img{width:100%;height:100%}
.carnival-cover-v47__media img{object-fit:cover;object-position:center 38%}
.carnival-cover-v47::before{ content:""; position:absolute; z-index:-2; inset:0; background: linear-gradient(90deg,rgba(12,13,12,.92) 0%,rgba(12,13,12,.71) 42%,rgba(12,13,12,.18) 78%), linear-gradient(0deg,rgba(12,13,12,.8) 0%,transparent 47%);
}
.carnival-cover-v47::after{ content:""; position:absolute; z-index:-1; right:-8vw; bottom:-24vw; width:55vw; aspect-ratio:1; border:1px solid rgba(255,255,255,.24); border-radius:50%; box-shadow:0 0 0 5vw rgba(223,168,23,.08),0 0 0 10vw rgba(46,139,196,.06);
}
.carnival-cover-v47__inner{ position:relative; width:100%; padding-top:80px; padding-bottom:clamp(58px,8vw,100px);
}
.carnival-cover-v47__kicker{ display:flex; align-items:center; gap:12px; margin:0 0 22px; color:#ffe39b; font-family:var(--font-display); font-size:.75rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase;
}
.carnival-cover-v47__kicker::before{content:"";width:42px;height:3px;background:var(--carnival-yellow)}
.carnival-cover-v47 h1{ max-width:10ch; margin:0 0 24px; color:#fff; font-size:clamp(4.1rem,9vw,8.7rem); line-height:.82; letter-spacing:-.078em;
}
.carnival-cover-v47__lead{ max-width:650px; margin:0; color:rgba(255,255,255,.76); font-size:clamp(1.08rem,1.7vw,1.35rem);
}
.carnival-cover-v47__actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:32px}
.carnival-cover-v47 .button--primary{background:var(--carnival-yellow);color:var(--carnival-ink)}
.carnival-cover-v47 .button--primary:hover{background:#fff;color:var(--carnival-ink)}
.carnival-cover-v47 .text-link{color:#fff}
.carnival-cover-v47__credit{ position:absolute; right:0; bottom:20px; max-width:320px; color:rgba(255,255,255,.5); font-size:.68rem; text-align:right;
} .carnival-chapter-nav-v47{ position:relative; top:auto; z-index:1; background:var(--carnival-yellow); color:var(--carnival-ink); border-bottom:1px solid rgba(21,23,21,.22);
}
.carnival-chapter-nav-v47 .shell{ display:flex; gap:clamp(22px,5vw,70px); overflow-x:auto; scrollbar-width:none;
}
.carnival-chapter-nav-v47 .shell::-webkit-scrollbar{display:none}
.carnival-chapter-nav-v47 a{ flex:0 0 auto; padding:17px 0; font-family:var(--font-display); font-size:.78rem; font-weight:850; letter-spacing:.07em; text-decoration:none; text-transform:uppercase;
}
.carnival-chapter-nav-v47 a:hover{color:var(--blue-dark)} /* Introducción */
.carnival-intro-v47{ position:relative; overflow:hidden; padding:clamp(84px,11vw,160px) 0; background:var(--carnival-paper);
}
.carnival-intro-v47::before{ content:"CARNAVAL"; position:absolute; left:50%; top:50%; color:rgba(21,23,21,.035); font-family:var(--font-display); font-size:clamp(7rem,21vw,20rem); font-weight:850; line-height:1; letter-spacing:-.08em; transform:translate(-50%,-50%); white-space:nowrap;
}
.carnival-intro-v47__grid{ position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr); align-items:start; gap:clamp(50px,9vw,125px);
}
.carnival-intro-v47__statement{ max-width:11ch; margin:0; font-family:var(--font-display); font-size:clamp(3.1rem,6.2vw,6.25rem); font-weight:850; line-height:.9; letter-spacing:-.065em;
}
.carnival-intro-v47__copy{ padding-top:10px; border-top:4px solid var(--carnival-blue); color:var(--ink-soft); font-size:clamp(1.04rem,1.5vw,1.2rem);
}
.carnival-intro-v47__copy strong{color:var(--carnival-ink)} /* Oficio + fotografía real */
.carnival-craft-v47{ padding:clamp(80px,10vw,145px) 0; background:var(--carnival-ink); color:#fff;
}
.carnival-craft-v47__grid{ display:grid; grid-template-columns:minmax(0,.86fr) minmax(460px,1.14fr); align-items:center; gap:clamp(46px,8vw,112px);
}
.carnival-craft-v47__copy{position:relative}
.carnival-v47 .carnival-kicker-v47{ margin:0 0 14px; color:#ffe39b; font-family:var(--font-display); font-size:.72rem; font-weight:850; letter-spacing:.13em; text-transform:uppercase;
}
.carnival-craft-v47 h2{ max-width:8ch; color:#fff; font-size:clamp(3.2rem,6vw,6.2rem);
}
.carnival-craft-v47__copy p:not(.carnival-kicker-v47){max-width:590px;color:rgba(255,255,255,.68)}
.carnival-craft-v47__word{ position:absolute; left:-.08em; bottom:-.7em; color:rgba(255,255,255,.045); font-family:var(--font-display); font-size:clamp(6rem,13vw,12rem); font-weight:850; line-height:.8; letter-spacing:-.08em; pointer-events:none;
}
.carnival-craft-v47__figure{position:relative;padding:30px 28px 0 0}
.carnival-craft-v47__figure::before{ content:""; position:absolute; right:0; top:0; width:72%; height:76%; border:1px solid rgba(255,255,255,.22); border-radius:30% 7% 24% 8%;
}
.carnival-craft-v47__media{ position:relative; overflow:hidden; aspect-ratio:4/3; border-radius:9% 28% 8% 22%; background:#242824;
}
.carnival-craft-v47__media img{width:100%;height:100%;object-fit:cover}
.carnival-craft-v47 figcaption{margin-top:12px;color:rgba(255,255,255,.48);font-size:.7rem}
.carnival-craft-v47 figcaption a{color:rgba(255,255,255,.76)} /* Comparsas: franjas tipográficas, no fichas */
.carnival-comparsas-v47{ position:relative; isolation:isolate; overflow:hidden; padding:clamp(86px,10vw,145px) 0; background:var(--carnival-blue); color:#fff;
}
.carnival-comparsas-v47::before{ content:""; position:absolute; z-index:-1; width:70vw; aspect-ratio:1; left:-32vw; top:-38vw; border:1px solid rgba(255,255,255,.26); border-radius:50%; box-shadow:0 0 0 5vw rgba(255,255,255,.035),0 0 0 10vw rgba(255,255,255,.025);
}
.carnival-comparsas-v47__head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,.55fr); align-items:end; gap:40px; margin-bottom:48px;
}
.carnival-comparsas-v47__head h2{max-width:10ch;margin:0;color:#fff}
.carnival-comparsas-v47__head p{margin:0;color:rgba(255,255,255,.72)}
.carnival-comparsas-v47__list{border-top:1px solid rgba(255,255,255,.3)}
.carnival-comparsa-v47{ display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.32fr); align-items:center; gap:28px; padding:19px 0 17px; border-bottom:1px solid rgba(255,255,255,.3);
}
.carnival-comparsa-v47 strong{ font-family:var(--font-display); font-size:clamp(2.65rem,6.6vw,6.5rem); font-weight:850; line-height:.82; letter-spacing:-.065em;
}
.carnival-comparsa-v47 span{ color:rgba(255,255,255,.66); font-size:.82rem; font-weight:750; letter-spacing:.08em; text-align:right; text-transform:uppercase;
}
.carnival-comparsa-v47:nth-child(2n) strong{padding-left:clamp(0px,8vw,110px)}
.carnival-comparsas-v47__note{max-width:770px;margin:32px 0 0;color:rgba(255,255,255,.68);font-size:.88rem} /* Corsódromo */
.carnival-corsodromo-v47{ padding:clamp(86px,11vw,150px) 0; background:var(--carnival-paper);
}
.carnival-corsodromo-v47__head{ display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.65fr); align-items:end; gap:50px; margin-bottom:54px;
}
.carnival-corsodromo-v47__head h2{max-width:10ch;margin:0}
.carnival-corsodromo-v47__head p{margin:0;color:var(--ink-soft)}
.carnival-sector-line-v47{ position:relative; padding:54px 0 30px;
}
.carnival-sector-line-v47::before{ content:""; position:absolute; left:0; right:0; top:24px; height:7px; border-radius:999px; background:linear-gradient(90deg,var(--carnival-coral),var(--carnival-yellow) 48%,var(--carnival-blue));
}
.carnival-sector-line-v47__points{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px;
}
.carnival-sector-line-v47__points article{position:relative;padding-top:26px}
.carnival-sector-line-v47__points article::before{ content:""; position:absolute; top:-38px; left:0; width:19px; aspect-ratio:1; border:5px solid var(--carnival-paper); border-radius:50%; background:var(--carnival-ink); box-shadow:0 0 0 1px rgba(21,23,21,.2);
}
.carnival-sector-line-v47__points h3{margin-bottom:8px}
.carnival-sector-line-v47__points p{color:var(--ink-soft);font-size:.92rem}
.carnival-corsodromo-v47__aside{ margin-top:38px; padding:24px 28px; border-left:6px solid var(--carnival-yellow); background:var(--paper-2); color:var(--ink-soft);
} /* Noche práctica */
.carnival-night-v47{ padding:clamp(86px,11vw,150px) 0; background:var(--carnival-yellow);
}
.carnival-night-v47__grid{ display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:clamp(50px,8vw,115px); align-items:start;
}
.carnival-night-v47 h2{max-width:9ch;font-size:clamp(3.05rem,5.5vw,5.7rem)}
.carnival-night-v47__stages{border-top:2px solid rgba(21,23,21,.7)}
.carnival-night-stage-v47{ display:grid; grid-template-columns:120px minmax(0,1fr); gap:24px; padding:24px 0; border-bottom:1px solid rgba(21,23,21,.28);
}
.carnival-night-stage-v47 strong{font-family:var(--font-display);font-size:1.15rem}
.carnival-night-stage-v47 p{margin:0;color:rgba(21,23,21,.72)}
.carnival-night-v47__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.carnival-night-v47 .button--primary{background:var(--carnival-ink);color:#fff} /* Estado */
.carnival-status-v47{ padding:clamp(70px,9vw,120px) 0; background:var(--carnival-ink); color:#fff;
}
.carnival-status-v47__grid{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr); gap:clamp(48px,8vw,105px); align-items:start;
}
.carnival-status-v47 h2{max-width:13ch;color:#fff}
.carnival-status-v47 p{color:rgba(255,255,255,.68)}
.carnival-status-v47 a{color:#ffe39b} @media(max-width:1000px){ .carnival-craft-v47__grid{grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:44px} .carnival-comparsas-v47__head,.carnival-corsodromo-v47__head{grid-template-columns:1fr;gap:18px}
} @media(max-width:820px){ .carnival-cover-v47{min-height:760px} .carnival-cover-v47::before{background:linear-gradient(0deg,rgba(12,13,12,.92) 0%,rgba(12,13,12,.58) 66%,rgba(12,13,12,.16) 100%)} .carnival-cover-v47__media img{object-position:61% center} .carnival-cover-v47 h1{font-size:clamp(4rem,15vw,6.3rem)} .carnival-cover-v47__credit{position:static;margin-top:24px;text-align:left} .carnival-intro-v47__grid,.carnival-craft-v47__grid,.carnival-night-v47__grid,.carnival-status-v47__grid{grid-template-columns:1fr} .carnival-intro-v47__copy{max-width:650px} .carnival-craft-v47__figure{max-width:680px} .carnival-comparsa-v47{grid-template-columns:1fr auto} .carnival-sector-line-v47__points{grid-template-columns:1fr} .carnival-sector-line-v47::before{left:8px;right:auto;top:0;bottom:0;width:6px;height:auto;background:linear-gradient(var(--carnival-coral),var(--carnival-yellow) 48%,var(--carnival-blue))} .carnival-sector-line-v47{padding:0 0 0 42px} .carnival-sector-line-v47__points article{padding:18px 0} .carnival-sector-line-v47__points article::before{top:24px;left:-43px}
} @media(max-width:600px){ .carnival-cover-v47{min-height:690px} .carnival-cover-v47__inner{padding-bottom:44px} .carnival-cover-v47 h1{font-size:clamp(3.85rem,18vw,5.2rem)} .carnival-cover-v47__lead{font-size:1rem} .carnival-cover-v47__actions{align-items:stretch;flex-direction:column} .carnival-cover-v47__actions .button{width:100%} .carnival-cover-v47__actions .text-link{text-align:center} .carnival-chapter-nav-v47{top:auto} .carnival-chapter-nav-v47 .shell{width:100%;padding-inline:20px} .carnival-intro-v47,.carnival-craft-v47,.carnival-comparsas-v47,.carnival-corsodromo-v47,.carnival-night-v47,.carnival-status-v47{padding:68px 0} .carnival-intro-v47__statement{font-size:clamp(3rem,14vw,4.45rem)} .carnival-craft-v47 h2{font-size:clamp(3rem,14vw,4.5rem)} .carnival-craft-v47__figure{padding:18px 14px 0 0} .carnival-craft-v47__media{aspect-ratio:4/3;border-radius:7% 19% 7% 15%} .carnival-comparsa-v47{grid-template-columns:1fr;padding:16px 0;gap:8px} .carnival-comparsa-v47:nth-child(2n) strong{padding-left:0} .carnival-comparsa-v47 span{text-align:left} .carnival-night-stage-v47{grid-template-columns:1fr;gap:5px} .carnival-night-v47__actions{display:grid} .carnival-night-v47__actions .button{width:100%}
}


/* V4.9.3 — galería editorial de las cinco comparsas */
.carnival-comparsas-v47{
  background:
    radial-gradient(circle at 50% 42%,rgba(225,171,43,.20),transparent 31%),
    radial-gradient(circle at 12% 60%,rgba(47,143,195,.25),transparent 34%),
    radial-gradient(circle at 88% 38%,rgba(223,90,73,.18),transparent 32%),
    #102b29;
}
.comparsa-gallery-v493{
  display:grid;
  grid-template-columns:.78fr .94fr 1.18fr .94fr .78fr;
  align-items:center;
  gap:clamp(10px,1.25vw,18px);
  min-height:clamp(440px,48vw,610px);
  padding:clamp(16px,2.4vw,30px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:32px;
  background:rgba(6,18,17,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 34px 90px rgba(0,0,0,.24);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.comparsa-panel-v493{
  --panel-accent:#fff;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:0;
  height:clamp(350px,39vw,510px);
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  background:#13201f;
  box-shadow:0 20px 45px rgba(0,0,0,.28);
  transform:translateZ(0);
  transition:transform .34s ease,filter .34s ease,box-shadow .34s ease;
}
.comparsa-panel-v493--outer{height:clamp(300px,33vw,430px);filter:saturate(.88) brightness(.84)}
.comparsa-panel-v493--near{height:clamp(340px,37vw,485px);filter:saturate(.95) brightness(.92)}
.comparsa-panel-v493--feature{
  height:clamp(410px,45vw,575px);
  border-color:color-mix(in srgb,var(--panel-accent) 65%,white 35%);
  box-shadow:0 30px 72px rgba(0,0,0,.42),0 0 42px color-mix(in srgb,var(--panel-accent) 23%,transparent);
}
.comparsa-panel-v493:hover,
.comparsa-panel-v493:focus-within{
  z-index:3;
  filter:none;
  transform:translateY(-9px) scale(1.025);
  box-shadow:0 32px 74px rgba(0,0,0,.46),0 0 48px color-mix(in srgb,var(--panel-accent) 25%,transparent);
}
.comparsa-panel-v493 > img{
  position:absolute;
  z-index:-3;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .65s cubic-bezier(.2,.7,.2,1);
}
.comparsa-panel-v493:hover > img{transform:scale(1.045)}
.comparsa-panel-v493__shade{
  position:absolute;
  z-index:-2;
  inset:0;
  background:
    linear-gradient(180deg,rgba(3,9,9,.12) 0%,rgba(3,9,9,.06) 34%,rgba(3,9,9,.86) 100%),
    linear-gradient(90deg,color-mix(in srgb,var(--panel-accent) 18%,transparent),transparent 52%);
}
.comparsa-panel-v493__content{
  display:flex;
  height:100%;
  flex-direction:column;
  justify-content:space-between;
  gap:24px;
  padding:clamp(16px,2vw,24px);
}
.comparsa-panel-v493__content>div:last-child{position:relative;z-index:2}
.comparsa-panel-v493__content p{
  margin:0 0 8px;
  color:rgba(255,255,255,.72);
  font-size:clamp(.58rem,.75vw,.72rem);
  font-weight:800;
  letter-spacing:.10em;
  line-height:1.3;
  text-transform:uppercase;
}
.comparsa-panel-v493 h3{
  max-width:none;
  margin:0 0 7px;
  color:#fff;
  font-size:clamp(1.45rem,2.25vw,2.75rem);
  letter-spacing:-.045em;
  line-height:.92;
}
.comparsa-panel-v493 small{
  display:block;
  color:rgba(255,255,255,.75);
  font-size:clamp(.7rem,.8vw,.82rem);
  font-weight:650;
}
.comparsa-crest-v493{
  position:relative;
  display:grid;
  width:clamp(64px,6.4vw,86px);
  aspect-ratio:1;
  place-items:center;
  border:2px solid rgba(255,255,255,.84);
  border-radius:50%;
  color:#fff;
  box-shadow:0 14px 30px rgba(0,0,0,.30),inset 0 0 0 5px rgba(255,255,255,.10);
  font-family:var(--font-display);
  font-size:clamp(1rem,1.6vw,1.45rem);
  font-weight:900;
  letter-spacing:-.05em;
}
.comparsa-crest-v493 span{position:relative;z-index:2}
.comparsa-crest-v493--logo{padding:0;background:#fff;border-color:rgba(255,255,255,.92);overflow:hidden}
.comparsa-crest-v493--logo img{position:static;z-index:auto;inset:auto;width:100%;height:100%;object-fit:contain;background:#fff;transform:none;transition:none}
.comparsa-crest-v493--logo-official{box-shadow:0 16px 34px rgba(0,0,0,.34),inset 0 0 0 5px rgba(255,255,255,.08)}
.comparsa-crest-v493::before,
.comparsa-crest-v493::after{content:"";position:absolute;pointer-events:none}
.comparsa-panel-v493--mari{--panel-accent:#dc3e34}
.comparsa-crest-v493--mari{background:radial-gradient(circle,#d84b40 0 45%,#171717 46% 100%)}
.comparsa-crest-v493--mari::before{inset:9px;border:1px solid rgba(255,255,255,.55);border-radius:50%}
.comparsa-crest-v493--mari::after{width:36%;height:18%;top:10%;border-top:3px solid #fff;border-radius:50%;transform:rotate(-8deg)}
.comparsa-panel-v493--papelitos{--panel-accent:#69c5ed}
.comparsa-crest-v493--papelitos{background:repeating-conic-gradient(from 0deg,#75cbea 0 15deg,#f6fbff 15deg 30deg)}
.comparsa-crest-v493--papelitos span{display:grid;width:54%;aspect-ratio:1;place-items:center;border-radius:50%;background:#2777a9;color:#fff}
.comparsa-panel-v493--ara{--panel-accent:#e8b62f}
.comparsa-crest-v493--ara{background:#111;border-color:#e8b62f;color:#e8b62f}
.comparsa-crest-v493--ara::before{inset:14px;background:radial-gradient(circle at 30% 32%,#e8b62f 0 8%,transparent 9%),radial-gradient(circle at 68% 25%,#e8b62f 0 7%,transparent 8%),radial-gradient(circle at 42% 72%,#e8b62f 0 9%,transparent 10%),radial-gradient(circle at 75% 68%,#e8b62f 0 6%,transparent 7%)}
.comparsa-panel-v493--obahia{--panel-accent:#54a9df}
.comparsa-crest-v493--obahia{background:repeating-conic-gradient(#175f9b 0 20deg,#eaf7ff 20deg 40deg);color:#114f82}
.comparsa-crest-v493--obahia span{display:grid;width:58%;aspect-ratio:1;place-items:center;border-radius:50%;background:#fff}
.comparsa-panel-v493--kamarr{--panel-accent:#caa65a}
.comparsa-crest-v493--kamarr{overflow:hidden;background:#101a2a;border-color:#d0b06d;color:#fff}
.comparsa-crest-v493--kamarr::before{width:64%;aspect-ratio:1;left:12%;top:13%;border-radius:50%;background:#d0b06d}
.comparsa-crest-v493--kamarr::after{width:58%;aspect-ratio:1;left:28%;top:8%;border-radius:50%;background:#101a2a}
.comparsa-crest-v493--kamarr span{margin-left:-7px}
@media(max-width:980px){
  .comparsa-gallery-v493{
    grid-template-columns:repeat(5,minmax(230px,1fr));
    align-items:center;
    min-height:0;
    overflow-x:auto;
    padding:22px;
    scroll-padding-inline:22px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .comparsa-gallery-v493::-webkit-scrollbar{display:none}
  .comparsa-panel-v493,
  .comparsa-panel-v493--outer,
  .comparsa-panel-v493--near,
  .comparsa-panel-v493--feature{
    height:430px;
    filter:none;
    scroll-snap-align:center;
  }
}
@media(max-width:600px){
  .comparsa-gallery-v493{
    width:calc(100% + 30px);
    margin-left:-15px;
    grid-template-columns:repeat(5,minmax(78vw,1fr));
    padding:18px 15px 22px;
    border-left:0;
    border-right:0;
    border-radius:0;
  }
  .comparsa-panel-v493,
  .comparsa-panel-v493--outer,
  .comparsa-panel-v493--near,
  .comparsa-panel-v493--feature{height:min(540px,118vw)}
  .comparsa-panel-v493:hover{transform:none}
  .comparsa-panel-v493__content{padding:22px}
  .comparsa-panel-v493 h3{font-size:clamp(2rem,10vw,3rem)}
}
@media(prefers-reduced-motion:reduce){
  .comparsa-panel-v493,.comparsa-panel-v493 > img{transition:none}
}

/* V5.1.1 — navegación de capítulos integrada al flujo; no flota sobre el contenido */
.carnival-chapter-nav-v47{position:relative;top:auto}
.carnival-chapter-nav-v47 + section{scroll-margin-top:120px}