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

/* TITULO 1 IMAGENES CARRUSEL */

    .contenedor_imagen_carrusel {
        width: 100%; /* establece el ancho completo del contenedor */
        height: 100%; /* establece la altura completa del contenedor */
        position: relative; /* permite posicionar las imagenes dentro del contenedor */
    }

    .imagen_carrusel_visible {
        display: block; /* muestra la imagen correspondiente a la diapositiva activa */
    }

    .imagen_carrusel_oculta {
        display: none; /* oculta las imagenes que no estan activas */
    }


    /* SUBTITULO 1 IMAGEN ASESORIA TELECOMUNICACIONES */

        .imagen_carrusel {
            width: 100%; /* establece el ancho completo de las imagenes */
            height: 100%; /* establece la altura completa de las imagenes */
            position: absolute; /* superpone las imagenes dentro del carrusel */
            top: 0; /* posiciona las imagenes desde el borde superior */
            left: 0; /* posiciona las imagenes desde el borde izquierdo */
            object-fit: cover; /* cubre el espacio del carrusel sin deformar las imagenes */
            object-position: 65% center; /* prioriza el sector derecho de las imagenes */
        }


    /* SUBTITULO 2 IMAGEN ASESORIA INMOBILIARIA */

        /* sin estilos */


    /* SUBTITULO 3 IMAGEN ASESORIA CAUSAS DE FAMILIA */

        /* sin estilos */


    /* SUBTITULO 4 IMAGEN ASESORIA CAUSAS LABORALES */

        /* sin estilos */


    /* SUBTITULO 5 IMAGEN ASESORIA CAUSAS CIVILES */

        /* sin estilos */



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

        .imagen_carrusel {
            object-position: 68% center; /* ajusta el encuadre hacia el sector derecho */
        }

    }


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

        .imagen_carrusel {
            object-position: 72% center; /* prioriza la mitad derecha de las imagenes */
        }

    }


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

        .imagen_carrusel {
            object-position: 78% center; /* adapta el encuadre a pantallas medianas */
        }

    }


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

        .imagen_carrusel {
            object-position: 85% center; /* prioriza el sector derecho en tablets */
        }

    }


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

        .imagen_carrusel {
            object-position: 90% center; /* mantiene visible el sector principal de la imagen */
        }

    }


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

        /* Sin media */

    }


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

        .imagen_carrusel {
            object-position: 95% center; /* ajusta el encuadre hacia el extremo derecho */
        }

    }


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

        .imagen_carrusel {
            object-position: 100% center; /* mantiene visible el extremo derecho de la imagen */
        }

    }

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