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

        .texto_carrusel_visible {
            display: block; /* muestra el contenido de la diapositiva activa */
        }

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

        .titulo_texto_carrusel {
            max-width: 760px; /* limita el ancho maximo de los titulos */
            color: #c59341; /* establece el color dorado de los titulos */
            font-size: 40px; /* establece el tamaño general de los titulos */
            font-weight: 500; /* establece el grosor de los titulos */
            line-height: 1.1; /* establece la separacion vertical de las lineas */
        }

        .linea_texto_carrusel_telecomunicaciones,
        .linea_texto_carrusel_inmobiliaria,
        .linea_texto_carrusel_familia,
        .linea_texto_carrusel_laborales,
        .linea_texto_carrusel_civiles {
            max-width: 100%; /* evita que las lineas sobresalgan del contenedor */
            height: 1px; /* establece el grosor de las lineas */
            margin-top: 18px; /* establece el espacio superior de las lineas */
            margin-bottom: 38px; /* establece el espacio inferior de las lineas */
            background-color: #c99746; /* establece el color dorado de las lineas */
        }

        .linea_texto_carrusel_telecomunicaciones {
            width: min(100%, 640px); /* establece el ancho de la linea de telecomunicaciones */
        }

        .descripcion_texto_carrusel_telecomunicaciones,
        .descripcion_texto_carrusel,
        .descripcion_texto_carrusel_laborales {
            max-width: 100%; /* evita que las descripciones superen su contenedor */
            margin-bottom: 25px; /* establece el espacio inferior de las descripciones */
            color: #c99746; /* establece el color dorado de las descripciones */
            font-size: 20px; /* establece el tamaño general de las descripciones */
            font-weight: 400; /* establece el grosor del texto */
            line-height: 1.35; /* establece la separacion vertical entre lineas */
            text-align: justify; /* justifica el contenido de las descripciones */
        }

        .descripcion_texto_carrusel_telecomunicaciones {
            width: min(100%, 640px); /* establece el ancho de la descripcion de telecomunicaciones */
        }

        .descripcion_texto_carrusel {
            width: min(100%, 450px); /* establece el ancho de las descripciones generales */
        }

        .descripcion_texto_carrusel_laborales {
            width: min(100%, 600px); /* establece el ancho de la descripcion de causas laborales */
        }

        .boton_agendar_asesoria_carrusel {
            width: 200px; /* establece el ancho del boton */
            height: 42px; /* establece la altura del boton */
            padding: 0; /* elimina los espacios internos adicionales */
            background: linear-gradient(135deg, #c99746, #b8862e); /* establece el fondo degradado dorado */
            border: none; /* elimina el borde predeterminado */
            border-radius: 10px; /* redondea las esquinas del boton */
            color: #ffffff; /* establece el color blanco del texto */
            font-family: 'Raleway', sans-serif; /* establece la tipografia Raleway */
            font-size: 16px; /* establece el tamaño del texto */
            font-weight: 700; /* establece el grosor del texto */
            cursor: pointer; /* muestra el cursor de seleccion */
            box-shadow: 0 3px 8px rgba(184, 134, 46, 0.30); /* establece una sombra suave */
        }

        .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 5px 12px rgba(184, 134, 46, 0.40); /* aumenta la sombra del boton */
        }


    /* SUBTITULO 2 TEXTO ASESORIA INMOBILIARIA */

        .linea_texto_carrusel_inmobiliaria {
            width: min(100%, 500px); /* establece el ancho de la linea inmobiliaria */
        }


    /* SUBTITULO 3 TEXTO ASESORIA CAUSAS DE FAMILIA */

        .linea_texto_carrusel_familia {
            width: min(100%, 500px); /* establece el ancho de la linea de causas de familia */
        }


    /* SUBTITULO 4 TEXTO ASESORIA CAUSAS LABORALES */

        .linea_texto_carrusel_laborales {
            width: min(100%, 600px); /* establece el ancho de la linea de causas laborales */
        }


    /* SUBTITULO 5 TEXTO ASESORIA CAUSAS CIVILES */

        .linea_texto_carrusel_civiles {
            width: min(100%, 500px); /* establece el ancho de la linea de causas civiles */
        }



/* Responsive */

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

        /* Sin media */

    }


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

        /* Sin media */

    }


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

        .titulo_texto_carrusel {
            font-size: 36px; /* reduce ligeramente el tamaño de los titulos */
        }

        .descripcion_texto_carrusel_telecomunicaciones,
        .descripcion_texto_carrusel,
        .descripcion_texto_carrusel_laborales {
            font-size: 18px; /* reduce ligeramente el tamaño de las descripciones */
        }

    }


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

        .texto_carrusel_visible {
            width: 55vw; /* establece el ancho del fondo del texto */
            padding: 22px 24px; /* establece espacios internos estables */
            background-color: #F8F4EEB8; /* establece un fondo crema semitransparente */
            border-radius: 12px; /* redondea las esquinas del fondo */
            box-sizing: border-box; /* incluye el padding dentro del ancho */
        }

        .titulo_texto_carrusel {
            font-size: min(3.3vw, 34px); /* adapta el tamaño del titulo sin depender de la altura */
            line-height: 1.15; /* mantiene una separacion adecuada entre lineas */
        }

        .linea_texto_carrusel_telecomunicaciones,
        .linea_texto_carrusel_inmobiliaria,
        .linea_texto_carrusel_familia,
        .linea_texto_carrusel_laborales,
        .linea_texto_carrusel_civiles {
            width: 100%; /* ajusta las lineas al ancho interno del fondo */
            margin-top: 12px; /* reduce la separacion superior */
            margin-bottom: 16px; /* reduce la separacion inferior */
        }

        .descripcion_texto_carrusel_telecomunicaciones,
        .descripcion_texto_carrusel,
        .descripcion_texto_carrusel_laborales {
            width: 100%; /* ajusta las descripciones al ancho interno del fondo */
            margin-bottom: 18px; /* reduce la separacion respecto al boton */
            font-size: 16px; /* mantiene un tamaño de lectura estable */
            line-height: 1.4; /* mejora la separacion entre lineas */
        }

        .boton_agendar_asesoria_carrusel {
            width: 170px; /* ajusta el ancho del boton */
            height: 40px; /* ajusta la altura del boton */
            font-size: 14px; /* ajusta el tamaño del texto del boton */
        }

    }


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

        .texto_carrusel_visible {
            width: 72vw; /* aprovecha el ancho disponible para el contenido */
            padding: 16px 2.5vw; /* adapta los espacios internos del fondo */
        }

        .titulo_texto_carrusel {
            font-size: calc(12px + 1.6vw); /* adapta el titulo progresivamente segun el ancho */
        }

        .linea_texto_carrusel_telecomunicaciones,
        .linea_texto_carrusel_inmobiliaria,
        .linea_texto_carrusel_familia,
        .linea_texto_carrusel_laborales,
        .linea_texto_carrusel_civiles {
            margin-top: 10px; /* reduce la separacion superior */
            margin-bottom: 12px; /* reduce la separacion inferior */
        }

        .descripcion_texto_carrusel_telecomunicaciones,
        .descripcion_texto_carrusel,
        .descripcion_texto_carrusel_laborales {
            margin-bottom: 14px; /* ajusta la separacion respecto al boton */
            font-size: calc(11px + 0.5vw); /* adapta el texto segun el ancho de la pantalla */
        }

        .boton_agendar_asesoria_carrusel {
            width: 160px; /* ajusta el ancho del boton para tablets verticales */
            height: 36px; /* reduce la altura del boton */
            font-size: 13px; /* ajusta el tamaño del texto */
        }

    }


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

        .texto_carrusel_visible {
            width: 63vw; /* establece el ancho del fondo en moviles */
            padding: 14px 3vw; /* ajusta los espacios internos del fondo */
            border-radius: 10px; /* reduce el redondeado de las esquinas */
        }

        .titulo_texto_carrusel {
            font-size: 19px; /* mantiene el titulo legible sin depender de la altura */
            font-weight: 550; /* mantiene el grosor del titulo */
        }

        .linea_texto_carrusel_telecomunicaciones,
        .linea_texto_carrusel_inmobiliaria,
        .linea_texto_carrusel_familia,
        .linea_texto_carrusel_laborales,
        .linea_texto_carrusel_civiles {
            margin-top: 10px; /* establece la separacion superior de las lineas */
            margin-bottom: 16px; /* establece la separacion inferior de las lineas */
        }

        .descripcion_texto_carrusel_telecomunicaciones,
        .descripcion_texto_carrusel,
        .descripcion_texto_carrusel_laborales {
            margin-bottom: 16px; /* establece la separacion respecto al boton */
            font-size: 13px; /* mantiene un tamaño estable para la descripcion */
            font-weight: 500; /* destaca ligeramente el texto */
            color: #936e31; /* establece un dorado mas oscuro para mejorar la legibilidad */
        }

        .boton_agendar_asesoria_carrusel {
            width: 140px; /* adapta el ancho del boton al movil */
            height: 35px; /* establece la altura del boton */
            font-size: 13px; /* ajusta el tamaño del texto del boton */
        }

    }


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

        .titulo_texto_carrusel {
            font-size: 18px; /* ajusta ligeramente el tamaño del titulo */
        }

    }


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

        .texto_carrusel_visible {
            width: 61vw; /* reduce ligeramente el ancho del fondo */
            padding: 12px 3.5vw; /* ajusta los espacios internos del fondo */
        }

        .titulo_texto_carrusel {
            font-size: 17px; /* adapta el titulo a pantallas medianas */
        }

        .descripcion_texto_carrusel_telecomunicaciones,
        .descripcion_texto_carrusel,
        .descripcion_texto_carrusel_laborales {
            font-size: 12.5px; /* adapta la descripcion a pantallas medianas */
        }

        .boton_agendar_asesoria_carrusel {
            width: 115px; /* adapta el ancho del boton */
            height: 33px; /* mantiene una altura adecuada */
            font-size: 12px; /* ajusta el tamaño del texto */
        }

    }


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

        .texto_carrusel_visible {
            width: 60vw; /* establece un ancho que evita interferir con las flechas */
            padding: 12px 3vw; /* reduce ligeramente los espacios internos */
        }

        .titulo_texto_carrusel {
            font-size: 16px; /* ajusta el titulo para pantallas pequeñas */
        }

        .linea_texto_carrusel_telecomunicaciones,
        .linea_texto_carrusel_inmobiliaria,
        .linea_texto_carrusel_familia,
        .linea_texto_carrusel_laborales,
        .linea_texto_carrusel_civiles {
            margin-top: 9px; /* reduce la separacion superior */
            margin-bottom: 14px; /* reduce la separacion inferior */
        }

        .descripcion_texto_carrusel_telecomunicaciones,
        .descripcion_texto_carrusel,
        .descripcion_texto_carrusel_laborales {
            margin-bottom: 12px; /* reduce la separacion respecto al boton */
            font-size: 12px; /* establece un tamaño compacto para la descripcion */
        }

    }

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