/* ===============================
   Banner CMS - Imagen
   =============================== */
.full-banner-help__img img {
    width: 100%;
    height: auto;
    max-height: 218px; /* altura desktop */
    object-fit: cover;
    display: block;
}

/* Banner móvil */
@media (max-width: 600px) {
    .full-banner-help__img img {
        max-height: 150px; /* altura mobile */
    }
}

/* ===============================
   Banner CMS - Contenedor y Texto
   =============================== */
.full-banner-help {
    display: flex;                 /* activa flexbox */
    align-items: center;           /* centra verticalmente */
    justify-content: center;       /* centra horizontalmente */
    height: 218px;                 /* coincide con la imagen desktop */
    position: relative;
}

/* Banner móvil */
@media (max-width: 600px) {
    .full-banner-help {
        height: 150px;             /* coincide con la imagen móvil */
        padding: 0 10px;           /* evita que el texto se salga */
    }
}

.full-banner-help__container {
    position: static;              /* quita absolute */
    text-align: center;            /* centra texto horizontal */
}

/* Opcional: ajusta el tamaño del título según pantalla */
.full-banner-help__container h1 {
    font-size: 48px;
    line-height: 1.2;
    margin: 0;
}

@media (max-width: 860px) {
    .full-banner-help__container h1 {
        font-size: 30px;
    }
}