/* Dr. Casillero — páginas propias de cada sección del home (2026-10-30).
   Reusan las secciones del home (.quote2, .steps2, .features, .faq2) y el bloque de texto de «nosotros» (.nos2). */

/* Párrafo bajo el H1 (lleva la frase de la página) */
.pag-lead {
    max-width: 62ch;
    margin: 16px auto 0;
    color: var(--v2-soft);
    font-size: 1.05rem;
    line-height: 1.65;
}

.pag-lead a,
.pag-texto a {
    color: var(--accent);
    font-weight: 700;
}

/* En las páginas de una pestaña el H1 va arriba: menos aire que en el home */
.quote2.pag-top {
    padding-top: 56px;
}

.quote2.pag-top .quote2-copy .v2-h2 {
    font-size: clamp(1.9rem, 3.4vw, 2.6rem);
}

.steps2.pag-top,
.faq2.pag-top {
    padding-top: 56px;
}

.features.pag-top .section-subtitle a {
    color: var(--accent);
    font-weight: 700;
}

/* Bloque de texto (mismo estilo que «Qué hace Dr. Casillero» en /nosotros) */
/* Fotos cuadradas de los artículos: recortadas a lo ancho para que la columna no quede el doble de larga */
.pag-texto .nos2-figura img {
    max-height: 300px;
    object-fit: cover;
}

.pag-texto ol.nos2-lista {
    counter-reset: paso;
}

.pag-texto ol.nos2-lista li {
    counter-increment: paso;
    padding-left: 30px;
}

.pag-texto ol.nos2-lista li::before {
    content: counter(paso);
    width: 20px;
    height: 20px;
    top: 0.25em;
    display: grid;
    place-items: center;
    font-size: 0.72rem;
    font-weight: 800;
    color: #0b0b0b;
}

/* Subtítulos de los grupos de preguntas (solo en su página) */
.faq2-grupo {
    margin: 34px 0 14px;
    font-size: clamp(1.15rem, 2.2vw, 1.4rem);
    color: var(--text-main);
}

.faq2-grupo:first-of-type {
    margin-top: 0;
}

/* Figura sola (página de preguntas frecuentes) */
.pag-figura {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 0 60px;
    text-align: center;
}

.pag-figura img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    border-radius: 16px;
}

.pag-figura p {
    margin-top: 16px;
    color: var(--text-muted);
    font-size: 0.95rem;
}

.pag-figura a {
    color: var(--accent);
    font-weight: 700;
}

/* Enlaces a las demás secciones */
.pag-mas {
    background: #0a0a0a;
    border-top: 1px solid var(--v2-line);
    padding: 54px 0 60px;
}

.pag-mas-tit {
    color: var(--accent);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.pag-mas-lista {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 40px;
}

.pag-mas-lista li {
    color: var(--text-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    padding-left: 18px;
    position: relative;
}

.pag-mas-lista li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.62em;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--accent);
}

.pag-mas-lista a {
    color: var(--text-main);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: rgba(255, 153, 0, 0.5);
    text-underline-offset: 3px;
}

.pag-mas-lista a:hover {
    color: var(--accent);
}

@media (max-width: 760px) {
    .pag-mas-lista {
        grid-template-columns: 1fr;
    }

    .quote2.pag-top,
    .steps2.pag-top,
    .faq2.pag-top {
        padding-top: 34px;
    }
}