Programa de Conferencias

/* Estilos para el contenedor del cronograma */ .drone-schedule-container { font-family: -apple-system, BlinkMacSystemFont, «Segoe UI», Roboto, Helvetica, Arial, sans-serif; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); max-width: 800px; margin: 20px auto; border: 1px solid #e0e0e0; } /* Estilo del encabezado principal */ .drone-schedule-header { background-color: #002362; padding: 25px 20px; text-align: center; } .drone-schedule-header h2 { margin: 0; font-size: 26px; font-weight: 700; letter-spacing: 1px; color: #ffffff !important; } /* Estilo del sub-encabezado */ .drone-schedule-subheader { background-color: #007bff; color: #ffffff; padding: 18px 20px; text-align: center; } .drone-schedule-subheader h3 { margin: 0; font-size: 18px; font-weight: 500; } /* Contenido de la agenda */ .drone-schedule-body { padding: 15px 30px; background-color: #ffffff; } /* — CAMBIOS PARA EL HOVER AQUÍ — */ /* Cada ítem del cronograma */ .drone-schedule-item { display: flex; align-items: center; padding: 22px 10px; /* Se añade un poco de padding lateral */ margin: 0 -10px; /* Se compensa el padding para mantener alineación */ border-bottom: 1px solid #eeeeee; border-radius: 8px; /* Bordes redondeados para el efecto hover */ transition: background-color 0.3s ease; /* Transición suave para el hover */ } /* Efecto hover para cada ítem */ .drone-schedule-item:hover { background-color: #f8f9fa; /* Color de fondo gris muy claro al pasar el mouse */ } .drone-schedule-item:last-child { border-bottom: none; } /* Estilo para la hora */ .drone-schedule-time { font-weight: 600; color: #002362; min-width: 110px; font-size: 16px; } /* Estilo para la descripción del evento */ .drone-schedule-description { color: #333333; font-size: 16px; } /* Media Query para dispositivos móviles */ @media (max-width: 600px) { .drone-schedule-body { padding: 10px 20px; } .drone-schedule-item { flex-direction: column; align-items: flex-start; padding: 18px; } .drone-schedule-time { margin-bottom: 8px; min-width: auto; } }

/* Estilos para el contenedor del cronograma */ .drone-schedule-container { font-family: -apple-system, BlinkMacSystemFont, «Segoe UI», Roboto, Helvetica, Arial, sans-serif; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); max-width: 800px; margin: 20px auto; border: 1px solid #e0e0e0; } /* Estilo del encabezado principal */ .drone-schedule-header { background-color: #002362; padding: 25px 20px; text-align: center; } .drone-schedule-header h2 { margin: 0; font-size: 26px; font-weight: 700; letter-spacing: 1px; color: #ffffff !important; } /* Estilo del sub-encabezado */ .drone-schedule-subheader { background-color: #007bff; color: #ffffff; padding: 18px 20px; text-align: center; } .drone-schedule-subheader h3 { margin: 0; font-size: 18px; font-weight: 500; } /* Contenido de la agenda */ .drone-schedule-body { padding: 15px 30px; background-color: #ffffff; } /* — CAMBIOS PARA EL HOVER AQUÍ — */ /* Cada ítem del cronograma */ .drone-schedule-item { display: flex; align-items: center; padding: 22px 10px; /* Se añade un poco de padding lateral */ margin: 0 -10px; /* Se compensa el padding para mantener alineación */ border-bottom: 1px solid #eeeeee; border-radius: 8px; /* Bordes redondeados para el efecto hover */ transition: background-color 0.3s ease; /* Transición suave para el hover */ } /* Efecto hover para cada ítem */ .drone-schedule-item:hover { background-color: #f8f9fa; /* Color de fondo gris muy claro al pasar el mouse */ } .drone-schedule-item:last-child { border-bottom: none; } /* Estilo para la hora */ .drone-schedule-time { font-weight: 600; color: #002362; min-width: 110px; font-size: 16px; } /* Estilo para la descripción del evento */ .drone-schedule-description { color: #333333; font-size: 16px; } /* Media Query para dispositivos móviles */ @media (max-width: 600px) { .drone-schedule-body { padding: 10px 20px; } .drone-schedule-item { flex-direction: column; align-items: flex-start; padding: 18px; } .drone-schedule-time { margin-bottom: 8px; min-width: auto; } }

/* Estilos para el contenedor del cronograma */ .drone-schedule-container { font-family: -apple-system, BlinkMacSystemFont, «Segoe UI», Roboto, Helvetica, Arial, sans-serif; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); max-width: 800px; margin: 20px auto; border: 1px solid #e0e0e0; } /* Estilo del encabezado principal */ .drone-schedule-header { background-color: #002362; padding: 25px 20px; text-align: center; } .drone-schedule-header h2 { margin: 0; font-size: 26px; font-weight: 700; letter-spacing: 1px; color: #ffffff !important; } /* Estilo del sub-encabezado */ .drone-schedule-subheader { background-color: #007bff; color: #ffffff; padding: 18px 20px; text-align: center; } .drone-schedule-subheader h3 { margin: 0; font-size: 18px; font-weight: 500; } /* Contenido de la agenda */ .drone-schedule-body { padding: 15px 30px; background-color: #ffffff; } /* — CAMBIOS PARA EL HOVER AQUÍ — */ /* Cada ítem del cronograma */ .drone-schedule-item { display: flex; align-items: center; padding: 22px 10px; /* Se añade un poco de padding lateral */ margin: 0 -10px; /* Se compensa el padding para mantener alineación */ border-bottom: 1px solid #eeeeee; border-radius: 8px; /* Bordes redondeados para el efecto hover */ transition: background-color 0.3s ease; /* Transición suave para el hover */ } /* Efecto hover para cada ítem */ .drone-schedule-item:hover { background-color: #f8f9fa; /* Color de fondo gris muy claro al pasar el mouse */ } .drone-schedule-item:last-child { border-bottom: none; } /* Estilo para la hora */ .drone-schedule-time { font-weight: 600; color: #002362; min-width: 110px; font-size: 16px; } /* Estilo para la descripción del evento */ .drone-schedule-description { color: #333333; font-size: 16px; } /* Media Query para dispositivos móviles */ @media (max-width: 600px) { .drone-schedule-body { padding: 10px 20px; } .drone-schedule-item { flex-direction: column; align-items: flex-start; padding: 18px; } .drone-schedule-time { margin-bottom: 8px; min-width: auto; } }