/* Páginas de respuesta de axeljuca.com (calorias-cerveza, proteina-huevo…). Usa base.css y comun.css. */
.resp article{max-width:46rem;padding-top:2.2rem;padding-bottom:2.5rem}
.resp .migas{font-size:.9rem;color:var(--gris);margin:0 0 .8rem}
.resp .migas a{color:inherit}
.resp h1{font-size:clamp(2rem,6vw,3.2rem);line-height:1.05;margin:0 0 1.2rem;text-transform:none}
.resp h2{margin:2.2rem 0 .8rem}
.corta{background:#FFF4EE;border-left:6px solid #FF6B35;border-radius:0 16px 16px 0;padding:1.1rem 1.3rem;font-size:1.15rem;line-height:1.55}
.corta p{margin:0}
.tabla{width:100%;border-collapse:collapse;margin:1.6rem 0 .4rem;font-size:1.02rem}
.tabla caption{text-align:left;font-weight:700;color:var(--gris);font-size:.9rem;padding-bottom:.5rem}
.tabla th,.tabla td{padding:.7rem .6rem;border-bottom:1.5px solid #E3DFD6;text-align:right}
.tabla th:first-child{text-align:left}
.tabla thead th{font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gris)}
.tabla tbody th{font-weight:600}
.tabla td{font-weight:700;font-variant-numeric:tabular-nums}
.claves{padding-left:1.2rem;line-height:1.6}
.claves li{margin-bottom:.6rem}
.cta-herr{display:grid;gap:.25rem;margin:2rem 0 .5rem;padding:1.3rem 1.4rem;border-radius:20px;background:var(--tinta);color:#fff;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.cta-herr:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(28,22,49,.25)}
.cta-herr:focus-visible{outline:3px solid #FF6B35;outline-offset:3px}
.cta-eti{font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#FF6B35}
.cta-herr b{font-size:1.25rem;line-height:1.3}
.cta-ir{font-weight:700;color:#BFF0DA}
.fuente{font-size:.88rem;color:var(--gris);line-height:1.55;margin-top:2rem}
.fuente a{color:inherit}
.aviso-resp{font-size:.88rem;color:var(--gris);background:#F2EFE8;border-radius:12px;padding:.8rem 1rem}
.resp .cierre{margin-bottom:3rem}
@media (max-width:459px){.tabla{font-size:.95rem}.tabla th,.tabla td{padding:.6rem .35rem}.corta{font-size:1.05rem}}
@media (prefers-reduced-motion:reduce){.cta-herr{transition:none}.cta-herr:hover{transform:none}}
