/* 
Sitio Web Creado por ITred Spa.
Direccion: Guido Reni #4190
Pedro Aguirre Cerda - Santiago - Chile
contacto@itred.cl o itred.spa@gmail.com
https://www.itred.cl
Creado, Programado y Diseñado por ITred Spa.
BPPJ 
*/

/* -------------------------------------------------------------------------------------------------------------
   --------------------------------- INICIO ITred Spa botones_redes .CSS ---------------------------------------
   ------------------------------------------------------------------------------------------------------------- */


/* TITULO 1 BOTONES DE REDES SOCIALES FLOTANTES */

    /* SUBTITULO 1 REDES SOCIALES SECUNDARIAS */

        .contenedor_redes_secundarias {
            position: fixed;
            bottom: 161px;
            right: 25px;
            z-index: 9999;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }


    /* SUBTITULO 2 RED SOCIAL PRINCIPAL */

        .contenedor_red_whatsapp {
            position: fixed;
            bottom: 87px;
            right: 25px;
            z-index: 9999;
        }


    /* SUBTITULO 3 BOTONES DE REDES SOCIALES */

        .enlace_red_social {
            width: 54px;
            height: 54px;
            background-color: #c89543;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            border-radius: 50%;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
            text-decoration: none;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }


    /* SUBTITULO 4 RELLENO ANIMADO */

        .enlace_red_social::before {
            content: "";
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #91661d;
            border-radius: 50%;
            transition: top 0.45s ease;
            z-index: 1;
        }


        .enlace_red_social:hover::before {
            top: 0;
        }


    /* SUBTITULO 5 ICONOS DE REDES SOCIALES */

        .icono_red_social {
            width: 30px;
            height: 30px;
            object-fit: contain;
            display: block;
            position: relative;
            z-index: 2;
        }


    /* SUBTITULO 6 ICONO INSTAGRAM */

        .red_instagram .icono_red_social {
            width: 30px;
            height: 30px;
        }


    /* SUBTITULO 7 ICONO FACEBOOK */

        .red_facebook .icono_red_social {
            width: 28px;
            height: 28px;
        }


    /* SUBTITULO 8 ICONO WHATSAPP */

        .red_whatsapp .icono_red_social {
            width: 32px;
            height: 32px;
        }


    /* SUBTITULO 9 EFECTO HOVER */

        .enlace_red_social:hover {
            transform: scale(1.08);
            box-shadow: 0 6px 14px rgba(0, 0, 0, 0.28);
        }


/* -------------------------------------------------------------------------------------------------------------
   ---------------------------------- FIN ITred Spa botones_redes .CSS -----------------------------------------
   ------------------------------------------------------------------------------------------------------------- */