/* Páginas interiores de tucentroresponde.com: usan la cabecera, los títulos, las preguntas, los botones y el pie de la landing.
   Desarrollado por Webcomunica.solutions */
.pg-cab { background: linear-gradient(180deg, var(--papel) 0%, var(--blanco) 100%); padding: 2.2rem 0 1.6rem; }
.pg-cab h1 { max-width: 20em; }
.pg-cab .entradilla { max-width: 36em; margin-bottom: 1.8rem; }
.pg-migas { font-size: .92rem; color: var(--suave); margin-bottom: 1.2rem; }
.pg-migas a { color: var(--marca-osc); font-weight: 600; text-decoration: none; }
.pg-migas a:hover { color: var(--tinta); }

.pg-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 3.5rem; align-items: start; }
.pg-grid > .titulo { position: sticky; top: 110px; }
.pg-cont > p { font-size: var(--f-texto); line-height: 1.55; color: var(--suave); text-align: left; margin: 0 0 1.2rem; }
.pg-cont a:not(.boton):not(.pg-fig) { color: var(--marca-osc); font-weight: 700; text-decoration: none; }
.pg-cont a:not(.boton):not(.pg-fig):hover { color: var(--tinta); }
.pg-item { padding: 1.1rem 0 1.2rem; border-top: 1px solid var(--linea); }
.pg-item:first-child { padding-top: 0; border-top: 0; }
.pg-item h3 { font-size: var(--f-sub); font-weight: 800; letter-spacing: -.03em; line-height: 1.12; margin: 0 0 .35rem; }
.pg-item p { margin: 0; font-size: var(--f-texto); line-height: 1.55; color: var(--suave); }
.pg-lista { margin: 0 0 1.4rem; padding: 0; list-style: none; display: grid; gap: .85rem; }
.pg-lista li { padding-left: 1.7rem; position: relative; font-size: var(--f-texto); line-height: 1.55; color: var(--texto); }
.pg-lista li::before { content: ''; position: absolute; left: 0; top: .6em; width: 10px; height: 10px; border-radius: 50%; background: var(--amarillo); }
.pg-fig { display: block; margin: 0 0 1.4rem; border-radius: 28px; overflow: hidden; box-shadow: 0 30px 60px -30px rgba(0, 60, 100, .45); }
.pg-fig img { display: block; width: 100%; height: auto; }
.pg-cont .botones { margin: 0; }

.pg-cta { grid-template-columns: 1.2fr .8fr; align-items: center; }
.pg-cta .contacto-texto p { margin-bottom: 0; }
.pg-cta-botones { display: flex; flex-wrap: wrap; gap: .8rem; justify-content: flex-end; position: relative; }

/* texto largo (páginas legales) */
.pg-art { max-width: 820px; }
.pg-art h2 { font-size: var(--f-sub); font-weight: 800; letter-spacing: -.03em; line-height: 1.15; margin: 2.4rem 0 .6rem; }
.pg-art h2:first-child { margin-top: 0; }
.pg-art h3 { font-size: var(--f-texto); font-weight: 800; color: var(--marca-osc); margin: 1.4rem 0 .2rem; }
.pg-art p, .pg-art li { font-size: var(--f-texto); line-height: 1.6; color: var(--texto); text-align: left; hyphens: none; }
.pg-art p { margin: 0 0 1rem; }
.pg-art ul { padding-left: 1.2rem; margin: 0 0 1rem; }
.pg-art li { margin-bottom: .45rem; }
.pg-art a { color: var(--marca-osc); font-weight: 700; text-decoration: none; }
.pg-art a:hover { color: var(--tinta); }
.pg-art .l-datos { display: grid; grid-template-columns: max-content 1fr; gap: .45rem 1.4rem; margin: 1rem 0 0; }
.pg-art .l-datos dt { color: var(--suave); font-weight: 600; }
.pg-art .l-datos dd { margin: 0; }
.pg-cab .l-fecha { color: var(--suave); font-size: .95rem; margin: 0; }

@media (max-width: 900px) {
    .pg-grid { grid-template-columns: 1fr; gap: 1.6rem; }
    .pg-grid > .titulo { position: static; }
    .pg-cta { grid-template-columns: 1fr; }
    .pg-cta-botones { justify-content: flex-start; }
}
@media (max-width: 560px) {
    .pg-art .l-datos { grid-template-columns: 1fr; gap: 0; }
    .pg-cab { padding-top: 1.4rem; }
}