/* =====================================================
   RadioMap – mobile extra
   ===================================================== */

@media (max-width: 480px) {

    .portada-card {
        padding: 14px 12px 12px;
    }

    .portada-card h1 {
        font-size: 22px;
    }

    .stepper-foto {
        height: 148px;
        margin-top: 10px;
    }

    .stepper-foto-corta {
        height: 88px;
    }

    .stepper-puntos li {
        font-size: 8px;
        letter-spacing: 0;
    }

    .stepper-puntos li span {
        width: 22px;
        height: 22px;
        font-size: 11px;
    }

    .intro-feats p {
        font-size: 11px;
    }

    .intro-cierre {
        font-size: 12px;
    }

    .vel-hud .vel-num {
        font-size: 20px;
    }

    .stepper-ayuda {
        min-height: 0;
        margin-bottom: 10px;
    }

    .hud-top {
        top: 8px;
        left: 8px;
        right: 8px;
    }

    .hud-card {
        width: auto;
        max-width: calc(100% - 52px);
        border-radius: 16px;
    }

    .hud-acciones {
        top: auto;
    }

    .perfil-datos #perfilNombre {
        font-size: 15px;
    }

    .hud-ico {
        width: 44px;
        height: 44px;
        min-width: 44px;
    }

    .hud-ico svg {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
    }

    .radio-cerca {
        right: 8px;
        bottom: calc(var(--dock-h) + 88px);
    }

    body.dest-brujula .radio-cerca,
    body.park-brujula .radio-cerca {
        bottom: calc(var(--dock-h) + 88px);
    }

    .radio-cerca-meta {
        max-width: 96px;
        padding: 3px 7px;
    }

    .comms-header h2 {
        font-size: 16px;
    }

    .comms-alcance {
        padding: 4px 6px;
        gap: 4px;
        font-size: 10px;
    }

    .chat-mensajes {
        min-height: 90px;
    }

    .dock-mapa {
        padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
        gap: 0;
        justify-content: space-between;
    }

    .dock-mapa .dock-item {
        min-width: 0;
        flex: 1 1 0;
        font-size: 10px;
        padding: 4px 2px;
    }

    .dock-mapa #btnPttDock {
        flex: 0 0 auto;
    }

    .btn-crear-grupo {
        font-size: 10px;
        padding: 4px 8px;
        white-space: nowrap;
    }

    .comms-panel {
        height: min(82vh, 720px);
    }

    .comms-panel .dock-radio .dock-item {
        min-height: 48px;
        padding: 8px 8px;
    }

    .v2v-popup-propia {
        padding: 10px 10px 8px;
    }

    .yo-persona-fila strong {
        font-size: 16px;
    }

    .yo-acciones {
        margin-left: -10px;
        margin-right: -10px;
    }
}