@charset "utf-8";
/* CSS Document */
.include-redes {margin: 15px 0 } 

        .sharerrss .icons {
            display: flex;
             gap: 15px 
        }

        .sharerrss .icon, .mobile-icons .icon {
            text-decoration: none;
            border-radius: 50%;
            padding: 8px;  
            transition: transform 0.3s;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 35px; 
            height: 35px; 
            font-size: 1.3em  
        }

        
        #header .sharerrss .icon {
                        height: 25px; 
         }


        
		.sharerrss .fa-brands, .sharerrss .fa-solid, .mobile-icons .fa-brands {color: #FFFFFF  }
		
        #header .fa-x-twitter{color: #333 }

        .icons .whatsapp, .mobile-icons .whatsapp {
            background-color: #25D366; /* Color de WhatsApp */
        }

        .icons .facebook, .mobile-icons .facebook  {
            background-color: #3b5998; /* Color de Facebook */
        }

.icons .email, .mobile-icons .email  {
            background-color: #FF4B22; /* Color de email */
        }

       
.icons .pagelink, .mobile-icons .pagelink  {
            background-color: #666666; /* Color de pagelink */
        }

        
        .icons .x, .mobile-icons .x {
            background-color: #333333; /* Color de X (Twitter) */
        }
   

        .icons .linkedin, .mobile-icons .linkedin {
            background-color: #0077B5; /* Color de LinkedIn */
        }

        .icons .icon:hover, .mobile-icons .icon:hover {
            transform: scale(1.1);
        }

        .sharerrss .share-button {
            display: none; /* Oculto por defecto */
            /* padding: 10px 20px;*/
            font-size: 1.8em;
            background-color: transparent;
            color: #FFFFFF;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s, transform 0.3s 
        }

        .sharerrss .share-button:hover {
            background-color: transparent;
			color:#FFFFFF;
            transform: scale(1.05);
        }

        @media (max-width: 768px) {
           .galeriaInterior {
    margin-bottom: 0 !important;height: 230px !important}
			
			.sharerrss .fa-brands, .sharerrss .fa-solid, .mobile-icons .fa-brands {
       font-size: 1.1em }
			
			.include-redes {margin: 0 0 15px 0 } 
			 
}