.button-foto-azul {
            width: 350px;
            height: 200px;
            /*background: linear-gradient(135deg, #0056b3, #007bff);*/
			/*background-image: linear-gradient(rgba(13, 53, 91, 0.5), #0070c9 90%), 
                              url("Botones nueva web/fotografia-editorial.jpg");*/
            
            /* Asegura que la imagen cubra todo el botón sin deformarse */
            background-size: cover;
            /* Centra la imagen en el contenedor */
            background-position: top;
            /* Evita que la imagen se repita */
            background-repeat: no-repeat;
            border: none;
            /*border-radius: 20px;*/
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
            cursor: pointer;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 25px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            filter: saturate(150%);
            text-decoration: none;
        }

        .button-foto-azul::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
            /*transition: left 0.5s ease;*/
        }

        .button-foto-azul:hover::before {
            left: 100%;
        }

        .button-foto-azul:hover {
            transform: translateY(-5px);
			border: none;
            box-shadow: 0rem 0.25rem 1rem 0rem rgba(0, 112, 201, 1);
			filter: saturate(200%);
        }

        .button-foto-azul:active {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        }

        .icon-container {
            width: 80px;
            height: 80px;
            /*background: #fff;*/
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            /*box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);*/
            transition: transform 0.3s ease;
        }

        .button-foto-azul:hover .icon-container {
            transform: scale(1.1) rotate(5deg);
        }

        .icon {
            width: 80px;
            height: 80px;
            fill: #fff;
        }

        .button-text {
            font-size: 28px;
            font-weight: 700;
            color: #fff;
            text-align: center;
            letter-spacing: 0.5px;
            /*text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
            transition: color 0.3s ease;
            margin-bottom: 5px;
        }

        .button-subtitle {
            font-size: 15px;
            font-weight: 700;
            color: #fff;
            text-align: center;
            line-height: 1.3;
            max-width: 90%;
            transition: color 0.3s ease;
        }

        .button-foto-azul:hover .button-text {
            /*color: #667eea;*/
        }

        .button-foto-azul:hover .button-subtitle {
            /*color: #764ba2;*/
        }
		#pqrsd-button {
			background-image: linear-gradient(rgba(13, 53, 91, 0.3), #0070c9 120%), 
                              url("/sites/default/files/2026-01/foto-boton-pqrsd.jpg");
		}
		#consulta-pqrsd-button {
			background-image: linear-gradient(rgba(13, 53, 91, 0.3), #0070c9 120%), 
                              url("/sites/default/files/2026-01/foto-boton-consulta-pqrsd.jpg");
		}