/* Identidad y "Quiénes somos" — editorial, cálido y con movimiento ambiental.
   Sin scroll triggers: el programa, los boletos y el mapa quedan independientes. */

/* Un único logotipo: el mismo SVG oficial empleado por el administrador. */
.nav .pde-official-brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:clamp(130px,11.5vw,173px);
  flex-shrink:0;
  transform:rotate(-3deg);
  transform-origin:center;
  transition:transform .35s cubic-bezier(.2,.75,.2,1),filter .35s ease;
}
.nav .pde-official-brand img{
  display:block;
  width:100%;
  height:auto;
  max-height:74px;
  object-fit:contain;
  filter:drop-shadow(2px 3px 0 rgba(17,12,24,.38));
}
.nav .pde-official-brand:hover,
.nav .pde-official-brand:focus-visible{transform:rotate(0deg) translateY(-2px)}
@media(max-width:780px){
  .nav .pde-official-brand{width:132px}
  .nav .pde-official-brand img{max-height:60px}
  .pde-mobile-menu-head{align-items:center;min-height:62px}
  .pde-mobile-menu-head img{
    width:clamp(118px,37vw,151px);
    max-width:56%;
    height:auto;
    max-height:68px;
    object-fit:contain;
    filter:drop-shadow(2px 3px 0 rgba(23,19,25,.18));
  }
  .pde-mobile-menu-head small{flex-shrink:0}
}

/* El crema procede del propio administrador: no es blanco puro. */
.concept-section{
  position:relative;
  isolation:isolate;
  width:100%;
  overflow:hidden;
  background:#f9f5e9;
  border-bottom:1px solid rgba(23,19,25,.12);
}
.concept-section::before{
  content:"";
  position:absolute;
  inset:-8%;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(ellipse 42% 55% at 82% 40%,rgba(220,223,255,.53),transparent 83%),
    radial-gradient(ellipse 45% 54% at 8% 83%,rgba(255,213,232,.48),transparent 80%),
    radial-gradient(ellipse 48% 60% at 54% 6%,rgba(255,251,233,.86),transparent 78%);
  animation:pdeConceptLight 17s ease-in-out infinite alternate;
}
.concept-section::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(45vw,500px);
  aspect-ratio:1;
  right:-17%;
  top:5%;
  border:1px solid rgba(23,21,232,.11);
  border-radius:46% 54% 52% 48%;
  transform:rotate(-13deg);
  pointer-events:none;
}
.concept-section .concept-layout{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1370px;
  padding-block:clamp(90px,9vw,136px);
  gap:clamp(35px,6vw,100px);
}
.concept-section .concept-copy{position:relative;min-width:0}
.concept-section .section-kicker{
  color:#ee3727;
  text-shadow:1px 1px 0 rgba(255,255,255,.65);
}
.concept-section .concept-copy h2{
  color:#171319;
  line-height:.97;
  letter-spacing:-.024em;
  margin-top:22px;
  margin-bottom:31px;
  /* Doble impresión desplazada de la identidad PDE, sin alterar el layout. */
  text-shadow:4px 5px 0 #ff341b,8px 9px 0 #fff11f;
}
.concept-section .concept-copy h2 span{
  color:#1715e8!important;
  text-shadow:4px 5px 0 #20c4ff,8px 9px 0 #fff11f;
}
.concept-section .concept-copy .lead{
  max-width:575px;
  color:#28232d;
  font-family:var(--font-text);
  line-height:1.43;
  text-wrap:pretty;
}
.concept-section .highlight{
  background:#ffe2ed;
  box-shadow:5px 0 #ffe2ed,-3px 0 #ffe2ed;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  text-decoration:underline;
  text-decoration-color:#1715e8;
  text-decoration-thickness:2px;
  text-underline-offset:4px;
}
.concept-section .details{gap:11px;margin-top:31px}
.concept-section .detail-chip{
  background:#fffdf7;
  border:2px solid #171319;
  box-shadow:3px 4px 0 rgba(23,19,25,.88);
  border-radius:999px;
  font-family:var(--font-text);
  font-weight:800;
  transition:transform .25s ease,box-shadow .25s ease;
}
.concept-section .detail-chip:nth-child(2){background:#e7eaff}
.concept-section .detail-chip:nth-child(3){background:#f8e0ee}
.concept-section .detail-chip:hover{
  transform:translateY(-4px) rotate(-1deg);
  box-shadow:4px 8px 0 rgba(23,19,25,.82);
}

/* El cartel y su anotación respiran, sin movimiento dependiente del scroll. */
.concept-section .concept-art{
  position:relative;
  isolation:isolate;
  min-height:clamp(415px,38vw,570px);
  transform:none;
}
.concept-section .concept-art::before{
  color:#ffc9de;
  opacity:.64;
  font-size:clamp(290px,34vw,520px);
  animation:pdeConceptAsterisk 29s linear infinite;
  z-index:-1;
  filter:drop-shadow(0 0 18px rgba(252,198,223,.12));
}
.concept-section .concept-art img{
  display:block;
  width:auto;
  max-width:min(80%,410px);
  max-height:min(500px,65vw);
  height:auto;
  object-fit:contain;
  border:5px solid #171319;
  border-radius:27px 35px 25px 31px;
  background:#f5e3f0;
  box-shadow:12px 15px 0 #1715e8,20px 23px 0 rgba(255,77,163,.25);
  transform-origin:center;
  animation:pdeConceptFloat 6.8s ease-in-out infinite;
  transition:filter .35s ease,box-shadow .35s ease;
}
.concept-section .concept-art:hover img{
  animation-play-state:paused;
  filter:saturate(1.1) drop-shadow(0 7px 10px rgba(25,17,25,.1));
  box-shadow:15px 18px 0 #1715e8,22px 25px 0 rgba(255,77,163,.32);
}
.concept-section .concept-art .side-note{
  top:8%;
  left:0;
  z-index:5;
  border-radius:16px 21px 15px 20px;
  background:#d5f3ff;
  box-shadow:4px 5px 0 #171319;
  color:#171319;
  animation:pdeConceptNote 7.6s ease-in-out infinite;
}

@keyframes pdeConceptLight{
  0%{transform:translate3d(-1%,0,0);opacity:.85}
  100%{transform:translate3d(2%,1.5%,0);opacity:1}
}
@keyframes pdeConceptFloat{
  0%,100%{transform:translateY(2px) rotate(5deg)}
  50%{transform:translateY(-11px) rotate(2.6deg)}
}
@keyframes pdeConceptAsterisk{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes pdeConceptNote{
  0%,100%{transform:rotate(-10deg) translateY(0)}
  50%{transform:rotate(-7deg) translateY(-6px)}
}
@media(max-width:1000px){
  .concept-section .concept-layout{gap:30px}
  .concept-section .concept-art img{
    max-width:min(78%,365px);
    max-height:430px;
  }
}
@media(max-width:780px){
  .concept-section .concept-layout{
    padding:clamp(80px,11vw,100px) 23px clamp(80px,12vw,110px);
    gap:clamp(25px,4vw,49px);
  }
  .concept-section .concept-copy h2{
    font-size:clamp(62px,12.6vw,98px);
    line-height:.99;
    text-shadow:3px 4px 0 #ff341b,6px 7px 0 #fff11f;
  }
  .concept-section .concept-copy h2 span{
    text-shadow:3px 4px 0 #20c4ff,6px 7px 0 #fff11f;
  }
  .concept-section .concept-copy .lead{font-size:clamp(18px,4.6vw,23px)}
  .concept-section .concept-art{min-height:410px}
  .concept-section .concept-art img{max-width:min(75%,335px);max-height:405px}
  .concept-section .concept-art .side-note{left:3%;top:3%;font-size:19px}
  .concept-section .details{gap:8px}
  .concept-section .detail-chip{font-size:12px;padding:9px 12px;box-shadow:3px 4px 0 #171319}
}
@media(max-width:480px){
  .concept-section .concept-layout{padding-inline:17px;gap:22px}
  .concept-section .concept-copy h2{
    font-size:clamp(60px,14.2vw,81px);line-height:.96;margin-bottom:23px;
    text-shadow:2px 3px 0 #ff341b,4px 5px 0 #fff11f;
  }
  .concept-section .concept-copy h2 span{
    text-shadow:2px 3px 0 #20c4ff,4px 5px 0 #fff11f;
  }
  .concept-section .concept-art{min-height:350px}
  .concept-section .concept-art img{max-width:75%;max-height:340px;border-width:4px}
  .concept-section .concept-art .side-note{font-size:16px;padding:9px;left:0}
}
@media(prefers-reduced-motion:reduce){
  .concept-section::before,
  .concept-section .concept-art::before,
  .concept-section .concept-art img,
  .concept-section .concept-art .side-note{animation:none!important}
  .concept-section .concept-art img{transform:rotate(4deg)}
  .concept-section .detail-chip{transition:none}
}