/* Extraído literalmente del sitio estático: los mismos bytes, sin reescribir
   ni reordenar. Los cortes caen en límite de regla. Sólo: talleres/ampliacion-byn/index.html, talleres/ampliacion-experimental/index.html, talleres/cianotipia/index.html, talleres/emulsion-liquida/index.html, talleres/fotogramas/index.html, talleres/introduccion-analogica/index.html, talleres/pinhole/index.html, talleres/revelado-byn/index.html, talleres/revelado-color-c41/index.html */
/* ============ DETALLE DE TALLER ============ */
.backlink{display:inline-block;font-family:'Roboto Mono',ui-monospace,monospace;font-size:1.25rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.55);text-decoration:none;margin-bottom:var(--space-m);}
.backlink:hover{color:var(--tertiary);}
.tdhead{padding-bottom:0;}
.tdhead__row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-l);flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:var(--space-m);}
.tdhead__meta{display:flex;gap:clamp(2.4rem,4vw,5rem);margin-top:var(--space-l);padding-top:var(--space-m);border-top:1px solid var(--line);}
.tdmeta{display:flex;flex-direction:column;gap:.4rem;}
.tdmeta__k{font-family:'Roboto Mono',ui-monospace,monospace;font-size:1.15rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:.5rem;}
.tdmeta__v{font-family:Rubik,sans-serif;font-weight:700;font-size:var(--text-xl);line-height:1;}
.tdmeta__note{display:block;font-family:'Roboto Mono',ui-monospace,monospace;font-size:1.1rem;color:rgba(255,255,255,.45);margin-top:.5rem;}
.tdgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2.4rem,4vw,6rem);align-items:start;}
.tdphoto{border-radius:12px;overflow:hidden;margin-bottom:var(--space-m);}
.tdphoto img{width:100%;height:clamp(28rem,32vw,42rem);object-fit:cover;display:block;}
.tdcol p{font-size:var(--text-m);color:rgba(255,255,255,.8);margin-bottom:1.2em;max-width:60ch;}
.tddate{font-family:Rubik,sans-serif;font-weight:600;font-size:var(--text-l);margin:var(--space-m) 0;padding-left:1.4rem;border-left:3px solid var(--tertiary);}
.tdlist{list-style:none;display:flex;flex-direction:column;gap:1.1rem;margin-top:var(--space-m);}
.tdlist li{display:flex;gap:1.4rem;font-size:1.5rem;color:rgba(255,255,255,.78);border-top:1px solid var(--line);padding-top:1.1rem;}
.tdlist__k{flex:0 0 9rem;font-family:'Roboto Mono',ui-monospace,monospace;font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.42);padding-top:.35rem;}
/* columna del formulario */
.tdform{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:clamp(2rem,2.4vw,3rem);}
.tdform__title{font-family:Rubik,sans-serif;font-weight:700;font-size:clamp(1.9rem,2vw,2.4rem);line-height:1.25;color:#fff;text-transform:uppercase;margin-bottom:1.6rem;}
.tdform__sub{font-size:1.45rem;color:rgba(255,255,255,.6);margin-bottom:2rem;}
.tdform__embed{background:transparent;border-radius:8px;overflow:hidden;}
.tdform__embed iframe{display:block;border:0;width:100%;height:auto;}
/* el botón del embed adopta la marca */
.tdform__embed button,.tdform__embed .fillout-button,.tdform__embed [role="button"]{
  width:100%!important;font-family:'Roboto Mono',ui-monospace,monospace!important;font-weight:600!important;
  letter-spacing:.1em!important;text-transform:uppercase!important;
  background:var(--tertiary)!important;border:1px solid var(--tertiary)!important;color:#fff!important;
  border-radius:4px!important;padding:1.4rem 2rem!important;cursor:pointer;}
.tdform__note{font-size:1.3rem;color:rgba(255,255,255,.5);border-top:1px solid var(--line);padding-top:1.6rem;}
.tdform__note a{color:rgba(255,255,255,.75);}
.tdform__note a:hover{color:var(--tertiary);}
@media(max-width:900px){
  .tdgrid{grid-template-columns:1fr;}
  .tdform{position:static;}
  .tdhead__row{align-items:flex-start;}
}

/* ---- carrusel en móvil: una tarjeta por pantalla, flechas debajo y a la derecha ---- */
@media(max-width:620px){
  .shop-grid,.offer-grid#shopTrack{grid-auto-columns:100%;}
  /* tienda de la home: las flechas bajan del encabezado a debajo del carrusel */
  #tienda .inner{display:flex;flex-direction:column;}
  #tienda .shop-grid{order:1;}
  #tienda .shop-head{order:2;margin:1.6rem 0 0;}
  #tienda .sec-cta{order:3;}
  .shop-nav{gap:1rem;}
  /* carrusel de talleres: las flechas dejan de flotar sobre la tarjeta */
  .carousel{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;}
  .carousel #shopTrack{order:1;flex:0 0 100%;}
  .carousel .shop-arrow{position:static;transform:none;order:2;box-shadow:none;}
  .carousel .shop-arrow:hover{transform:none;background:var(--tertiary);}
  .carousel .shop-arrow--prev{margin-left:auto;}
  .shop-arrow{width:4.8rem;height:4.8rem;font-size:1.8rem;}
}

/* ---- fecha de la próxima sesión en la tarjeta de taller ---- */
.offer__photo{display:block;}
/* "Próximamente" va SOBRE la foto (como el chip ISO de la tienda) para que los
   títulos de todas las tarjetas queden alineados, lleven badge o no. */
.offer__fecha{position:absolute;top:1rem;left:1rem;font-family:'Roboto Mono',ui-monospace,monospace;font-size:1.05rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--tertiary);border:1px solid var(--tertiary);border-radius:3px;padding:.4rem .8rem;}
.offer__pronto{position:absolute;top:1rem;left:1rem;font-family:'Roboto Mono',ui-monospace,monospace;font-size:1.05rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.28);border-radius:3px;padding:.4rem .8rem;}