/* 
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; /* mantiene el grupo de redes sociales secundarias fijo respecto a la ventana */
            bottom: 35vh; /* ajusta la distancia inferior del grupo de redes sociales secundarias respecto a la pantalla */
            right: 0.5vw; /* ajusta la separacion derecha del grupo de redes sociales secundarias */
            z-index: 9999; /* ajusta la prioridad visual del grupo de redes sociales secundarias respecto a otros elementos */
            display: flex; /* organiza el grupo de redes sociales secundarias mediante una estructura flexible */
            flex-direction: column; /* organiza los elementos internos en una columna */
            gap: 1vh; /* ajusta la separacion entre los elementos del grupo de redes sociales secundarias */
        }


    /* SUBTITULO 2 RED SOCIAL PRINCIPAL */

        .contenedor_red_whatsapp {
            position: fixed; /* mantiene el boton flotante de WhatsApp fijo respecto a la ventana */
            bottom: 13vh; /* ajusta la distancia inferior del boton flotante de WhatsApp respecto a la pantalla */
            right: 4vw; /* ajusta la separacion derecha del boton flotante de WhatsApp */
            z-index: 9999; /* ajusta la prioridad visual del boton flotante de WhatsApp respecto a otros elementos */
        }


    /* SUBTITULO 3 BOTONES DE REDES SOCIALES */

        .enlace_red_social {
            width: 5.4vmin; /* ajusta el ancho del boton circular de red social */
            height: 5.4vmin; /* ajusta la altura del boton circular de red social */
            background-color: #c89543; /* establece el color dorado corporativo del fondo */
            display: flex; /* organiza el boton circular de red social mediante una estructura flexible */
            align-items: center; /* centra verticalmente los elementos internos */
            justify-content: center; /* centra horizontalmente los elementos internos */
            position: relative; /* permite posicionar elementos internos del boton circular de red social */
            overflow: hidden; /* oculta cualquier contenido que sobresalga de los limites del elemento */
            border-radius: 50%; /* convierte el elemento en un circulo */
            box-shadow: 0 0.4vh 1vh rgba(0, 0, 0, 0.25); /* agrega una sombra al boton circular de red social para darle profundidad */
            text-decoration: none; /* elimina el subrayado predeterminado del enlace */
            transition: transform 0.3s ease, box-shadow 0.3s ease; /* suaviza los cambios visuales del boton circular de red social */
        }


    /* SUBTITULO 4 RELLENO ANIMADO */

        .enlace_red_social:hover::before {
            content: ""; /* crea el elemento decorativo sin contenido de texto */
            position: absolute; /* permite posicionar el relleno animado del boton de red social respecto a su contenedor */
            top: 100%; /* establece la posicion superior del relleno animado del boton de red social */
            left: 0; /* establece la separacion izquierda del relleno animado del boton de red social */
            width: 100%; /* permite que el relleno animado del boton de red social ocupe todo el ancho disponible */
            height: 100%; /* permite que el relleno animado del boton de red social ocupe toda la altura disponible */
            background-color: #91661d; /* establece el color dorado corporativo del fondo */
            border-radius: 50%; /* convierte el elemento en un circulo */
            transition: top 0.45s ease; /* suaviza el desplazamiento vertical del relleno */
            z-index: 1; /* ajusta la prioridad visual del relleno animado del boton de red social respecto a otros elementos */
        }

        .enlace_red_social:hover::before {
            top: 0; /* muestra el relleno desde la parte inferior hasta cubrir el boton */
        }


    /* SUBTITULO 5 ICONOS DE REDES SOCIALES */

        .icono_red_social {
            width: 3vmin; /* ajusta el ancho del icono de red social */
            height: 3vmin; /* ajusta la altura del icono de red social */
            object-fit: contain; /* mantiene la imagen completa sin deformarla */
            display: block; /* muestra el icono de red social como un bloque */
            position: relative; /* permite posicionar elementos internos del icono de red social */
            z-index: 2; /* ajusta la prioridad visual del icono de red social respecto a otros elementos */
        }


    /* SUBTITULO 6 ICONO FACEBOOK */

        .red_facebook .icono_red_social {
            width: 2.8vmin; /* ajusta el ancho del icono de Facebook */
            height: 2.8vmin; /* ajusta la altura del icono de Facebook */
        }


    /* SUBTITULO 7 ICONO INSTAGRAM */

        .red_instagram .icono_red_social {
            width: 3vmin; /* ajusta el ancho del icono de Instagram */
            height: 3vmin; /* ajusta la altura del icono de Instagram */
        }


    /* SUBTITULO 8 ICONO TWITTER */

        .red_twitter .icono_red_social {
            width: 3vmin; /* ajusta el ancho del icono de Twitter */
            height: 3vmin; /* ajusta la altura del icono de Twitter */
        }


    /* SUBTITULO 9 ICONO LINKEDIN */

        .red_linkedin .icono_red_social {
            width: 3vmin; /* ajusta el ancho del icono de Linkedin */
            height: 3vmin; /* ajusta la altura del icono de Linkedin */
        }


    /* SUBTITULO 10 ICONO TIKTOK */

        .red_tiktok .icono_red_social {
            width: 3vmin; /* ajusta el ancho del icono de Tiktok */
            height: 3vmin; /* ajusta la altura del icono de Tiktok */
        }


    /* SUBTITULO 11 BOTON WHATSAPP */

        .red_whatsapp {
            width: 8vmin; /* ajusta el ancho del boton principal de WhatsApp */
            height: 8vmin; /* ajusta la altura del boton principal de WhatsApp */
        }


    /* SUBTITULO 12 ICONO WHATSAPP */

        .red_whatsapp .icono_red_social {
            width: 4.5vmin; /* ajusta el ancho del icono de WhatsApp */
            height: 4.5vmin; /* ajusta la altura del icono de WhatsApp */
        }


    /* SUBTITULO 13 TEXTO WHATSAPP */

        .texto_red_whatsapp {
            position: absolute; /* permite posicionar el texto del boton de WhatsApp respecto a su contenedor */
            top: 100%; /* establece la posicion superior del texto del boton de WhatsApp */
            left: 50%; /* establece la separacion izquierda del texto del boton de WhatsApp */
            transform: translateX(-50%); /* centra horizontalmente el texto respecto al boton */
            margin-top: 1vh; /* establece la separacion superior del texto del boton de WhatsApp */
            white-space: nowrap; /* evita que el texto se divida en varias lineas */
            font-family: Arial, sans-serif; /* establece la tipografia del texto del boton de WhatsApp */
            font-size: 2vmin; /* ajusta el tamaño de la fuente del texto del boton de WhatsApp */
            font-weight: 700; /* establece el grosor del texto */
            color: #c89543; /* establece el color del texto y los iconos */
            background-color: transparent; /* establece el color de fondo del elemento */
            padding: 0.8vh 1vw; /* ajusta el espacio interno del texto del boton de WhatsApp */
            border-radius: 0.5vmin; /* redondea las esquinas del texto del boton de WhatsApp */
            z-index: 10000; /* ajusta la prioridad visual del texto del boton de WhatsApp respecto a otros elementos */
        }


    /* SUBTITULO 14 EFECTO HOVER */

        .enlace_red_social:hover {
            transform: scale(1.08); /* aumenta suavemente el tamaño al pasar el cursor */
            box-shadow: 0 0.6vh 1.4vh rgba(0, 0, 0, 0.28); /* agrega una sombra al boton de red social al pasar el cursor para darle profundidad */
        }


    /* SUBTITULO 3 VENTANA WHATSAPP */

        .ventana_whatsapp {
            position: fixed; /* mantiene el panel emergente de WhatsApp fijo respecto a la ventana */
            right: 7.5vw; /* ajusta la separacion derecha del panel emergente de WhatsApp */
            bottom: 20vh; /* establece la distancia inferior del panel emergente de WhatsApp */
            width: 22rem; /* ajusta el ancho del panel emergente de WhatsApp */
            min-width: 22rem; /* establece el ancho minimo del panel emergente de WhatsApp */
            max-width: 22rem; /* limita el ancho maximo del panel emergente de WhatsApp */
            z-index: 9998; /* ajusta la prioridad visual del panel emergente de WhatsApp respecto a otros elementos */
            display: none; /* oculta el panel emergente de WhatsApp */
        }

        .ventana_whatsapp[aria-hidden="false"] {
            display: block; /* muestra el panel emergente de WhatsApp como un bloque */
        }


    /* SUB-SUBTITULO 1 CONTENEDOR MODAL WHATSAPP */

        .contenedor_modal_whatsapp {
            width: 100%; /* permite que el contenedor del chat de WhatsApp ocupe todo el ancho disponible */
            max-width: 100%; /* limita el ancho maximo del contenedor del chat de WhatsApp */
            background-color: #ffffff; /* establece el fondo blanco de la ventana del chat */
            border: none; /* elimina el borde predeterminado */
            border-radius: 1rem; /* redondea las esquinas del contenedor del chat de WhatsApp */
            overflow: hidden; /* oculta cualquier contenido que sobresalga de los limites del elemento */
            box-shadow: 0 0.8vh 2.5vh rgba(0, 0, 0, 0.25); /* agrega una sombra al contenedor del chat de WhatsApp para darle profundidad */
        }


        .encabezado_chat_whatsapp {
            position: relative; /* permite posicionar elementos internos del encabezado del chat de WhatsApp */
            display: flex; /* organiza el encabezado del chat de WhatsApp mediante una estructura flexible */
            align-items: left; /* ajusta la alineacion de los elementos del encabezado del chat de WhatsApp */
            min-height: 3.5rem; /* establece la altura minima del encabezado del chat de WhatsApp */
            padding: 0.3rem 3.5rem 0.3rem 1rem; /* ajusta el espacio interno del encabezado del chat de WhatsApp */
            background-color: #c89543; /* establece el color dorado corporativo del fondo */
        }


    /* SUB-SUBTITULO 2 LOGO RMC */

        .logo_rmc {
            height: 2.5rem; /* ajusta la altura del logo RMC del chat */
            max-width: 70%; /* limita el ancho maximo del logo RMC del chat */
            object-fit: contain; /* mantiene la imagen completa sin deformarla */
            object-position: left; /* alinea el contenido de la imagen hacia la izquierda */
            display: block; /* muestra el logo RMC del chat como un bloque */
            flex-shrink: 0; /* evita que el logo RMC del chat se reduzca al distribuir el espacio */
            transform: translateY(1vh); /* desplaza ligeramente hacia abajo el logo del chat */
        }


        .titulo_modal_whatsapp {
            margin: 0; /* elimina los margenes externos */
            padding: 0; /* elimina el espacio interno del titulo de la ventana de WhatsApp */
            font-family: Arial, sans-serif; /* establece la tipografia del titulo de la ventana de WhatsApp */
            font-size: 1rem; /* ajusta el tamaño de la fuente del titulo de la ventana de WhatsApp */
            font-weight: 700; /* establece el grosor del texto */
            color: #ffffff; /* establece el color del texto y los iconos */
            letter-spacing: 0.03em; /* establece la separacion entre las letras del titulo */
            white-space: nowrap; /* evita que el texto se divida en varias lineas */
        }


        .cerrar_whatsapp {
            position: absolute; /* permite posicionar el boton de cierre del chat respecto a su contenedor */
            top: 50%; /* establece la posicion superior del boton de cierre del chat */
            right: 0.5rem; /* ajusta la separacion derecha del boton de cierre del chat */
            transform: translateY(-50%); /* centra verticalmente el boton de cierre */
            width: 2.5rem; /* ajusta el ancho del boton de cierre del chat */
            height: 2.5rem; /* ajusta la altura del boton de cierre del chat */
            border: none; /* elimina el borde predeterminado */
            background-color: transparent; /* establece el color de fondo del elemento */
            color: #ffffff; /* establece el color del texto y los iconos */
            font-family: Arial, sans-serif; /* establece la tipografia del boton de cierre del chat */
            font-size: 2rem; /* ajusta el tamaño de la fuente del boton de cierre del chat */
            line-height: 1; /* ajusta la separacion entre lineas del boton de cierre del chat */
            cursor: pointer; /* muestra el cursor de seleccion sobre el boton */
            padding: 0; /* elimina el espacio interno del boton de cierre del chat */
            z-index: 2; /* ajusta la prioridad visual del boton de cierre del chat respecto a otros elementos */
        }


        .contenido_chat_whatsapp {
            display: flex; /* organiza el contenido del chat de WhatsApp mediante una estructura flexible */
            flex-direction: column; /* organiza los elementos internos en una columna */
            align-items: flex-end; /* alinea los elementos hacia el extremo derecho */
            padding: 1rem 0.9rem 1.2rem; /* ajusta el espacio interno del contenido del chat de WhatsApp */
        }


    /* SUB-SUBTITULO 3 MENSAJE CHAT WHATSAPP */

        .mensaje_chat_whatsapp {
            display: flex; /* organiza el mensaje del chat mediante una estructura flexible */
            align-items: flex-end; /* alinea los elementos hacia el extremo derecho */
            width: 100%; /* permite que el mensaje del chat ocupe todo el ancho disponible */
            gap: 0.6rem; /* ajusta la separacion entre los elementos del mensaje del chat */
            margin-bottom: 1vh; /* ajusta la separacion inferior del mensaje del chat */
        }


    /* SUB-SUBTITULO 4 IMAGEN PERSONA CHAT WHATSAPP */

        .imagen_persona_chat {
            width: 3rem; /* ajusta el ancho de la imagen de perfil */
            height: 3rem; /* ajusta la altura de la imagen de perfil */
            min-width: 3rem; /* establece el ancho minimo del imagen de perfil del chat */
            min-height: 3rem; /* establece la altura minima del imagen de perfil del chat */
            object-fit: cover; /* rellena el espacio de la imagen sin deformarla */
            border-radius: 50%; /* convierte el elemento en un circulo */
            display: block; /* muestra el imagen de perfil del chat como un bloque */
            flex-shrink: 0; /* evita que el imagen de perfil del chat se reduzca al distribuir el espacio */
        }


    /* SUB-SUBTITULO 5 BURBUJA CHAT WHATSAPP */

        .burbuja_chat_whatsapp {
            position: relative; /* permite posicionar elementos internos del burbuja del mensaje de WhatsApp */
            align-self: flex-end; /* alinea la burbuja hacia el extremo derecho dentro del chat */
            max-width: 88%; /* limita el ancho maximo del burbuja del mensaje de WhatsApp */
            padding: 0.8rem 0.7rem; /* ajusta el espacio interno del burbuja del mensaje de WhatsApp */
            background-color: #f4e9df; /* establece el color de fondo del elemento */
            border-radius: 0.8rem 0.8rem 0.8rem 0.2rem; /* redondea las esquinas del burbuja del mensaje de WhatsApp */
            font-family: Arial, sans-serif; /* establece la tipografia del burbuja del mensaje de WhatsApp */
            font-size: 0.95rem; /* ajusta el tamaño de la fuente del burbuja del mensaje de WhatsApp */
            line-height: 1.4; /* ajusta la separacion entre lineas del burbuja del mensaje de WhatsApp */
            color: #333333; /* establece el color del texto y los iconos */
        }


        .burbuja_chat_whatsapp::after {
            content: ""; /* crea el elemento decorativo sin contenido de texto */
            position: absolute; /* permite posicionar el punta decorativa de la burbuja del chat respecto a su contenedor */
            left: -0.7rem; /* establece la separacion izquierda del punta decorativa de la burbuja del chat */
            bottom: 0; /* establece la distancia inferior del punta decorativa de la burbuja del chat */
            width: 0; /* elimina el ancho de la punta para formar un triangulo decorativo */
            height: 0; /* elimina la altura de la punta para formar un triangulo decorativo */
            border-top: 0.7rem solid transparent; /* forma el borde superior transparente de la punta del mensaje */
            border-right: 0.8rem solid #f4e9df; /* forma el lado visible de la punta del mensaje */
            border-bottom: 0.1rem solid transparent; /* forma el borde inferior transparente de la punta del mensaje */
        }


        .texto_qr_whatsapp {
            margin: 0 0 0.8vh; /* ajusta los margenes del texto explicativo del codigo QR */
            font-family: Arial, sans-serif; /* establece la tipografia del texto explicativo del codigo QR */
            font-size: 0.85rem; /* ajusta el tamaño de la fuente del texto explicativo del codigo QR */
            line-height: 1.3; /* ajusta la separacion entre lineas del texto explicativo del codigo QR */
            text-align: center; /* centra horizontalmente el texto */
            color: #555555; /* establece el color del texto y los iconos */
        }


        .contenedor_qr_whatsapp {
            display: flex; /* organiza el contenedor desplegable del codigo QR mediante una estructura flexible */
            align-items: center; /* centra verticalmente los elementos internos */
            justify-content: center; /* centra horizontalmente los elementos internos */
            margin-bottom: 0.8vh; /* ajusta la separacion inferior del contenedor desplegable del codigo QR */
            opacity: 0; /* oculta visualmente el codigo QR */
            visibility: hidden; /* mantiene oculto el codigo QR */
            max-height: 0; /* mantiene oculto el espacio del codigo QR */
            overflow: hidden; /* oculta cualquier contenido que sobresalga de los limites del elemento */
            transition: opacity 0.3s ease, max-height 0.3s ease, visibility 0.3s ease; /* suaviza la aparicion y expansion del codigo QR */
        }

        /* contiene el codigo QR dentro de una burbuja de mensaje */

        .burbuja_qr_whatsapp {
            position: relative; /* establece la posicion relativa */
            display: flex; /* establece la distribucion flexible */
            align-items: center; /* centra verticalmente el codigo QR */
            justify-content: center; /* centra horizontalmente el codigo QR */
            width: 8.5rem; /* establece el ancho de la burbuja */
            padding: 0.7rem; /* establece el espacio interno */
            background-color: #f4e9df; /* establece el fondo de la burbuja */
            border-radius: 0.8rem 0.8rem 0.8rem 0.8rem; /* redondea la burbuja */
            box-sizing: border-box; /* incluye el padding dentro del tamaño */
        }

        .contenido_chat_whatsapp:has(.boton_abrir_whatsapp:hover) .contenedor_qr_whatsapp {
            opacity: 1; /* hace visible el codigo QR */
            visibility: visible; /* permite mostrar el codigo QR */
            max-height: 12rem; /* limita la altura maxima del codigo QR al pasar el cursor por el boton de WhatsApp */
        }


        .qr_whatsapp {
            width: 7rem; /* establece el ancho del codigo QR */
            height: 7rem; /* establece la altura del codigo QR */
            min-width: 5rem; /* establece el ancho minimo */
            min-height: 5rem; /* establece la altura minima */
            max-width: 7rem; /* establece el ancho maximo */
            max-height: 7rem; /* establece la altura maxima */
            object-fit: contain; /* mantiene las proporciones del codigo QR */
            display: block; /* establece la imagen como bloque */
        }


        .numero_whatsapp {
            margin: 0 0 1vh; /* ajusta los margenes del numero de contacto de WhatsApp */
            font-family: Arial, sans-serif; /* establece la tipografia del numero de contacto de WhatsApp */
            font-size: 0.9rem; /* ajusta el tamaño de la fuente del numero de contacto de WhatsApp */
            font-weight: 700; /* establece el grosor del texto */
            color: #555555; /* establece el color del texto y los iconos */
        }


        .boton_abrir_whatsapp {
            display: flex; /* organiza el boton para abrir WhatsApp mediante una estructura flexible */
            align-items: center; /* centra verticalmente los elementos internos */
            justify-content: center; /* centra horizontalmente los elementos internos */
            width: 40%; /* ajusta el ancho del boton para abrir WhatsApp */
            min-height: 2rem; /* establece la altura minima del boton para abrir WhatsApp */
            box-sizing: border-box; /* incluye el padding y el borde dentro de las dimensiones del boton para abrir WhatsApp */
            background-color: #c89543; /* establece el color dorado corporativo del fondo */
            border-radius: 0.5rem; /* redondea las esquinas del boton para abrir WhatsApp */
            font-family: Arial, sans-serif; /* establece la tipografia del boton para abrir WhatsApp */
            font-size: 0.95rem; /* ajusta el tamaño de la fuente del boton para abrir WhatsApp */
            font-weight: 700; /* establece el grosor del texto */
            color: #ffffff; /* establece el color del texto y los iconos */
            text-decoration: none; /* elimina el subrayado predeterminado del enlace */
            transition: background-color 0.3s ease, transform 0.3s ease; /* suaviza los cambios de color y escala del boton */
        }


        .boton_abrir_whatsapp:hover {
            background-color: #91661d; /* establece el color dorado corporativo del fondo */
            transform: scale(1.03); /* aumenta suavemente el tamaño al pasar el cursor */
        }


/* Responsive */

/* TITULO 1 BOTONES DE REDES SOCIALES FLOTANTES */

    /* notebooks comunes (1366x768, MacBook Air/Pro) */
    @media (max-width: 1200px) {

        .enlace_red_social {
            width: 5.2vmin; /* ajusta el ancho del boton circular de red social */
            height: 5.2vmin; /* ajusta la altura del boton circular de red social */
        }

        .icono_red_social {
            width: 3.1vmin; /* ajusta el ancho del icono de red social */
            height: 3.1vmin; /* ajusta la altura del icono de red social */
        }

        .red_facebook .icono_red_social {
            width: 2.8vmin; /* ajusta el ancho del icono de Facebook */
            height: 2.8vmin; /* ajusta la altura del icono de Facebook */
        }

        .red_instagram .icono_red_social {
            width: 3.1vmin; /* ajusta el ancho del icono de Instagram */
            height: 3.1vmin; /* ajusta la altura del icono de Instagram */
        }

        .red_twitter .icono_red_social {
            width: 3.1vmin; /* ajusta el ancho del icono de Twitter */
            height: 3.1vmin; /* ajusta la altura del icono de Twitter */
        }

        .red_linkedin .icono_red_social {
            width: 3.1vmin; /* ajusta el ancho del icono de Linkedin */
            height: 3.1vmin; /* ajusta la altura del icono de Linkedin */
        }

        .red_tiktok .icono_red_social {
            width: 3.1vmin; /* ajusta el ancho del icono de Tiktok */
            height: 3.1vmin; /* ajusta la altura del icono de Tiktok */
        }

        .red_whatsapp {
            width: 7.5vmin; /* ajusta el ancho del boton principal de WhatsApp */
            height: 7.5vmin; /* ajusta la altura del boton principal de WhatsApp */
        }

        .red_whatsapp .icono_red_social {
            width: 4.1vmin; /* ajusta el ancho del icono de WhatsApp */
            height: 4.1vmin; /* ajusta la altura del icono de WhatsApp */
        }

        .ventana_whatsapp {
            right: 8vw; /* ajusta la separacion derecha del panel emergente de WhatsApp */
            width: 21rem; /* ajusta el ancho del panel emergente de WhatsApp */
            min-width: 21rem; /* establece el ancho minimo del panel emergente de WhatsApp */
            max-width: 21rem; /* limita el ancho maximo del panel emergente de WhatsApp */
            z-index: 10001; /* ajusta la prioridad visual del panel emergente de WhatsApp respecto a otros elementos */
        }

        .logo_rmc {
            width: 9.5rem; /* ajusta el ancho del logo RMC del chat */
            height: 2.4rem; /* ajusta la altura del logo RMC del chat */
        }

        .titulo_modal_whatsapp {
            font-size: 1rem; /* ajusta el tamaño de la fuente del titulo de la ventana de WhatsApp */
        }

        .burbuja_chat_whatsapp {
            font-size: 0.95rem; /* ajusta el tamaño de la fuente del burbuja del mensaje de WhatsApp */
        }

        .numero_whatsapp {
            font-size: 0.9rem; /* ajusta el tamaño de la fuente del numero de contacto de WhatsApp */
        }

        .boton_abrir_whatsapp {
            font-size: 0.95rem; /* ajusta el tamaño de la fuente del boton para abrir WhatsApp */
        }

        .cerrar_whatsapp {
            z-index: 10002; /* ajusta la prioridad visual del boton de cierre del chat respecto a otros elementos */
        }
    }


    /* tablets horizontales / pantallas medianas (iPad Pro en horizontal, notebooks pequeños) */
    @media (max-width: 992px) {

        .contenedor_redes_secundarias {
            right: 1vw; /* ajusta la separacion derecha del grupo de redes sociales secundarias */
            bottom: 35vh; /* ajusta la distancia inferior del grupo de redes sociales secundarias respecto a la pantalla */
            gap: 0.8vh; /* ajusta la separacion entre los elementos del grupo de redes sociales secundarias */
        }

        .contenedor_red_whatsapp {
            right: 5vw; /* ajusta la separacion derecha del boton flotante de WhatsApp */
            bottom: 18vh; /* ajusta la distancia inferior del boton flotante de WhatsApp respecto a la pantalla */
        }

        .enlace_red_social {
            width: 5.5vmin; /* ajusta el ancho del boton circular de red social */
            height: 5.5vmin; /* ajusta la altura del boton circular de red social */
        }

        .icono_red_social {
            width: 3.2vmin; /* ajusta el ancho del icono de red social */
            height: 3.2vmin; /* ajusta la altura del icono de red social */
        }

        .red_facebook .icono_red_social {
            width: 2.8vmin; /* ajusta el ancho del icono de Facebook */
            height: 2.8vmin; /* ajusta la altura del icono de Facebook */
        }

        .red_instagram .icono_red_social {
            width: 3.2vmin; /* ajusta el ancho del icono de Instagram */
            height: 3.2vmin; /* ajusta la altura del icono de Instagram */
        }

        .red_twitter .icono_red_social {
            width: 3.2vmin; /* ajusta el ancho del icono de Twitter */
            height: 3.2vmin; /* ajusta la altura del icono de Twitter */
        }

        .red_linkedin .icono_red_social {
            width: 3.2vmin; /* ajusta el ancho del icono de Linkedin */
            height: 3.2vmin; /* ajusta la altura del icono de Linkedin */
        }

        .red_tiktok .icono_red_social {
            width: 3.2vmin; /* ajusta el ancho del icono de Tiktok */
            height: 3.2vmin; /* ajusta la altura del icono de Tiktok */
        }

        .red_whatsapp {
            width: 7.8vmin; /* ajusta el ancho del boton principal de WhatsApp */
            height: 7.8vmin; /* ajusta la altura del boton principal de WhatsApp */
        }

        .red_whatsapp .icono_red_social {
            width: 4.2vmin; /* ajusta el ancho del icono de WhatsApp */
            height: 4.2vmin; /* ajusta la altura del icono de WhatsApp */
        }

        .ventana_whatsapp {
            right: 10vw; /* ajusta la separacion derecha del panel emergente de WhatsApp */
            bottom: 25vh; /* establece la distancia inferior del panel emergente de WhatsApp */
            width: 19rem; /* ajusta el ancho del panel emergente de WhatsApp */
            min-width: 19rem; /* establece el ancho minimo del panel emergente de WhatsApp */
            max-width: 19rem; /* limita el ancho maximo del panel emergente de WhatsApp */
            z-index: 10001; /* ajusta la prioridad visual del panel emergente de WhatsApp respecto a otros elementos */
        }

        .logo_rmc {
            width: 8.5rem; /* ajusta el ancho del logo RMC del chat */
            height: 2.2rem; /* ajusta la altura del logo RMC del chat */
        }

        .titulo_modal_whatsapp {
            font-size: 1rem; /* ajusta el tamaño de la fuente del titulo de la ventana de WhatsApp */
        }

        .burbuja_chat_whatsapp {
            font-size: 0.95rem; /* ajusta el tamaño de la fuente del burbuja del mensaje de WhatsApp */
        }

        .numero_whatsapp {
            font-size: 0.9rem; /* ajusta el tamaño de la fuente del numero de contacto de WhatsApp */
        }

        .boton_abrir_whatsapp {
            font-size: 0.95rem; /* ajusta el tamaño de la fuente del boton para abrir WhatsApp */
        }

        .cerrar_whatsapp {
            z-index: 10002; /* ajusta la prioridad visual del boton de cierre del chat respecto a otros elementos */
        }
    }


    /* tablets verticales (iPad clasico, tablets Android estandar) */
    @media (max-width: 768px) {

        .contenedor_redes_secundarias {
            right: 1vw; /* ajusta la separacion derecha del grupo de redes sociales secundarias */
            bottom: 34vh; /* ajusta la distancia inferior del grupo de redes sociales secundarias respecto a la pantalla */
            gap: 0.8vh; /* ajusta la separacion entre los elementos del grupo de redes sociales secundarias */
        }

        .contenedor_red_whatsapp {
            right: 4vw; /* ajusta la separacion derecha del boton flotante de WhatsApp */
            bottom: 13vh; /* ajusta la distancia inferior del boton flotante de WhatsApp respecto a la pantalla */
        }

        .enlace_red_social {
            width: 2.8rem; /* ajusta el ancho del boton circular de red social */
            height: 2.8rem; /* ajusta la altura del boton circular de red social */
        }

        .icono_red_social {
            width: 1.7rem; /* ajusta el ancho del icono de red social */
            height: 1.7rem; /* ajusta la altura del icono de red social */
        }

        .red_facebook .icono_red_social {
            width: 1.5rem; /* ajusta el ancho del icono de Facebook */
            height: 1.5rem; /* ajusta la altura del icono de Facebook */
        }

        .red_instagram .icono_red_social {
            width: 1.7rem; /* ajusta el ancho del icono de Instagram */
            height: 1.7rem; /* ajusta la altura del icono de Instagram */
        }

        .red_twitter .icono_red_social {
            width: 1.7rem; /* ajusta el ancho del icono de Twitter */
            height: 1.7rem; /* ajusta la altura del icono de Twitter */
        }

        .red_linkedin .icono_red_social {
            width: 1.7rem; /* ajusta el ancho del icono de Linkedin */
            height: 1.7rem; /* ajusta la altura del icono de Linkedin */
        }

        .red_tiktok .icono_red_social {
            width: 1.7rem; /* ajusta el ancho del icono de Tiktok */
            height: 1.7rem; /* ajusta la altura del icono de Tiktok */
        }

        .red_whatsapp {
            width: 3.7rem; /* ajusta el ancho del boton principal de WhatsApp */
            height: 3.7rem; /* ajusta la altura del boton principal de WhatsApp */
        }

        .red_whatsapp .icono_red_social {
            width: 2rem; /* ajusta el ancho del icono de WhatsApp */
            height: 2rem; /* ajusta la altura del icono de WhatsApp */
        }

        .ventana_whatsapp {
            right: 11.5vw; /* ajusta la separacion derecha del panel emergente de WhatsApp */
            bottom: 20vh; /* establece la distancia inferior del panel emergente de WhatsApp */
            width: 17rem; /* ajusta el ancho del panel emergente de WhatsApp */
            min-width: 17rem; /* establece el ancho minimo del panel emergente de WhatsApp */
            max-width: 17rem; /* limita el ancho maximo del panel emergente de WhatsApp */
            z-index: 10001; /* ajusta la prioridad visual del panel emergente de WhatsApp respecto a otros elementos */
        }

        .encabezado_chat_whatsapp {
            min-height: 2.9rem; /* establece la altura minima del encabezado del chat de WhatsApp */
            padding: 0.5rem 3rem 0.5rem 0.7rem; /* ajusta el espacio interno del encabezado del chat de WhatsApp */
        }

        .logo_rmc {
            width: 8rem; /* ajusta el ancho del logo RMC del chat */
            height: 2rem; /* ajusta la altura del logo RMC del chat */
        }

        .titulo_modal_whatsapp {
            font-size: 0.95rem; /* ajusta el tamaño de la fuente del titulo de la ventana de WhatsApp */
        }

        .cerrar_whatsapp {
            right: 0.2rem; /* ajusta la separacion derecha del boton de cierre del chat */
            width: 2.2rem; /* ajusta el ancho del boton de cierre del chat */
            height: 2.2rem; /* ajusta la altura del boton de cierre del chat */
            font-size: 1.8rem; /* ajusta el tamaño de la fuente del boton de cierre del chat */
            z-index: 10002; /* ajusta la prioridad visual del boton de cierre del chat respecto a otros elementos */
        }

        .contenido_chat_whatsapp {
            padding: 0.8rem 0.8rem 1rem; /* ajusta el espacio interno del contenido del chat de WhatsApp */
        }

        .mensaje_chat_whatsapp {
            gap: 0.5rem; /* ajusta la separacion entre los elementos del mensaje del chat */
        }

        .imagen_persona_chat {
            width: 2.6rem; /* ajusta el ancho de la imagen de perfil */
            height: 2.6rem; /* ajusta la altura de la imagen de perfil */
            min-width: 2.6rem; /* establece el ancho minimo del imagen de perfil del chat */
            min-height: 2.6rem; /* establece la altura minima del imagen de perfil del chat */
        }

        .burbuja_chat_whatsapp {
            font-size: 0.9rem; /* ajusta el tamaño de la fuente del burbuja del mensaje de WhatsApp */
            padding: 0.7rem 0.6rem; /* ajusta el espacio interno del burbuja del mensaje de WhatsApp */
        }

        .numero_whatsapp {
            font-size: 0.85rem; /* ajusta el tamaño de la fuente del numero de contacto de WhatsApp */
            margin-bottom: 0.8vh; /* ajusta la separacion inferior del numero de contacto de WhatsApp */
        }

        .boton_abrir_whatsapp {
            min-height: 2.7rem; /* establece la altura minima del boton para abrir WhatsApp */
            font-size: 0.9rem; /* ajusta el tamaño de la fuente del boton para abrir WhatsApp */
            padding: 0.5rem 0.7rem; /* ajusta el espacio interno del boton para abrir WhatsApp */
        }

        .contenedor_qr_whatsapp {
            display: none; /* oculta el contenedor desplegable del codigo QR */
        }
    }


    /* moviles grandes (iPhone 11, iPhone Plus/Max, Android grandes) */
    @media (max-width: 414px) {

        .contenedor_redes_secundarias {
            right: 1vw; /* ajusta la separacion derecha del grupo de redes sociales secundarias */
            bottom: 34vh; /* ajusta la distancia inferior del grupo de redes sociales secundarias respecto a la pantalla */
            gap: 0.7vh; /* ajusta la separacion entre los elementos del grupo de redes sociales secundarias */
        }

        .contenedor_red_whatsapp {
            right: 4vw; /* ajusta la separacion derecha del boton flotante de WhatsApp */
            bottom: 13vh; /* ajusta la distancia inferior del boton flotante de WhatsApp respecto a la pantalla */
        }

        .enlace_red_social {
            width: 2.6rem; /* ajusta el ancho del boton circular de red social */
            height: 2.6rem; /* ajusta la altura del boton circular de red social */
        }

        .icono_red_social {
            width: 1.6rem; /* ajusta el ancho del icono de red social */
            height: 1.6rem; /* ajusta la altura del icono de red social */
        }

        .red_facebook .icono_red_social {
            width: 1.4rem; /* ajusta el ancho del icono de Facebook */
            height: 1.4rem; /* ajusta la altura del icono de Facebook */
        }

        .red_instagram .icono_red_social {
            width: 1.6rem; /* ajusta el ancho del icono de Instagram */
            height: 1.6rem; /* ajusta la altura del icono de Instagram */
        }

        .red_twitter .icono_red_social {
            width: 1.6rem; /* ajusta el ancho del icono de Twitter */
            height: 1.6rem; /* ajusta la altura del icono de Twitter */
        }

        .red_linkedin .icono_red_social {
            width: 1.6rem; /* ajusta el ancho del icono de Linkedin */
            height: 1.6rem; /* ajusta la altura del icono de Linkedin */
        }

        .red_tiktok .icono_red_social {
            width: 1.6rem; /* ajusta el ancho del icono de Tiktok */
            height: 1.6rem; /* ajusta la altura del icono de Tiktok */
        }

        .red_whatsapp {
            width: 3.5rem; /* ajusta el ancho del boton principal de WhatsApp */
            height: 3.5rem; /* ajusta la altura del boton principal de WhatsApp */
        }

        .red_whatsapp .icono_red_social {
            width: 1.9rem; /* ajusta el ancho del icono de WhatsApp */
            height: 1.9rem; /* ajusta la altura del icono de WhatsApp */
        }

        .ventana_whatsapp {
            right: 18vw; /* ajusta la separacion derecha del panel emergente de WhatsApp */
            bottom: 20vh; /* establece la distancia inferior del panel emergente de WhatsApp */
            width: 16rem; /* ajusta el ancho del panel emergente de WhatsApp */
            min-width: 16rem; /* establece el ancho minimo del panel emergente de WhatsApp */
            max-width: 16rem; /* limita el ancho maximo del panel emergente de WhatsApp */
            z-index: 10001; /* ajusta la prioridad visual del panel emergente de WhatsApp respecto a otros elementos */
        }

        .encabezado_chat_whatsapp {
            min-height: 2.8rem; /* establece la altura minima del encabezado del chat de WhatsApp */
            padding: 0.45rem 2.8rem 0.45rem 0.6rem; /* ajusta el espacio interno del encabezado del chat de WhatsApp */
        }

        .logo_rmc {
            width: 7rem; /* ajusta el ancho del logo RMC del chat */
            height: 1.8rem; /* ajusta la altura del logo RMC del chat */
        }

        .titulo_modal_whatsapp {
            font-size: 0.9rem; /* ajusta el tamaño de la fuente del titulo de la ventana de WhatsApp */
        }

        .cerrar_whatsapp {
            right: 0.15rem; /* ajusta la separacion derecha del boton de cierre del chat */
            width: 2rem; /* ajusta el ancho del boton de cierre del chat */
            height: 2rem; /* ajusta la altura del boton de cierre del chat */
            font-size: 1.7rem; /* ajusta el tamaño de la fuente del boton de cierre del chat */
            z-index: 10002; /* ajusta la prioridad visual del boton de cierre del chat respecto a otros elementos */
        }

        .contenido_chat_whatsapp {
            padding: 0.75rem 0.7rem 0.9rem; /* ajusta el espacio interno del contenido del chat de WhatsApp */
        }

        .mensaje_chat_whatsapp {
            gap: 0.45rem; /* ajusta la separacion entre los elementos del mensaje del chat */
        }

        .imagen_persona_chat {
            width: 2.4rem; /* ajusta el ancho de la imagen de perfil */
            height: 2.4rem; /* ajusta la altura de la imagen de perfil */
            min-width: 2.4rem; /* establece el ancho minimo del imagen de perfil del chat */
            min-height: 2.4rem; /* establece la altura minima del imagen de perfil del chat */
        }

        .burbuja_chat_whatsapp {
            font-size: 0.85rem; /* ajusta el tamaño de la fuente del burbuja del mensaje de WhatsApp */
            padding: 0.65rem 0.55rem; /* ajusta el espacio interno del burbuja del mensaje de WhatsApp */
        }

        .numero_whatsapp {
            font-size: 0.8rem; /* ajusta el tamaño de la fuente del numero de contacto de WhatsApp */
        }

        .boton_abrir_whatsapp {
            min-height: 2.6rem; /* establece la altura minima del boton para abrir WhatsApp */
            font-size: 0.85rem; /* ajusta el tamaño de la fuente del boton para abrir WhatsApp */
        }

        .contenedor_qr_whatsapp {
            display: none; /* oculta el contenedor desplegable del codigo QR */
        }
    }


    /* moviles medianos (iPhone 12/13/14, Android gama media) */
    @media (max-width: 390px) {

        .contenedor_redes_secundarias {
            right: 1vw; /* ajusta la separacion derecha del grupo de redes sociales secundarias */
            bottom: 34vh; /* ajusta la distancia inferior del grupo de redes sociales secundarias respecto a la pantalla */
            gap: 0.6vh; /* ajusta la separacion entre los elementos del grupo de redes sociales secundarias */
        }

        .contenedor_red_whatsapp {
            right: 4vw; /* ajusta la separacion derecha del boton flotante de WhatsApp */
            bottom: 13vh; /* ajusta la distancia inferior del boton flotante de WhatsApp respecto a la pantalla */
        }

        .enlace_red_social {
            width: 2.5rem; /* ajusta el ancho del boton circular de red social */
            height: 2.5rem; /* ajusta la altura del boton circular de red social */
        }

        .icono_red_social {
            width: 1.5rem; /* ajusta el ancho del icono de red social */
            height: 1.5rem; /* ajusta la altura del icono de red social */
        }

        .red_facebook .icono_red_social {
            width: 1.3rem; /* ajusta el ancho del icono de Facebook */
            height: 1.3rem; /* ajusta la altura del icono de Facebook */
        }

        .red_instagram .icono_red_social {
            width: 1.5rem; /* ajusta el ancho del icono de Instagram */
            height: 1.5rem; /* ajusta la altura del icono de Instagram */
        }

        .red_twitter .icono_red_social {
            width: 1.5rem; /* ajusta el ancho del icono de Twitter */
            height: 1.5rem; /* ajusta la altura del icono de Twitter */
        }

        .red_linkedin .icono_red_social {
            width: 1.5rem; /* ajusta el ancho del icono de Linkedin */
            height: 1.5rem; /* ajusta la altura del icono de Linkedin */
        }

        .red_tiktok .icono_red_social {
            width: 1.5rem; /* ajusta el ancho del icono de Tiktok */
            height: 1.5rem; /* ajusta la altura del icono de Tiktok */
        }

        .red_whatsapp {
            width: 3.4rem; /* ajusta el ancho del boton principal de WhatsApp */
            height: 3.4rem; /* ajusta la altura del boton principal de WhatsApp */
        }

        .red_whatsapp .icono_red_social {
            width: 1.8rem; /* ajusta el ancho del icono de WhatsApp */
            height: 1.8rem; /* ajusta la altura del icono de WhatsApp */
        }

        .ventana_whatsapp {
            right: 18vw; /* ajusta la separacion derecha del panel emergente de WhatsApp */
            bottom: 20vh; /* establece la distancia inferior del panel emergente de WhatsApp */
            width: 15rem; /* ajusta el ancho del panel emergente de WhatsApp */
            min-width: 15rem; /* establece el ancho minimo del panel emergente de WhatsApp */
            max-width: 15rem; /* limita el ancho maximo del panel emergente de WhatsApp */
            z-index: 10001; /* ajusta la prioridad visual del panel emergente de WhatsApp respecto a otros elementos */
        }

        .encabezado_chat_whatsapp {
            min-height: 2.7rem; /* establece la altura minima del encabezado del chat de WhatsApp */
            padding: 0.4rem 2.6rem 0.4rem 0.55rem; /* ajusta el espacio interno del encabezado del chat de WhatsApp */
        }

        .logo_rmc {
            width: 6.5rem; /* ajusta el ancho del logo RMC del chat */
            height: 1.7rem; /* ajusta la altura del logo RMC del chat */
        }

        .titulo_modal_whatsapp {
            font-size: 0.85rem; /* ajusta el tamaño de la fuente del titulo de la ventana de WhatsApp */
        }

        .cerrar_whatsapp {
            right: 0.1rem; /* ajusta la separacion derecha del boton de cierre del chat */
            width: 1.9rem; /* ajusta el ancho del boton de cierre del chat */
            height: 1.9rem; /* ajusta la altura del boton de cierre del chat */
            font-size: 1.6rem; /* ajusta el tamaño de la fuente del boton de cierre del chat */
            z-index: 10002; /* ajusta la prioridad visual del boton de cierre del chat respecto a otros elementos */
        }

        .contenido_chat_whatsapp {
            padding: 0.7rem 0.65rem 0.85rem; /* ajusta el espacio interno del contenido del chat de WhatsApp */
        }

        .imagen_persona_chat {
            width: 2.2rem; /* ajusta el ancho de la imagen de perfil */
            height: 2.2rem; /* ajusta la altura de la imagen de perfil */
            min-width: 2.2rem; /* establece el ancho minimo del imagen de perfil del chat */
            min-height: 2.2rem; /* establece la altura minima del imagen de perfil del chat */
        }

        .burbuja_chat_whatsapp {
            font-size: 0.8rem; /* ajusta el tamaño de la fuente del burbuja del mensaje de WhatsApp */
            padding: 0.6rem 0.5rem; /* ajusta el espacio interno del burbuja del mensaje de WhatsApp */
        }

        .numero_whatsapp {
            font-size: 0.75rem; /* ajusta el tamaño de la fuente del numero de contacto de WhatsApp */
        }

        .boton_abrir_whatsapp {
            min-height: 2.5rem; /* establece la altura minima del boton para abrir WhatsApp */
            font-size: 0.8rem; /* ajusta el tamaño de la fuente del boton para abrir WhatsApp */
        }
    }


    /* moviles pequeños (Android estandar, iPhone SE) */
    @media (max-width: 360px) {

        .contenedor_redes_secundarias {
            right: 2vw; /* ajusta la separacion derecha del grupo de redes sociales secundarias */
            bottom: 34vh; /* ajusta la distancia inferior del grupo de redes sociales secundarias respecto a la pantalla */
            gap: 0.5vh; /* ajusta la separacion entre los elementos del grupo de redes sociales secundarias */
        }

        .contenedor_red_whatsapp {
            right: 4vw; /* ajusta la separacion derecha del boton flotante de WhatsApp */
            bottom: 12vh; /* ajusta la distancia inferior del boton flotante de WhatsApp respecto a la pantalla */
        }

        .enlace_red_social {
            width: 2.4rem; /* ajusta el ancho del boton circular de red social */
            height: 2.4rem; /* ajusta la altura del boton circular de red social */
        }

        .icono_red_social {
            width: 1.4rem; /* ajusta el ancho del icono de red social */
            height: 1.4rem; /* ajusta la altura del icono de red social */
        }

        .red_facebook .icono_red_social {
            width: 1.2rem; /* ajusta el ancho del icono de Facebook */
            height: 1.2rem; /* ajusta la altura del icono de Facebook */
        }

        .red_instagram .icono_red_social {
            width: 1.4rem; /* ajusta el ancho del icono de Instagram */
            height: 1.4rem; /* ajusta la altura del icono de Instagram */
        }

        .red_twitter .icono_red_social {
            width: 1.4rem; /* ajusta el ancho del icono de Twitter */
            height: 1.4rem; /* ajusta la altura del icono de Twitter */
        }

        .red_linkedin .icono_red_social {
            width: 1.4rem; /* ajusta el ancho del icono de Linkedin */
            height: 1.4rem; /* ajusta la altura del icono de Linkedin */
        }

        .red_tiktok .icono_red_social {
            width: 1.4rem; /* ajusta el ancho del icono de Tiktok */
            height: 1.4rem; /* ajusta la altura del icono de Tiktok */
        }

        .red_whatsapp {
            width: 3.2rem; /* ajusta el ancho del boton principal de WhatsApp */
            height: 3.2rem; /* ajusta la altura del boton principal de WhatsApp */
        }

        .red_whatsapp .icono_red_social {
            width: 1.7rem; /* ajusta el ancho del icono de WhatsApp */
            height: 1.7rem; /* ajusta la altura del icono de WhatsApp */
        }

        .ventana_whatsapp {
            right: 18.5vw; /* ajusta la separacion derecha del panel emergente de WhatsApp */
            bottom: 18.5vh; /* establece la distancia inferior del panel emergente de WhatsApp */
            width: 14rem; /* ajusta el ancho del panel emergente de WhatsApp */
            min-width: 14rem; /* establece el ancho minimo del panel emergente de WhatsApp */
            max-width: 14rem; /* limita el ancho maximo del panel emergente de WhatsApp */
            z-index: 10001; /* ajusta la prioridad visual del panel emergente de WhatsApp respecto a otros elementos */
        }

        .encabezado_chat_whatsapp {
            min-height: 2.6rem; /* establece la altura minima del encabezado del chat de WhatsApp */
            padding: 0.35rem 2.4rem 0.35rem 0.5rem; /* ajusta el espacio interno del encabezado del chat de WhatsApp */
        }

        .logo_rmc {
            width: 6rem; /* ajusta el ancho del logo RMC del chat */
            height: 1.6rem; /* ajusta la altura del logo RMC del chat */
        }

        .titulo_modal_whatsapp {
            font-size: 0.8rem; /* ajusta el tamaño de la fuente del titulo de la ventana de WhatsApp */
        }

        .cerrar_whatsapp {
            right: 0.05rem; /* ajusta la separacion derecha del boton de cierre del chat */
            width: 1.8rem; /* ajusta el ancho del boton de cierre del chat */
            height: 1.8rem; /* ajusta la altura del boton de cierre del chat */
            font-size: 1.5rem; /* ajusta el tamaño de la fuente del boton de cierre del chat */
            z-index: 10002; /* ajusta la prioridad visual del boton de cierre del chat respecto a otros elementos */
        }

        .contenido_chat_whatsapp {
            padding: 0.65rem 0.6rem 0.8rem; /* ajusta el espacio interno del contenido del chat de WhatsApp */
        }

        .imagen_persona_chat {
            width: 2rem; /* ajusta el ancho de la imagen de perfil */
            height: 2rem; /* ajusta la altura de la imagen de perfil */
            min-width: 2rem; /* establece el ancho minimo del imagen de perfil del chat */
            min-height: 2rem; /* establece la altura minima del imagen de perfil del chat */
        }

        .burbuja_chat_whatsapp {
            font-size: 0.75rem; /* ajusta el tamaño de la fuente del burbuja del mensaje de WhatsApp */
            padding: 0.55rem 0.45rem; /* ajusta el espacio interno del burbuja del mensaje de WhatsApp */
        }

        .numero_whatsapp {
            font-size: 0.7rem; /* ajusta el tamaño de la fuente del numero de contacto de WhatsApp */
        }

        .boton_abrir_whatsapp {
            min-height: 2.4rem; /* establece la altura minima del boton para abrir WhatsApp */
            font-size: 0.75rem; /* ajusta el tamaño de la fuente del boton para abrir WhatsApp */
        }
    }


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

/*
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 
*/