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

html,body{
    height:100%;
    font-family:Arial, sans-serif;
}

/* =========================
   VERSION ESCRITORIO
========================= */
.desktop-version{
    display:block;
    min-height:100vh; /* permite crecer */
}

.header-desktop{
    height:80px;
    background:#1565C0;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:bold;
}

.iframe-desktop{
    min-height:800px; /* puedes aumentar si lo quieres más largo */
}

.iframe-desktop iframe{
    width:100%;
    min-height:800px; /* mismo valor para coherencia */
    border:none;
    display:block;
}


/* =========================
   VERSION MOVIL
========================= */
.mobile-version{
    display:none;
    min-height:100vh; /* permite crecer */
}

.header-mobile{
    height:60px;
    background:#0D47A1;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    font-weight:bold;
}

.iframe-mobile{
    min-height:700px; /* ajustable */
}

.iframe-mobile iframe{
    width:100%;
    min-height:700px; /* coherente con el contenedor */
    border:none;
    display:block;
}


/* =========================
   BREAKPOINT RESPONSIVO
========================= */
@media (max-width: 768px){

    .desktop-version{
        display:none;
    }

    .mobile-version{
        display:block;
    }

}