/* 1. IMPORTAR FUENTES */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&display=swap');

:root {
    --proyectos-orange: #eb5e28;
    --proyectos-text: #222;
    --proyectos-grey: #999;
    --proyectos-radius: 30px;
}

.proyectos-container {
    display: flex;
    gap: 90px;
    font-family: 'Roboto', sans-serif;
    max-width: 1300px !important;
    margin: 0 auto;
    padding: 20px 0;
    color: var(--proyectos-text);
}

.proyectos-sidebar { width: 250px; flex-shrink: 0; }

/* Títulos y Botones en Roboto Mono */
.sidebar-title {
    color: #ff4400 !important; 
    font-style: italic !important; 
    font-size: 1.5rem;
    margin-bottom: 25px;
    font-weight: 800;
    font-family: 'Roboto Mono', monospace !important;
    letter-spacing: 1px !important;
}

.filter-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #333;
    border-radius: var(--proyectos-radius);
    padding: 8px 15px;
    margin-bottom: 12px;
    text-decoration: none !important;
    color: #333;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    transition: all 0.2s ease;
    background: transparent;
    font-family: 'Roboto Mono', monospace !important;
    letter-spacing: 1px !important;
}
.filter-btn:hover { border-color: var(--proyectos-orange); color: #000; }
.filter-btn.active { border: 2px solid var(--proyectos-orange); color: #000; padding: 7px 14px; }
.filter-btn .arrow { font-weight: normal; }

.filter-subtitle {
    margin-top: 40px;
    font-size: 1rem !important;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 20px;
    font-weight: 500 !important;
    font-family: 'Roboto Mono', monospace !important;
    letter-spacing: 1px !important;
}

/* LISTA DE LÍNEAS */
.linea-item {
    display: flex;
    align-items: flex-start;
    text-decoration: none !important;
    color: #333;
    margin-bottom: 18px;
    cursor: pointer;
    line-height: 1.3;
}

.radio-circle {
    width: 14px;
    height: 14px;
    border: 1px solid #333;
    border-radius: 50%;
    margin-right: 12px;
    margin-top: 3px;
    flex-shrink: 0;
    position: relative;
}
.linea-item:hover .radio-circle, .linea-item.active .radio-circle { border-color: var(--proyectos-orange); }
.linea-item.active .radio-circle::after {
    content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 8px; height: 8px; background-color: var(--proyectos-orange); border-radius: 50%;
}

.linea-text { display: flex; flex-direction: column; }

/* --- AQUI ESTA EL CAMBIO SOLICITADO --- */
/* Nombres de líneas en Roboto Normal (no Mono), más pequeño */
.linea-name {
    font-family: 'Roboto', sans-serif !important;
    font-size: 0.85rem;
    color: #333;
    line-height: 1.2;
    margin-bottom: 3px;
    font-weight: 400;
}

.linea-desc {
    font-size: 0.85rem;
    color: #333;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2;
}

/* Resto de estilos */
.proyectos-list { flex-grow: 1; border-top: none; padding-top: 30px; }
.proyecto-header { margin-bottom: 30px; }

.proyecto-title {
    font-weight: 500;
    font-size: 25px !important;
    margin: 0;
    font-style: italic !important;
    font-family: 'Roboto Mono', monospace !important;
    letter-spacing: 1px !important;
}

.proyecto-meta-grid { display: grid; grid-template-columns: 1fr; gap: 15px; }
.meta-row { display: grid; grid-template-columns: 220px 1fr; gap: 20px; align-items: baseline; }

.meta-label {
    text-transform: uppercase; font-size: 0.7rem; color: #aaa; font-weight: 700;
    letter-spacing: 0.5px; font-family: 'Roboto Mono', monospace !important; letter-spacing: 1px !important;
}
.meta-value { font-size: 0.95rem; color: #333; font-family: 'Roboto', sans-serif; }
.meta-value a { color: var(--proyectos-orange); text-decoration: none; }
.blue-text {     color: #333 !important ; font-family: 'Roboto', sans-serif; }
.content-text { text-align: justify; line-height: 1.6; font-family: 'Roboto', sans-serif; }
.proyecto-resultados { margin-top: 25px; padding-top: 25px; border-top: 1px solid #f0f0f0; }
.small-text { font-size: 0.8rem; line-height: 1.5; color: #444; font-family: 'Roboto', sans-serif; }
.proyecto-divider { border: 0; border-bottom: 1px solid #000; margin: 50px 0; opacity: 1; }

@media (max-width: 768px) {
    .proyectos-container { flex-direction: column; }
    .proyectos-sidebar { width: 100%; margin-bottom: 30px; }
    .meta-row { grid-template-columns: 1fr; gap: 5px; }
    .meta-label { margin-top: 10px; }
    .proyectos-list { padding-top: 0px; }
}