/* =========================================================
   VOZ DEL REINO — FINAL HERO LAYOUT
   Program card | Radio player | Advertisements
   ========================================================= */

@media (min-width: 1101px) {
    .vdr-hero .vdr-hero-shell {
        display: grid !important;
        grid-template-columns:
            320px
            minmax(0, 1fr)
            340px !important;
        grid-template-rows: auto !important;
        align-items: stretch !important;
        gap: 22px !important;
    }

    /* PROGRAM CARD — LEFT */
    .vdr-hero .vdr-hero-shell > .vdr-program-card,
    .vdr-hero .vdr-hero-shell > .vdr-program-card.vdr-program-card--full-banner {
        grid-column: 1 !important;
        grid-row: 1 !important;

        display: flex !important;
        width: 320px !important;
        min-width: 320px !important;
        max-width: 320px !important;

        height: 434px !important;
        min-height: 434px !important;
        max-height: 434px !important;

        flex-direction: column !important;
        align-self: stretch !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        border: 1px solid rgba(255, 255, 255, 0.20) !important;
        border-radius: 20px !important;

        background: #ffffff !important;
        box-shadow: 0 18px 42px rgba(0, 0, 0, 0.15) !important;
    }

    /* Restore program heading */
    .vdr-hero .vdr-program-card .vdr-status-label {
        display: flex !important;
        min-height: 46px !important;
        align-items: center !important;
        padding: 12px 17px !important;

        border-bottom: 1px solid #dce5f1 !important;
        background: #edf4ff !important;

        color: #123d7a !important;
        font-size: 0.78rem !important;
        font-weight: 800 !important;
        text-transform: uppercase !important;
    }

    /* Program photo */
    .vdr-hero .vdr-program-card .vdr-program-photo,
    .vdr-hero .vdr-program-card.vdr-program-card--full-banner .vdr-program-photo {
        display: block !important;
        position: relative !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 180px !important;
        min-height: 180px !important;
        max-height: 180px !important;

        flex: 0 0 180px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        border: 0 !important;
        border-bottom: 4px solid #f97316 !important;
        border-radius: 0 !important;

        background: #07162f !important;
    }

    .vdr-hero .vdr-program-card .vdr-program-photo::after {
        display: none !important;
        content: none !important;
    }

    .vdr-hero .vdr-program-card #radioOnAirImage {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;
        object-position: center 25% !important;

        transform: none !important;
        border-radius: 0 !important;
        background: #07162f !important;
    }

    /* Restore program information */
    .vdr-hero .vdr-program-card .vdr-program-info {
        display: flex !important;
        min-height: 0 !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        justify-content: center !important;

        padding: 22px 24px !important;
        background:
            linear-gradient(
                180deg,
                #ffffff 0%,
                #f5f8fd 100%
            ) !important;
    }

    .vdr-hero .vdr-program-card .vdr-program-info strong {
        display: block !important;
        margin: 0 0 9px !important;

        color: #071735 !important;
        font-size: 1.45rem !important;
        font-weight: 800 !important;
        line-height: 1.12 !important;
    }

    .vdr-hero .vdr-program-card .vdr-program-info span {
        display: block !important;
        margin-bottom: 12px !important;

        color: #304766 !important;
        font-size: 0.96rem !important;
        font-weight: 700 !important;
    }

    .vdr-hero .vdr-program-card .vdr-program-info p {
        display: block !important;
        margin: 0 !important;

        color: #52657f !important;
        font-size: 0.9rem !important;
        font-weight: 500 !important;
        line-height: 1.45 !important;
    }

    /* RADIO PLAYER — CENTER */
    .vdr-hero .vdr-hero-shell > .vdr-player-card {
        grid-column: 2 !important;
        grid-row: 1 !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 434px !important;
        min-height: 434px !important;

        align-self: stretch !important;
    }

    /* ADVERTISEMENTS — RIGHT */
    .vdr-hero .vdr-hero-shell > .vdr-ad-card {
        grid-column: 3 !important;
        grid-row: 1 !important;

        width: 340px !important;
        min-width: 340px !important;
        max-width: 340px !important;

        height: 434px !important;
        min-height: 434px !important;

        align-self: stretch !important;
    }
}

/* TABLET */
@media (min-width: 781px) and (max-width: 1100px) {
    .vdr-hero .vdr-hero-shell {
        display: grid !important;
        grid-template-columns:
            300px
            minmax(0, 1fr) !important;
        gap: 20px !important;
        align-items: stretch !important;
    }

    .vdr-hero .vdr-hero-shell > .vdr-program-card {
        grid-column: 1 !important;
        grid-row: 1 !important;

        display: flex !important;
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;

        height: auto !important;
        min-height: 400px !important;

        flex-direction: column !important;
    }

    .vdr-hero .vdr-program-card .vdr-status-label,
    .vdr-hero .vdr-program-card .vdr-program-info {
        display: flex !important;
    }

    .vdr-hero .vdr-program-card .vdr-program-photo {
        width: 100% !important;
        height: 170px !important;
        min-height: 170px !important;
        flex: 0 0 170px !important;
    }

    .vdr-hero .vdr-hero-shell > .vdr-player-card {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
    }

    .vdr-hero .vdr-hero-shell > .vdr-ad-card {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        max-width: none !important;
    }
}

/* MOBILE */
@media (max-width: 780px) {
    .vdr-hero .vdr-hero-shell {
        display: flex !important;
        width: 100% !important;
        flex-direction: column !important;
        gap: 17px !important;
    }

    .vdr-hero .vdr-hero-shell > .vdr-player-card {
        order: 1 !important;
        width: 100% !important;
    }

    .vdr-hero .vdr-hero-shell > .vdr-program-card {
        order: 2 !important;

        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;

        flex-direction: column !important;
    }

    .vdr-hero .vdr-program-card .vdr-status-label,
    .vdr-hero .vdr-program-card .vdr-program-info {
        display: flex !important;
    }

    .vdr-hero .vdr-program-card .vdr-program-photo {
        width: 100% !important;
        height: 210px !important;
        min-height: 210px !important;
        flex: 0 0 210px !important;
    }

    .vdr-hero .vdr-program-card #radioOnAirImage {
        object-fit: cover !important;
        object-position: center 25% !important;
    }

    .vdr-hero .vdr-hero-shell > .vdr-ad-card {
        order: 3 !important;
        width: 100% !important;
    }
}

/* =========================================================
   VOZ DEL REINO — TEXT INSIDE PROGRAM PHOTO
   ========================================================= */

.vdr-program-photo {
    position: relative !important;
}

/* Keep the photograph underneath the text */
.vdr-program-photo #radioOnAirImage {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
}

/* Text placed in the empty right side */
.vdr-program-photo-overlay {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    z-index: 4 !important;

    display: flex !important;
    width: 48% !important;
    min-width: 0 !important;
    flex-direction: column !important;

    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

.vdr-program-photo-overlay > strong {
    display: flex !important;
    margin: 0 0 10px !important;
    flex-direction: column !important;

    font-family: inherit !important;
    font-size: clamp(1.02rem, 1.7vw, 1.42rem) !important;
    font-weight: 900 !important;
    line-height: 0.9 !important;
    letter-spacing: -0.035em !important;
    text-transform: uppercase !important;

    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.42) !important;
}

.vdr-program-photo-overlay > strong span:first-child {
    color: #ffffff !important;
}

.vdr-program-photo-overlay > strong span:last-child {
    color: #f7931e !important;
    font-size: 1.35em !important;
}

.vdr-program-photo-tagline {
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    gap: 6px !important;

    padding-top: 9px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.24) !important;

    color: #ffffff !important;
    font-size: clamp(0.52rem, 0.8vw, 0.7rem) !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55) !important;
}

.vdr-program-photo-tagline svg {
    display: block !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;

    fill: #f7931e !important;
    stroke: #f7931e !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

/* Slight darkening behind the text for readability */
.vdr-program-photo-overlay::before {
    content: "" !important;
    position: absolute !important;
    inset: -16px -10px !important;
    z-index: -1 !important;

    background:
        radial-gradient(
            circle at center,
            rgba(2, 18, 44, 0.62) 0%,
            rgba(2, 18, 44, 0.20) 58%,
            transparent 78%
        ) !important;
}

/* Wider banner on tablet and mobile */
@media (max-width: 1100px) {
    .vdr-program-photo-overlay {
        right: 20px !important;
        width: 46% !important;
    }

    .vdr-program-photo-overlay > strong {
        font-size: clamp(1.25rem, 4vw, 2.1rem) !important;
    }

    .vdr-program-photo-tagline {
        font-size: clamp(0.68rem, 2vw, 0.9rem) !important;
    }
}

@media (max-width: 480px) {
    .vdr-program-photo-overlay {
        right: 12px !important;
        width: 49% !important;
    }

    .vdr-program-photo-overlay > strong {
        margin-bottom: 7px !important;
        font-size: 1.05rem !important;
    }

    .vdr-program-photo-tagline {
        gap: 4px !important;
        padding-top: 7px !important;
        font-size: 0.55rem !important;
    }

    .vdr-program-photo-tagline svg {
        width: 17px !important;
        min-width: 17px !important;
        height: 17px !important;
    }
}

/* =========================================================
   VOZ DEL REINO — OVERLAY POSITION TUNE
   ========================================================= */

.vdr-program-card .vdr-program-photo-overlay {
    top: 44% !important;
    right: 16px !important;
    width: 40% !important;
    transform: translateY(-50%) !important;
}

.vdr-program-card .vdr-program-photo-overlay > strong {
    margin: 0 0 7px !important;
    font-size: clamp(1rem, 1.55vw, 1.32rem) !important;
    line-height: 0.88 !important;
}

.vdr-program-card .vdr-program-photo-tagline {
    gap: 5px !important;
    padding-top: 7px !important;
    font-size: clamp(0.5rem, 0.72vw, 0.64rem) !important;
    line-height: 1.15 !important;
}

.vdr-program-card .vdr-program-photo-tagline svg {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
}

.vdr-program-card .vdr-program-photo-overlay::before {
    inset: -12px -8px !important;
}

/* Tablet / medium screens */
@media (max-width: 1100px) {
    .vdr-program-card .vdr-program-photo-overlay {
        top: 45% !important;
        right: 18px !important;
        width: 41% !important;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .vdr-program-card .vdr-program-photo-overlay {
        top: 43% !important;
        right: 10px !important;
        width: 42% !important;
    }

    .vdr-program-card .vdr-program-photo-overlay > strong {
        margin-bottom: 6px !important;
        font-size: 0.95rem !important;
    }

    .vdr-program-card .vdr-program-photo-tagline {
        font-size: 0.5rem !important;
        gap: 4px !important;
    }

    .vdr-program-card .vdr-program-photo-tagline svg {
        width: 16px !important;
        min-width: 16px !important;
        height: 16px !important;
    }
}

/* =========================================================
   VOZ DEL REINO — MOVE OVERLAY MORE TO THE RIGHT
   ========================================================= */

.vdr-program-card .vdr-program-photo-overlay {
    top: 43% !important;
    right: 6px !important;
    width: 34% !important;
    transform: translateY(-50%) !important;
}

.vdr-program-card .vdr-program-photo-overlay > strong {
    margin: 0 0 7px !important;
    font-size: clamp(0.98rem, 1.45vw, 1.28rem) !important;
    line-height: 0.86 !important;
}

.vdr-program-card .vdr-program-photo-tagline {
    gap: 5px !important;
    padding-top: 7px !important;
    font-size: clamp(0.5rem, 0.68vw, 0.62rem) !important;
    line-height: 1.12 !important;
}

.vdr-program-card .vdr-program-photo-tagline svg {
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
}

.vdr-program-card .vdr-program-photo-overlay::before {
    inset: -10px -6px !important;
}

/* Tablet */
@media (max-width: 1100px) {
    .vdr-program-card .vdr-program-photo-overlay {
        top: 44% !important;
        right: 10px !important;
        width: 36% !important;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .vdr-program-card .vdr-program-photo-overlay {
        top: 42% !important;
        right: 8px !important;
        width: 38% !important;
    }

    .vdr-program-card .vdr-program-photo-overlay > strong {
        font-size: 0.9rem !important;
        margin-bottom: 6px !important;
    }

    .vdr-program-card .vdr-program-photo-tagline {
        font-size: 0.48rem !important;
        gap: 4px !important;
    }

    .vdr-program-card .vdr-program-photo-tagline svg {
        width: 15px !important;
        min-width: 15px !important;
        height: 15px !important;
    }
}

/* VOZ DEL REINO — optimized program-card image */
.vdr-program-card .vdr-program-photo,
.vdr-program-card.vdr-program-card--full-banner .vdr-program-photo {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    flex: 0 0 180px !important;
    aspect-ratio: 16 / 9 !important;
}

.vdr-program-card .vdr-program-photo #radioOnAirImage {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
}

/* =========================================================
   VOZ DEL REINO — ORIGINAL PHOTO QUALITY AND WIDER LEFT CARD
   ========================================================= */

@media (min-width: 1101px) {
    /*
     * Wider program card.
     * Slightly smaller center player area.
     */
    .vdr-hero .vdr-hero-shell {
        display: grid !important;
        grid-template-columns:
            390px
            minmax(0, 1fr)
            330px !important;
        grid-template-rows: auto !important;
        align-items: stretch !important;
        gap: 20px !important;
    }

    /* Left program card */
    .vdr-hero .vdr-hero-shell > .vdr-program-card,
    .vdr-hero .vdr-hero-shell > .vdr-program-card.vdr-program-card--full-banner {
        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 390px !important;
        min-width: 390px !important;
        max-width: 390px !important;

        height: 434px !important;
        min-height: 434px !important;
        max-height: 434px !important;

        align-self: stretch !important;
    }

    /*
     * Preserve the original 1983 × 793 banner ratio.
     * At 390px wide, the natural displayed height is about 156px.
     */
    .vdr-hero .vdr-program-card .vdr-program-photo,
    .vdr-hero .vdr-program-card.vdr-program-card--full-banner .vdr-program-photo {
        position: relative !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        flex: 0 0 auto !important;
        aspect-ratio: 1983 / 793 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        background: #061d3d !important;
    }

    .vdr-hero .vdr-program-card .vdr-program-photo::after {
        display: none !important;
        content: none !important;
    }

    /*
     * Use the complete original photo.
     * No crop, zoom, stretch, transformation, or artificial filtering.
     */
    .vdr-hero .vdr-program-card .vdr-program-photo #radioOnAirImage {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
        object-position: center center !important;

        transform: none !important;
        scale: none !important;
        filter: none !important;

        image-rendering: auto !important;
        background: #061d3d !important;
    }

    /* Information fills the remaining card height */
    .vdr-hero .vdr-program-card .vdr-program-info {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        padding: 20px 25px !important;
    }

    /* Center radio player */
    .vdr-hero .vdr-hero-shell > .vdr-player-card {
        grid-column: 2 !important;
        grid-row: 1 !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;

        height: 434px !important;
        min-height: 434px !important;
        max-height: 434px !important;
    }

    /* Right advertisement */
    .vdr-hero .vdr-hero-shell > .vdr-ad-card {
        grid-column: 3 !important;
        grid-row: 1 !important;

        width: 330px !important;
        min-width: 330px !important;
        max-width: 330px !important;

        height: 434px !important;
        min-height: 434px !important;
        max-height: 434px !important;
    }

    /*
     * Keep overlay in the empty right side of the photograph.
     */
    .vdr-program-card .vdr-program-photo-overlay {
        top: 46% !important;
        right: 10px !important;
        width: 36% !important;
        transform: translateY(-50%) !important;
    }
}

/* Tablet */
@media (min-width: 781px) and (max-width: 1100px) {
    .vdr-hero .vdr-program-card .vdr-program-photo {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex: 0 0 auto !important;
        aspect-ratio: 1983 / 793 !important;
    }

    .vdr-hero .vdr-program-card .vdr-program-photo #radioOnAirImage {
        object-fit: contain !important;
        object-position: center !important;
        transform: none !important;
        filter: none !important;
    }
}

/* Mobile */
@media (max-width: 780px) {
    .vdr-hero .vdr-program-card .vdr-program-photo {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex: 0 0 auto !important;
        aspect-ratio: 1983 / 793 !important;
    }

    .vdr-hero .vdr-program-card .vdr-program-photo #radioOnAirImage {
        object-fit: contain !important;
        object-position: center !important;
        transform: none !important;
        filter: none !important;
    }
}

/* =========================================================
   VOZ DEL REINO — TWO-LINE TAGLINE AND BRIGHTER ICON
   ========================================================= */

.vdr-program-card .vdr-program-photo-tagline {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;

    padding-top: 8px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.34) !important;
}

.vdr-program-card .vdr-program-tagline-text {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;

    color: #ffffff !important;
    font-size: clamp(0.56rem, 0.76vw, 0.72rem) !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    letter-spacing: 0.005em !important;

    text-shadow:
        0 2px 5px rgba(0, 0, 0, 0.85),
        0 0 10px rgba(0, 0, 0, 0.45) !important;
}

.vdr-program-card .vdr-program-tagline-text > span {
    display: block !important;
    white-space: nowrap !important;
}

.vdr-program-card .vdr-program-photo-tagline svg {
    display: block !important;

    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;

    overflow: visible !important;

    fill: none !important;
    stroke: #ff9d22 !important;
    stroke-width: 2.35 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;

    filter:
        drop-shadow(0 2px 3px rgba(0, 0, 0, 0.85))
        drop-shadow(0 0 5px rgba(255, 157, 34, 0.65)) !important;
}

/* Keep the center dot solid and bright */
.vdr-program-card .vdr-program-photo-tagline svg circle {
    fill: #ff9d22 !important;
    stroke: #ff9d22 !important;
}

/* Slightly stronger background behind the icon and tagline */
.vdr-program-card .vdr-program-photo-overlay::before {
    inset: -12px -10px !important;

    background:
        radial-gradient(
            circle at 65% 60%,
            rgba(2, 18, 44, 0.78) 0%,
            rgba(2, 18, 44, 0.42) 52%,
            transparent 82%
        ) !important;
}

@media (max-width: 480px) {
    .vdr-program-card .vdr-program-photo-tagline {
        grid-template-columns: 23px minmax(0, 1fr) !important;
        gap: 6px !important;
    }

    .vdr-program-card .vdr-program-photo-tagline svg {
        width: 22px !important;
        min-width: 22px !important;
        height: 22px !important;
    }

    .vdr-program-card .vdr-program-tagline-text {
        font-size: 0.54rem !important;
    }
}

/* VOZ DEL REINO — slightly larger Programación Cristiana 24/7 */
.vdr-program-card .vdr-program-tagline-text {
    font-size: clamp(0.66rem, 0.9vw, 0.84rem) !important;
    line-height: 1.1 !important;
    font-weight: 750 !important;
}

@media (max-width: 480px) {
    .vdr-program-card .vdr-program-tagline-text {
        font-size: 0.62rem !important;
    }
}

/* =========================================================
   VOZ DEL REINO — CONECTATE SOCIAL BAR
   ========================================================= */

.vdr-program-card .vdr-connect-bar {
    display: flex !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 7px 12px 7px 16px !important;

    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    border-bottom: 1px solid rgba(18, 61, 122, 0.12) !important;
    background:
        linear-gradient(
            135deg,
            #edf4ff 0%,
            #ffffff 100%
        ) !important;
}

.vdr-connect-title {
    display: block !important;
    margin: 0 !important;

    color: #123d7a !important;
    font-size: 0.77rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: 0.055em !important;
}

.vdr-connect-socials {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

.vdr-connect-socials a {
    display: inline-flex !important;
    width: 31px !important;
    height: 31px !important;

    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(18, 61, 122, 0.13) !important;
    border-radius: 10px !important;

    background: #ffffff !important;
    color: #123d7a !important;

    box-shadow:
        0 4px 10px rgba(15, 54, 110, 0.08) !important;

    text-decoration: none !important;
    transition:
        transform 0.18s ease,
        color 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease !important;
}

.vdr-connect-socials a:hover,
.vdr-connect-socials a:focus-visible {
    color: #f97316 !important;
    border-color: rgba(249, 115, 22, 0.38) !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 7px 15px rgba(15, 54, 110, 0.14) !important;

    outline: none !important;
}

.vdr-connect-socials svg {
    display: block !important;
    width: 17px !important;
    height: 17px !important;

    overflow: visible !important;
    fill: currentColor !important;
    stroke: none !important;
}

.vdr-connect-socials a:nth-child(2) svg {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
}

.vdr-connect-socials .vdr-youtube-play {
    fill: #ffffff !important;
}

.vdr-connect-socials a:last-child {
    background: #ff0000 !important;
    color: #ffffff !important;
    border-color: #ff0000 !important;
}

.vdr-connect-socials a:last-child:hover,
.vdr-connect-socials a:last-child:focus-visible {
    background: #e60000 !important;
    color: #ffffff !important;
}

@media (max-width: 480px) {
    .vdr-program-card .vdr-connect-bar {
        padding-inline: 13px 10px !important;
    }

    .vdr-connect-title {
        font-size: 0.7rem !important;
    }

    .vdr-connect-socials {
        gap: 5px !important;
    }

    .vdr-connect-socials a {
        width: 30px !important;
        height: 30px !important;
        border-radius: 9px !important;
    }

    .vdr-connect-socials svg {
        width: 16px !important;
        height: 16px !important;
    }
}

/* =========================================================
   VOZ DEL REINO — CONNECT TITLE AND YOUTUBE ICON FIX
   ========================================================= */

.vdr-connect-title {
    font-size: 0.68rem !important;
    line-height: 1.12 !important;
    letter-spacing: 0.025em !important;
    white-space: nowrap !important;
}

/* Clean YouTube button */
.vdr-connect-socials a:last-child {
    background: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #ffffff !important;
}

.vdr-connect-socials .vdr-youtube-icon {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    overflow: visible !important;
    fill: none !important;
    stroke: none !important;
}

.vdr-connect-socials .vdr-youtube-icon rect {
    fill: #ffffff !important;
    stroke: none !important;
}

.vdr-connect-socials .vdr-youtube-icon .vdr-youtube-play {
    fill: #ff0000 !important;
    stroke: none !important;
}

.vdr-connect-socials a:last-child:hover,
.vdr-connect-socials a:last-child:focus-visible {
    background: #dc0000 !important;
    border-color: #dc0000 !important;
    color: #ffffff !important;
}

@media (max-width: 480px) {
    .vdr-connect-title {
        max-width: 92px !important;
        font-size: 0.62rem !important;
        white-space: normal !important;
    }

    .vdr-connect-socials .vdr-youtube-icon {
        width: 18px !important;
        height: 18px !important;
    }
}

/* =========================================================
   VOZ DEL REINO — MOBILE APP PROMOTION
   ========================================================= */

.vdr-program-card .vdr-program-info {
    display: flex !important;
    flex-direction: column !important;
}

.vdr-program-app-promo {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;

    grid-template-columns:
        40px
        minmax(0, 1fr)
        22px !important;

    align-items: center !important;
    gap: 10px !important;

    margin-top: auto !important;
    padding: 11px 12px !important;

    border: 1px solid rgba(249, 115, 22, 0.25) !important;
    border-radius: 14px !important;

    background:
        linear-gradient(
            135deg,
            #fff7ed 0%,
            #ffffff 100%
        ) !important;

    color: #071735 !important;
    text-decoration: none !important;

    box-shadow:
        0 8px 18px rgba(15, 54, 110, 0.08) !important;

    transition:
        transform 0.18s ease,
        border-color 0.18s ease,
        box-shadow 0.18s ease !important;
}

.vdr-program-app-promo:hover,
.vdr-program-app-promo:focus-visible {
    transform: translateY(-2px) !important;
    border-color: rgba(249, 115, 22, 0.55) !important;

    box-shadow:
        0 12px 24px rgba(15, 54, 110, 0.14) !important;

    outline: none !important;
}

.vdr-program-app-icon {
    display: inline-flex !important;
    width: 40px !important;
    height: 40px !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: 12px !important;
    background:
        linear-gradient(
            135deg,
            #ff8a00 0%,
            #f97316 100%
        ) !important;

    color: #ffffff !important;

    box-shadow:
        0 7px 15px rgba(249, 115, 22, 0.28) !important;
}

.vdr-program-app-icon svg {
    display: block !important;
    width: 21px !important;
    height: 21px !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.vdr-program-app-copy {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
}

.vdr-program-app-copy strong {
    display: block !important;
    margin: 0 0 3px !important;

    color: #0d3c78 !important;
    font-size: 0.78rem !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.015em !important;
}

.vdr-program-app-copy small {
    display: block !important;

    color: #5d6f89 !important;
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

.vdr-program-app-arrow {
    display: flex !important;
    width: 22px !important;
    height: 22px !important;

    align-items: center !important;
    justify-content: center !important;

    color: #f97316 !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

@media (max-width: 480px) {
    .vdr-program-app-promo {
        grid-template-columns:
            38px
            minmax(0, 1fr)
            20px !important;

        gap: 9px !important;
        padding: 10px !important;
        border-radius: 13px !important;
    }

    .vdr-program-app-icon {
        width: 38px !important;
        height: 38px !important;
    }

    .vdr-program-app-copy strong {
        font-size: 0.73rem !important;
    }

    .vdr-program-app-copy small {
        font-size: 0.64rem !important;
    }
}

/* =========================================================
   VOZ DEL REINO — REFINED APP PROMO
   ========================================================= */

.vdr-program-app-promo.vdr-program-app-promo--refined {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 13px !important;

    margin-top: auto !important;
    padding: 14px 16px !important;

    border: 1px solid rgba(20, 61, 122, 0.14) !important;
    border-radius: 18px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7fbff 100%
        ) !important;

    box-shadow:
        0 10px 24px rgba(15, 54, 110, 0.08) !important;

    text-decoration: none !important;
    color: #071735 !important;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        border-color 0.18s ease !important;
}

.vdr-program-app-promo.vdr-program-app-promo--refined:hover,
.vdr-program-app-promo.vdr-program-app-promo--refined:focus-visible {
    transform: translateY(-2px) !important;
    border-color: rgba(249, 115, 22, 0.32) !important;
    box-shadow:
        0 14px 28px rgba(15, 54, 110, 0.14) !important;
    outline: none !important;
}

.vdr-program-app-logo-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;

    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid rgba(20, 61, 122, 0.08) !important;

    box-shadow:
        0 8px 18px rgba(15, 54, 110, 0.10) !important;

    overflow: hidden !important;
}

.vdr-program-app-logo {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.vdr-program-app-promo--refined .vdr-program-app-copy {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}

.vdr-program-app-promo--refined .vdr-program-app-copy strong {
    display: block !important;
    margin: 0 0 4px !important;

    color: #071735 !important;
    font-size: 0.98rem !important;
    font-weight: 850 !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.vdr-program-app-promo--refined .vdr-program-app-copy small {
    display: block !important;

    color: #5b6f8b !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
}

.vdr-program-app-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;
    padding: 0 14px !important;

    border-radius: 999px !important;
    background:
        linear-gradient(
            135deg,
            #123d7a 0%,
            #1d4ed8 100%
        ) !important;

    color: #ffffff !important;
    font-size: 0.77rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;

    box-shadow:
        0 8px 18px rgba(29, 78, 216, 0.22) !important;
}

@media (max-width: 480px) {
    .vdr-program-app-promo.vdr-program-app-promo--refined {
        grid-template-columns: 52px minmax(0, 1fr) !important;
        gap: 11px !important;
        padding: 12px 13px !important;
    }

    .vdr-program-app-logo-wrap {
        width: 52px !important;
        height: 52px !important;
        border-radius: 14px !important;
    }

    .vdr-program-app-promo--refined .vdr-program-app-copy strong {
        font-size: 0.93rem !important;
    }

    .vdr-program-app-promo--refined .vdr-program-app-copy small {
        font-size: 0.69rem !important;
    }

    .vdr-program-app-cta {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
        margin-top: 2px !important;
        min-height: 36px !important;
        padding: 0 13px !important;
        font-size: 0.72rem !important;
    }
}

/* =========================================================
   VOZ DEL REINO — REFINED APP PROMO
   ========================================================= */

.vdr-program-app-promo.vdr-program-app-promo--refined {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 13px !important;

    margin-top: auto !important;
    padding: 14px 16px !important;

    border: 1px solid rgba(20, 61, 122, 0.14) !important;
    border-radius: 18px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7fbff 100%
        ) !important;

    box-shadow:
        0 10px 24px rgba(15, 54, 110, 0.08) !important;

    text-decoration: none !important;
    color: #071735 !important;

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        border-color 0.18s ease !important;
}

.vdr-program-app-promo.vdr-program-app-promo--refined:hover,
.vdr-program-app-promo.vdr-program-app-promo--refined:focus-visible {
    transform: translateY(-2px) !important;
    border-color: rgba(249, 115, 22, 0.32) !important;
    box-shadow:
        0 14px 28px rgba(15, 54, 110, 0.14) !important;
    outline: none !important;
}

.vdr-program-app-logo-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;

    border-radius: 16px !important;
    background: #ffffff !important;
    border: 1px solid rgba(20, 61, 122, 0.08) !important;

    box-shadow:
        0 8px 18px rgba(15, 54, 110, 0.10) !important;

    overflow: hidden !important;
}

.vdr-program-app-logo {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.vdr-program-app-promo--refined .vdr-program-app-copy {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}

.vdr-program-app-promo--refined .vdr-program-app-copy strong {
    display: block !important;
    margin: 0 0 4px !important;

    color: #071735 !important;
    font-size: 0.98rem !important;
    font-weight: 850 !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.vdr-program-app-promo--refined .vdr-program-app-copy small {
    display: block !important;

    color: #5b6f8b !important;
    font-size: 0.72rem !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
}

.vdr-program-app-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;
    padding: 0 14px !important;

    border-radius: 999px !important;
    background:
        linear-gradient(
            135deg,
            #123d7a 0%,
            #1d4ed8 100%
        ) !important;

    color: #ffffff !important;
    font-size: 0.77rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;

    box-shadow:
        0 8px 18px rgba(29, 78, 216, 0.22) !important;
}

@media (max-width: 480px) {
    .vdr-program-app-promo.vdr-program-app-promo--refined {
        grid-template-columns: 52px minmax(0, 1fr) !important;
        gap: 11px !important;
        padding: 12px 13px !important;
    }

    .vdr-program-app-logo-wrap {
        width: 52px !important;
        height: 52px !important;
        border-radius: 14px !important;
    }

    .vdr-program-app-promo--refined .vdr-program-app-copy strong {
        font-size: 0.93rem !important;
    }

    .vdr-program-app-promo--refined .vdr-program-app-copy small {
        font-size: 0.69rem !important;
    }

    .vdr-program-app-cta {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
        margin-top: 2px !important;
        min-height: 36px !important;
        padding: 0 13px !important;
        font-size: 0.72rem !important;
    }
}

/* =========================================================
   VOZ DEL REINO — FINAL COMPACT APP PROMO OVERRIDE
   ========================================================= */

/*
 * Keep the schedule information in its correct position.
 */
.vdr-hero .vdr-program-card .vdr-program-info {
    display: flex !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    justify-content: flex-start !important;

    padding: 14px 20px 14px !important;
    overflow: hidden !important;
}

.vdr-hero .vdr-program-card .vdr-program-info > strong {
    margin: 0 0 6px !important;
    font-size: 1.32rem !important;
    line-height: 1.08 !important;
}

.vdr-hero .vdr-program-card .vdr-program-info > span {
    margin: 0 0 8px !important;
    font-size: 0.91rem !important;
    line-height: 1.2 !important;
}

.vdr-hero .vdr-program-card .vdr-program-info > p {
    margin: 0 0 10px !important;
    font-size: 0.83rem !important;
    line-height: 1.25 !important;
}

/*
 * Compact app card.
 */
.vdr-hero
.vdr-program-card
.vdr-program-app-promo.vdr-program-app-promo--refined {
    display: grid !important;

    width: 100% !important;
    min-width: 0 !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;

    grid-template-columns:
        48px
        minmax(0, 1fr)
        54px !important;

    grid-template-rows: 1fr !important;
    align-items: center !important;
    gap: 10px !important;

    margin: auto 0 0 !important;
    padding: 10px 11px !important;

    overflow: hidden !important;

    border: 1px solid rgba(18, 61, 122, 0.14) !important;
    border-radius: 15px !important;

    background:
        linear-gradient(
            135deg,
            #f7faff 0%,
            #ffffff 100%
        ) !important;

    color: #071735 !important;
    text-decoration: none !important;

    box-shadow:
        0 7px 18px rgba(15, 54, 110, 0.09) !important;

    transform: none !important;
}

/*
 * Correct square app logo.
 */
.vdr-hero
.vdr-program-card
.vdr-program-app-promo
.vdr-program-app-logo-wrap {
    display: flex !important;

    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;

    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;

    box-shadow:
        0 6px 14px rgba(15, 54, 110, 0.16) !important;
}

.vdr-hero
.vdr-program-card
.vdr-program-app-promo
.vdr-program-app-logo {
    display: block !important;

    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;

    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 12px !important;
    transform: none !important;
}

/*
 * Compact app text.
 */
.vdr-hero
.vdr-program-card
.vdr-program-app-promo--refined
.vdr-program-app-copy {
    display: flex !important;
    min-width: 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.vdr-hero
.vdr-program-card
.vdr-program-app-promo--refined
.vdr-program-app-copy strong {
    display: block !important;

    margin: 0 0 3px !important;

    color: #071735 !important;
    font-size: 0.79rem !important;
    font-weight: 850 !important;
    line-height: 1.08 !important;

    white-space: normal !important;
    text-transform: none !important;
}

.vdr-hero
.vdr-program-card
.vdr-program-app-promo--refined
.vdr-program-app-copy small {
    display: block !important;

    margin: 0 !important;

    color: #60718a !important;
    font-size: 0.61rem !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;

    white-space: normal !important;
}

/*
 * Smaller button that cannot push the copy out of place.
 */
.vdr-hero
.vdr-program-card
.vdr-program-app-promo
.vdr-program-app-cta {
    display: inline-flex !important;

    grid-column: 3 !important;
    grid-row: 1 !important;

    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;

    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            135deg,
            #123d7a 0%,
            #2563eb 100%
        ) !important;

    color: #ffffff !important;
    font-size: 0.63rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;

    box-shadow:
        0 5px 12px rgba(37, 99, 235, 0.22) !important;
}

.vdr-hero
.vdr-program-card
.vdr-program-app-promo.vdr-program-app-promo--refined:hover,
.vdr-hero
.vdr-program-card
.vdr-program-app-promo.vdr-program-app-promo--refined:focus-visible {
    transform: translateY(-1px) !important;

    border-color: rgba(249, 115, 22, 0.34) !important;

    box-shadow:
        0 10px 21px rgba(15, 54, 110, 0.13) !important;

    outline: none !important;
}

@media (max-width: 480px) {
    .vdr-hero
    .vdr-program-card
    .vdr-program-app-promo.vdr-program-app-promo--refined {
        height: 70px !important;
        min-height: 70px !important;
        max-height: 70px !important;

        grid-template-columns:
            46px
            minmax(0, 1fr)
            50px !important;

        gap: 8px !important;
        padding: 9px 10px !important;
    }

    .vdr-hero
    .vdr-program-card
    .vdr-program-app-promo
    .vdr-program-app-logo-wrap,
    .vdr-hero
    .vdr-program-card
    .vdr-program-app-promo
    .vdr-program-app-logo {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;

        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }

    .vdr-hero
    .vdr-program-card
    .vdr-program-app-promo
    .vdr-program-app-cta {
        grid-column: 3 !important;

        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;

        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;

        font-size: 0.6rem !important;
    }
}

/* VOZ DEL REINO — program host text in orange */
.vdr-program-card .vdr-program-info #radioOnAirHost {
    color: #f97316 !important;
    font-weight: 800 !important;
}

/* VOZ DEL REINO — make YouTube match the other social icons */
.vdr-connect-socials a:last-child {
    background: #ffffff !important;
    border-color: rgba(18, 61, 122, 0.13) !important;
    color: #123d7a !important;
}

.vdr-connect-socials .vdr-youtube-icon rect {
    fill: currentColor !important;
    stroke: none !important;
}

.vdr-connect-socials .vdr-youtube-icon .vdr-youtube-play {
    fill: #ffffff !important;
    stroke: none !important;
}

.vdr-connect-socials a:last-child:hover,
.vdr-connect-socials a:last-child:focus-visible {
    background: #ffffff !important;
    border-color: rgba(249, 115, 22, 0.38) !important;
    color: #f97316 !important;
}

/* VOZ DEL REINO — balance Facebook icon size */
.vdr-connect-socials a:first-child svg {
    width: 14px !important;
    height: 14px !important;
    transform: translateY(1px) !important;
}

/* VOZ DEL REINO — final Facebook icon balance */
.vdr-connect-socials a:first-child svg {
    width: 15.5px !important;
    height: 15.5px !important;
    transform: translateY(-1px) !important;
}

/* VOZ DEL REINO — final Facebook icon alignment */
.vdr-connect-socials a:first-child svg {
    width: 15px !important;
    height: 15px !important;
    transform: translateY(-2px) !important;
}

/* =========================================================
   VOZ DEL REINO — KEEP SOCIAL BAR DURING LIVE BROADCASTS
   ========================================================= */

.vdr-program-card #radioOnAirKicker.vdr-connect-bar {
    display: flex !important;
    min-height: 48px !important;
    height: 48px !important;

    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    padding: 7px 12px 7px 16px !important;
}

.vdr-program-card #radioOnAirKicker .vdr-connect-title {
    display: block !important;
    flex: 0 1 auto !important;

    margin: 0 !important;

    color: #123d7a !important;
    font-size: 0.68rem !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.025em !important;
    white-space: nowrap !important;
}

.vdr-program-card #radioOnAirKicker .vdr-connect-socials {
    display: flex !important;
    flex: 0 0 auto !important;

    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

/* Live host information */
.vdr-program-card.vdr-program-live #radioOnAirName {
    color: #071735 !important;
}

.vdr-program-card.vdr-program-live #radioOnAirHost {
    color: #f97316 !important;
    font-weight: 800 !important;
}

@media (max-width: 480px) {
    .vdr-program-card #radioOnAirKicker .vdr-connect-title {
        font-size: 0.63rem !important;
    }

    .vdr-program-card #radioOnAirKicker .vdr-connect-socials {
        gap: 5px !important;
    }
}

/* ===== VIVINT HOST IMAGE BANNER ===== */
.radio-vivinthost-image-banner {
    width: min(1185px, calc(100% - 32px));
    margin: 24px auto;
}

.radio-vivinthost-image-banner a {
    display: block;
    border-radius: 25px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(15, 35, 70, 0.10);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.radio-vivinthost-image-banner a:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(15, 35, 70, 0.16);
}

.radio-vivinthost-image-banner a:focus-visible {
    outline: 3px solid #ff8a00;
    outline-offset: 4px;
}

.radio-vivinthost-image-banner img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 600px) {
    .radio-vivinthost-image-banner {
        width: calc(100% - 20px);
        margin: 18px auto;
    }

    .radio-vivinthost-image-banner a {
        border-radius: 16px;
    }
}
/* ===== END VIVINT HOST IMAGE BANNER ===== */

/* ===== VIVINT HOST IMAGE BANNER CLEAN CENTERED VERSION ===== */
.radio-vivinthost-image-banner {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 24px 0;
    background: transparent;
}

.radio-vivinthost-image-banner a {
    display: block;
    width: min(1185px, calc(100% - 32px));
    margin: 0 auto;
    border-radius: 28px;
    overflow: hidden;
    background: transparent;
    box-shadow: none;
}

.radio-vivinthost-image-banner img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: transparent;
    border: 0;
}

@media (max-width: 600px) {
    .radio-vivinthost-image-banner {
        margin: 18px 0;
    }

    .radio-vivinthost-image-banner a {
        width: calc(100% - 20px);
        border-radius: 18px;
    }
}
/* ===== END VIVINT HOST IMAGE BANNER CLEAN CENTERED VERSION ===== */