:root {
    --papel: #f6efe2;
    --papel_borde: #e6dac3;
    --tinta: #2a1f17;
    --tinta_suave: #6b5a49;
    --ladrillo: #8c2f1f;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body { height: 100%; }

body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    background-color: var(--papel);
    /* Vetas apenas visibles, como papel viejo; sin imagenes extra */
    background-image:
        radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.55), transparent 60%),
        radial-gradient(ellipse at 50% 110%, rgba(140, 47, 31, 0.08), transparent 55%);
    color: var(--tinta);
    font-family: Georgia, "Times New Roman", serif;
    -webkit-font-smoothing: antialiased;
}

.hoja {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 48px 16px 32px;
}

.logo {
    width: min(460px, 86vw);
    height: auto;
}

.filete {
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(320px, 70vw);
    margin: 32px 0 28px;
}
.filete::before, .filete::after {
    content: "";
    flex: 1;
    height: 1px;
    background: var(--tinta_suave);
    opacity: 0.5;
}
.filete span {
    width: 7px;
    height: 7px;
    background: var(--ladrillo);
    transform: rotate(45deg);
}

h1 {
    font-size: clamp(22px, 4.2vw, 30px);
    font-weight: normal;
    letter-spacing: 0.01em;
    line-height: 1.3;
}

.aviso {
    margin-top: 10px;
    font-size: clamp(16px, 2.6vw, 18px);
    color: var(--tinta_suave);
}

.pie {
    padding: 18px 16px 22px;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--tinta_suave);
}