/* Página de conexión emocional pura: sin producto alrededor, mucho aire, */
/* tipografía grande. Comparte paleta con manifiesto-programa del home.    */

.manifiesto-full {
    padding: 200px 0 140px;
    background: linear-gradient(180deg, var(--color-sky) 0%, var(--color-pink-light) 100%);
    text-align: center;
}

.manifiesto-full-title {
    font-family: var(--font-heading) !important;
    font-weight: 400 !important;
    font-size: clamp(44px, 6vw, 72px);
    color: var(--color-white);
    margin: 0 0 56px;
}

.manifiesto-full-text {
    max-width: 920px;
    margin: 0 auto;
    font-family: var(--font-subheading);
    font-size: clamp(26px, 3.6vw, 40px);
    line-height: 1.55;
    color: var(--color-white);
}

.manifiesto-full-text p {
    margin: 0 0 40px;
}

.manifiesto-full-text p:last-child {
    margin-bottom: 0;
}

.manifiesto-full-text .manifiesto-line {
    display: block;
}

/* Cada párrafo aparece por su cuenta a medida que entra en pantalla (ver  */
/* .reveal / js/reveal.js) — más lento y con más recorrido que el .reveal  */
/* genérico, para que se sienta pausado, acorde al tono del manifiesto.    */
/* El :not(.is-visible) evita pisar el transform:translateY(0) final que   */
/* pone .reveal.is-visible en global.css una vez que el párrafo ya entró.  */
.manifiesto-full-title.reveal,
.manifiesto-full-text .reveal {
    transition-duration: 1.1s;
}

.manifiesto-full-title.reveal:not(.is-visible),
.manifiesto-full-text .reveal:not(.is-visible) {
    transform: translateY(46px);
}

@media (max-width: 640px) {
    .manifiesto-full {
        padding: 150px 0 90px;
    }
}

/* ==== HISTORIA ==== */
.manifiesto-history {
    background: var(--color-white);
    padding: 100px 0;
}

.manifiesto-history-inner {
    max-width: 760px;
    margin: 0 auto;
}

.manifiesto-history .section-title {
    text-align: center;
    margin: 0 auto 48px;
}

.manifiesto-history p {
    font-family: var(--font-body);
    font-size: 16.5px;
    line-height: 1.8;
    color: rgba(43, 43, 43, .82);
    margin: 0 0 28px;
}

.manifiesto-history p:last-child {
    margin-bottom: 0;
}

.manifiesto-history p em {
    color: rgba(43, 43, 43, .55);
}

/* ==== CIERRE ==== */
.manifiesto-close {
    background: var(--color-white);
    text-align: center;
    padding: 0 0 100px;
}

.manifiesto-close a {
    font-family: var(--font-subheading);
    font-size: 22px;
    color: var(--color-primary);
    text-decoration: underline;
    text-underline-offset: 5px;
    transition: text-underline-offset .3s ease;
}

.manifiesto-close a:hover {
    text-underline-offset: 8px;
}