body, 
        .navbar, 
        .navbar * {
            font-family: 'Montserrat Arabic', sans-serif !important;
        }
        .fondo-azul-marino {
          background-color: #063649;
        }
        .materiales-estilo {
            position: relative;
            background-color: rgba(5, 18, 41, 0.8);
            border-radius: 0.5rem;
            padding: 2rem;
        }
        .materiales-estilo::before{
            content: "";
            position: absolute;
            inset: 0; /* ocupa todo el div */
            background: url('assets/img/Balastro.jpg') no-repeat center center;
            background-size: cover;
            opacity: 0.4;
            z-index: -1;
        } 
        .img-fluid {
            height: 300px;
            width: 300px;
            object-fit: cover;
        }
        .square-img {
        width: 100%;
        aspect-ratio: 1 / 1; /* Hace la imagen cuadrada */
        object-fit: cover;    /* Rellena el cuadro sin deformar la imagen */
        }
        .product-img {
        width: 100%;         /* Ocupa todo el ancho de la columna */
        max-height: 200px;   /* Limita la altura para que no se vea gigante */
        object-fit: cover;   /* Corta lo que sobra sin deformar la imagen */
        border-radius: 0.5rem; /* Mantiene los bordes redondeados */
        }