/* Páginas por producto, guía, preguntas y planta. Reutiliza los tokens y componentes de estilos.css. */
.migas{background:var(--kraft-claro);font-size:.92rem}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:.7rem 0}
.migas li+li::before{content:"›";margin-right:.3rem;color:var(--kraft-osc)}
.migas a{color:var(--tinta)}

.portada{background:linear-gradient(180deg,var(--kraft-claro),var(--kraft));padding:3.5rem 0 4rem}
.portada__in{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.portada h1{font-size:clamp(2.6rem,6vw,4.6rem);max-width:15ch}
.portada__sub{margin-top:1.2rem;max-width:36rem;font-size:1.18rem;color:#3a3326}
.portada__foto{margin:0;border:3px solid var(--tinta);border-radius:.4rem;overflow:hidden;background:var(--blanco);aspect-ratio:4/3}
.portada__foto img{width:100%;height:100%;object-fit:cover}

.prosa{max-width:46rem}
.prosa p+p,.prosa ul,.prosa p+ul,.prosa ul+p{margin-top:1rem}
.prosa ul{padding-left:1.2rem}
.prosa li{margin:.35rem 0}
.prosa h3{margin-top:2rem}

.galeria{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin:0;padding:0;list-style:none}
.galeria figure{margin:0}
.galeria img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:.4rem;background:var(--kraft-claro)}
.galeria figcaption{margin-top:.5rem;color:var(--gris);font-size:.95rem}
.galeria--alta img{aspect-ratio:3/4}

.datos{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:2.5rem 0 0;border-top:3px solid var(--tinta)}
.datos div{padding:1.1rem 1.4rem 0 0}
.datos dt{font-family:var(--display);font-weight:800;font-size:1.3rem}
.datos dd{margin:.3rem 0 0;color:var(--gris)}

.relacionadas{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;list-style:none;margin:0;padding:0}
.relacionadas a{display:block;height:100%;padding:1rem 1.1rem;border:2px solid var(--tinta);border-radius:.4rem;text-decoration:none;color:var(--tinta);font-weight:700;background:var(--blanco)}
.relacionadas a:hover{background:var(--tinta);color:var(--kraft-claro)}
.relacionadas span{display:block;font-weight:400;color:var(--gris);font-size:.92rem;margin-top:.25rem}
.relacionadas a:hover span{color:var(--kraft-claro)}

.preguntas details{border-bottom:1px solid var(--linea);padding:1rem 0}
.preguntas summary{cursor:pointer;font-weight:700;font-size:1.12rem}
.preguntas details p,.preguntas details ul{margin-top:.6rem;color:#3a3326}
.preguntas details ul{padding-left:1.2rem}

.tabla-simple{width:100%;border-collapse:collapse;margin-top:1.2rem;background:var(--blanco)}
.tabla-simple th,.tabla-simple td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla-simple thead th{font-size:.92rem;color:var(--gris);font-weight:600}

.pie__mapa{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;list-style:none;padding:0;margin:.4rem 0 0;font-size:.95rem}

@media (max-width:960px){
  .portada__in{grid-template-columns:1fr}
  .galeria{grid-template-columns:1fr 1fr}
  .relacionadas{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .tabla-simple{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .portada{padding:2.5rem 0 3rem}
  .galeria,.datos{grid-template-columns:1fr}
}
.formato__mas{margin-top:.6rem;font-weight:700}
.video{margin:0;justify-self:center;width:min(100%,21rem)}
.video video{display:block;width:100%;height:auto;aspect-ratio:9/16;border:3px solid var(--tinta);border-radius:.4rem;background:var(--tinta)}
.video figcaption{margin-top:.5rem;color:var(--gris);font-size:.95rem}