Portal de Transparencia – Libertad Estudiantil Canarias
:root{
–azul:#09386A;–azul-claro:#1a5494;–azul-oscuro:#061f3e;
–oro:#b8922a;–oro-claro:#d4aa45;
–crema:#f5f6f8;–gris-claro:#eaecf0;–gris-medio:#c5c9d1;
–gris-texto:#4a5060;–negro:#181c24;–blanco:#ffffff;
–borde:#dde2ea;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:’Inter’,Arial,sans-serif;background:var(–crema);color:var(–negro);min-height:100vh;font-size:15px;-webkit-font-smoothing:antialiased}
header{position:sticky;top:0;z-index:999;background:var(–azul-oscuro);border-bottom:1px solid rgba(255,255,255,0.07)}
.header-wrap{max-width:1280px;margin:0 auto;padding:0 48px;height:76px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
.logo img{height:42px;width:auto;object-fit:contain;display:block}
nav{display:flex;align-items:center;gap:2px}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,0.72);text-decoration:none;font-size:0.82rem;font-weight:500;letter-spacing:0.09em;text-transform:uppercase;padding:10px 18px;border-radius:3px;transition:color 0.2s,background 0.2s;white-space:nowrap}
.nav-link:hover,.nav-link.activo{color:#fff;background:rgba(255,255,255,0.08)}
.nav-link svg{width:10px;height:10px;transition:transform 0.3s;opacity:0.6}
.nav-item:hover .nav-link svg{transform:rotate(180deg)}
.submenu{position:absolute;top:calc(100% + 2px);left:0;background:#fff;border:1px solid var(–borde);border-top:3px solid var(–oro);border-radius:0 0 6px 6px;min-width:220px;box-shadow:0 16px 40px rgba(0,0,0,0.13);opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity 0.22s,transform 0.22s}
.nav-item:hover .submenu{opacity:1;pointer-events:all;transform:translateY(0)}
.submenu a{display:block;padding:13px 22px;color:var(–negro);text-decoration:none;font-size:0.85rem;font-weight:500;border-bottom:1px solid var(–borde);transition:color 0.18s,padding-left 0.18s}
.submenu a:last-child{border-bottom:none}
.submenu a:hover{color:var(–azul);padding-left:28px}
.btn-nav{margin-left:14px;background:var(–oro);color:var(–azul-oscuro) !important;font-weight:700 !important;letter-spacing:0.1em !important;padding:10px 22px !important;border-radius:3px;transition:background 0.2s,transform 0.2s !important}
.btn-nav:hover{background:var(–oro-claro) !important;transform:translateY(-1px) !important}
.hero{background:var(–azul-oscuro);color:var(–blanco);padding:56px 48px 48px;border-bottom:3px solid var(–oro);position:relative;overflow:hidden}
.hero::after{content:»;position:absolute;right:0;top:0;bottom:0;width:35%;background:repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(255,255,255,0.02) 18px,rgba(255,255,255,0.02) 19px)}
.hero-inner{max-width:1280px;margin:0 auto;position:relative;z-index:1}
.hero-eyebrow{font-size:0.7rem;font-weight:700;letter-spacing:0.25em;text-transform:uppercase;color:var(–oro-claro);margin-bottom:16px;display:flex;align-items:center;gap:12px}
.hero-eyebrow::before{content:»;display:block;height:2px;width:36px;background:var(–oro);flex-shrink:0}
.hero h1{font-family:’Playfair Display’,serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:900;line-height:1.1;margin-bottom:14px}
.hero p{font-size:0.95rem;color:rgba(255,255,255,0.6);max-width:600px;line-height:1.78;font-weight:300}
.main-wrapper{max-width:1280px;margin:0 auto;padding:2.5rem 48px 5rem;display:grid;grid-template-columns:230px 1fr;gap:3rem;align-items:start}
.sidebar{position:sticky;top:96px}
.sidebar-block{background:var(–blanco);border:1px solid var(–gris-medio);border-top:3px solid var(–azul);margin-bottom:1rem}
.sidebar-heading{font-size:0.6rem;text-transform:uppercase;letter-spacing:0.18em;font-weight:700;color:var(–azul-oscuro);padding:0.85rem 1.1rem 0.5rem;border-bottom:1px solid var(–gris-claro)}
.sidebar nav{display:flex;flex-direction:column}
.nav-btn{display:flex;align-items:center;justify-content:space-between;padding:0.65rem 1.1rem;border:none;border-bottom:1px solid var(–gris-claro);background:transparent;color:var(–gris-texto);font-family:’Inter’,Arial,sans-serif;font-size:0.84rem;font-weight:400;cursor:pointer;text-align:left;transition:all .15s;width:100%;line-height:1.3}
.nav-btn:last-child{border-bottom:none}
.nav-btn:hover{background:var(–gris-claro);color:var(–azul-oscuro)}
.nav-btn.active{background:var(–azul);color:var(–blanco);font-weight:600}
.nav-btn.active .nav-arrow{border-color:rgba(255,255,255,0.5)}
.nav-arrow{width:6px;height:6px;border-right:1.5px solid var(–gris-medio);border-bottom:1.5px solid var(–gris-medio);transform:rotate(-45deg);flex-shrink:0}
.sidebar-info{background:var(–gris-claro);border:1px solid var(–gris-medio);padding:1rem 1.1rem;font-size:0.77rem;color:var(–gris-texto);line-height:1.65}
.sidebar-info strong{display:block;font-size:0.62rem;text-transform:uppercase;letter-spacing:0.12em;color:var(–azul-oscuro);margin-bottom:0.4rem;font-weight:700}
.section{display:none;animation:fadeUp .22s ease}
.section.active{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.section-header{margin-bottom:1.8rem;padding-bottom:1rem;border-bottom:2px solid var(–gris-medio)}
.section-breadcrumb{font-size:0.63rem;text-transform:uppercase;letter-spacing:0.12em;color:var(–gris-texto);margin-bottom:0.45rem}
.section-breadcrumb span{color:var(–azul)}
.section-header h2{font-family:’Playfair Display’,serif;font-size:1.9rem;color:var(–azul-oscuro);font-weight:900}
.subsection{margin-bottom:2.2rem}
.subsection-label{font-size:0.62rem;text-transform:uppercase;letter-spacing:0.16em;font-weight:700;color:var(–azul-oscuro);margin-bottom:0.9rem;padding-bottom:0.5rem;border-bottom:1px solid var(–gris-claro);display:flex;align-items:center;gap:0.6rem}
.subsection-label::before{content:»;width:3px;height:13px;background:var(–oro);flex-shrink:0}
.doc-card{background:var(–blanco);border:1px solid var(–gris-medio);border-left:3px solid var(–azul);margin-bottom:0.6rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start;padding:1.1rem 1.3rem;transition:box-shadow .18s,border-color .18s}
.doc-card:hover{box-shadow:0 2px 14px rgba(9,56,106,0.1);border-left-color:var(–oro)}
.doc-card.derogado{border-left-color:var(–gris-medio);opacity:0.65}
.doc-ref{font-size:0.63rem;text-transform:uppercase;letter-spacing:0.12em;font-weight:700;color:var(–azul);margin-bottom:0.25rem}
.doc-title{font-size:0.87rem;font-weight:500;color:var(–negro);line-height:1.48;margin-bottom:0.45rem}
.doc-meta{display:flex;align-items:center;gap:0.45rem;flex-wrap:wrap;margin-bottom:0.25rem}
.doc-emisor{font-size:0.63rem;text-transform:uppercase;letter-spacing:0.08em;font-weight:600;color:var(–gris-texto);background:var(–gris-claro);padding:0.17rem 0.55rem;border:1px solid var(–gris-medio)}
.doc-badge{font-size:0.63rem;text-transform:uppercase;letter-spacing:0.08em;font-weight:700;padding:0.17rem 0.55rem;border:1px solid}
.badge-vigente{color:#0a4a1e;background:rgba(10,74,30,0.07);border-color:rgba(10,74,30,0.22)}
.badge-derogado{color:#7a3c3c;background:rgba(122,60,60,0.07);border-color:rgba(122,60,60,0.2)}
.badge-abierto{color:#0a3a6e;background:rgba(9,56,106,0.07);border-color:rgba(9,56,106,0.22)}
.doc-date{font-size:0.72rem;color:var(–gris-texto);margin-top:0.15rem}
.doc-actions{flex-shrink:0;padding-top:0.1rem}
.btn-open{display:inline-flex;align-items:center;gap:0.45rem;background:var(–azul);color:var(–blanco);padding:0.48rem 1rem;font-size:0.77rem;font-weight:600;text-decoration:none;font-family:’Inter’,Arial,sans-serif;letter-spacing:0.04em;text-transform:uppercase;transition:background .15s;white-space:nowrap;border-radius:3px}
.btn-open:hover{background:var(–azul-oscuro)}
.btn-open svg{width:11px;height:11px;flex-shrink:0}
.anuncio-card{background:var(–blanco);border:1px solid var(–gris-medio);border-top:3px solid var(–oro);margin-bottom:0.8rem;padding:1.1rem 1.4rem;display:grid;grid-template-columns:auto 1fr;gap:1.2rem;transition:box-shadow .18s}
.anuncio-card:hover{box-shadow:0 2px 12px rgba(0,0,0,0.07)}
.anuncio-card.derogado{opacity:0.6}
.anuncio-date{flex-shrink:0;text-align:center;background:var(–azul-oscuro);color:var(–blanco);padding:0.55rem 0.8rem;min-width:52px}
.anuncio-date .dia{font-family:’Playfair Display’,serif;font-size:1.6rem;font-weight:700;line-height:1;display:block}
.anuncio-date .mes{font-size:0.58rem;text-transform:uppercase;letter-spacing:0.1em;color:var(–oro-claro);font-weight:700;margin-top:2px;display:block}
.anuncio-date .anyo{font-size:0.58rem;color:rgba(255,255,255,0.45);margin-top:1px;display:block}
.anuncio-tag{font-size:0.62rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:700;color:var(–azul);margin-bottom:0.25rem}
.anuncio-title{font-weight:600;font-size:0.88rem;color:var(–negro);margin-bottom:0.3rem;line-height:1.4}
.anuncio-link{font-size:0.78rem;color:var(–azul);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:4px;margin-top:0.2rem}
.anuncio-link:hover{color:var(–azul-oscuro);text-decoration:underline}
.empty-state{background:var(–blanco);border:1px dashed var(–gris-medio);padding:2.5rem 2rem;text-align:center;color:var(–gris-texto)}
.empty-state p{font-size:0.84rem;font-style:italic}
.loading-state{padding:2rem;text-align:center;color:var(–gris-texto);font-size:0.84rem;display:flex;align-items:center;justify-content:center;gap:0.6rem}
.spinner{width:16px;height:16px;border:2px solid var(–gris-medio);border-top-color:var(–azul);border-radius:50%;animation:spin 0.7s linear infinite;flex-shrink:0}
@keyframes spin{to{transform:rotate(360deg)}}
.error-state{background:#fff8f8;border:1px solid #f0d0d0;padding:1.2rem 1.4rem;color:#7a3c3c;font-size:0.83rem;line-height:1.6}
footer{background:#040f1e}
.footer-main{max-width:1280px;margin:0 auto;padding:72px 48px 56px;display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:60px;border-bottom:1px solid rgba(255,255,255,0.07)}
.footer-marca img{height:40px;width:auto;object-fit:contain;display:block;margin-bottom:20px}
.footer-marca p{font-size:0.85rem;line-height:1.7;color:rgba(255,255,255,0.38);margin-bottom:24px}
.footer-rrss{display:flex;gap:8px}
.rrss-link{width:34px;height:34px;border:1px solid rgba(255,255,255,0.15);border-radius:3px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.45);text-decoration:none;font-size:0.78rem;font-weight:700;transition:border-color 0.2s,color 0.2s,background 0.2s}
.rrss-link:hover{border-color:var(–oro);color:var(–oro);background:rgba(184,146,42,0.08)}
.footer-col h5{font-size:0.7rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.65);margin-bottom:20px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:9px}
.footer-col ul li a{color:rgba(255,255,255,0.35);text-decoration:none;font-size:0.85rem;transition:color 0.2s}
.footer-col ul li a:hover{color:var(–oro)}
.footer-contacto-item{display:flex;flex-direction:column;margin-bottom:12px}
.footer-contacto-item span:first-child{font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.28);margin-bottom:3px}
.footer-contacto-item span:last-child{font-size:0.85rem;color:rgba(255,255,255,0.45)}
.footer-bottom{max-width:1280px;margin:0 auto;padding:20px 48px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.footer-copy{font-size:0.78rem;color:rgba(255,255,255,0.22)}
.footer-legal{display:flex;gap:24px}
.footer-legal a{color:rgba(255,255,255,0.22);font-size:0.78rem;text-decoration:none;transition:color 0.2s}
.footer-legal a:hover{color:rgba(255,255,255,0.55)}
@media(max-width:1024px){.header-wrap,.main-wrapper{padding-left:24px;padding-right:24px}.footer-main{grid-template-columns:1fr 1fr;padding:48px 24px 40px}}
@media(max-width:760px){.header-wrap{padding:0 16px}nav{display:none}.hero{padding:40px 24px 36px}.main-wrapper{grid-template-columns:1fr;padding:1.5rem 16px 4rem}.sidebar{position:static}.doc-card{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;padding:40px 16px}.footer-bottom{flex-direction:column;padding:20px 16px;text-align:center}}
Documentación Oficial
de Libertad Estudiantil Canarias
En cumplimiento de los principios de transparencia y acceso a la información, este portal pone a disposición de todos los asociados y ciudadanos la normativa, resoluciones y demás documentación oficial de la organización.
Normativa
Cargando documentos…
Cargando documentos…
Resoluciones
Cargando documentos…
Comisión Electoral
Cargando documentos…
Catálogo de Procedimientos
Tablón de Anuncios
Generando tablón…
var SCRIPT_URL = «https://script.google.com/macros/s/AKfycbzjnvapNiif-bNK3WOoNoHAhxEvzlRqeGfMZF6ymJ7wZVQ9xa0r5gaB3r9EG93LwhA/exec»;
var MESES = [‘Ene’,’Feb’,’Mar’,’Abr’,’May’,’Jun’,’Jul’,’Ago’,’Sep’,’Oct’,’Nov’,’Dic’];
var EMISORES = {estatutos:’Asamblea General’, reglamentos:’Presidencia’, resoluciones:’Presidencia’, electoral:’Comision Electoral’};
// ── Navegación ───────────────────────────────────────────────
function mostrarSeccion(id, btn) {
var secciones = document.querySelectorAll(‘.section’);
for (var i = 0; i < secciones.length; i++) secciones[i].classList.remove('active');
var botones = document.querySelectorAll('.nav-btn');
for (var j = 0; j < botones.length; j++) botones[j].classList.remove('active');
document.getElementById(id).classList.add('active');
btn.classList.add('active');
window.scrollTo({top: 0, behavior: 'smooth'});
}
// ── SVG enlace externo ───────────────────────────────────────
function svgExt() {
return '’;
}
// ── Renderiza lista de documentos ────────────────────────────
function renderDocs(id, docs, emisor) {
var el = document.getElementById(id);
if (!el) return;
if (!docs || docs.length === 0) {
el.innerHTML = ‘
No hay documentos publicados en esta sección.
‘;
return;
}
var vigentes = [], derogados = [];
for (var i = 0; i < docs.length; i++) {
if (docs[i].derogado) derogados.push(docs[i]); else vigentes.push(docs[i]);
}
var html = '';
function tarjeta(d) {
var badge = d.derogado ? 'Derogado‘ : ‘Vigente‘;
var boton = d.derogado ? » : ‘
‘;
return ‘
‘ + boton + ‘
‘;
}
for (var v = 0; v 0) {
html += ‘
‘;
for (var d2 = 0; d2 < derogados.length; d2++) html += tarjeta(derogados[d2]);
}
el.innerHTML = html;
}
// ── Renderiza tablón ─────────────────────────────────────────
function renderTablon(anuncios) {
var el = document.getElementById('lista-tablon');
if (!el) return;
if (!anuncios || anuncios.length === 0) {
el.innerHTML = '
No hay anuncios publicados.
‘;
return;
}
var html = »;
for (var i = 0; i < anuncios.length; i++) {
var a = anuncios[i];
var p = a.fecha ? a.fecha.split('/') : ['–','–','—-'];
var mes = p[1] ? (MESES[parseInt(p[1], 10) – 1] || '–') : '–';
html += '
+ ‘
‘
+ ‘
‘;
}
el.innerHTML = html;
}
// ── Error ────────────────────────────────────────────────────
function mostrarError(ids, msg) {
for (var i = 0; i < ids.length; i++) {
var el = document.getElementById(ids[i]);
if (el) el.innerHTML = '
‘;
}
}
// ── Carga JSONP desde Google Apps Script ─────────────────────
function cargarDrive() {
var ids = [‘lista-estatutos’,’lista-reglamentos’,’lista-resoluciones’,’lista-electoral’,’lista-tablon’];
var timer = setTimeout(function() {
mostrarError(ids, ‘El script tardó demasiado. Comprueba que está publicado como «Cualquier persona» en Google Apps Script.’);
}, 15000);
var cbName = ‘lec_cb_’ + Date.now();
window[cbName] = function(data) {
clearTimeout(timer);
try { document.getElementById(‘lec-jsonp-tag’).parentNode.removeChild(document.getElementById(‘lec-jsonp-tag’)); } catch(e) {}
delete window[cbName];
renderDocs(‘lista-estatutos’, data.estatutos, EMISORES.estatutos);
renderDocs(‘lista-reglamentos’, data.reglamentos, EMISORES.reglamentos);
renderDocs(‘lista-resoluciones’, data.resoluciones, EMISORES.resoluciones);
renderDocs(‘lista-electoral’, data.electoral, EMISORES.electoral);
renderTablon(data.tablon);
};
var tag = document.createElement(‘script’);
tag.id = ‘lec-jsonp-tag’;
tag.src = SCRIPT_URL + ‘?callback=’ + cbName;
tag.onerror = function() {
clearTimeout(timer);
mostrarError(ids, ‘No se pudo conectar con el script de Google. Verifica que está publicado correctamente y que las carpetas de Drive son accesibles.’);
};
document.head.appendChild(tag);
}
// ── Logo fallback ────────────────────────────────────────────
var DID = ‘1EZg23I9UarS6U6u-9SfeJCriKpj8rn3c’;
var fb = [‘https://lh3.googleusercontent.com/d/’+DID, ‘https://drive.google.com/thumbnail?id=’+DID+’&sz=w400’%5D;
var fbi = 0;
function logoErr(img) { if (fbi < fb.length) img.src = fb[fbi++]; }
var lh = document.getElementById('logo-header');
var lf = document.getElementById('logo-footer');
if (lh) lh.onerror = function(){ logoErr(lh); };
if (lf) lf.onerror = function(){ logoErr(lf); };
// ── Arrancar ─────────────────────────────────────────────────
cargarDrive();
Diario Libertad 