/* 
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 texto_carrusel .CSS ----------------------------------
   ------------------------------------------------------------------------------------------------------------- */

   /* IMPORTACION DE FUENTE RALEWAY */

@font-face {
    font-family: 'Raleway'; /* establece el nombre de la fuente que podrá utilizar el sitio */
    src: url('fuentes/fuentes_google/fuente_raleway.ttf') format('truetype'); /* establece la ruta del archivo de fuente y su formato */
    font-weight: 100 900; /* permite utilizar los diferentes grosores disponibles de la fuente */
    font-style: normal; /* establece el estilo normal de la fuente */
}


/* TITULO 1 TEXTOS CARRUSEL */

    /* contiene los textos utilizados en las diapositivas del carrusel */
    .contenedor_texto_carrusel {
        width: 100%; /* establece el ancho completo del contenedor */
    }


    /* SUBTITULO 1 TEXTO ASESORIA TELECOMUNICACIONES */

        /* contiene el contenido correspondiente a la diapositiva */
        .texto_carrusel {
            width: 100%; /* establece el ancho completo del texto */
            font-family: 'Raleway', sans-serif; /* establece la tipografia Raleway */
        }

        /* muestra el texto correspondiente a la diapositiva seleccionada */
        .texto_carrusel_visible {
            display: block; /* muestra el contenido de la diapositiva */
        }

        /* establece el diseño del titulo principal de la diapositiva */
        .titulo_texto_carrusel {
            max-width: 760px; /* limita el ancho maximo del titulo */
            color: #c59341; /* establece el color dorado del titulo */
            font-size: 40px; /* establece el tamaño de la fuente */
            font-weight: 500; /* establece el grosor de la fuente */
            line-height: 1.1; /* establece la separacion vertical entre lineas */
        }

        /* establece la linea decorativa ubicada debajo del titulo */
        .linea_texto_carrusel_telecomunicaciones {
            width: 48vw; /* establece el ancho proporcional de la linea */
            height: 1px; /* establece el grosor de la linea */
            margin-top: 18px; /* establece el espacio superior de la linea */
            margin-bottom: 38px; /* establece el espacio inferior de la linea */
            background-color: #c99746; /* establece el color de la linea */
        }

        /* establece el diseño de la descripcion mostrada en la diapositiva */
        .descripcion_texto_carrusel_telecomunicaciones {
            width: 48vw; /* establece el ancho proporcional de la descripcion */
            text-align: justify; /* justifica el texto de la descripcion */
            margin-bottom: 25px; /* establece el espacio inferior de la descripcion */
            color: #c99746; /* establece el color de la descripcion */
            font-size: 20px; /* establece el tamaño de la fuente */
            font-weight: 400; /* establece el grosor de la fuente */
            line-height: 1.35; /* establece la separacion vertical entre lineas */
        }

        /* establece el diseño del boton utilizado para acceder a agendar asesoria */
        .boton_agendar_asesoria_carrusel {
            width: 200px; /* establece el ancho del boton */
            height: 42px; /* establece la altura del boton */
            padding: 0; /* elimina el espacio interno adicional */
            background: linear-gradient(135deg, #c99746, #b8862e); /* establece el degradado del boton */
            border: none; /* elimina el borde del boton */
            border-radius: 10px; /* redondea las esquinas del boton */
            color: #ffffff; /* establece el color del texto */
            font-family: 'Raleway', sans-serif; /* establece la tipografia del boton */
            font-size: 16px; /* establece el tamaño de la fuente */
            font-weight: bold; /* establece el grosor de la fuente */
            cursor: pointer; /* establece el cursor de seleccion */
            box-shadow: 0 0.3vh 0.8vh rgba(184, 134, 46, 0.30); /* establece la sombra del boton */
        }

        /* modifica el boton de agendar asesoria al posicionar el cursor sobre el */
        .boton_agendar_asesoria_carrusel:hover {
            background: linear-gradient(135deg, #b8862e, #a37324); /* modifica el degradado al pasar el cursor */
            color: #ffffff; /* mantiene el color blanco del texto */
            box-shadow: 0 0.5vh 1.2vh rgba(184, 134, 46, 0.40); /* aumenta la sombra al pasar el cursor */
        }


    /* SUBTITULO 2 TEXTO ASESORIA INMOBILIARIA */

        /* contiene el contenido correspondiente a la diapositiva */
        .texto_carrusel {
            width: 100%; /* establece el ancho completo del texto */
            font-family: 'Raleway', sans-serif; /* establece la tipografia Raleway */
        }

        /* oculta los textos que no corresponden a la diapositiva seleccionada */
        .texto_carrusel_oculto {
            display: none; /* oculta el contenido de la diapositiva */
        }

        /* establece el diseño del titulo principal de la diapositiva */
        .titulo_texto_carrusel {
            max-width: 760px; /* limita el ancho maximo del titulo */
            color: #c59341; /* establece el color dorado del titulo */
            font-size: 40px; /* establece el tamaño de la fuente */
            font-weight: 500; /* establece el grosor de la fuente */
            line-height: 1.1; /* establece la separacion vertical entre lineas */
        }

        /* establece la linea decorativa ubicada debajo del titulo */
        .linea_texto_carrusel_inmobiliaria {
            width: 36vw; /* establece el ancho proporcional de la linea */
            height: 1px; /* establece el grosor de la linea */
            margin-top: 18px; /* establece el espacio superior de la linea */
            margin-bottom: 38px; /* establece el espacio inferior de la linea */
            background-color: #c99746; /* establece el color de la linea */
        }

        /* establece el diseño de la descripcion mostrada en la diapositiva */
        .descripcion_texto_carrusel {
            width: 36vw; /* establece el ancho proporcional de la descripcion */
            text-align: justify; /* justifica el texto de la descripcion */
            margin-bottom: 25px; /* establece el espacio inferior de la descripcion */
            color: #c99746; /* establece el color de la descripcion */
            font-size: 20px; /* establece el tamaño de la fuente */
            font-weight: 400; /* establece el grosor de la fuente */
            line-height: 1.35; /* establece la separacion vertical entre lineas */
        }

        /* establece el diseño del boton utilizado para acceder a agendar asesoria */
        .boton_agendar_asesoria_carrusel {
            width: 200px; /* establece el ancho del boton */
            height: 42px; /* establece la altura del boton */
            padding: 0; /* elimina el espacio interno adicional */
            background: linear-gradient(135deg, #c99746, #b8862e); /* establece el degradado del boton */
            border: none; /* elimina el borde del boton */
            border-radius: 10px; /* redondea las esquinas del boton */
            color: #ffffff; /* establece el color del texto */
            font-family: 'Raleway', sans-serif; /* establece la tipografia del boton */
            font-size: 16px; /* establece el tamaño de la fuente */
            font-weight: bold; /* establece el grosor de la fuente */
            cursor: pointer; /* establece el cursor de seleccion */
            box-shadow: 0 0.3vh 0.8vh rgba(184, 134, 46, 0.30); /* establece la sombra del boton */
        }

        /* modifica el boton de agendar asesoria al posicionar el cursor sobre el */
        .boton_agendar_asesoria_carrusel:hover {
            background: linear-gradient(135deg, #b8862e, #a37324); /* modifica el degradado al pasar el cursor */
            color: #ffffff; /* mantiene el color blanco del texto */
            box-shadow: 0 0.5vh 1.2vh rgba(184, 134, 46, 0.40); /* aumenta la sombra al pasar el cursor */
        }


    /* SUBTITULO 3 TEXTO ASESORIA CAUSAS DE FAMILIA */

        /* contiene el contenido correspondiente a la diapositiva */
        .texto_carrusel {
            width: 100%; /* establece el ancho completo del texto */
            font-family: 'Raleway', sans-serif; /* establece la tipografia Raleway */
        }

        /* oculta los textos que no corresponden a la diapositiva seleccionada */
        .texto_carrusel_oculto {
            display: none; /* oculta el contenido de la diapositiva */
        }

        /* establece el diseño del titulo principal de la diapositiva */
        .titulo_texto_carrusel {
            max-width: 760px; /* limita el ancho maximo del titulo */
            color: #c59341; /* establece el color dorado del titulo */
            font-size: 40px; /* establece el tamaño de la fuente */
            font-weight: 500; /* establece el grosor de la fuente */
            line-height: 1.1; /* establece la separacion vertical entre lineas */
        }

        /* establece la linea decorativa ubicada debajo del titulo */
        .linea_texto_carrusel_familia {
            width: 36vw; /* establece el ancho proporcional de la linea */
            height: 1px; /* establece el grosor de la linea */
            margin-top: 18px; /* establece el espacio superior de la linea */
            margin-bottom: 38px; /* establece el espacio inferior de la linea */
            background-color: #c99746; /* establece el color de la linea */
        }

        /* establece el diseño de la descripcion mostrada en la diapositiva */
        .descripcion_texto_carrusel {
            width: 36vw; /* establece el ancho proporcional de la descripcion */
            text-align: justify; /* justifica el texto de la descripcion */
            margin-bottom: 25px; /* establece el espacio inferior de la descripcion */
            color: #c99746; /* establece el color de la descripcion */
            font-size: 20px; /* establece el tamaño de la fuente */
            font-weight: 400; /* establece el grosor de la fuente */
            line-height: 1.35; /* establece la separacion vertical entre lineas */
        }

        /* establece el diseño del boton utilizado para acceder a agendar asesoria */
        .boton_agendar_asesoria_carrusel {
            width: 200px; /* establece el ancho del boton */
            height: 42px; /* establece la altura del boton */
            padding: 0; /* elimina el espacio interno adicional */
            background: linear-gradient(135deg, #c99746, #b8862e); /* establece el degradado del boton */
            border: none; /* elimina el borde del boton */
            border-radius: 10px; /* redondea las esquinas del boton */
            color: #ffffff; /* establece el color del texto */
            font-family: 'Raleway', sans-serif; /* establece la tipografia del boton */
            font-size: 16px; /* establece el tamaño de la fuente */
            font-weight: bold; /* establece el grosor de la fuente */
            cursor: pointer; /* establece el cursor de seleccion */
            box-shadow: 0 0.3vh 0.8vh rgba(184, 134, 46, 0.30); /* establece la sombra del boton */
        }

        /* modifica el boton de agendar asesoria al posicionar el cursor sobre el */
        .boton_agendar_asesoria_carrusel:hover {
            background: linear-gradient(135deg, #b8862e, #a37324); /* modifica el degradado al pasar el cursor */
            color: #ffffff; /* mantiene el color blanco del texto */
            box-shadow: 0 0.5vh 1.2vh rgba(184, 134, 46, 0.40); /* aumenta la sombra al pasar el cursor */
        }


    /* SUBTITULO 4 TEXTO ASESORIA CAUSAS LABORALES */

        /* contiene el contenido correspondiente a la diapositiva */
        .texto_carrusel {
            width: 100%; /* establece el ancho completo del texto */
            font-family: 'Raleway', sans-serif; /* establece la tipografia Raleway */
        }

        /* oculta los textos que no corresponden a la diapositiva seleccionada */
        .texto_carrusel_oculto {
            display: none; /* oculta el contenido de la diapositiva */
        }

        /* establece el diseño del titulo principal de la diapositiva */
        .titulo_texto_carrusel {
            max-width: 760px; /* limita el ancho maximo del titulo */
            color: #c59341; /* establece el color dorado del titulo */
            font-size: 40px; /* establece el tamaño de la fuente */
            font-weight: 500; /* establece el grosor de la fuente */
            line-height: 1.1; /* establece la separacion vertical entre lineas */
        }

        /* establece la linea decorativa ubicada debajo del titulo */
        .linea_texto_carrusel_laborales {
            width: 44.5vw; /* establece el ancho proporcional de la linea */
            height: 1px; /* establece el grosor de la linea */
            margin-top: 18px; /* establece el espacio superior de la linea */
            margin-bottom: 38px; /* establece el espacio inferior de la linea */
            background-color: #c99746; /* establece el color de la linea */
        }

        /* establece el diseño de la descripcion mostrada en la diapositiva */
        .descripcion_texto_carrusel_laborales {
            width: 44.5vw; /* establece el ancho proporcional de la descripcion */
            text-align: justify; /* justifica el texto de la descripcion */
            margin-bottom: 25px; /* establece el espacio inferior de la descripcion */
            color: #c99746; /* establece el color de la descripcion */
            font-size: 20px; /* establece el tamaño de la fuente */
            font-weight: 400; /* establece el grosor de la fuente */
            line-height: 1.35; /* establece la separacion vertical entre lineas */
        }

        /* establece el diseño del boton utilizado para acceder a agendar asesoria */
        .boton_agendar_asesoria_carrusel {
            width: 200px; /* establece el ancho del boton */
            height: 42px; /* establece la altura del boton */
            padding: 0; /* elimina el espacio interno adicional */
            background: linear-gradient(135deg, #c99746, #b8862e); /* establece el degradado del boton */
            border: none; /* elimina el borde del boton */
            border-radius: 10px; /* redondea las esquinas del boton */
            color: #ffffff; /* establece el color del texto */
            font-family: 'Raleway', sans-serif; /* establece la tipografia del boton */
            font-size: 16px; /* establece el tamaño de la fuente */
            font-weight: bold; /* establece el grosor de la fuente */
            cursor: pointer; /* establece el cursor de seleccion */
            box-shadow: 0 0.3vh 0.8vh rgba(184, 134, 46, 0.30); /* establece la sombra del boton */
        }

        /* modifica el boton de agendar asesoria al posicionar el cursor sobre el */
        .boton_agendar_asesoria_carrusel:hover {
            background: linear-gradient(135deg, #b8862e, #a37324); /* modifica el degradado al pasar el cursor */
            color: #ffffff; /* mantiene el color blanco del texto */
            box-shadow: 0 0.5vh 1.2vh rgba(184, 134, 46, 0.40); /* aumenta la sombra al pasar el cursor */
        }


    /* SUBTITULO 5 TEXTO ASESORIA CAUSAS CIVILES */

        /* contiene el contenido correspondiente a la diapositiva */
        .texto_carrusel {
            width: 100%; /* establece el ancho completo del texto */
            font-family: 'Raleway', sans-serif; /* establece la tipografia Raleway */
        }

        /* oculta los textos que no corresponden a la diapositiva seleccionada */
        .texto_carrusel_oculto {
            display: none; /* oculta el contenido de la diapositiva */
        }

        /* establece el diseño del titulo principal de la diapositiva */
        .titulo_texto_carrusel {
            max-width: 760px; /* limita el ancho maximo del titulo */
            color: #c59341; /* establece el color dorado del titulo */
            font-size: 40px; /* establece el tamaño de la fuente */
            font-weight: 500; /* establece el grosor de la fuente */
            line-height: 1.1; /* establece la separacion vertical entre lineas */
        }

        /* establece la linea decorativa ubicada debajo del titulo */
        .linea_texto_carrusel_civiles {
            width: 36vw; /* establece el ancho proporcional de la linea */
            height: 1px; /* establece el grosor de la linea */
            margin-top: 18px; /* establece el espacio superior de la linea */
            margin-bottom: 38px; /* establece el espacio inferior de la linea */
            background-color: #c99746; /* establece el color de la linea */
        }

        /* establece el diseño de la descripcion mostrada en la diapositiva */
        .descripcion_texto_carrusel {
            width: 36vw; /* establece el ancho proporcional de la descripcion */
            text-align: justify; /* justifica el texto de la descripcion */
            margin-bottom: 25px; /* establece el espacio inferior de la descripcion */
            color: #c99746; /* establece el color de la descripcion */
            font-size: 20px; /* establece el tamaño de la fuente */
            font-weight: 400; /* establece el grosor de la fuente */
            line-height: 1.35; /* establece la separacion vertical entre lineas */
        }

        /* establece el diseño del boton utilizado para acceder a agendar asesoria */
        .boton_agendar_asesoria_carrusel {
            width: 200px; /* establece el ancho del boton */
            height: 42px; /* establece la altura del boton */
            padding: 0; /* elimina el espacio interno adicional */
            background: linear-gradient(135deg, #c99746, #b8862e); /* establece el degradado del boton */
            border: none; /* elimina el borde del boton */
            border-radius: 10px; /* redondea las esquinas del boton */
            color: #ffffff; /* establece el color del texto */
            font-family: 'Raleway', sans-serif; /* establece la tipografia del boton */
            font-size: 16px; /* establece el tamaño de la fuente */
            font-weight: bold; /* establece el grosor de la fuente */
            cursor: pointer; /* establece el cursor de seleccion */
            box-shadow: 0 0.3vh 0.8vh rgba(184, 134, 46, 0.30); /* establece la sombra del boton */
        }

        /* modifica el boton de agendar asesoria al posicionar el cursor sobre el */
        .boton_agendar_asesoria_carrusel:hover {
            background: linear-gradient(135deg, #b8862e, #a37324); /* modifica el degradado al pasar el cursor */
            color: #ffffff; /* mantiene el color blanco del texto */
            box-shadow: 0 0.5vh 1.2vh rgba(184, 134, 46, 0.40); /* aumenta la sombra al pasar el cursor */
        }

/* -------------------------------------------------------------------------------------------------------------
   -------------------------------------- FIN ITred Spa texto_carrusel .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 
*/