/* Estilos de productos-personalizados.php */

@keyframes slideUpContent {
          from {
            opacity: 0;
            transform: translateY(80px);
          }
          to {
            opacity: 1;
            transform: translateY(0);
          }
        }

        .content-slide-up {
          animation: slideUpContent 1s ease-out both;
        }

        /* Ajustes específicos para celulares */
        @media (max-width: 480px) {
          .container {
            padding-left: 1rem !important;
            padding-right: 1rem !important;
          }
          
          /* Reducir el padding superior del fondo azul en móviles */
          section > div:first-child {
            padding-top: 7rem !important;
            padding-bottom: 4rem !important;
          }
        }

        @media (max-width: 768px) {
          .team-grid { grid-template-columns: 1fr !important; }
        }