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

    .contenedor_texto_carrusel {
        width: 100%; /* establece el ancho completo del contenedor */
    }


    /* SUBTITULO 1 TEXTO ASESORIA TELECOMUNICACIONES */

        .texto_carrusel {
            width: 100%; /* establece el ancho completo del contenedor de texto */
            margin: 0; /* elimina desplazamientos adicionales */
            font-family: 'Raleway', sans-serif; /* establece la tipografia Raleway */
            text-align: left; /* mantiene todos los textos alineados a la izquierda */
        }

        .texto_carrusel_visible {
            display: block; /* muestra el contenido de la diapositiva activa */
            width: 40vw; /* establece un ancho proporcionado para los textos */
            min-width: 320px; /* evita que el contenido quede demasiado estrecho */
            max-width: 500px; /* limita el ancho en monitores grandes */
            padding: 0; /* elimina los espacios internos del antiguo recuadro */
            box-sizing: border-box; /* mantiene las dimensiones del contenedor */
            background: transparent; /* elimina completamente el fondo azul oscuro */
            border: none; /* elimina el borde dorado del antiguo recuadro */
            border-radius: 0; /* elimina cualquier redondeo */
            box-shadow: none; /* elimina cualquier sombra del contenedor */
            transform: none; /* elimina el desplazamiento horizontal anterior */
            text-align: left; /* mantiene el contenido alineado a la izquierda */
        }

        .texto_carrusel_oculto {
            display: none; /* oculta los textos de las diapositivas inactivas */
        }

        .titulo_texto_carrusel {
            max-width: 100%; /* limita el titulo al ancho disponible */
            margin: 0 0 10px; /* establece una separacion moderada con la descripcion */
            color: #FFFFFF; /* establece el color blanco solicitado */
            font-family: Georgia, 'Times New Roman', serif; /* utiliza una tipografia similar a la referencia */
            font-size: 57px; /* adapta el tamaño del titulo a la pantalla */
            font-weight: 400; /* mantiene un grosor elegante y equilibrado */
            line-height: 1.05; /* ajusta la separacion entre las lineas del titulo */
            text-align: left; /* alinea el titulo a la izquierda */
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.40); /* agrega una sombra sutil para mejorar la legibilidad */
        }

        .linea_texto_carrusel_telecomunicaciones,
        .linea_texto_carrusel_inmobiliaria,
        .linea_texto_carrusel_familia,
        .linea_texto_carrusel_laborales,
        .linea_texto_carrusel_civiles {
            display: none; /* mantiene ocultas las lineas decorativas */
        }

        .descripcion_texto_carrusel_telecomunicaciones,
        .descripcion_texto_carrusel,
        .descripcion_texto_carrusel_laborales {
            max-width: 100%; /* evita que las descripciones sobresalgan del contenedor */
            margin: 0 0 16px; /* establece la separacion entre la descripcion y el boton */
            color: #FFFFFF; /* establece el color blanco solicitado */
            font-family: 'Raleway', sans-serif; /* mantiene la tipografia corporativa */
            font-size: clamp(14px, 1.15vw, 18px); /* adapta el texto a la pantalla */
            font-weight: 400; /* mantiene un grosor normal */
            line-height: 1.35; /* mantiene una separacion equilibrada entre lineas */
            text-align: left; /* elimina la justificacion y alinea el texto a la izquierda */
            text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45); /* mejora ligeramente el contraste sobre la fotografia */
        }

        .descripcion_texto_carrusel_telecomunicaciones {
            width: 100%; /* utiliza el ancho disponible del contenedor */
        }

        .descripcion_texto_carrusel {
            width: 100%; /* utiliza el ancho disponible del contenedor */
        }

        .descripcion_texto_carrusel_laborales {
            width: 100%; /* utiliza el ancho disponible del contenedor */
        }

        .boton_agendar_asesoria_carrusel {
            width: 220px; /* establece un ancho equilibrado para el boton */
            max-width: 100%; /* evita que el boton sobresalga del contenedor */
            height: 40px; /* mantiene una altura compacta */
            padding: 0 16px; /* establece el espacio interno horizontal */
            background: #99813D; /* mantiene el color dorado corporativo */
            border: none; /* elimina el borde predeterminado */
            color: #182B3A; /* mantiene el texto azul tinta */
            font-family: 'Raleway', sans-serif; /* establece la tipografia corporativa */
            font-size: 14px; /* establece un tamaño proporcionado */
            font-weight: 600; /* mejora la legibilidad del texto del boton */
            text-align: center; /* centra el contenido dentro del boton */
            cursor: pointer; /* muestra el cursor de seleccion */
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); /* mantiene una sombra discreta */
        }

        .boton_agendar_asesoria_carrusel:hover {
            background: #8A7437; /* oscurece ligeramente el dorado */
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.20); /* aumenta suavemente la sombra */
        }
        

    /* SUBTITULO 2 TEXTO ASESORIA INMOBILIARIA */

        /* sin estilos */


    /* SUBTITULO 3 TEXTO ASESORIA CAUSAS DE FAMILIA */

        /* sin estilos */


    /* pantallas grandes (monitores Full HD+, iMac, monitores gaming QHD/4K) */
    @media (min-width: 1441px) {

        /* Sin media */

    }


    /* notebooks grandes (1600x900, 1920x1080) */
    @media (max-width: 1440px) {

        .titulo_texto_carrusel {
            font-size: 49px; /* adapta el titulo a notebooks grandes */
            line-height: 1.08; /* mantiene una separacion equilibrada entre lineas */
            margin-bottom: 10px; /* separa el titulo de la descripcion */
        }

        .descripcion_texto_carrusel_telecomunicaciones,
        .descripcion_texto_carrusel,
        .descripcion_texto_carrusel_laborales {
            font-size: 17px; /* adapta el texto descriptivo a notebooks grandes */
            line-height: 1.4; /* mantiene una lectura comoda */
            margin-bottom: 16px; /* separa la descripcion del boton */
            text-align: left; /* mantiene el texto alineado a la izquierda */
        }

    }


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

        .texto_carrusel_visible {
            width: 42vw; /* establece un ancho proporcionado sobre la fotografia */
            min-width: 0; /* permite adaptar el ancho disponible */
            max-width: 450px; /* limita el ancho del contenido */
            height: auto; /* adapta la altura a los textos */
            padding: 0; /* evita recuperar los espacios del antiguo recuadro */
            box-sizing: border-box; /* mantiene las dimensiones controladas */
            background: transparent; /* conserva la fotografia visible detras del texto */
            border: none; /* elimina los bordes decorativos */
            transform: none; /* elimina desplazamientos adicionales */
        }

        .titulo_texto_carrusel {
            max-width: 100%; /* evita que el titulo sobresalga */
            font-size: 40px; /* reduce proporcionalmente el titulo */
            line-height: 1.1; /* mantiene una separacion elegante */
            margin-bottom: 9px; /* aproxima la descripcion al titulo */
            text-align: left; /* mantiene el titulo alineado a la izquierda */
            overflow-wrap: break-word; /* permite adaptar palabras extensas */
        }

        .descripcion_texto_carrusel_telecomunicaciones,
        .descripcion_texto_carrusel,
        .descripcion_texto_carrusel_laborales {
            width: 100%; /* aprovecha el ancho disponible */
            font-size: 16px; /* mantiene el texto legible */
            line-height: 1.4; /* establece la separacion entre lineas */
            margin-bottom: 14px; /* separa la descripcion del boton */
            text-align: left; /* elimina la justificacion */
        }

        .boton_agendar_asesoria_carrusel {
            width: auto; /* permite adaptar el boton a su contenido */
            max-width: 100%; /* evita sobresalir del contenedor */
            min-height: 40px; /* mantiene una altura comoda */
            height: auto; /* permite adaptar la altura si es necesario */
            padding: 10px 18px; /* establece espacios interiores equilibrados */
            font-size: 14px; /* mantiene la tipografia proporcionada */
            line-height: 1.25; /* controla el interlineado */
            white-space: normal; /* permite adaptar el texto del boton */
        }

    }


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

    .texto_carrusel_visible {
        width: 100%; /* utiliza el ancho disponible del contenedor padre */
        min-width: 0; /* elimina restricciones de ancho */
        max-width: none; /* permite adaptar el contenido */
        height: auto; /* ajusta la altura al contenido */
        padding: 0 0 0 45px; /* deja espacio a la izquierda para evitar que la flecha choque con el texto */
        background: transparent; /* mantiene el fondo transparente */
        border: none; /* mantiene el contenedor sin bordes */
        border-radius: 0; /* evita redondeos */
        box-shadow: none; /* elimina sombras del contenedor */
        box-sizing: border-box; /* incluye el padding dentro del ancho */
        transform: none; /* elimina desplazamientos adicionales */
        text-align: left; /* mantiene el texto alineado a la izquierda */
    }

    .titulo_texto_carrusel {
        font-size: 32px; /* adapta el titulo a tablets horizontales */
        line-height: 1.1; /* mantiene una separacion compacta */
        margin-bottom: 8px; /* separa ligeramente el titulo de la descripcion */
        text-align: left; /* mantiene el titulo alineado a la izquierda */
    }

    .descripcion_texto_carrusel_telecomunicaciones,
    .descripcion_texto_carrusel,
    .descripcion_texto_carrusel_laborales {
        width: 100%; /* aprovecha el ancho disponible */
        margin-bottom: 12px; /* establece la separacion respecto al boton */
        color: #FFFFFF; /* mantiene el texto blanco */
        font-size: 15px; /* adapta el tamaño de la descripcion */
        line-height: 1.4; /* mantiene una lectura comoda */
        text-align: left; /* evita espacios excesivos por justificacion */
    }

    .boton_agendar_asesoria_carrusel {
        width: auto; /* adapta el boton al contenido */
        max-width: 100%; /* impide desbordamientos */
        min-height: 38px; /* mantiene una altura proporcionada */
        height: auto; /* permite adaptar la altura */
        padding: 9px 14px; /* reduce ligeramente los espacios interiores */
        font-size: 13px; /* ajusta la tipografia */
        line-height: 1.25; /* controla las lineas del boton */
        white-space: normal; /* permite adaptar el texto */
        background: #99813D; /* mantiene el dorado corporativo */
        color: #182B3A; /* mantiene el texto azul tinta */
    }

    .boton_agendar_asesoria_carrusel:hover {
        background: #8A7437; /* oscurece suavemente el dorado */
        color: #182B3A; /* conserva el color azul tinta */
    }

}

/* tablets verticales (iPad clásico, tablets Android estándar) */
@media (max-width: 768px) {

    .texto_carrusel_visible {
        width: 100%; /* mantiene un ancho reducido sobre la fotografia */
        max-width: 350px; /* limita el ancho del contenido */
        min-width: 0; /* permite adaptarse a tablets */
        padding: 0 0 0 35px; /* separa el texto de la flecha izquierda */
        background: transparent; /* mantiene visible la fotografia */
        border: none; /* mantiene el contenedor sin bordes */
        box-sizing: border-box; /* evita que el padding aumente el ancho */
        transform: none; /* elimina desplazamientos adicionales */
    }

    .titulo_texto_carrusel {
        font-size: 26px; /* adapta el titulo a tablets verticales */
        line-height: 1.12; /* mantiene una separacion equilibrada */
        margin-bottom: 8px; /* separa el titulo de la descripcion */
        text-align: left; /* conserva la alineacion solicitada */
    }

    .descripcion_texto_carrusel_telecomunicaciones,
    .descripcion_texto_carrusel,
    .descripcion_texto_carrusel_laborales {
        width: 100%; /* utiliza el ancho disponible */
        margin-bottom: 11px; /* separa el texto del boton */
        font-size: 13px; /* adapta la descripcion a tablets verticales */
        line-height: 1.4; /* mantiene la lectura */
        text-align: left; /* elimina la justificacion */
    }

    .boton_agendar_asesoria_carrusel {
        width: auto; /* adapta el boton al texto */
        max-width: 100%; /* evita que sobresalga */
        min-height: 36px; /* mantiene una altura proporcionada */
        padding: 8px 12px; /* ajusta el espacio interior */
        font-size: 12px; /* adapta el texto del boton */
    }

}


/* móviles extragrandes (pantallas compactas y dispositivos de gran tamaño) */
@media (max-width: 576px) {

    .texto_carrusel_visible {
        width: 100%; /* iguala el ancho de la fotografia */
        min-width: 0; /* elimina las restricciones anteriores */
        max-width: 100%; /* evita superar el contenedor */
        height: auto; /* adapta la altura al contenido */
        margin: 0; /* elimina desplazamientos */
        padding: 18px; /* mantiene espacios interiores */
        background-color: rgba(24, 43, 58, 0.88); /* establece el azul tinta */
        border: 1px solid #99813D; /* establece el borde dorado */
        border-radius: 0; /* mantiene esquinas rectas */
        box-sizing: border-box; /* incluye el borde dentro del ancho */
        transform: none; /* elimina desplazamientos horizontales */
    }

    .titulo_texto_carrusel {
        font-size: 15px; /* mantiene el titulo legible */
        line-height: 1.2; /* separa las lineas */
        margin-bottom: 10px; /* separa el titulo de la descripcion */
        font-weight: bold;
    }

    .descripcion_texto_carrusel_telecomunicaciones,
    .descripcion_texto_carrusel,
    .descripcion_texto_carrusel_laborales {
        width: 100%; /* aprovecha el ancho disponible */
        margin-bottom: 10px; /* separa el boton */
        font-size: 12px; /* mantiene el texto legible */
        line-height: 1.45; /* mejora la lectura */
        color: #ffffff; /* mantiene el texto blanco */
        text-align: justify; /* alinea el contenido a la izquierda */
    }

    .boton_agendar_asesoria_carrusel {
        width: fit-content; /* adapta el ancho al contenido del boton */
        max-width: 100%; /* evita que sobresalga del recuadro */
        min-height: 34px; /* reduce la altura minima del boton */
        height: auto; /* permite crecer si el texto no cabe */
        padding: 7px 12px; /* reduce los espacios interiores */
        font-size: 12px; /* mantiene el tamaño del texto */
        line-height: 1.2; /* mantiene una separacion compacta */
        white-space: normal; /* permite adaptar el texto en pantallas pequeñas */
    }
}


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

        .texto_carrusel_visible {
            width: 100%; /* iguala exactamente el ancho de la fotografia */
            max-width: 100%; /* impide desbordar */
            min-width: 0; /* elimina restricciones anteriores */
            height: auto; /* ajusta la altura al texto de cada diapositiva */
            padding: 18px 18px 22px; /* espacio suficiente sin comprimir las letras */
            margin: 0; /* elimina desplazamientos */
            background-color: rgba(24, 43, 58, 0.88); /* mantiene el azul tinta */
            border: 1px solid #99813D; /* mantiene el borde dorado */
            border-radius: 0; /* esquinas rectas */
            box-sizing: border-box; /* mantiene el ancho exacto */
            transform: none; /* elimina el movimiento horizontal */
        }

        .titulo_texto_carrusel {
            font-size: 15px; /* titulo legible sin invadir la foto */
            line-height: 1.2; /* separa las lineas de texto */
            margin-bottom: 10px; /* separa la descripcion del titulo */
            overflow-wrap: break-word; /* adapta palabras largas */
        }

        .descripcion_texto_carrusel_telecomunicaciones,
        .descripcion_texto_carrusel,
        .descripcion_texto_carrusel_laborales {
            width: 100%; /* ocupa el espacio disponible */
            margin-bottom: 10px; /* separa el boton */
            font-size: 12px; /* no reduce demasiado las letras */
            line-height: 1.45; /* lectura comoda en celular */
            color: #ffffff; /* mantiene la letra blanca */
            text-align: justify; /* alineacion solicitada */
        }

        .boton_agendar_asesoria_carrusel {
            width: fit-content; /* adapta el ancho al contenido del boton */
            max-width: 100%; /* evita que sobresalga del recuadro */
            min-height: 34px; /* reduce la altura minima del boton */
            height: auto; /* permite crecer si el texto no cabe */
            padding: 7px 12px; /* reduce los espacios interiores */
            font-size: 12px; /* mantiene el tamaño del texto */
            line-height: 1.2; /* mantiene una separacion compacta */
            white-space: normal; /* permite adaptar el texto en pantallas pequeñas */
        }

    }


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

        .texto_carrusel_visible {
            padding: 16px 16px 20px; /* ajusta el padding sin perder ancho */
        }

        .titulo_texto_carrusel {
            font-size: 14.5px; /* titulo legible sin invadir la foto */
            line-height: 1.2; /* separa las lineas de texto */
            margin-bottom: 10px; /* separa la descripcion del titulo */
            overflow-wrap: break-word; /* adapta palabras largas */
        }

        .descripcion_texto_carrusel_telecomunicaciones,
        .descripcion_texto_carrusel,
        .descripcion_texto_carrusel_laborales {
            width: 100%; /* ocupa el espacio disponible */
            margin-bottom: 10px; /* separa el boton */
            font-size: 12px; /* no reduce demasiado las letras */
            line-height: 1.45; /* lectura comoda en celular */
            color: #ffffff; /* mantiene la letra blanca */
            text-align: justify; /* alineacion solicitada */
        }

        .boton_agendar_asesoria_carrusel {
            width: fit-content; /* adapta el ancho al contenido del boton */
            max-width: 100%; /* evita que sobresalga del recuadro */
            min-height: 34px; /* reduce la altura minima del boton */
            height: auto; /* permite crecer si el texto no cabe */
            padding: 7px 12px; /* reduce los espacios interiores */
            font-size: 12px; /* mantiene el tamaño del texto */
            line-height: 1.2; /* mantiene una separacion compacta */
            white-space: normal; /* permite adaptar el texto en pantallas pequeñas */
        }

    }


    /* móviles pequeños (Android estándar, iPhone SE) */
    @media (max-width: 360px) {

        .texto_carrusel_visible {
            padding: 14px 14px 18px; /* conserva margenes legibles */
        }

        .titulo_texto_carrusel {
            font-size: 13px; /* titulo legible sin invadir la foto */
            line-height: 1.2; /* separa las lineas de texto */
            margin-bottom: 10px; /* separa la descripcion del titulo */
            overflow-wrap: break-word; /* adapta palabras largas */
        }

        .descripcion_texto_carrusel_telecomunicaciones,
        .descripcion_texto_carrusel,
        .descripcion_texto_carrusel_laborales {
            width: 100%; /* ocupa el espacio disponible */
            margin-bottom: 10px; /* separa el boton */
            font-size: 9.5px; /* no reduce demasiado las letras */
            line-height: 1.45; /* lectura comoda en celular */
            color: #ffffff; /* mantiene la letra blanca */
            text-align: justify; /* alineacion solicitada */
        }

        .boton_agendar_asesoria_carrusel {
            width: fit-content; /* adapta el ancho al contenido del boton */
            max-width: 100%; /* evita que sobresalga del recuadro */
            min-height: 30px; /* reduce la altura minima del boton */
            height: auto; /* permite crecer si el texto no cabe */
            padding: 7px 12px; /* reduce los espacios interiores */
            font-size: 10px; /* mantiene el tamaño del texto */
            line-height: 1.2; /* mantiene una separacion compacta */
            white-space: normal; /* permite adaptar el texto en pantallas pequeñas */
        }

    }

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