/* ── ACORDEÓN TRANSPARENCIA ── */ .transp-page { max-width:1080px; margin:0 auto; padding:36px 20px 60px; display:grid; grid-template-columns:260px 1fr; gap:0; align-items:start; } @media(max-width:768px){ .transp-page{grid-template-columns:1fr;} .tp-sidebar{position:static!important;margin-right:0;margin-bottom:20px;} } .tp-sidebar { position:sticky; top:80px; border:1px solid #ddd; border-radius:6px; overflow:hidden; background:#fff; box-shadow:0 2px 8px rgba(123,28,46,.07); margin-right:20px; } .tp-sidebar-head { background:var(--guinda); color:#fff; padding:11px 16px; font-family:var(--font-display,'Playfair Display',serif); font-size:.95rem; font-weight:700; } .tp-sidebar-logos { padding:14px 16px; display:flex; flex-direction:column; gap:10px; align-items:center; border-bottom:1px solid #eee; } .tp-sidebar-logos a { text-decoration:none; } .tp-sidebar-logo-pill { display:inline-flex; align-items:center; justify-content:center; padding:6px 14px; border-radius:4px; font-size:11px; font-weight:700; letter-spacing:.05em; color:#fff; width:100%; text-align:center; } .tp-sidebar-links { padding:12px 16px; } .tp-sidebar-links a { display:block; text-align:center; background:#e8d8da; color:var(--guinda); padding:7px 12px; border-radius:4px; font-size:.82rem; font-weight:600; text-decoration:none; margin-bottom:6px; transition:background .2s; } .tp-sidebar-links a:hover { background:var(--guinda); color:#fff; } .tp-main { display:flex; flex-direction:column; gap:0; } .anio-block { margin-bottom:28px; } .anio-titulo { font-family:var(--font-display,'Playfair Display',serif); font-size:1.5rem; font-weight:700; color:var(--guinda); margin-bottom:12px; padding-bottom:6px; border-bottom:2px solid var(--guinda); display:inline-block; } .periodo-item { border-radius:5px; margin-bottom:4px; overflow:hidden; border:1px solid #ddd; } .periodo-btn { width:100%; text-align:left; padding:13px 18px; background:#f5f2f0; color:#555; border:none; cursor:pointer; font-family:var(--font-body); font-size:.92rem; font-weight:500; transition:background .2s,color .2s; display:flex; justify-content:space-between; align-items:center; } .periodo-btn:hover { background:#ede8e5; color:#333; } .periodo-btn.activo { background:var(--guinda-oscuro); color:#fff; font-weight:700; } .periodo-btn .chevron { font-size:.75rem; transition:transform .25s; opacity:.6; } .periodo-btn.activo .chevron { transform:rotate(180deg); opacity:1; } .periodo-btn.proximo { opacity:.45; cursor:default; pointer-events:none; } .periodo-contenido { background:#fff; padding:0; max-height:0; overflow:hidden; transition:max-height .4s ease,padding .25s; border-top:none; } .periodo-contenido.abierto { max-height:3000px; padding:20px 24px 24px; border-top:1px solid #ddd; } .sec-titulo { font-family:var(--font-display,'Playfair Display',serif); font-size:.97rem; font-weight:700; color:var(--guinda-oscuro); margin:20px 0 8px; padding-bottom:4px; border-bottom:1px solid #e0d5d7; } .sec-titulo:first-child { margin-top:4px; } .doc-links { display:flex; flex-direction:column; gap:1px; } .doc-links a { font-size:.86rem; color:#1a1a1a; text-decoration:none; padding:6px 10px; border-radius:4px; transition:background .15s,color .15s; display:flex; align-items:center; gap:8px; } .doc-links a::before { content:''; display:inline-block; width:14px; height:14px; flex-shrink:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237B1C2E'%3E%3Cpath d='M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v1zm5 2c0 .83-.67 1.5-1.5 1.5h-2.5V7H15c.83 0 1.5.67 1.5 1.5v3zm4-3H19v1h1.5V11H19v2h-1.5V7h3v1.5zM9 9.5h1v-1H9v1zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm10 5.5h1v-3h-1v3z'/%3E%3C/svg%3E") no-repeat center/contain; } .doc-links a:hover { background:#fdf0f1; color:var(--guinda); } .doc-nd { font-size:.84rem; color:#aaa; padding:6px 10px; display:flex; align-items:center; gap:8px; font-style:italic; } .tp-hero { background:linear-gradient(135deg,var(--guinda-oscuro) 0%,#3D0F1C 100%); padding:40px 20px 32px; text-align:center; border-bottom:3px solid var(--dorado); } .tp-hero .badge { display:inline-block; background:rgba(184,134,11,.2); border:1px solid var(--dorado); color:var(--dorado-claro); font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; padding:5px 18px; border-radius:20px; margin-bottom:12px; } .tp-hero h1 { font-family:var(--font-display); font-size:clamp(22px,3.5vw,36px); color:#fff; font-weight:700; margin-bottom:8px; line-height:1.2; } .tp-hero p { color:rgba(255,255,255,.75); font-size:14px; max-width:580px; margin:0 auto; }
Armonización Contable — Concejo Municipal de Cuautempan, Puebla 2024–2027