/*
 * Paginas sueltas envueltas en el armazon de TICKETMAX.
 * Color, radios y fuentes salen de tm-marca.css.
 */

.tm-pag-body { background: var(--tm-nube); }

.tm-pag {
    max-width: 820px;
    margin: 0 auto;
    padding: clamp(24px, 5vw, 44px) clamp(16px, 4vw, 24px) 90px;
}
.tm-pag h1 {
    margin: 0 0 18px;
    font-family: var(--tm-display);
    letter-spacing: -.02em;
    font-size: clamp(24px, 4vw, 32px);
    color: var(--tm-tinta);
}
.tm-pag-caja {
    padding: clamp(20px, 4vw, 30px);
    background: var(--tm-blanco);
    border: 1px solid var(--tm-borde);
    border-radius: var(--tm-radio-lg);
    box-shadow: var(--tm-sombra);
    color: var(--tm-tinta);
    font-size: 15px;
    line-height: 1.65;
}
.tm-pag-caja p:first-child { margin-top: 0; }
.tm-pag-caja p:last-child  { margin-bottom: 0; }
.tm-pag-caja a { color: var(--tm-acento); }

/* Un solo acento de accion: indigo solido, como manda el manual. */
.tm-pag-cta {
    margin-top: 18px;
    display: inline-flex; align-items: center;
    min-height: 48px; padding: 0 26px;
    border-radius: var(--tm-radio);
    background: var(--tm-acento);
    color: var(--tm-blanco) !important;
    font-weight: 600;
    text-decoration: none;
}
.tm-pag-cta:hover { filter: brightness(1.08); }
.tm-pag-cta:focus-visible { outline: 3px solid var(--tm-acento); outline-offset: 3px; }