.euribor365-ticker {

    width:100%;

    overflow:hidden;

    background:#f4f4f9;

    border:1px solid #ddd;

    border-radius:8px;

    padding:10px 15px;

    box-sizing:border-box;

    font-family:Arial, Helvetica, sans-serif;

    box-shadow:0 2px 4px rgba(0,0,0,0.08);

}

.euribor365-scroll {

    width:100%;

    overflow:hidden;

}

.euribor365-track {

    display:flex;

    width:max-content;

}

.euribor365-track.euribor365-centered {

    width:100%;

    justify-content:center;

}

.euribor365-track.euribor365-scrolling {

    justify-content:flex-start;

    animation:euribor365-marquee 25s linear infinite;

}

.euribor365-content {

    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:18px;

    white-space:nowrap;

    padding-right:50px;

    flex-shrink:0;

}

.euribor365-item {

    display:flex;

    align-items:center;

    gap:8px;

}

.euribor365-label {

    font-size:13px;

    color:#666;

    font-weight:bold;

}

.euribor365-value {

    font-size:22px;

    font-weight:bold;

    color:#000;

}

.euribor365-change {

    font-size:14px;

    font-weight:bold;

}

.euribor365-divider {

    height:35px;

    width:1px;

    background:#ccc;

}

.euribor365-brand {

    font-size:12px;

    color:#666;

    white-space:nowrap;

}

.euribor365-brand a {

    color:#0000FF;

    font-weight:bold;

    text-decoration:underline;

}

.euribor365-brand a:hover {

    color:#28a745;

}

/* ==========================
   VERSION MOVIL
   ========================== */

@media (max-width:768px) {

    .euribor365-ticker {

        padding:8px 0;

    }

    .euribor365-item {

        gap:6px;

    }

    .euribor365-label {

        font-size:11px;

    }

    .euribor365-value {

        font-size:18px;

    }

    .euribor365-change {

        font-size:12px;

    }

    .euribor365-divider {

        display:none;

    }

    .euribor365-brand {

        font-size:11px;

    }

}

@keyframes euribor365-marquee {

    from {

        transform:translateX(0);

    }

    to {

        transform:translateX(-50%);

    }

}
