/* SIIP — piel visual estilo Caterpillar sobre la estructura de Alianzas VIP */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,700&display=swap');

:root {
    --cat-yellow: #FFCD11;
    --cat-yellow-dark: #E8B800;
    --cat-black: #000000;
    --cat-charcoal: #1C1C1C;
}

* { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; }

[x-cloak] { display: none !important; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background-color: #d4d4d4; border-radius: 9999px; }
.dark-scroll::-webkit-scrollbar-thumb { background-color: #3f3f3f; }

/* Franja diagonal estilo CAT para fondos de marca */
.cat-diagonal-strip {
    background: repeating-linear-gradient(
        135deg,
        var(--cat-black),
        var(--cat-black) 40px,
        var(--cat-charcoal) 40px,
        var(--cat-charcoal) 80px
    );
}

.cat-yellow-glow {
    box-shadow: 0 10px 30px -10px rgba(255, 205, 17, 0.45);
}

/* Barra de avance de proyectos */
.progress-track { background-color: #e5e5e5; border-radius: 9999px; overflow: hidden; height: 8px; }
.progress-fill { background-color: var(--cat-yellow); height: 100%; border-radius: 9999px; transition: width .4s ease; }

/* Inputs con foco amarillo CAT (Tailwind Play CDN no aplica focus:ring a color custom sin config, se refuerza aquí) */
.input-cat:focus {
    outline: none;
    border-color: var(--cat-yellow-dark);
    box-shadow: 0 0 0 3px rgba(255, 205, 17, 0.35);
}