/* Sobremaderas — Trayectoria completa (opción G: índice horizontal fijo). */

.tp-hero{background:#743d29;padding:clamp(28px,4vw,44px) 0;border-bottom:1px solid var(--linea);}
.tp-volver{display:inline-block;margin-bottom:18px;font-size:14px;font-weight:600;color:rgba(243,236,224,0.75);border-bottom:1px solid rgba(243,236,224,0.35);}
.tp-volver:hover{color:var(--crema);border-color:var(--crema);}
.tp-hero .etiqueta{color:rgba(243,236,224,0.7);}
.tp-hero h1{margin:0 0 10px;font-family:var(--serif);font-weight:800;font-size:clamp(36px,5vw,58px);line-height:1.02;letter-spacing:0.008em;color:var(--crema);}
.tp-hero p{margin:0;font-size:17px;line-height:1.5;color:rgba(243,236,224,0.82);max-width:520px;}

.tp-indice{position:sticky;top:87px;z-index:20;background:var(--panel);border-bottom:1px solid var(--linea);}
.tp-indice-in{display:flex;gap:8px;overflow-x:auto;padding:12px var(--pad);scrollbar-width:thin;}
.tp-indice-in a{flex-shrink:0;font-size:13px;font-weight:700;color:var(--crema);opacity:0.55;padding:7px 14px;border:1px solid rgba(243,236,224,0.25);border-radius:999px;white-space:nowrap;transition:opacity .15s ease,background-color .15s ease,border-color .15s ease;}
.tp-indice-in a:hover{opacity:0.85;}
.tp-indice-in a.activo{opacity:1;background:var(--naranja);border-color:var(--naranja);color:#1d1206;}

.tp-lista{background:var(--fondo);}
.tp-anio{scroll-margin-top:164px;display:flex;gap:40px;align-items:flex-start;padding:clamp(28px,4vw,40px) var(--pad);border-top:1px solid var(--linea);max-width:1240px;margin:0 auto;}
.tp-anio-num{font-family:var(--serif);font-weight:800;font-size:clamp(28px,3vw,36px);color:var(--naranja);width:92px;flex-shrink:0;}
.tp-anio-cuerpo{flex:1;display:flex;gap:32px;align-items:flex-start;flex-wrap:wrap;}
.tp-anio-cuerpo ul{margin:0;padding:0;list-style:none;flex:1;min-width:260px;}
.tp-anio-cuerpo li{position:relative;padding-left:16px;font-size:15px;line-height:1.6;color:rgba(243,236,224,0.85);margin-bottom:8px;}
.tp-anio-cuerpo li::before{content:'—';position:absolute;left:0;opacity:0.5;}
.tp-anio-cuerpo img{width:220px;height:auto;flex-shrink:0;}
.tp-carousel{width:220px;flex-shrink:0;overflow:hidden;}
.tp-carousel-track{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.tp-carousel-track img{width:220px;flex:0 0 220px;scroll-snap-align:start;aspect-ratio:4/3;object-fit:cover;border-radius:6px;}
.tp-carousel-track{align-items:center;}
.tp-carousel-track img.tp-poster{aspect-ratio:auto;object-fit:contain;background:#f6f2e8;}
.tp-carousel-nav{display:flex;gap:8px;justify-content:center;margin-top:8px;}
.tp-carousel-nav button{width:28px;height:28px;border-radius:50%;border:1px solid rgba(243,236,224,0.35);background:transparent;color:var(--crema);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0.75;transition:opacity .15s ease,background-color .15s ease;}
.tp-carousel-nav button:hover{opacity:1;background:rgba(243,236,224,0.12);}
.tp-carousel-nav button svg{width:14px;height:14px;}
.tp-carousel.tp-solo .tp-carousel-nav{display:none;}
.tp-video-embed{width:220px;flex-shrink:0;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#000;}
.tp-video-embed iframe{width:100%;height:100%;border:0;display:block;}

@media (max-width:700px){
  .tp-anio{flex-direction:column;gap:14px;}
  .tp-anio-cuerpo{flex-direction:column;}
  .tp-anio-cuerpo img{width:100%;max-width:280px;}
  .tp-carousel{width:100%;max-width:280px;overflow:hidden;}
  .tp-carousel-track img{width:100%;flex-basis:100%;}
  .tp-video-embed{width:100%;max-width:280px;}
}
.tp-anio-cuerpo li[data-foto]{cursor:pointer;border-radius:4px;transition:color .15s ease;}
.tp-anio-cuerpo li[data-foto]:hover,.tp-anio-cuerpo li[data-foto].tp-activo{color:var(--naranja);}