/* Contenedor principal de la tabla */ .footer-horarios { width: 100%; max-width: 320px; /* Mantiene la tabla compacta en el footer */ border-collapse: collapse; font-family: inherit; /* Hereda la tipografía elegante de la web */ color: inherit; /* Hereda el color del texto del footer (blanco o claro) */ font-size: 0.95rem; /* Tamaño de texto equilibrado */ margin: 0; /* Ajusta a \\\\\\\'0 auto\\\\\\\' si necesitas que esté centrada */ } /* Separador sutil entre los días */ .footer-horarios tbody tr { border-bottom: 1px solid rgba(255, 255, 255, 0.15); /* Línea semitransparente (ideal si el footer es oscuro) */ } /* Eliminamos la línea del último día para que quede limpio */ .footer-horarios tbody tr:last-child { border-bottom: none; } /* Estilo para los nombres de los días (Alineados a la izquierda) */ .footer-horarios th.day-name { text-align: left; font-weight: 200; /* Ligeramente más grueso */ padding: 10px 0; opacity: 0.9; } /* Estilo para las horas (Alineadas a la derecha) */ .footer-horarios td.hours { text-align: right; padding: 10px 0; opacity: 0.8; } /* Resaltar visualmente el día actual (con font-weight 200 como solicitaste) */ .footer-horarios tr.today th.day-name, .footer-horarios tr.today td.hours { font-weight: 200; opacity: 1; } /* Estilo diferenciador para los días cerrados */ .footer-horarios tr.closed td.hours { font-style: italic; opacity: 0.6; } /* Adaptación para móviles */ @media (max-width: 480px) { .footer-horarios { font-size: 0.9rem; } }