Málagacahttps://www.csif.es/ca/portada/malaga/categoria/ultimasnoticiasFri, 21 Aug 26 05:48:36 CESThttps://www.csif.es/ca/noticia/portada/malaga/articulo/95379Sun, 10 May 26 12:12:00 CESThttps://www.csif.es/ca/noticia/portada/malaga/articulo/95379luz-maria.carrillo.ramirezNuestros delegados y delegadas te representan y defienden tus derechos laborales en el día a día. Únete a una red de apoyo profesional e independiente....Nuestros delegados y delegadas te representan y defienden tus derechos laborales en el día a día. Únete a una red de apoyo profesional e independiente....Málaga Image<style type="text/css">:root { --green-900: #005b34; --green-800: #00814a; --green-700: #08733f; --green-100: #eaf3ee; --pink: #ff4393; --ink: #10261b; --muted: #616b65; --line: #d5dad7; --surface: #ffffff; --surface-soft: #f6f5f4; --radius: 8px; --shadow: 0 1px 2px rgba(4, 58, 33, .04); --csif-slate: #283641; } * { box-sizing: border-box; } header #header-bg-container, footer #footer-bg-container { background-image: none } main[role=main]>.row.justify-content-start, main[role=main]>.row.mt-4 { display: none } footer #footer-top, #footer-bottom { background-color: var(--csif-slate, #283641) } a { color: inherit; } .page { margin-inline: auto; padding: 14px 0 34px; } .hero { min-height: 276px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(450px, 100%), 1fr)); justify-items: center; gap: clamp(28px, 6vw, 92px); align-items: center; padding: clamp(28px, 4vw, 46px); color: #fff; background: linear-gradient(135deg, var(--green-800), #12693c); border-radius: var(--radius); } .eyebrow { display: inline-block; margin-bottom: 14px; padding: 3px 12px; border: 1px solid rgba(255,255,255,.75); border-radius: 999px; font-size: .68rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; } h1 { max-width: 650px; margin: 0 0 14px; font-size: clamp(1.8rem, 3vw, 2.55rem); line-height: 1.05; letter-spacing: -.035em; } .hero p { max-width: 640px; margin: 0 0 22px; font-size: clamp(.94rem, 1.5vw, 1.08rem); font-weight: 650; line-height: 1.35; } .hero-line { height: 1px; background: rgba(255,255,255,.3); } .button { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; padding: 9px 20px; border: 1px solid transparent; border-radius: 5px; font-size: .84rem; font-weight: 800; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; } .button:hover { transform: translateY(-1px); box-shadow: 0 6px 15px rgba(0,0,0,.14); } .button:focus-visible { outline: 3px solid #f4c95d; outline-offset: 3px; } .button-light { color: var(--green-900); background: #fff; } .button-pink { color: #fff; background: var(--pink); } .services { padding: 56px 0; } h2 { margin: 0 0 22px; color: #064d2c; font-size: 1.2rem; line-height: 1.2; } .cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 14px; } .card { min-height: 206px; padding: 22px; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; box-shadow: var(--shadow); transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; } .card:hover { transform: translateY(-2px); border-color: #9ab9a7; box-shadow: 0 8px 22px rgba(4, 58, 33, .08); } .icon { width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: 18px; color: var(--green-900); background: var(--green-100); border-radius: 50%; } .icon svg { width: 20px; height: 20px; fill: currentColor; } .card h3 { margin: 0 0 13px; color: var(--green-900); font-size: 1rem; line-height: 1.25; } .card p { margin: 0; color: var(--muted); font-size: .86rem; line-height: 1.48; } .cta { padding: 26px 24px 22px; text-align: center; background: var(--surface-soft); border: 1px solid var(--line); border-radius: var(--radius); } .cta h2 { max-width: 780px; margin: 0 auto 12px; font-size: clamp(1.1rem, 2vw, 1.45rem); line-height: 1.22; } .cta p { max-width: 690px; margin: 0 auto 20px; color: var(--muted); font-size: .84rem; } main.container .row:has(.col-12 > h1) { display: none; } } @media (max-width: 820px) { .hero { grid-template-columns: 1fr; } .hero-line { display: none; } .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .page { width: min(100% - 24px, 1120px); padding-top: 12px; } .hero { min-height: auto; padding: 28px 22px; } .services { padding: 38px 0; } .cards { grid-template-columns: 1fr; } .card { min-height: 0; } .cta { padding: 28px 20px; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .button, .card { transition: none; } } </style> <div class="page"> <section aria-labelledby="main-title" class="hero"> <div><span class="eyebrow">Ventajas exclusivas</span> <h1 id="main-title"><strong>Tu afiliaci&oacute;n a CSIF: servicios, recursos y ventajas</strong></h1> <p>Nuestros delegados y delegadas te representan y defienden tus derechos laborales en el d&iacute;a a d&iacute;a. &Uacute;nete a una red de apoyo profesional e independiente.</p> <a class="button button-light" href="#servicios">Descubrir m&aacute;s</a></div> <div><img alt="icono ventajas" src="https://www.csif.es/uploads/articulo/imagenesTexto/6a79bb04c6dc6.png" style="width: 256px; height: 256px;" /></div> </section> <section aria-labelledby="services-title" class="services" id="servicios"> <h2 id="services-title">Servicios para personas afiliadas</h2> <div class="cards"> <article class="card"> <div aria-hidden="true" class="icon"><svg viewbox="0 0 24 24"><path d="M12 3 1 8.5 12 14l9-4.5V16h2V8.5L12 3Zm-6 9.5V17c2.7 2.6 9.3 2.6 12 0v-4.5L12 15l-6-2.5Z"></path></svg></div> <h3><a href="https://campusvirtual.csifandalucia.es/oficinavirtual/index"><strong>Formaci&oacute;n</strong></a></h3> <p>Campus virtual, cursos homologados y preparaci&oacute;n de oposiciones con descuentos exclusivos.</p> </article> <article class="card"> <div aria-hidden="true" class="icon"><svg viewbox="0 0 24 24"><path d="m12 3 3 3-2 2 6 6-2 2-6-6-2 2-3-3 6-6Zm-7.7 9.7 7 7-1.4 1.4-7-7 1.4-1.4ZM14 18h8v3h-8v-3Z"></path></svg></div> <h3><strong>Asesor&iacute;a jur&iacute;dica</strong></h3> <p>Equipo especializado propio para defensa jur&iacute;dica, laboral y contencioso-administrativa.</p> </article> <article class="card"> <div aria-hidden="true" class="icon"><svg viewbox="0 0 24 24"><path d="M3 3h5v18H3V3Zm7 9h5v9h-5v-9Zm7-5h4v14h-4V7Zm-5 2a4 4 0 1 1 8 0c0 3-4 5-4 5s-4-2-4-5Z"></path></svg></div> <h3><a href="https://csif.ventajasvip.com/login-input.action"><strong>Acci&oacute;n Social</strong></a></h3> <p>Acceso al Club CSIF con cientos de descuentos, seguro de empleo y sueldo, seguro m&eacute;dico y ventajas fiscales.</p> </article> <article class="card"> <div aria-hidden="true" class="icon"><svg viewbox="0 0 24 24"><path d="M7 2h10a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Zm5 17a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-4-3h8V5H8v11Z"></path></svg></div> <h3><a href="https://www.csif.es/es/articulo/andalucia/general/37665"><strong>CSIF App</strong></a></h3> <p>Tu sindicato en el bolsillo. Toda la informaci&oacute;n y las gestiones a un clic, en Android e iOS.</p> </article> <article class="card"> <div aria-hidden="true" class="icon"><svg viewbox="0 0 24 24"><path d="M12 3a8 8 0 0 0-8 8v6a3 3 0 0 0 3 3h3v-7H6v-2a6 6 0 0 1 12 0v2h-4v7h3a3 3 0 0 0 3-3v-6a8 8 0 0 0-8-8Z"></path></svg></div> <h3><a href="https://www.csif.es/es/articulo/nacional/general/38859"><strong>CSIF Ayuda</strong></a></h3> <p>Gabinete especializado contra riesgos psicosociales, acoso laboral, agresiones y estr&eacute;s.</p> </article> <article class="card"> <div aria-hidden="true" class="icon"><svg viewbox="0 0 24 24"><path d="M4 4h6a4 4 0 0 1 4 4v12a4 4 0 0 0-4-4H4V4Zm16 0h-4a4 4 0 0 0-2 .54V17a6 6 0 0 1 2-.76A6 6 0 0 1 20 16V4Z"></path></svg></div> <h3><a href="https://www.csif.es/es/articulo/malaga/general/85072"><strong>Revista cient&iacute;fico-profesional</strong></a></h3> <p>Publicaciones trimestrales y especializadas para sectores como Polic&iacute;as y Bomberos.</p> </article> </div> </section> <section aria-labelledby="cta-title" class="cta"> <h2 id="cta-title"><strong>CSIF es el sindicato independiente m&aacute;s representativo en las administraciones p&uacute;blicas y el que m&aacute;s crece en el sector privado.</strong></h2> <p>&Uacute;nete a una fuerza sindical consolidada, profesional y participativa para defender tus derechos laborales.</p> <a class="button button-pink" href="https://www.csif.es/es/articulo/nacional/general/38702">&iexcl;Af&iacute;liate ahora!</a></section> </div>https://www.csif.es/ca/noticia/portada/malaga/articulo/81681Sun, 30 Nov 25 19:40:00 CEThttps://www.csif.es/ca/noticia/portada/malaga/articulo/81681sofia.porrero.de-pradoNegociaciones y acuerdosÚltimas noticiasMálaga Image<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <!-- Bootstrap 5 CSS (Simulando lo que ya tiene tu web) --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" /><!-- FontAwesome (Simulando tu web) --> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet" /> <style type="text/css">/* Estilos específicos mínimos para la calculadora */ .calculator-card { border: none; border-radius: 1rem; /* Sombra suave similar a la original */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .input-salary { font-size: 1.25rem; padding: 0.75rem; background-color: #f9fafb; } /* Quitar flechas del input number */ .no-spinners::-webkit-outer-spin-button, .no-spinners::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .no-spinners { -moz-appearance: textfield; } /* Animación de aparición */ .fade-in-up { animation: fadeInUp 0.5s ease-out forwards; opacity: 0; transform: translateY(20px); } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } /* Colores de borde personalizados para replicar el diseño original */ .border-left-success { border-left: 5px solid #198754 !important; } .border-left-primary { border-left: 5px solid #0d6efd !important; } .border-left-info { border-left: 5px solid #0dcaf0 !important; } .border-left-warning { border-left: 5px solid #ffc107 !important; } .border-left-danger { border-left: 5px solid #dc3545 !important; } .border-left-dark { border-left: 5px solid #212529 !important; } .result-card { background-color: white; border-radius: 0.5rem; padding: 1rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } </style> <!-- INICIO DEL WIDGET (Copiar desde aquí para el CMS) --> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-md-8 col-lg-6"> <div class="card calculator-card bg-white overflow-hidden"><!-- Cabecera --> <div class="card-header bg-white border-bottom p-4 text-center"> <h1 class="h3 fw-bold text-success text-uppercase mb-0">Calcula cu&aacute;nto aumentar&aacute; tu sueldo</h1> </div> <!-- Cuerpo --> <div class="card-body p-4 p-md-5"><!-- Formulario --> <div class="mb-4"><label class="form-label fw-bold text-secondary" for="currentSalary">Introduce tu sueldo actual (mensual)</label> <div class="input-group input-group-lg shadow-sm"><span class="input-group-text bg-white text-muted border-end-0">&euro;</span> <input class="form-control border-start-0 no-spinners input-salary" id="currentSalary" placeholder="0.00" step="0.01" type="number" /></div> </div> <button class="btn btn-success btn-lg w-100 text-uppercase fw-bold py-3 shadow-sm hover-scale" id="btnCalculate">Calcular Subida</button><!-- Sección de Resultados --> <div class="mt-5 d-none" id="resultsSection"> <h5 class="text-muted mb-3 small text-uppercase fw-bold border-bottom pb-2">Resultados Estimados</h5> <div class="d-grid gap-3" id="resultsContainer"><!-- Los resultados se inyectan aquí vía JS --></div> <!-- Aviso Legal --> <div class="alert alert-warning mt-4 mb-0 small fst-italic shadow-sm border-0 d-flex align-items-start fade-in-up" style="animation-delay: 0.8s;"> <div><strong>AVISO IMPORTANTE:</strong> Los siguientes resultados son orientativos y estar&aacute;n afectados en su caso a las posibles modificaciones de retenciones y a las circunstancias familiares y personales de cada trabajador o trabajadora.</div> </div> </div> </div> </div> </div> </div> </div> <script> document.addEventListener('DOMContentLoaded', function() { // --- CONFIGURACIÓN DE TASAS (Fácil de actualizar el próximo año) --- const RATES = { raise2025: 1.025, // Subida 2025 (+2.5%) arrears2025: 0.025, // Atrasos factor raise2026: 1.015, // Subida 2026 (+1.5%) raise2027: 1.045, // Subida 2027 (+4.5%) - Nota: fórmula original usa 1.045 directo inflationTrigger: 1.005, // Extra inflación 0.5% arrearsTrigger: 0.005, // Extra atrasos 0.5% // Factores específicos para el cálculo complejo de 2028 según lógica original raise2028_step1: 1.02, raise2028_final: 1.02 }; // Elementos del DOM const btn = document.getElementById('btnCalculate'); const input = document.getElementById('currentSalary'); const resultsSection = document.getElementById('resultsSection'); const resultsContainer = document.getElementById('resultsContainer'); // Formateador de moneda Euro const euroFormatter = new Intl.NumberFormat('es-ES', { style: 'currency', currency: 'EUR', minimumFractionDigits: 2 }); // Función para generar HTML de una tarjeta de resultado function getResultHTML(title, value, borderClass, delay) { return ` <div class="result-card border-left-${borderClass} fade-in-up" style="animation-delay: ${delay}s;"> <div class="small text-uppercase fw-bold text-muted mb-1">${title}</div> <div class="h3 fw-bold text-dark mb-0">${euroFormatter.format(value)}</div> </div> `; } // Lógica principal btn.addEventListener('click', function() { const salary = parseFloat(input.value); if (isNaN(salary) || salary <= 0) { alert("Por favor, introduce una cifra de sueldo válida."); return; } // --- CÁLCULOS MATEMÁTICOS --- // 1. Subida 2025 const calc0 = salary * RATES.raise2025; // 2. Atrasos 2025 (14 pagas) const calc1 = salary * RATES.arrears2025 * 14; // 3. Sueldo 2026 const salaryWithFirstRaise = salary * RATES.raise2025; const calc2 = salaryWithFirstRaise * RATES.raise2026; // 4. Sueldo 2027 const calc3 = calc2 * RATES.raise2027; // 5. Extra Inflación 2027 (Condicional) const calc3_extra = calc2 * RATES.inflationTrigger * RATES.raise2027; // 6. Atrasos 2026 (Condicional) const calc3_arrears = (calc2 * RATES.arrearsTrigger) * 14; // 7. Sueldo 2028 (Lógica condicional compleja original) // (cifra inicial * 1,025) * 1,02 * 1,045 * 1,02 const step1 = salary * RATES.raise2025; const step2 = step1 * RATES.raise2028_step1; const step3 = step2 * RATES.raise2027; const calc5 = step3 * RATES.raise2028_final; // 8. Incremento Acumulado const calc6 = calc5 - salary; // --- RENDERIZADO --- // Limpiamos resultados previos resultsContainer.innerHTML = ''; let html = ''; // Construimos el HTML dinámicamente html += getResultHTML('Subida de sueldo para 2025 (+2,5%)', calc0, 'success', 0.1); html += getResultHTML('Atrasos de la subida del año 2025 (+2,5%)', calc1, 'success', 0.2); html += getResultHTML('Subida de Sueldo para 2026 (+1,5%)', calc2, 'primary', 0.3); html += getResultHTML('Subida de Sueldo para 2027 (+4,5%)', calc3, 'info', 0.4); // Extras condicionales html += getResultHTML('Subida 2027 si la inflación en 2026 el igual o superior a 1,5%', calc3_extra, 'info', 0.5); html += getResultHTML('Atrasos de 2026 si la inflación es igual o superior a 1,5% (a cobrar en el primer trimestre de 2027)', calc3_arrears, 'info', 0.6); // Finales html += getResultHTML('Subida de Sueldo para 2028 (+2%)', calc5, 'warning', 0.7); html += getResultHTML('Incremento Acumulado (2025-2028)', calc6, 'danger', 0.8); resultsContainer.innerHTML = html; // Mostrar resultados resultsSection.classList.remove('d-none'); resultsSection.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }); }); </script><!-- FIN DEL WIDGET -->