/* 1. CABECERA FIJA CON ESCUDO PARA EL TRADUCTOR */
html body #isla_cabecera {
    position: fixed !important;
    top: 10px !important;    /* Deja espacio para el traductor arriba */
    left: 1% !important;
    width: 98% !important;   /* [cite: 2026-02-06] */
    z-index: 99999 !important;
    background-color: #a8c1eb !important;
    margin: 0 auto !important;
    display: block !important;

    /* ESTA ES LA CLAVE: */
    /* Crea una tapa sólida de 100px hacia arriba para que el texto no se vea por el hueco */
    box-shadow: 0 -100px 0 0 #a8c1eb !important; 
}

/* 2. CUERPO (Ajustamos el padding para la nueva altura) */
html body {
    padding-top: 0px !important; 
    background-color: #a8c1eb !important;
    margin: 0 !important;
}

/* 3. CAJA DE AYUDA */
html body .ayuda-caja {
    width: 100% !important;   /* [cite: 2026-02-06] */
    margin: 0 auto 50px auto !important; 
    background-color: #ffffff !important;
    border-radius: 25px !important; /* [cite: 2026-01-15] */
    position: relative !important;
    z-index: 1 !important;   /* Pasa por debajo del escudo */
    display: block !important;
    padding: 10px;
}