/*
Theme Name: Entidad Oaxaca
Theme URI: https://entidadoaxaca.com/
Description: Plantilla modernista para medio digital de noticias vinculada a Editorial Intelligence.
Author: Making
Version: 1.2
Text Domain: entidad-oaxaca
*/

/* 
   Nota: Este tema utiliza Tailwind CSS vía CDN para coincidir exactamente con el diseño proporcionado.
   Las configuraciones de Tailwind se encuentran en el script del header.
*/

:root {
    --primary: #b3050c;
    --primary-container: #d72a23;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media (min-width: 1024px) {
    .sticky-sidebar {
        position: sticky;
        top: 5rem;
        height: calc(100vh - 6rem);
        overflow-y: auto;
    }
}

/* WordPress specific fixes */
.admin-bar .fixed-top {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar .fixed-top {
        top: 46px;
    }
}

/* Custom Logo Support */
.custom-logo-link {
    display: block;
    width: 110px;
    height: 110px;
}

.custom-logo {
    max-width: 110px;
    max-height: 110px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Blinking Dot */
.dot-blink {
    width: 10px;
    height: 10px;
    background-color: #ef4444;
    border-radius: 9999px;
    display: inline-block;
    margin-right: 8px;
    animation: blink 1.2s infinite;
}

@keyframes blink {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(0.8);
    }
}

/* News Ticker Scroll */
.ticker-wrap {
    width: 100%;
    overflow: hidden;
}

.ticker-move {
    display: flex;
    white-space: nowrap;
    animation: ticker-scroll 30s linear infinite;
}

.ticker-move:hover {
    animation-play-state: paused;
}

.ticker-item {
    padding: 0 40px;
    display: flex;
    align-items: center;
}

@keyframes ticker-scroll {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}