Comisión Especial Río Sonora

/* ----------------------------------------- */ /* View slug: vista-diputados-en-comisiones - start */ /* ----------------------------------------- */ /* Contenedor principal */ #reg-list { display: flex; flex-wrap: wrap; gap: 20px; /* Espacio entre elementos */ justify-content: flex-start; /* Alinea los elementos al inicio */ } /* Cada elemento de diputado */ .reg-comi-item { flex: 0 0 23%; /* 4 columnas con espacio incluido */ box-sizing: border-box; text-align: center; margin-bottom: 20px; } /* Ajustes para dispositivos móviles */ @media (max-width: 768px) { .reg-comi-item { flex: 0 0 48%; /* 2 columnas en móviles */ } } /* Imagen del diputado */ .reg-comi-img img { width: 100%; /* La imagen ocupa el 100% del contenedor */ max-width: 150px; /* Tamaño máximo para la imagen */ height: auto; /* Altura automática para mantener la proporción */ border-radius: 50%; /* Imagen redonda */ object-fit: cover; /* Asegura que la imagen cubra el espacio sin deformarse */ } /* Nombre del diputado */ .reg-comi { margin: 10px 0; font-size: 1.2em; white-space: normal; /* Permite que el texto se divida en varias líneas */ overflow: hidden; /* Oculta el texto que se desborda */ } /* Puesto del diputado */ .puesto-diputado { margin: 5px 0; font-size: 1em; color: #555; white-space: normal; /* Permite que el texto se divida en varias líneas */ overflow: hidden; /* Oculta el texto que se desborda */ } /* Partido político */ .part-comi { margin: 5px 0; font-size: 0.9em; color: #777; white-space: normal; /* Permite que el texto se divida en varias líneas */ overflow: hidden; /* Oculta el texto que se desborda */ } /* ----------------------------------------- */ /* View slug: vista-diputados-en-comisiones - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: vista-de-sesiones-de-comisiones-en-comisiones - start */ /* ----------------------------------------- */ /* Contenedor principal del loop */ .wpv-loop-container { display: flex; flex-wrap: wrap; gap: 20px; /* Espacio entre elementos */ } /* Cada ítem del loop */ .wpv-loop-item { flex: 1 1 calc(50% - 20px); /* Dos columnas con espacio entre ellas */ box-sizing: border-box; } /* Estilo para los títulos */ .session-title { background-color: #f9f9f9; /* Fondo claro */ padding: 10px; border: 1px solid #ddd; /* Borde sutil */ border-radius: 5px; /* Esquinas redondeadas */ text-align: center; transition: background-color 0.3s ease; /* Efecto hover */ position: relative; /* Para posicionar la fecha */ } .session-title a { text-decoration: none; /* Quitar subrayado del enlace */ color: #333; /* Color del texto */ font-weight: bold; } /* Estilo para la fecha (oculta inicialmente) */ .session-date { display: none; /* Oculta la fecha por defecto */ position: absolute; bottom: -40px; /* Posición debajo del título */ left: 50%; transform: translateX(-50%); background-color: #333; /* Fondo oscuro */ color: #fff; /* Texto blanco */ padding: 10px; /* Más padding para mejor legibilidad */ border-radius: 5px; /* Esquinas redondeadas */ font-size: 14px; /* Tamaño de fuente más grande */ white-space: nowrap; /* Evita que el texto se divida en varias líneas */ z-index: 10; /* Asegura que la fecha esté por encima de otros elementos */ } /* Mostrar la fecha al hacer hover */ .session-title:hover .session-date { display: block; /* Muestra la fecha */ } /* Efecto hover para el título */ .session-title:hover { background-color: #e9e9e9; /* Cambio de color al pasar el mouse */ } /* ----------------------------------------- */ /* View slug: vista-de-sesiones-de-comisiones-en-comisiones - end */ /* ----------------------------------------- */