/* ==========================================================================
   Aviso de Privacidad Integral — /aviso-privacidad

   La página NO contiene el texto legal: lo enmarca. El documento con validez
   es el PDF que publica la Unidad de Transparencia del INSP, así que aquí sólo
   hay portada de marca, visor y salidas (abrir / descargar). No transcribir el
   PDF a HTML: una transcripción nuestra puede divergir del texto aprobado.

   Subpágina de la portada: SE CARGA DESPUÉS de landing.css y sólo añade lo
   propio (prefijo ap-). Paleta, tipografías, botones, barra y pie vienen de
   allí.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Portada compacta
   -------------------------------------------------------------------------- */

.ap-portada {
    position: relative;
    background: var(--lp-degradado);
    color: #fff;
    /* El padding superior deja libre la barra fija (que es position: fixed). */
    padding: clamp(122px, 15vw, 168px) 22px clamp(48px, 6vw, 72px);
    overflow: hidden;
}

/* Mismos resplandores que la portada de /convocatoria: las subpáginas se
   tienen que sentir de la misma familia. */
.ap-portada::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 45% 60% at 88% 8%, rgba(255, 255, 255, .14), transparent 70%),
        radial-gradient(ellipse 55% 70% at 4% 96%, rgba(21, 42, 54, .38), transparent 70%);
    pointer-events: none;
}

.ap-portada__inner {
    position: relative;
    max-width: 900px;
    text-align: center;
}

.ap-portada__ojo {
    margin: 0;
    font-family: var(--lp-font-display);
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .72);
}

.ap-portada__titulo {
    margin: 12px 0 0;
    font-family: var(--lp-font-display);
    font-weight: 600;
    font-size: clamp(30px, 5.4vw, 56px);
    line-height: 1.08;
    letter-spacing: -.01em;
    text-wrap: balance;
}

.ap-portada__sub {
    margin: 14px auto 0;
    /* Holgado a propósito: por debajo de ~700px la línea parte el nombre del
       congreso ("…en Salud / Pública"). */
    max-width: 720px;
    font-size: clamp(15px, 1.7vw, 18px);
    line-height: 1.55;
    color: rgba(255, 255, 255, .86);
    text-wrap: balance;
}

.ap-portada__acciones {
    margin-top: clamp(26px, 3.4vw, 38px);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

.ap-portada__meta {
    margin: 18px 0 0;
    font-size: 13px;
    letter-spacing: .04em;
    color: rgba(255, 255, 255, .66);
}

/* --------------------------------------------------------------------------
   Visor del PDF
   -------------------------------------------------------------------------- */

.ap-visor {
    padding: clamp(34px, 5vw, 62px) 22px clamp(56px, 7vw, 92px);
    background: var(--lp-neutro);
}

/* Altura por viewport: el PDF tiene que quedar cómodo de leer sin que la
   página entera se convierta en un scroll dentro de otro scroll. El mínimo
   evita que en pantallas bajas quede una rendija. */
.ap-visor__marco {
    height: min(78vh, 1000px);
    min-height: 460px;
    border-radius: var(--lp-radio);
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(21, 42, 54, .1);
    box-shadow: 0 18px 46px -26px rgba(21, 42, 54, .45);
}

.ap-visor__doc {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.ap-visor__pie {
    margin: 20px auto 0;
    max-width: 640px;
    text-align: center;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(21, 42, 54, .74);
}

.ap-visor__pie a {
    color: var(--lp-cta);
    font-weight: 700;
}

/* --------------------------------------------------------------------------
   Respaldo: navegador sin visor de PDF, o teléfono (aviso-privacidad.js)

   Ocupa el mismo marco que el <object>, así la página no da un salto cuando
   el script sustituye uno por otro.
   -------------------------------------------------------------------------- */

.ap-alterna {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 34px 26px;
    text-align: center;
}

.ap-alterna__titulo {
    margin: 0;
    font-family: var(--lp-font-display);
    font-weight: 600;
    font-size: clamp(20px, 3.2vw, 27px);
    line-height: 1.2;
    color: var(--lp-tinta);
    text-wrap: balance;
}

.ap-alterna__texto {
    margin: 0;
    max-width: 420px;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(21, 42, 54, .72);
    text-wrap: balance;
}

.ap-alterna__acciones {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
}

/* .lp-btn--cristal está pensado sobre fotografía; dentro de la tarjeta blanca
   necesita un borde propio para no desaparecer. */
.ap-alterna .lp-btn--cristal {
    background: transparent;
    border: 1px solid rgba(21, 42, 54, .22);
    color: var(--lp-tinta);
    backdrop-filter: none;
}

.ap-alterna .lp-btn--cristal:hover,
.ap-alterna .lp-btn--cristal:focus-visible {
    background: rgba(21, 42, 54, .06);
    border-color: rgba(21, 42, 54, .34);
}

/* --------------------------------------------------------------------------
   Teléfono

   El marco deja de imponer altura: la tarjeta de respaldo se ajusta a su
   contenido en vez de dejar un hueco vacío de 78vh.
   -------------------------------------------------------------------------- */

@media (max-width: 560px) {
    .ap-visor__marco {
        min-height: 0;
    }

    .ap-visor__marco.ap-visor__marco--alterna {
        height: auto;
    }

    .ap-portada__acciones .lp-btn,
    .ap-alterna__acciones .lp-btn {
        flex: 1 1 190px;
        justify-content: center;
    }
}

/* --------------------------------------------------------------------------
   Impresión: el aviso se imprime desde el propio PDF, no desde esta página.
   -------------------------------------------------------------------------- */

@media print {

    .lp-nav,
    .lp-pie,
    .ap-portada__acciones,
    .ap-visor {
        display: none !important;
    }

    .ap-portada {
        background: none;
        color: #000;
        padding: 0;
    }
}