/*** agrega aqui los estilos necesarios para modificar el template ***/


.announcement-bar__text {
    font-weight: 600;
    }
/* ===== Portada video ===== */
.pa-intro{
position:relative;
min-height:100vh;
display:flex;
align-items:center;
isolation:isolate;
background:var(--primary-color);
color:#fff;
}

.pa-intro__media{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:-1;
overflow:hidden;
}
.pa-intro__video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
border:0;
}
.pa-intro__overlay{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:linear-gradient(180deg,rgba(2,24,24,.55),rgba(2,24,24,.85));
}
.title-xl_pa{
font-family:var(--font-title-family);
font-weight:var(--font-bold);
font-size:2.25rem;
line-height:1.15;
}

@media (min-width:992px){
.title-xl_pa {
font-size:3rem;
}
}
.lead_pa{font-size:1.125rem;}
.text-accent_pa{color:var(--pa-accent);background:transparent;} /* sin caja oscura */
.btn-accent_pa{background:var(--pa-accent);border-color:var(--pa-accent);color:#fff}
.btn-accent_pa:hover{filter:brightness(.95);color:#fff}

/* ===== Bloque anuncio ===== */
.pa-announce{ color:var(--pa-fg); text-transform:uppercase; background:#00000029; padding-top:2rem; padding-bottom:2rem; }
.pa-announce__kicker{
  margin:0 0 .25rem; font-weight:700; letter-spacing:.18em; opacity:.95;
  font-size:clamp(.9rem,2.2vw,1.2rem); filter:drop-shadow(0 1px 0 var(--pa-shadow));
}
.pa-announce__headline{
  margin:0 0 .75rem; font-weight:var(--font-bold); line-height:1.02; letter-spacing:.01em;
  font-size:clamp(2rem,6.5vw,4.25rem);
}
.pa-announce__headline .w{
  display:inline-block; color:var(--pa-accent); font-style:italic; white-space:nowrap;
  filter:drop-shadow(0 2px 0 var(--pa-shadow));
}
.pa-announce__dates{ margin:.5rem 0 0; }
.pa-date{ margin:.65rem 0; }
.pa-date__badge{
  display:inline-block; background:var(--pa-accent); color:#021818; font-weight:800;
  letter-spacing:.18em; padding:.35rem .75rem; border-radius:.35rem;
}
.pa-date__place{ display:block; margin-top:.5rem; letter-spacing:.28em; font-weight:700; opacity:.95; font-size:clamp(.8rem,2.2vw,1rem); }

/* ===== Animaciones ===== */
@keyframes fadeUp{ from{opacity:0; transform:translateY(16px)} to{opacity:1; transform:translateY(0)} }
@keyframes popIn{
  0%{opacity:0; transform:translateY(14px) scale(.96)}
  60%{opacity:1; transform:translateY(-2px) scale(1.02)}
  100%{opacity:1; transform:translateY(0) scale(1)}
}

/* Loops constantes */
@keyframes floatY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)} }
@keyframes pulseBadge {
  0%,100%{ transform:translateY(0) scale(1); box-shadow:0 0 0 rgba(0,0,0,0) }
  50%{ transform:translateY(-1px) scale(1.03); box-shadow:0 8px 24px rgba(68,185,184,.25) }
}
@keyframes sheen {
  0%{ background-position:-150% 0 }
  100%{ background-position:250% 0 }
}

/* Estado inicial */
.pa-announce .w,
.pa-announce .pa-announce__kicker,
.pa-announce .pa-date__badge,
.pa-announce .pa-date__place{ opacity:0; }

/* Entrada + loop (cuando el contenedor tiene .is-in) */
.pa-announce.is-in .pa-announce__kicker{ animation:fadeUp .5s ease-out .05s both; }

/* Palabras: entran escalonadas y luego flotan en loop */
.pa-announce.is-in .pa-announce__headline .w:nth-child(1){
  animation: fadeUp .55s ease-out .15s both, floatY 6s ease-in-out 1.2s infinite;
}
.pa-announce.is-in .pa-announce__headline .w:nth-child(2){
  animation: fadeUp .55s ease-out .28s both, floatY 6s ease-in-out 1.35s infinite;
}
.pa-announce.is-in .pa-announce__headline .w:nth-child(3){
  animation: fadeUp .55s ease-out .41s both, floatY 6s ease-in-out 1.5s infinite;
}

/* Fechas: pop de entrada + pulso + brillo periódicos */
.pa-announce.is-in .pa-date:nth-child(1) .pa-date__badge{
  animation: popIn .6s cubic-bezier(.2,.9,.25,1) .58s both,
             pulseBadge 5.5s ease-in-out 2.1s infinite,
             sheen 4.5s ease 2.1s infinite;
  background-image:linear-gradient(90deg, var(--pa-accent) 0%, var(--pa-accent) 40%, rgba(255,255,255,.35) 50%, var(--pa-accent) 60%, var(--pa-accent) 100%);
  background-size:200% 100%;
}
.pa-announce.is-in .pa-date:nth-child(1) .pa-date__place{ animation: fadeUp .5s ease-out .68s both; }

.pa-announce.is-in .pa-date:nth-child(2) .pa-date__badge{
  animation: popIn .6s cubic-bezier(.2,.9,.25,1) .84s both,
             pulseBadge 5.5s ease-in-out 3.1s infinite,
             sheen 4.5s ease 3.1s infinite;
  background-image:linear-gradient(90deg, var(--pa-accent) 0%, var(--pa-accent) 40%,rgba(255,255,255,.35) 50%, var(--pa-accent) 60%, var(--pa-accent) 100%);
  background-size:200% 100%;
}
.pa-announce.is-in .pa-date:nth-child(2) .pa-date__place{ animation: fadeUp .5s ease-out .94s both; }

/* Accesibilidad */
@media (prefers-reduced-motion:reduce){
  .pa-announce.is-in *{ animation:none !important; opacity:1 !important; transform:none !important; }
}

   .pa-pitch{padding:4rem 0;background:#fff;color:var(--body-txt-default-color)}
  .pa-pitch__title{
    font-family:var(--font-title-family);
    font-weight:var(--font-bold);
    color:var(--primary-color);
    font-size:2rem; line-height:1.15; text-align:center; margin-bottom:1rem;
  }
  @media (min-width:992px){
  .pa-pitch__title: font-size:2.75rem;
  }
  }

  .pa-pitch__label{
    display:inline-block;
    background:var(--primary-color);
    color:var(--pa-accent);
    font-style:italic;
    text-transform:uppercase;
    letter-spacing:.06em;
    padding:.35rem .75rem;
    border-radius:var(--default-border-radius);
    margin:.25rem 0 1.25rem;
    font-size: 2.5rem;
  }

  .pa-pitch__lead{
    font-size:1.125rem; text-align:center; max-width:920px; margin:0 auto 2rem; color:#222;
  }
  .pa-pitch__sub{ text-align:center; font-weight:var(--font-bold); margin:1.25rem 0 1rem; color:#000; }

  .pa-pitch__list{max-width:820px;margin:0 auto 1.25rem;padding-left:0}
  .pa-pitch__item{display:flex; align-items:flex-start; margin-bottom:1rem}
  /* Estilo del icono FA */
  .pa-pitch__icon{font-size:1.35rem; color:var(--pa-accent); line-height:1; margin-right:.75rem;}
  .pa-pitch__text{margin:0; color:#555}
  .pa-pitch__extra{max-width:820px;margin:.5rem auto 2rem; color:#555}

  .pa-pitch__strip{
    display:inline-block; background:var(--primary-color); color:#fff;
    font-style:italic; padding:.5rem .75rem; border-radius:var(--default-border-radius);
    letter-spacing:.02em; margin:1rem 0 2rem;
  }

  .btn-accent_pa{background:#44B9B8;border-color:#44B9B8;color:#fff}
  .btn-accent_pa:hover{filter:brightness(.95);color:#fff}


  /* Tercera sección */
  .pa-learn{
    position:relative; color:#fff; padding:4rem 0 2.5rem;
    background:#021818 url('https://dojiw2m9tvv09.cloudfront.net/4/18/fondo-workshop-piloto-automatico.png') center/cover no-repeat fixed;
    overflow:hidden; isolation:isolate;
  }
  .pa-learn::before{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(2,24,24,.85), rgba(2,24,24,.88));
    z-index:0;
  }
  .pa-learn__wrap{ position:relative; z-index:1; }

  /* Título con subrayados laterales */
  .pa-learn__title{
    font-family:var(--font-title-family); font-weight:var(--font-bold);
    text-align:center; margin:0 auto 2rem; line-height:1.2; color:#EAF6F5;
    font-size:2rem;
  }
  @media (min-width:992px){ .pa-learn__title{ font-size:2.5rem } }
  .pa-learn__rule{
    height:2px; background:rgba(255,255,255,.18); width:100%;
  }

  /* Módulos */
  .pa-learn__grid{ max-width:1040px; margin:2rem auto 1.25rem; }
  .pa-learn__item{ display:flex; align-items:flex-start; margin-bottom:1.75rem; }
  .pa-learn__icon{
    flex:0 0 44px; width:44px; height:44px; margin-right:12px; color:var(--pa-accent);
  }
  .pa-learn__h{
    margin:0 0 .25rem; font-weight:var(--font-bold); text-transform:uppercase; color:#F4FFFF;
    font-size:1rem; letter-spacing:.02em;
  }
  .pa-learn__p{ margin:0; color:#DCE7E6; }

  /* CTA */
.btn-accent_pa {
    background: var(--primary-color);
    border-color: var(--pa-accent);
    color: var(--pa-accent);
    font-weight: 700;
}
  .btn-accent_pa:hover{ filter:brightness(.95); color:#fff }

  /* Galería mosaico */
  .pa-learn__gallery{
    display:grid; grid-gap:12px; margin-top:2rem;
    grid-template-columns: 2fr 1fr 1fr; grid-auto-rows: 180px;
  }
  .pa-learn__gallery .g1{ grid-row: span 2; } /* pieza grande izquierda */
  .pa-learn__gallery img{
    width:100%; height:100%; object-fit:cover; display:block; border-radius:var(--default-border-radius);
  }
  @media (max-width:991.98px){
    .pa-learn{padding:3rem 0 2rem}
    .pa-learn__gallery{ grid-template-columns:1fr 1fr; grid-auto-rows: 160px; }
    .pa-learn__gallery .g1{ grid-column: span 2; grid-row: span 1; height:240px }
  }
  @media (max-width:575.98px){
    .pa-learn__gallery{ grid-template-columns:1fr; grid-auto-rows: 180px; }
    .pa-learn__gallery .g1{ grid-column: auto; height:220px }
  }

  .pa-banner{
    position:relative; min-height:68vh; /* altura móvil */
    display:flex; align-items:center; overflow:hidden;
    color:#fff; background:var(--primary-color); isolation:isolate;
  }
  @media (min-width:992px){ .pa-banner{ min-height:78vh; } } /* altura desktop */

  /* Capa de imagen que se mueve con parallax (JS) */
  .pa-banner__bg{
    position:absolute; top:-10vh; left:0; right:0; bottom:-10vh; z-index:-2;
    will-change:transform;
  }
  .pa-banner__img{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; object-position:center 50%;
    transform:translateY(0);
  }

  /* Overlay para legibilidad del texto */
  .pa-banner__overlay{
    position:absolute; inset:0; z-index:-1;
    background:linear-gradient(90deg,
      rgba(2,24,24,.82) 0%,
      rgba(2,24,24,.66) 40%,
      rgba(2,24,24,.40) 80%);
  }

  .pa-banner__title{
    font-family:var(--font-title-family);
    font-weight:var(--font-bold);
    letter-spacing:-.02em; line-height:1.03;
    text-shadow:0 2px 14px rgba(0,0,0,.35);
    font-size:2rem; margin:0;
  }
  @media (min-width:768px){ .pa-banner__title{ font-size:3rem; } }
  @media (min-width:1200px){ .pa-banner__title{ font-size:3.6rem; } }

  /* Fallback simple: parallax CSS con background-attachment:fixed en desktop */
  @media (hover:hover) and (min-width:992px){
    .pa-banner--fixed{
      background-image:url('https://dojiw2m9tvv09.cloudfront.net/4/18/piloto-automatico-slider.webp');
      background-size:cover; background-position:center 50%; background-attachment:fixed;
    }
    .pa-banner--fixed .pa-banner__bg{ display:none; }
  }
  

  /* Sección expertos */
.pa-experts {
  padding-top: 4.5rem;          
  padding-bottom: 3rem;
  margin-top: 1.5rem;           
  border-top: 1px solid transparent; 
}

/* Título grande con respiro */
.pa-experts__title{
  margin: 0 0 1.75rem;
  font-weight: var(--font-bold);
  text-transform: uppercase;
  line-height: 1.02;
  font-size: clamp(2rem, 4.8vw, 3.8rem);
}
.pa-experts__role {
    background: var(--pa-accent);
}
/* Tarjetas */
.pa-experts__card{ margin-bottom: 2rem; 
}

/* IMG: recorte garantizado (vence height:auto de Bootstrap) */
#expertos .pa-experts__img {
  display:block;
  width:100%;
  height: clamp(260px, 32vw, 440px) !important;
  object-fit: cover;                 
  object-position: 50% 30%;          
  border-radius: var(--default-border-radius);
}

/* relacionados */
.pa-related--bleed{
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(12% - 35vw);
}


/* “Chueco” sutil, sin pegarse arriba */
@media (min-width: 992px){
  #expertos .pa-experts__card--nudge-up{   margin-top:-8px; }
  #expertos .pa-experts__card--nudge-down{ margin-top:16px; }
  .pa-related--bleed{
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(12% - 50vw);
}
}
/* En mobile, apilado limpio */
@media (max-width: 991.98px){
  #expertos .pa-experts__card--nudge-up,
  #expertos .pa-experts__card--nudge-down{ margin-top:0; }
}

.pa-ticket__features li{
  display:flex; align-items:flex-start;
  line-height:1.35; margin:.35rem 0;
}
.pa-ticket__features .pa-ico{
  width:1.1em; height:1.1em; margin-right:.5rem; flex:0 0 1.1em;
  stroke:currentColor; fill:none;
}

/* En pantallas grandes */
@media (min-width: 1200px){
  .pa-related--bleed .bs-collection__title,
  .pa-related--bleed [data-bs="slider"]{
    padding-left: 30px; padding-right: 30px;
  }
}
/* ====== TICKETS  EXTERNOS FLOW ====== */
/* ====== TICKETS (externos) ====== */
.pa-tickets{ padding:2.25rem 0; }
.pa-tickets__title{
  font-family:var(--font-title-family);
  font-weight:var(--font-bold);
  text-transform:uppercase;
  letter-spacing:.02em;
  margin:0 0 .25rem;
}
.pa-tickets__subtitle{ opacity:.85; margin:0 0 1rem; }

/* Card */
.pa-ticket__card{
  background:rgba(2,24,24,.85);
  color:#fff;
  border:1px solid rgba(68,185,184,.25);
  border-radius:var(--default-border-radius);
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.pa-ticket__card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 40px rgba(0,0,0,.25);
  border-color:rgba(68,185,184,.5);
}

/* Destacada */
.pa-ticket__card.is-featured{
  border-width:2px;
  border-color:var(--pa-accent);
  box-shadow:0 18px 46px rgba(68,185,184,.18);
}

/* Imagen (ratio 1:1 para tus artes cuadrados) */
.pa-ticket__media{
  position:relative;
  padding-top:100%;
  background:rgba(0,0,0,.25);
}
.pa-ticket__media img{
  position:absolute; left:0; top:0; right:0; bottom:0;
  width:100%; height:100%; object-fit:cover;
}

/* Body */
.pa-ticket__body{ padding:1rem 1.125rem; }
.pa-ticket__name{
  font-weight:var(--font-bold);
  font-size:1.15rem;
  margin:0 0 .75rem;
}
