/* Guías (páginas de una sola búsqueda): texto largo y fácil de leer en el celular. */
.guia { padding: 104px 0 72px; }
.guia .contenedor { max-width: 760px; }
.migas { font-size: 0.85rem; color: var(--texto-3); margin-bottom: 18px; }
.migas a { color: var(--frambuesa); font-weight: 600; }
.guia h1 { font-size: clamp(1.9rem, 5vw, 2.9rem); line-height: 1.1; letter-spacing: -0.03em; font-weight: 700; }
.guia .lead { margin-top: 16px; font-size: 1.1rem; }
.guia section { margin-top: 40px; }
.guia h2 { font-size: clamp(1.3rem, 3vw, 1.7rem); line-height: 1.2; letter-spacing: -0.02em; font-weight: 700; color: var(--malva); }
.guia p, .guia li { font-size: 1.02rem; color: var(--texto); margin-top: 12px; }
.guia ul { margin-top: 8px; padding-left: 1.2em; }
.guia li { margin-top: 8px; }
.guia li::marker { color: var(--frambuesa); }
.preguntas details { margin-top: 12px; padding: 14px 18px; border-radius: 18px; background: #fff; box-shadow: 0 10px 30px -22px rgba(122, 35, 80, 0.5); }
.preguntas summary { cursor: pointer; font-weight: 600; }
.preguntas details p { color: var(--texto-2); }
.llamado { margin-top: 48px; padding: 28px 24px; border-radius: 28px; text-align: center; background: linear-gradient(140deg, var(--resalte), #fff); }
.llamado h2 { color: var(--texto); }
.llamado p { color: var(--texto-2); }
.llamado .boton { margin-top: 18px; }
.relacionadas { margin-top: 56px; }
.relacionadas h2 { font-size: 1.15rem; font-weight: 700; }
.relacionadas ul { list-style: none; margin-top: 10px; display: grid; gap: 8px; }
.relacionadas a { display: block; padding: 14px 16px; border-radius: 16px; background: #fff; font-weight: 600; color: var(--malva); }
.pie-guia { padding: 28px 0 40px; text-align: center; font-size: 0.9rem; color: var(--texto-3); }
.pie-guia a { color: var(--malva); font-weight: 600; }