<!–
–>

:root{
–colorFondo1: rgb(235, 235, 235);
–colorANSES: rgb(107, 188, 235);
font-family: ‘encodesans-bold’, sans-serif; /* Se aplica ‘encodesans-bold’ como primera opción y sans-serif como segunda opción en caso de que la primera no esté disponible */
}

body, html {
margin: 0;
padding: 0;
height: 100%;
}

.titulo, .titulo1 {
text-align: left;
color: var(–colorANSES); /* Celeste */
/*margin-bottom: 20px;*/
background-color: var(–colorFondo1);
padding: 25px;
font-size: 1.2em;
}

.titulo1{
background-color: white;
}

h1{

line-height: 40px;
}

h2{
/* margin-top: -20px; */
line-height: 30px;
color: #50535c;
font-family: «encodesans-medium», sans-serif;
}

.contenedor-padre, .contenedor-padre2 {
background-color: var(–colorFondo1);
display: flex;
flex-wrap: wrap;
justify-content: center; /* Centra los elementos horizontalmente */
margin-bottom: 25px;
}

.contenedor-padre2{
background-color: white;
margin-bottom: 25px;
}

.contenedor {
width: calc(180px – 15px);
min-height: calc(150px – 15px); /* CAMBIADO: de height a min-height */
margin: 7.5px;
border-radius: 30px;
overflow: hidden;
box-sizing: border-box;
display: flex; /* AÑADIDO: para mejor control interno */
flex-direction: column; /* AÑADIDO: para apilar los elementos verticalmente */
}

.contenedor2 {
width: calc(280px – 15px);
min-height: calc(150px – 15px); /* CAMBIADO: de height a min-height */
margin: 7.5px;
border-radius: 30px;
overflow: hidden;
box-sizing: border-box;
display: flex; /* AÑADIDO: para mejor control interno */
flex-direction: column; /* AÑADIDO: para apilar los elementos verticalmente */
}

/* La regla CSS :last-child se aplica al último elemento .contenedor para eliminar el margen derecho */
.contenedor:last-child {
margin-right: 0;
}

.contenedor2:last-child {
margin-right: 0;
}

.documentos, .fechas {
padding: 8px;
margin: 0px;
text-align: center;
color: white;

}

.documentos {
background-color: #37474f; /* Gris oscuro */
}

/* .fechas {
background-color: var(–colorANSES); /* Celeste */
/* font-size: 2em;
border-radius: 0px 0px 30px 30px;
align-content: center;
}
*/
.fechas {
background-color: var(–colorANSES); /* Celeste */
font-size: 2em;
border-radius: 0px 0px 30px 30px;
align-items: center; /* Centra verticalmente el contenido */
display: flex; /* Utiliza flexbox para centrar */
justify-content: center; /* Centra horizontalmente el contenido */
}

let MesActual = «Octubre 2025»;
let MesDesempleo2 = «Septiembre 2025»;
let Meess = «10»; // Mes actual

// Jubilaciones y pensiones que no superen el haber mínimo

var JP_Ns_AM_0 = «08/» + Meess;
var JP_Ns_AM_1 = «09/» + Meess;
var JP_Ns_AM_2 = «09/» + Meess;
var JP_Ns_AM_3 = «13/» + Meess;
var JP_Ns_AM_4 = «14/» + Meess;
var JP_Ns_AM_5 = «15/» + Meess;
var JP_Ns_AM_6 = «16/» + Meess;
var JP_Ns_AM_7 = «17/» + Meess;
var JP_Ns_AM_8 = «20/» + Meess;
var JP_Ns_AM_9 = «21/» + Meess;

// Jubilaciones y pensiones que superen el haber mínimo

var JP_SiSup_AM_0 = «22/» + Meess;
var JP_SiSup_AM_1 = «23/» + Meess;
var JP_SiSup_AM_2 = «24/» + Meess;
var JP_SiSup_AM_3 = «27/» + Meess;
var JP_SiSup_AM_4 = «28/» + Meess;

// Asignación Familiar por Hijo y Asignación Universal por Hijo

var FamilyUniv_0 = «08/» + Meess;
var FamilyUniv_1 = «09/» + Meess;
var FamilyUniv_2 = «09/» + Meess;
var FamilyUniv_3 = «13/» + Meess;
var FamilyUniv_4 = «14/» + Meess;
var FamilyUniv_5 = «15/» + Meess;
var FamilyUniv_6 = «16/» + Meess;
var FamilyUniv_7 = «17/» + Meess;
var FamilyUniv_8 = «20/» + Meess;
var FamilyUniv_9 = «21/» + Meess;

// Asignación por Embarazo

var Embarazo_0 = «08/» + Meess;
var Embarazo_1 = «09/» + Meess;
var Embarazo_2 = «09/» + Meess;
var Embarazo_3 = «13/» + Meess;
var Embarazo_4 = «14/» + Meess;
var Embarazo_5 = «15/» + Meess;
var Embarazo_6 = «16/» + Meess;
var Embarazo_7 = «17/» + Meess;
var Embarazo_8 = «20/» + Meess;
var Embarazo_9 = «21/» + Meess;

// Asignación por Prenatal y Maternidad

var Prenatal_y_Maternidad_0 = «09/» + Meess;
var Prenatal_y_Maternidad_1 = «13/» + Meess;
var Prenatal_y_Maternidad_2 = «14/» + Meess;
var Prenatal_y_Maternidad_3 = «15/» + Meess;
var Prenatal_y_Maternidad_4 = «16/» + Meess;

// Asignación por Matrimonio, Adopción y Nacimiento

var Mat_Adop_Nacim_1 = «09/10 al 10/11»;
var Mat_Adop_Nacim_2 = «20/10 al 10/11»;

// Pensiones No Contributivas

var NoContrib_0 = «08/» + Meess;
var NoContrib_1 = «08/» + Meess;
var NoContrib_2 = «09/» + Meess;
var NoContrib_3 = «09/» + Meess;
var NoContrib_4 = «09/» + Meess;

// Asignaciones Familiares de Pensiones No Contributivas

var AsigFpensNoContrib_0 = «08/10 al 10/11»;

// Desempleo Plan 1

var DesempleoA_0 = «21/» + Meess;
var DesempleoA_1 = «22/» + Meess;
var DesempleoA_2 = «23/» + Meess;
var DesempleoA_3 = «24/» + Meess;
var DesempleoA_4 = «27/» + Meess;

// Desempleo Plan 2

var Desempleo2_0 = «01/10 al 10/10»;

// HASTA AQUI SE EDITA – DE AQUI EN ADELANTE YA NO SE CAMBIA NADA
// HASTA AQUI SE EDITA – DE AQUI EN ADELANTE YA NO SE CAMBIA NADA
// HASTA AQUI SE EDITA – DE AQUI EN ADELANTE YA NO SE CAMBIA NADA

// Al cargar por primera vez la pagina se ejecutan estas funciones
document.addEventListener(‘DOMContentLoaded’, function(){

const Mes = document.querySelectorAll(‘.Mes’);
Mes.forEach(element => {
element.textContent = MesActual;
}
);

const MesDesemp2 = document.querySelectorAll(‘.MesDesemp2’);
MesDesemp2.forEach(element => {
element.textContent = MesDesempleo2;
}
);

const FU0 = document.querySelectorAll(‘.FamUniv-0’);
FU0.forEach(element => {
element.textContent = FamilyUniv_0;
}
);

const FU1 = document.querySelectorAll(‘.FamUniv-1’);
FU1.forEach(element => {
element.textContent = FamilyUniv_1;
}
);

const FU2 = document.querySelectorAll(‘.FamUniv-2’);
FU2.forEach(element => {
element.textContent = FamilyUniv_2;
}
);

const FU3 = document.querySelectorAll(‘.FamUniv-3’);
FU3.forEach(element => {
element.textContent = FamilyUniv_3;
}
);

const FU4 = document.querySelectorAll(‘.FamUniv-4’);
FU4.forEach(element => {
element.textContent = FamilyUniv_4;
}
);

const FU5 = document.querySelectorAll(‘.FamUniv-5’);
FU5.forEach(element => {
element.textContent = FamilyUniv_5;
}
);

const FU6 = document.querySelectorAll(‘.FamUniv-6’);
FU6.forEach(element => {
element.textContent = FamilyUniv_6;
}
);

const FU7 = document.querySelectorAll(‘.FamUniv-7’);
FU7.forEach(element => {
element.textContent = FamilyUniv_7;
}
);

const FU8 = document.querySelectorAll(‘.FamUniv-8’);
FU8.forEach(element => {
element.textContent = FamilyUniv_8;
}
);

const FU9 = document.querySelectorAll(‘.FamUniv-9’);
FU9.forEach(element => {
element.textContent = FamilyUniv_9;
}
);

// EMBARAZO – – – EMBARAZO – – – EMBARAZO – – – EMBARAZO

const Embarazo0 = document.querySelectorAll(‘.Embarazo-0’);
Embarazo0.forEach(element => {
element.textContent = Embarazo_0;
}
);

const Embarazo1 = document.querySelectorAll(‘.Embarazo-1’);
Embarazo1.forEach(element => {
element.textContent = Embarazo_1;
}
);

const Embarazo2 = document.querySelectorAll(‘.Embarazo-2’);
Embarazo2.forEach(element => {
element.textContent = Embarazo_2;
}
);

const Embarazo3 = document.querySelectorAll(‘.Embarazo-3’);
Embarazo3.forEach(element => {
element.textContent = Embarazo_3;
}
);

const Embarazo4 = document.querySelectorAll(‘.Embarazo-4’);
Embarazo4.forEach(element => {
element.textContent = Embarazo_4;
}
);

const Embarazo5 = document.querySelectorAll(‘.Embarazo-5’);
Embarazo5.forEach(element => {
element.textContent = Embarazo_5;
}
);

const Embarazo6 = document.querySelectorAll(‘.Embarazo-6’);
Embarazo6.forEach(element => {
element.textContent = Embarazo_6;
}
);

const Embarazo7 = document.querySelectorAll(‘.Embarazo-7’);
Embarazo7.forEach(element => {
element.textContent = Embarazo_7;
}
);

const Embarazo8 = document.querySelectorAll(‘.Embarazo-8’);
Embarazo8.forEach(element => {
element.textContent = Embarazo_8;
}
);

const Embarazo9 = document.querySelectorAll(‘.Embarazo-9’);
Embarazo9.forEach(element => {
element.textContent = Embarazo_9;
}
);

// Jubilaciones y pensiones que no superen el haber mínimo

const JPNsAM0 = document.querySelectorAll(‘.JP-Ns-AM-0’);
JPNsAM0.forEach(element => {
element.textContent = JP_Ns_AM_0;
}
);

const JPNsAM1 = document.querySelectorAll(‘.JP-Ns-AM-1’);
JPNsAM1.forEach(element => {
element.textContent = JP_Ns_AM_1;
}
);

const JPNsAM2 = document.querySelectorAll(‘.JP-Ns-AM-2’);
JPNsAM2.forEach(element => {
element.textContent = JP_Ns_AM_2;
}
);

const JPNsAM3 = document.querySelectorAll(‘.JP-Ns-AM-3’);
JPNsAM3.forEach(element => {
element.textContent = JP_Ns_AM_3;
}
);

const JPNsAM4 = document.querySelectorAll(‘.JP-Ns-AM-4’);
JPNsAM4.forEach(element => {
element.textContent = JP_Ns_AM_4;
}
);

const JPNsAM5 = document.querySelectorAll(‘.JP-Ns-AM-5’);
JPNsAM5.forEach(element => {
element.textContent = JP_Ns_AM_5;
}
);

const JPNsAM6 = document.querySelectorAll(‘.JP-Ns-AM-6’);
JPNsAM6.forEach(element => {
element.textContent = JP_Ns_AM_6;
}
);

const JPNsAM7 = document.querySelectorAll(‘.JP-Ns-AM-7’);
JPNsAM7.forEach(element => {
element.textContent = JP_Ns_AM_7;
}
);

const JPNsAM8 = document.querySelectorAll(‘.JP-Ns-AM-8’);
JPNsAM8.forEach(element => {
element.textContent = JP_Ns_AM_8;
}
);

const JPNsAM9 = document.querySelectorAll(‘.JP-Ns-AM-9’);
JPNsAM9.forEach(element => {
element.textContent = JP_Ns_AM_9;
}
);

// Jubilaciones y pensiones que SI superen el haber mínimo

const JPSiSupAM0 = document.querySelectorAll(‘.JP-SiSup-AM-0’);
JPSiSupAM0.forEach(element => {
element.textContent = JP_SiSup_AM_0;
}
);

const JPSiSupAM1 = document.querySelectorAll(‘.JP-SiSup-AM-1’);
JPSiSupAM1.forEach(element => {
element.textContent = JP_SiSup_AM_1;
}
);

const JPSiSupAM2 = document.querySelectorAll(‘.JP-SiSup-AM-2’);
JPSiSupAM2.forEach(element => {
element.textContent = JP_SiSup_AM_2;
}
);

const JPSiSupAM3 = document.querySelectorAll(‘.JP-SiSup-AM-3’);
JPSiSupAM3.forEach(element => {
element.textContent = JP_SiSup_AM_3;
}
);

const JPSiSupAM4 = document.querySelectorAll(‘.JP-SiSup-AM-4’);
JPSiSupAM4.forEach(element => {
element.textContent = JP_SiSup_AM_4;
}
);

// PRENATAL Y MATERNIDAD – – – PRENATAL Y MATERNIDAD – – – PRENATAL Y MATERNIDAD

const PrenYmat0 = document.querySelectorAll(‘.Prenatal-0’);
PrenYmat0.forEach(element => {
element.textContent = Prenatal_y_Maternidad_0;
}
);

const PrenYmat1 = document.querySelectorAll(‘.Prenatal-1’);
PrenYmat1.forEach(element => {
element.textContent = Prenatal_y_Maternidad_1;
}
);

const PrenYmat2 = document.querySelectorAll(‘.Prenatal-2’);
PrenYmat2.forEach(element => {
element.textContent = Prenatal_y_Maternidad_2;
}
);

const PrenYmat3 = document.querySelectorAll(‘.Prenatal-3’);
PrenYmat3.forEach(element => {
element.textContent = Prenatal_y_Maternidad_3;
}
);

const PrenYmat4 = document.querySelectorAll(‘.Prenatal-4’);
PrenYmat4.forEach(element => {
element.textContent = Prenatal_y_Maternidad_4;
}
);

// MATERNIDAD ADOPCION Y NACIMIENTO – – – MATERNIDAD ADOPCION Y NACIMIENTO – – – MATERNIDAD ADOPCION Y NACIMIENTO – – –

const Mat_Ad_Nac1 = document.querySelectorAll(‘.Quincena-1’);
Mat_Ad_Nac1.forEach(element => {
element.textContent = Mat_Adop_Nacim_1;
}
);

const Mat_Ad_Nac2 = document.querySelectorAll(‘.Quincena-2’);
Mat_Ad_Nac2.forEach(element => {
element.textContent = Mat_Adop_Nacim_2;
}
);

// Pensiones No Contributivas

const NoContibutiva0 = document.querySelectorAll(‘.No_Contributiva-0’);
NoContibutiva0.forEach(element => {
element.textContent = NoContrib_0;
}
);

const NoContibutiva1 = document.querySelectorAll(‘.No_Contributiva-1’);
NoContibutiva1.forEach(element => {
element.textContent = NoContrib_1;
}
);

const NoContibutiva2 = document.querySelectorAll(‘.No_Contributiva-2’);
NoContibutiva2.forEach(element => {
element.textContent = NoContrib_2;
}
);

const NoContibutiva3 = document.querySelectorAll(‘.No_Contributiva-3’);
NoContibutiva3.forEach(element => {
element.textContent = NoContrib_3;
}
);

const NoContibutiva4 = document.querySelectorAll(‘.No_Contributiva-4’);
NoContibutiva4.forEach(element => {
element.textContent = NoContrib_4;
}
);

// Asignaciones Familiares de Pensiones No Contributivas – – – Asignaciones Familiares de Pensiones No Contributivas

const AFPen_No_Contibutiva0 = document.querySelectorAll(‘.AFP_No_Contributiva-0’);
AFPen_No_Contibutiva0.forEach(element => {
element.textContent = AsigFpensNoContrib_0;
}
);

// Desempleo Plan 1 – – – Desempleo Plan 1 – – – Desempleo Plan 1 – – – Desempleo Plan 1 – – – Desempleo Plan 1 – – – Desempleo Plan 1

const Desemp1_0 = document.querySelectorAll(‘.Desempleo1-0’);
Desemp1_0.forEach(element => {
element.textContent = DesempleoA_0;
}
);

const Desemp1_1 = document.querySelectorAll(‘.Desempleo1-1’);
Desemp1_1.forEach(element => {
element.textContent = DesempleoA_1;
}
);

const Desemp1_2 = document.querySelectorAll(‘.Desempleo1-2’);
Desemp1_2.forEach(element => {
element.textContent = DesempleoA_2;
}
);

const Desemp1_3 = document.querySelectorAll(‘.Desempleo1-3’);
Desemp1_3.forEach(element => {
element.textContent = DesempleoA_3;
}
);

const Desemp1_4 = document.querySelectorAll(‘.Desempleo1-4’);
Desemp1_4.forEach(element => {
element.textContent = DesempleoA_4;
}
);

// Desempleo Plan 2 – – – Desempleo Plan 2 – – – Desempleo Plan 2 – – – Desempleo Plan 2

const Desemp2_A = document.querySelectorAll(‘.Desempleo2-0’);
Desemp2_A.forEach(element => {
element.textContent = Desempleo2_0;
}
);

});

// Lo siguiente es para poder insertar esta página en iframe sin escroll

function sendHeight() {
const height = document.documentElement.scrollHeight;
parent.postMessage({ type: «setHeight», height }, «*»);

}

window.addEventListener(«load», sendHeight);
window.addEventListener(«resize», sendHeight);
setInterval(sendHeight, 1000); // En caso de cambios dinámicos de altura

// Lo anterior es para poder insertar esta página en iframe sin escroll

Fuente: RadiosPlay.