#inicio .talleres-portada{min-width:0;padding:12px 0 30px 15px}
#inicio .taller-slide{margin:0;overflow:hidden;border:6px solid #fff;border-radius:18px;background:#fcf0f2;box-shadow:0 12px 35px #51270f16}
#inicio .taller-slide[hidden],#inicio .talleres-controles[hidden]{display:none!important}
#inicio .taller-slide a{display:block;color:#563b37;text-decoration:none}
#inicio .taller-slide img{display:block;width:100%;height:auto;aspect-ratio:1734/907;object-fit:contain}
#inicio .taller-evento{display:block;padding:14px 18px;text-align:center;font-size:16px;font-weight:600}
#inicio .talleres-controles{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:12px}
#inicio .talleres-controles button{width:44px;height:44px;border:1px solid #765651;border-radius:50%;background:#fff;color:#563b37;font-size:23px;cursor:pointer}
#inicio .talleres-portada a:focus-visible,#inicio .talleres-controles button:focus-visible{outline:3px solid #765651;outline-offset:3px}
@media(max-width:760px){#inicio .talleres-portada{padding:20px 0 15px;margin-top:0}#inicio .taller-slide{border-width:3px;border-radius:12px}}
#inicio .talleres-controles .taller-pausa{width:auto;min-width:84px;border-radius:22px;padding:0 12px;font-size:14px}

/* Dar prioridad al cartel y aprovechar el ancho de portada. */
#inicio.hero{max-width:1800px;grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:32px;padding-left:4%;padding-right:4%}
#inicio .hero-copy{padding-right:0;min-width:0}
#inicio .talleres-portada{width:100%;max-width:none;justify-self:stretch;padding:12px 0 20px;margin:0}
#inicio .taller-slide img{max-width:none}
@media(max-width:1000px){
  #inicio.hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-left:5%;padding-right:5%}
  #inicio .talleres-portada{padding:0 0 15px}
}
@media(max-width:480px){
  #inicio.hero{padding-left:4%;padding-right:4%}
  #inicio .talleres-controles{gap:12px}
}
/* En escritorio, reservar sitio para la franja APRENDER, CREAR y EMPRENDER. */
@media(min-width:1001px) and (min-height:600px){
  #inicio.hero{box-sizing:border-box;min-height:var(--portada-alto,0px);padding-top:12px;padding-bottom:12px;gap:24px}
  #inicio .talleres-portada{padding:0}
  #inicio .taller-slide img{height:clamp(180px,calc(var(--portada-alto,600px) - 140px),680px);aspect-ratio:auto;object-fit:contain}
  #inicio .taller-evento{padding:10px 12px;line-height:24px}
  #inicio .talleres-controles{margin-top:8px}
  #inicio .hero-copy h1{font-size:clamp(38px,calc(var(--portada-alto,600px) * .135),76px);line-height:1.04;margin-top:12px;margin-bottom:16px}
  #inicio .hero-copy .eyebrow{margin-top:0;margin-bottom:12px}
  #inicio .hero-copy .intro{font-size:clamp(15px,calc(var(--portada-alto,600px) * .034),20px);line-height:1.45;margin-top:0;margin-bottom:12px}
  #inicio .hero-copy .actions{margin-top:18px;margin-bottom:16px;gap:16px;flex-wrap:wrap}
  #inicio .hero-copy .location{margin-top:14px;margin-bottom:0}
}
/* Carteles completos, sin marco y con flechas superpuestas. */
#inicio .talleres-portada{position:relative;padding:0;justify-self:center}
#inicio .taller-slide{border:0;border-radius:12px;box-shadow:none;background:transparent}
#inicio .taller-slide img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:12px}
#inicio .taller-evento{background:#fcf0f2;line-height:24px;padding:10px 12px}
#inicio .talleres-controles{position:absolute;inset:0 0 44px;display:block;margin:0;pointer-events:none}
#inicio .taller-contador,#inicio .talleres-controles .taller-pausa{display:none!important}
#inicio .talleres-controles button.taller-anterior,#inicio .talleres-controles button.taller-siguiente{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;width:44px;height:44px;background:rgba(255,255,255,.94);border:1px solid #765651;color:#563b37;box-shadow:0 2px 8px #0002}
#inicio .taller-anterior{left:10px}
#inicio .taller-siguiente{right:10px}
@media(min-width:1001px) and (min-height:600px){
  #inicio .talleres-portada{width:min(100%,calc((var(--portada-alto,600px) - 68px) * 1.79));max-width:none}
  #inicio .taller-slide img{height:auto;aspect-ratio:auto}
}
@media(max-width:1000px){
  #inicio .talleres-portada{width:100%;padding:0}
}
/* La imagen ya enlaza al evento: retirar la franja de texto. */
#inicio .taller-evento{display:none!important}
#inicio .talleres-controles{inset:0}
@media(min-width:1001px) and (min-height:600px){
  #inicio .talleres-portada{width:min(100%,calc((var(--portada-alto,600px) - 24px) * 1.79))}
}