.elementor-213 .elementor-element.elementor-element-f58a23d{--display:flex;--min-height:900px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-f58a23d::before, .elementor-213 .elementor-element.elementor-element-f58a23d > .elementor-background-video-container::before, .elementor-213 .elementor-element.elementor-element-f58a23d > .e-con-inner > .elementor-background-video-container::before, .elementor-213 .elementor-element.elementor-element-f58a23d > .elementor-background-slideshow::before, .elementor-213 .elementor-element.elementor-element-f58a23d > .e-con-inner > .elementor-background-slideshow::before, .elementor-213 .elementor-element.elementor-element-f58a23d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-6f6bd1a4 );--background-overlay:'';}.elementor-213 .elementor-element.elementor-element-46affc5 .elementor-repeater-item-8ef4e0c .swiper-slide-bg{background-image:url(https://micarquitectos.com/wp-content/uploads/2026/03/Firefly_Gemini-Flash_solo-cambia-el-formato-a-9-16-no-cambie-ni-modifique-nada-854045-scaled.png);background-size:cover;}.elementor-213 .elementor-element.elementor-element-46affc5 .elementor-repeater-item-5361d8b .swiper-slide-bg{background-image:url(https://micarquitectos.com/wp-content/uploads/2026/03/Portada-piura-02.jpg);background-size:cover;}.elementor-213 .elementor-element.elementor-element-46affc5 .elementor-repeater-item-7bd67e5 .swiper-slide-bg{background-image:url(https://micarquitectos.com/wp-content/uploads/2026/03/Para-web.png);background-size:cover;}.elementor-213 .elementor-element.elementor-element-46affc5 .swiper-slide{transition-duration:calc(3000ms*1.2);height:880px;}.elementor-213 .elementor-element.elementor-element-46affc5{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;top:0px;}body:not(.rtl) .elementor-213 .elementor-element.elementor-element-46affc5{left:0px;}body.rtl .elementor-213 .elementor-element.elementor-element-46affc5{right:0px;}.elementor-213 .elementor-element.elementor-element-46affc5 .swiper-slide-contents{max-width:66%;}.elementor-213 .elementor-element.elementor-element-46affc5 .swiper-slide-inner{text-align:center;}.elementor-213 .elementor-element.elementor-element-4e19098{--display:flex;--min-height:900px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-4e19098::before, .elementor-213 .elementor-element.elementor-element-4e19098 > .elementor-background-video-container::before, .elementor-213 .elementor-element.elementor-element-4e19098 > .e-con-inner > .elementor-background-video-container::before, .elementor-213 .elementor-element.elementor-element-4e19098 > .elementor-background-slideshow::before, .elementor-213 .elementor-element.elementor-element-4e19098 > .e-con-inner > .elementor-background-slideshow::before, .elementor-213 .elementor-element.elementor-element-4e19098 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-6f6bd1a4 );--background-overlay:'';}.elementor-213 .elementor-element.elementor-element-9245ea6 .elementor-repeater-item-8ef4e0c .swiper-slide-bg{background-image:url(https://micarquitectos.com/wp-content/uploads/2026/03/Fachada_Principal.png);background-size:cover;}.elementor-213 .elementor-element.elementor-element-9245ea6 .elementor-repeater-item-5361d8b .swiper-slide-bg{background-image:url(https://micarquitectos.com/wp-content/uploads/2026/03/Portada-piura-02.jpg);background-size:cover;}.elementor-213 .elementor-element.elementor-element-9245ea6 .elementor-repeater-item-7bd67e5 .swiper-slide-bg{background-image:url(https://micarquitectos.com/wp-content/uploads/2026/03/Portada_invertido.jpg);background-size:cover;}.elementor-213 .elementor-element.elementor-element-9245ea6 .swiper-slide{transition-duration:calc(3000ms*1.2);height:880px;}.elementor-213 .elementor-element.elementor-element-9245ea6{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;top:0px;}body:not(.rtl) .elementor-213 .elementor-element.elementor-element-9245ea6{left:0px;}body.rtl .elementor-213 .elementor-element.elementor-element-9245ea6{right:0px;}.elementor-213 .elementor-element.elementor-element-9245ea6 .swiper-slide-contents{max-width:66%;}.elementor-213 .elementor-element.elementor-element-9245ea6 .swiper-slide-inner{text-align:center;}.elementor-213 .elementor-element.elementor-element-bd37863{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-213 .elementor-element.elementor-element-db03aa8{--spacer-size:50px;}.elementor-213 .elementor-element.elementor-element-aa01a29{text-align:center;}.elementor-213 .elementor-element.elementor-element-aa01a29 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:25px;font-weight:800;text-transform:none;color:#4E4E4E;}.elementor-213 .elementor-element.elementor-element-018dfb5{text-align:center;font-size:18px;}.elementor-213 .elementor-element.elementor-element-541f56b{--spacer-size:80px;}.elementor-213 .elementor-element.elementor-element-38bb9d7 > .elementor-widget-container{margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-213 .elementor-element.elementor-element-38bb9d7{text-align:center;}.elementor-213 .elementor-element.elementor-element-38bb9d7 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:32px;font-weight:800;text-transform:none;color:#4E4E4E;}.elementor-213 .elementor-element.elementor-element-2860030{--spacer-size:20px;}.elementor-213 .elementor-element.elementor-element-9c97324{--display:flex;--min-height:0px;}.elementor-213 .elementor-element.elementor-element-72693a9{--display:grid;--min-height:600px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:-10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-6dd0bc4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-213 .elementor-element.elementor-element-6dd0bc4 img{width:100%;max-width:100%;height:500px;}.elementor-213 .elementor-element.elementor-element-c33d3ba{--display:flex;--min-height:536px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-00859c7{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-213 .elementor-element.elementor-element-bbf5886{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-213 .elementor-element.elementor-element-8fc0715{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-213 .elementor-element.elementor-element-c435d3d{--display:flex;--min-height:0px;}.elementor-213 .elementor-element.elementor-element-9756b0e{--display:grid;--min-height:600px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:-10px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-a48c782 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-213 .elementor-element.elementor-element-a48c782 img{width:100%;max-width:100%;height:500px;}.elementor-213 .elementor-element.elementor-element-ec5fe6a{--display:flex;--min-height:536px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-ef9d015{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-213 .elementor-element.elementor-element-b328956 img{width:1%;max-width:100%;height:400px;}.elementor-213 .elementor-element.elementor-element-abfb70a{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-213 .elementor-element.elementor-element-5765880{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}body.elementor-page-213:not(.elementor-motion-effects-element-type-background), body.elementor-page-213 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-213 .elementor-element.elementor-element-72693a9{--grid-auto-flow:row;}.elementor-213 .elementor-element.elementor-element-9756b0e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-213 .elementor-element.elementor-element-f58a23d{--width:100%;--min-height:600px;}.elementor-213 .elementor-element.elementor-element-46affc5 .swiper-slide{height:700px;}.elementor-213 .elementor-element.elementor-element-4e19098{--width:1600px;--min-height:600px;}.elementor-213 .elementor-element.elementor-element-9245ea6 .swiper-slide{height:700px;}.elementor-213 .elementor-element.elementor-element-bd37863{--content-width:500px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-018dfb5{text-align:center;}.elementor-213 .elementor-element.elementor-element-9c97324{--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-72693a9{--width:100%;--min-height:0px;--e-con-grid-template-columns:repeat(0, 1fr);--e-con-grid-template-rows:repeat(0, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-6dd0bc4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-213 .elementor-element.elementor-element-6dd0bc4 img{height:500px;}.elementor-213 .elementor-element.elementor-element-c33d3ba{--width:100%;--min-height:180px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-00859c7{--width:32%;--min-height:150px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-bbf5886{--width:32%;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-34b6efc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 250px 0px;}.elementor-213 .elementor-element.elementor-element-8fc0715{--width:32%;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-825a9b8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 250px 0px;}.elementor-213 .elementor-element.elementor-element-9756b0e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-213 .elementor-element.elementor-element-ec5fe6a{--width:100%;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--align-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-ef9d015{--width:32%;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-b328956 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 250px 0px;}.elementor-213 .elementor-element.elementor-element-b328956 img{width:100%;max-width:100%;height:0%;}.elementor-213 .elementor-element.elementor-element-abfb70a{--width:32%;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-041531d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 250px 0px;}.elementor-213 .elementor-element.elementor-element-5765880{--width:32%;--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-d16c252 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 250px 0px;}}@media(min-width:768px){.elementor-213 .elementor-element.elementor-element-9c97324{--width:100%;}.elementor-213 .elementor-element.elementor-element-72693a9{--width:102%;}.elementor-213 .elementor-element.elementor-element-c33d3ba{--width:100%;}.elementor-213 .elementor-element.elementor-element-00859c7{--width:32%;}.elementor-213 .elementor-element.elementor-element-bbf5886{--width:32%;}.elementor-213 .elementor-element.elementor-element-8fc0715{--width:32%;}.elementor-213 .elementor-element.elementor-element-c435d3d{--width:100%;}.elementor-213 .elementor-element.elementor-element-9756b0e{--width:102%;}.elementor-213 .elementor-element.elementor-element-ec5fe6a{--width:100%;}.elementor-213 .elementor-element.elementor-element-ef9d015{--width:33%;}.elementor-213 .elementor-element.elementor-element-abfb70a{--width:33%;}.elementor-213 .elementor-element.elementor-element-5765880{--width:33%;}}/* Start custom CSS for container, class: .elementor-element-f58a23d *//* --- 1. CONFIGURACIÓN PARA ESCRITORIO (PC) --- */
/* En PC evitamos el desborde excesivo para que no se vea desconfigurado */
@media (min-width: 1025px) {
    .elementor-213 .elementor-element.elementor-element-f58a23d {
        width: 100% !important;
        max-width: 100% !important;
        left: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 !important;
    }
}

/* --- 2. CONFIGURACIÓN PARA CELULAR (MÓVIL) --- */
/* Aquí sí aplicamos el forzado de ancho completo que necesitas */
@media (max-width: 1024px) {
    .elementor-213 .elementor-element.elementor-element-f58a23d {
        width: 100vw !important;
        max-width: 100vw !important;
        position: relative !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        padding: 0 !important;
    }
}

/* --- 3. AJUSTES GENERALES (Afecta a ambos) --- */
.elementor-213 .elementor-element.elementor-element-f58a23d .elementor-widget-container,
.elementor-213 .elementor-element.elementor-element-f58a23d .elementor-background-overlay {
    width: 100% !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e19098 *//* Forzar que el contenedor ignore los límites laterales del tema */
.elementor-213 .elementor-element.elementor-element-4e19098 {
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
}

/* Asegurar que el widget de Slides ocupe todo el alto configurado */
.elementor-213 .elementor-element.elementor-element-4e19098 .elementor-widget-container,
.elementor-213 .elementor-element.elementor-element-4e19098 .elementor-slides {
    height: 900px !important; /* Coincide con tu ajuste de Min Height */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6dd0bc4 *//* 1. Asegurar que el enlace ocupe todo el espacio */
.elementor-213 .elementor-element.elementor-element-6dd0bc4 a {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 200px; /* Ajusta este valor para el alto que desees en móvil */
}

/* 2. Forzar que la imagen llene el contenedor sin deformarse */
.elementor-213 .elementor-element.elementor-element-6dd0bc4 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center; /* Centra la imagen si se recorta */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72693a9 *//* =========================================
   --- AJUSTES MANUALES (Solo Celular) ---
   ========================================= */
:root {
    --altura-movil: 250px;      /* Alto del bloque */
    --tamano-logo: 80px;        /* Tamaño del logo blanco */
    
    /* CONTROL DE MARGEN ENTRE BLOQUES */
    --espacio-inferior: 5px;    /* Aumenta para separar más los contenedores */

    /* CONTROLES DE POSICIÓN DEL LOGO */
    --mover-derecha: 5px;       
    --mover-abajo: -10px;       
}

/* 1. Contenedor: Base */
.elementor-213 .elementor-element.elementor-element-72693a9 {
    position: relative !important;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    
    height: var(--altura-movil) !important;
    min-height: var(--altura-movil) !important;
    width: 100% !important;

    /* CONTROL MANUAL DEL MARGEN */
    margin-bottom: var(--espacio-inferior) !important; 
}

/* 2. Imagen de fondo */
.elementor-213 .elementor-element.elementor-element-72693a9 .elementor-widget-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    margin: 0 !important;
}

.elementor-213 .elementor-element.elementor-element-72693a9 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: all 0.6s ease-in-out !important;
}

/* --- EFECTOS HOVER --- */
.elementor-213 .elementor-element.elementor-element-72693a9:hover img {
    transform: scale(1.05) !important;
    filter: brightness(75%) !important; 
}

/* --- LOGO / MARCO --- */
.elementor-213 .elementor-element.elementor-element-72693a9::before {
    content: "";
    position: absolute !important;
    bottom: var(--mover-abajo) !important; 
    right: var(--mover-derecha) !important;
    top: auto !important;
    left: auto !important;
    width: var(--tamano-logo) !important;
    height: var(--tamano-logo) !important;
    background-image: url(https://micarquitectos.com/wp-content/uploads/2026/02/blanco.png); 
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center !important; 
    opacity: 0;
    transform: translateY(15px) !important; 
    transition: all 0.4s ease-in-out !important;
    z-index: 99 !important; 
    pointer-events: none;
}

.elementor-213 .elementor-element.elementor-element-72693a9:hover::before {
    opacity: 1 !important;
    transform: translateY(0) !important; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-611ec6e *//* 1. Contenedor del enlace */
.elementor-213 .elementor-element.elementor-element-611ec6e a {
    display: block;
    width: 100%;
    /* Bajamos a 140px para que la imagen sea más panorámica y no gigante */
    height: 150px !important; 
    min-height: 140px !important;
    overflow: hidden;
}

/* 2. Imagen: Llenado perfecto */
.elementor-213 .elementor-element.elementor-element-611ec6e img {
    width: 100% !important;
    height: 100% !important;
    /* Usamos cover para que no queden huecos blancos */
    object-fit: cover !important; 
    /* Ajusta este valor (top, center o bottom) para centrar el edificio */
    object-position: center center; 
    transition: all 0.6s ease-in-out !important;
}

/* 3. Efecto Hover para resaltar el 3D */
.elementor-213 .elementor-element.elementor-element-611ec6e:hover img {
    transform: scale(1.1);
    filter: brightness(80%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00859c7 *//* 1. Contenedor: Base */
.elementor-213 .elementor-element.elementor-element-00859c7 {
    position: relative !important;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    
    /* ALTURA PARA ESCRITORIO */
    height: 412px; 
}

/* AJUSTES PARA MÓVIL (Se mantienen tus 3 bloques originales) */
@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-00859c7 { height: 150px !important; }
    .elementor-213 .elementor-element.elementor-element-00859c7::before { width: 60px !important; height: 60px !important; bottom: 5px !important; }
}

@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-00859c7 { height: 120px !important; }
    .elementor-213 .elementor-element.elementor-element-00859c7::before { width: 60px !important; height: 60px !important; bottom: 5px !important; }
}

@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-00859c7 { height: 150px !important; }
    .elementor-213 .elementor-element.elementor-element-00859c7::before { width: 60px !important; height: 60px !important; bottom: 5px !important; }
}

/* 2. Imagen de fondo */
.elementor-213 .elementor-element.elementor-element-00859c7 .elementor-widget-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    margin: 0 !important;
}

.elementor-213 .elementor-element.elementor-element-00859c7 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.6s ease-in-out !important;
}

/* --- EFECTOS HOVER PARA LA IMAGEN --- */
.elementor-213 .elementor-element.elementor-element-00859c7:hover img {
    transform: scale(1.1) !important;
    filter: brightness(70%) !important; 
}

/* --- LOGO / MARCO (Controles Manuales de Posición) --- */
.elementor-213 .elementor-element.elementor-element-00859c7::before {
    content: "";
    position: absolute !important;
    
    /* ========================================= */
    /* --- AQUÍ CONTROLAS LA POSICIÓN --- */
    /* ========================================= */
    bottom: -10px !important;  /* SUBIR: Aumenta el número (ej: 40px). BAJAR: Baja el número (ej: 5px) */
    right: 2px !important;   /* IZQUIERDA: Aumenta el número (ej: 40px). DERECHA: Baja el número (ej: 0px) */
    /* ========================================= */

    top: auto !important;
    left: auto !important;

    /* TAMAÑO GENERAL */
    width: 120px;   
    height: 120px;  
    
    background-image: url(https://micarquitectos.com/wp-content/uploads/2026/02/blanco.png); 
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center !important; 
    
    /* ANIMACIÓN Y ESTADO */
    opacity: 0;
    transform: translateY(20px) !important; 
    transition: all 0.4s ease-in-out !important;
    z-index: 99 !important; 
    pointer-events: none;
}

/* --- EFECTO HOVER PARA EL LOGO --- */
.elementor-213 .elementor-element.elementor-element-00859c7:hover::before {
    opacity: 1 !important;
    transform: translateY(0) !important; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-34b6efc *//* 1. Contenedor del enlace */
.elementor-213 .elementor-element.elementor-element-34b6efc a {
    display: block;
    width: 100%;
    /* Bajamos a 140px para que la imagen sea más panorámica y no gigante */
    height: 150px !important; 
    min-height: 140px !important;
    overflow: hidden;
}

/* 2. Imagen: Llenado perfecto */
.elementor-213 .elementor-element.elementor-element-34b6efc img {
    width: 100% !important;
    height: 100% !important;
    /* Usamos cover para que no queden huecos blancos */
    object-fit: cover !important; 
    /* Ajusta este valor (top, center o bottom) para centrar el edificio */
    object-position: center center; 
    transition: all 0.6s ease-in-out !important;
}

/* 3. Efecto Hover para resaltar el 3D */
.elementor-213 .elementor-element.elementor-element-34b6efc:hover img {
    transform: scale(1.1);
    filter: brightness(80%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbf5886 *//* 1. Contenedor: Base */
.elementor-213 .elementor-element.elementor-element-bbf5886 {
    position: relative !important;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    
    /* ALTURA PARA ESCRITORIO */
    height: 412px; 
}

/* AJUSTES PARA MÓVIL (Se mantienen tus 3 bloques originales) */
@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-bbf5886 { height: 150px !important; }
    .elementor-213 .elementor-element.elementor-element-bbf5886::before { width: 60px !important; height: 60px !important; bottom: 5px !important; }
}

@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-bbf5886 { height: 120px !important; }
    .elementor-213 .elementor-element.elementor-element-bbf5886::before { width: 60px !important; height: 60px !important; bottom: 5px !important; }
}

@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-bbf5886 { height: 150px !important; }
    .elementor-213 .elementor-element.elementor-element-bbf5886::before { width: 60px !important; height: 60px !important; bottom: 5px !important; }
}

/* 2. Imagen de fondo */
.elementor-213 .elementor-element.elementor-element-bbf5886 .elementor-widget-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    margin: 0 !important;
}

.elementor-213 .elementor-element.elementor-element-bbf5886 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.6s ease-in-out !important;
}

/* --- EFECTOS HOVER PARA LA IMAGEN --- */
.elementor-213 .elementor-element.elementor-element-bbf5886:hover img {
    transform: scale(1.1) !important;
    filter: brightness(70%) !important; 
}

/* --- LOGO / MARCO (Controles Manuales de Posición) --- */
.elementor-213 .elementor-element.elementor-element-bbf5886::before {
    content: "";
    position: absolute !important;
    
    /* ========================================= */
    /* --- AQUÍ CONTROLAS LA POSICIÓN --- */
    /* ========================================= */
    bottom: -10px !important;  /* SUBIR: Aumenta el número (ej: 40px). BAJAR: Baja el número (ej: 5px) */
    right: 2px !important;   /* IZQUIERDA: Aumenta el número (ej: 40px). DERECHA: Baja el número (ej: 0px) */
    /* ========================================= */

    top: auto !important;
    left: auto !important;

    /* TAMAÑO GENERAL */
    width: 120px;   
    height: 120px;  
    
    background-image: url(https://micarquitectos.com/wp-content/uploads/2026/02/blanco.png); 
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center !important; 
    
    /* ANIMACIÓN Y ESTADO */
    opacity: 0;
    transform: translateY(20px) !important; 
    transition: all 0.4s ease-in-out !important;
    z-index: 99 !important; 
    pointer-events: none;
}

/* --- EFECTO HOVER PARA EL LOGO --- */
.elementor-213 .elementor-element.elementor-element-bbf5886:hover::before {
    opacity: 1 !important;
    transform: translateY(0) !important; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-825a9b8 *//* 1. Contenedor del enlace */
.elementor-213 .elementor-element.elementor-element-825a9b8 a {
    display: block;
    width: 100%;
    /* Bajamos a 140px para que la imagen sea más panorámica y no gigante */
    height: 150px !important; 
    min-height: 140px !important;
    overflow: hidden;
}

/* 2. Imagen: Llenado perfecto */
.elementor-213 .elementor-element.elementor-element-825a9b8 img {
    width: 100% !important;
    height: 100% !important;
    /* Usamos cover para que no queden huecos blancos */
    object-fit: cover !important; 
    /* Ajusta este valor (top, center o bottom) para centrar el edificio */
    object-position: center center; 
    transition: all 0.6s ease-in-out !important;
}

/* 3. Efecto Hover para resaltar el 3D */
.elementor-213 .elementor-element.elementor-element-825a9b8:hover img {
    transform: scale(1.1);
    filter: brightness(80%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8fc0715 *//* 1. Contenedor: Base */
.elementor-213 .elementor-element.elementor-element-8fc0715 {
    position: relative !important;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    
    /* ALTURA PARA ESCRITORIO */
    height: 412px; 
}

/* AJUSTES PARA MÓVIL (Se mantienen tus 3 bloques originales) */
@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-8fc0715 { height: 150px !important; }
    .elementor-213 .elementor-element.elementor-element-8fc0715::before { width: 60px !important; height: 60px !important; bottom: 5px !important; }
}

@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-8fc0715 { height: 120px !important; }
    .elementor-213 .elementor-element.elementor-element-8fc0715::before { width: 60px !important; height: 60px !important; bottom: 5px !important; }
}

@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-8fc0715 { height: 150px !important; }
    .elementor-213 .elementor-element.elementor-element-8fc0715::before { width: 60px !important; height: 60px !important; bottom: 5px !important; }
}

/* 2. Imagen de fondo */
.elementor-213 .elementor-element.elementor-element-8fc0715 .elementor-widget-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    margin: 0 !important;
}

.elementor-213 .elementor-element.elementor-element-8fc0715 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.6s ease-in-out !important;
}

/* --- EFECTOS HOVER PARA LA IMAGEN --- */
.elementor-213 .elementor-element.elementor-element-8fc0715:hover img {
    transform: scale(1.1) !important;
    filter: brightness(70%) !important; 
}

/* --- LOGO / MARCO (Controles Manuales de Posición) --- */
.elementor-213 .elementor-element.elementor-element-8fc0715::before {
    content: "";
    position: absolute !important;
    
    /* ========================================= */
    /* --- AQUÍ CONTROLAS LA POSICIÓN --- */
    /* ========================================= */
    bottom: -10px !important;  /* SUBIR: Aumenta el número (ej: 40px). BAJAR: Baja el número (ej: 5px) */
    right: 2px !important;   /* IZQUIERDA: Aumenta el número (ej: 40px). DERECHA: Baja el número (ej: 0px) */
    /* ========================================= */

    top: auto !important;
    left: auto !important;

    /* TAMAÑO GENERAL */
    width: 120px;   
    height: 120px;  
    
    background-image: url(https://micarquitectos.com/wp-content/uploads/2026/02/blanco.png); 
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center !important; 
    
    /* ANIMACIÓN Y ESTADO */
    opacity: 0;
    transform: translateY(20px) !important; 
    transition: all 0.4s ease-in-out !important;
    z-index: 99 !important; 
    pointer-events: none;
}

/* --- EFECTO HOVER PARA EL LOGO --- */
.elementor-213 .elementor-element.elementor-element-8fc0715:hover::before {
    opacity: 1 !important;
    transform: translateY(0) !important; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a48c782 *//* 1. Asegurar que el enlace ocupe todo el espacio */
.elementor-213 .elementor-element.elementor-element-a48c782 a {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 200px; /* Ajusta este valor para el alto que desees en móvil */
}

/* 2. Forzar que la imagen llene el contenedor sin deformarse */
.elementor-213 .elementor-element.elementor-element-a48c782 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center; /* Centra la imagen si se recorta */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9756b0e *//* 1. Contenedor: Base */
.elementor-213 .elementor-element.elementor-element-9756b0e {
    position: relative !important;
    overflow: hidden;
    height: 412px; /* Ajusta este valor para que se alinee con las otras fotos */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
}

/* 2. Imagen de fondo */
.elementor-213 .elementor-element.elementor-element-9756b0e .elementor-widget-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    margin: 0 !important;
}

.elementor-213 .elementor-element.elementor-element-9756b0e img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.6s ease-in-out !important;
}

/* --- EFECTOS HOVER PARA LA IMAGEN --- */
.elementor-213 .elementor-element.elementor-element-9756b0e:hover img {
    transform: scale(1.1) !important;
    filter: brightness(70%) !important; 
}

/* --- LOGO / MARCO (Controles Manuales) --- */
.elementor-213 .elementor-element.elementor-element-9756b0e::before {
    content: "";
    position: absolute !important;
    
    /* --- 1. POSICIÓN (SUBIR O BAJAR) --- */
    bottom: -20px !important;  /* Sube el logo (ej: 40px) o bájalo (ej: 0px) */
    right: 0px !important;   /* Aléjalo del borde derecho (ej: 40px) o pégalo (ej: 0px) */
    top: auto !important;
    left: auto !important;

    /* --- 2. TAMAÑO (HACERLO MÁS GRANDE O PEQUEÑO) --- */
    width: 150px;   /* Cambia este valor para el tamaño horizontal */
    height: 150px;  /* Cambia este valor para el tamaño vertical */
    
    background-image: url(https://micarquitectos.com/wp-content/uploads/2026/02/blanco.png); 
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center !important; 
    
    /* --- 3. ANIMACIÓN Y ESTADO --- */
    opacity: 0;
    transform: translateY(20px) !important; 
    transition: all 0.4s ease-in-out !important;
    z-index: 99 !important; 
    pointer-events: none;
}

/* --- EFECTO HOVER PARA EL LOGO --- */
.elementor-213 .elementor-element.elementor-element-9756b0e:hover::before {
    opacity: 1 !important;
    transform: translateY(0) !important; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b328956 *//* 1. Asegurar que el enlace ocupe todo el espacio */
.elementor-213 .elementor-element.elementor-element-b328956 a {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 200px; /* Ajusta este valor para el alto que desees en móvil */
}

/* 2. Forzar que la imagen llene el contenedor sin deformarse */
.elementor-213 .elementor-element.elementor-element-b328956 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center; /* Centra la imagen si se recorta */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef9d015 *//* 1. Contenedor: Base */
.elementor-213 .elementor-element.elementor-element-ef9d015 {
    position: relative !important;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    
    /* ALTURA PARA ESCRITORIO */
    height: 412px; 
}

/* AJUSTE PARA MÓVIL (Pantallas menores a 767px) */
@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-ef9d015 {
        height: 150px !important; /* Ajusta este número hasta que el cuadro rosado suba */
    }
    
    /* Opcional: Ajustar el tamaño del logo/marco para que no sea gigante en móvil */
    .elementor-213 .elementor-element.elementor-element-ef9d015::before {
        width: 60px !important;
        height: 60px !important;
        bottom: 5px !important;
    }
}

/* AJUSTE PARA MÓVIL (Pantallas menores a 767px) */
@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-ef9d015 {
        height: 120px !important; /* Ajusta este número hasta que el cuadro rosado suba */
    }
    
    /* Opcional: Ajustar el tamaño del logo/marco para que no sea gigante en móvil */
    .elementor-213 .elementor-element.elementor-element-ef9d015::before {
        width: 60px !important;
        height: 60px !important;
        bottom: 5px !important;
    }
}

/* AJUSTE PARA MÓVIL (Pantallas menores a 767px) */
@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-ef9d015 {
        height: 150px !important; /* Ajusta este número hasta que el cuadro rosado suba */
    }
    
    /* Opcional: Ajustar el tamaño del logo/marco para que no sea gigante en móvil */
    .elementor-213 .elementor-element.elementor-element-ef9d015::before {
        width: 60px !important;
        height: 60px !important;
        bottom: 5px !important;
    }
}

/* 2. Imagen de fondo */
.elementor-213 .elementor-element.elementor-element-ef9d015 .elementor-widget-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    margin: 0 !important;
}

.elementor-213 .elementor-element.elementor-element-ef9d015 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.6s ease-in-out !important;
}

/* --- EFECTOS HOVER PARA LA IMAGEN --- */
.elementor-213 .elementor-element.elementor-element-ef9d015:hover img {
    transform: scale(1.1) !important;
    filter: brightness(70%) !important; 
}

/* --- LOGO / MARCO (Controles Manuales) --- */
.elementor-213 .elementor-element.elementor-element-ef9d015::before {
    content: "";
    position: absolute !important;
    
    /* --- 1. POSICIÓN (SUBIR O BAJAR) --- */
    bottom: -20px !important;  /* Sube el logo (ej: 40px) o bájalo (ej: 0px) */
    right: 0px !important;   /* Aléjalo del borde derecho (ej: 40px) o pégalo (ej: 0px) */
    top: auto !important;
    left: auto !important;

    /* --- 2. TAMAÑO (HACERLO MÁS GRANDE O PEQUEÑO) --- */
    width: 120px;   /* Cambia este valor para el tamaño horizontal */
    height: 120px;  /* Cambia este valor para el tamaño vertical */
    
    background-image: url(https://micarquitectos.com/wp-content/uploads/2026/02/blanco.png); 
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center !important; 
    
    /* --- 3. ANIMACIÓN Y ESTADO --- */
    opacity: 0;
    transform: translateY(20px) !important; 
    transition: all 0.4s ease-in-out !important;
    z-index: 99 !important; 
    pointer-events: none;
}

/* --- EFECTO HOVER PARA EL LOGO --- */
.elementor-213 .elementor-element.elementor-element-ef9d015:hover::before {
    opacity: 1 !important;
    transform: translateY(0) !important; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-041531d *//* 1. Asegurar que el enlace ocupe todo el espacio */
.elementor-213 .elementor-element.elementor-element-041531d a {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 200px; /* Ajusta este valor para el alto que desees en móvil */
}

/* 2. Forzar que la imagen llene el contenedor sin deformarse */
.elementor-213 .elementor-element.elementor-element-041531d img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center; /* Centra la imagen si se recorta */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-abfb70a *//* 1. Contenedor: Base */
.elementor-213 .elementor-element.elementor-element-abfb70a {
    position: relative !important;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    
    /* ALTURA PARA ESCRITORIO */
    height: 412px; 
}

/* AJUSTE PARA MÓVIL (Pantallas menores a 767px) */
@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-abfb70a {
        height: 150px !important; /* Ajusta este número hasta que el cuadro rosado suba */
    }
    
    /* Opcional: Ajustar el tamaño del logo/marco para que no sea gigante en móvil */
    .elementor-213 .elementor-element.elementor-element-abfb70a::before {
        width: 60px !important;
        height: 60px !important;
        bottom: 5px !important;
    }
}

/* 2. Imagen de fondo */
.elementor-213 .elementor-element.elementor-element-abfb70a .elementor-widget-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    margin: 0 !important;
}

.elementor-213 .elementor-element.elementor-element-abfb70a img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.6s ease-in-out !important;
}

/* --- EFECTOS HOVER PARA LA IMAGEN --- */
.elementor-213 .elementor-element.elementor-element-abfb70a:hover img {
    transform: scale(1.1) !important;
    filter: brightness(70%) !important; 
}

/* --- LOGO / MARCO (Controles Manuales) --- */
.elementor-213 .elementor-element.elementor-element-abfb70a::before {
    content: "";
    position: absolute !important;
    
    /* --- 1. POSICIÓN (SUBIR O BAJAR) --- */
    bottom: -20px !important;  /* Sube el logo (ej: 40px) o bájalo (ej: 0px) */
    right: 0px !important;   /* Aléjalo del borde derecho (ej: 40px) o pégalo (ej: 0px) */
    top: auto !important;
    left: auto !important;

    /* --- 2. TAMAÑO (HACERLO MÁS GRANDE O PEQUEÑO) --- */
    width: 120px;   /* Cambia este valor para el tamaño horizontal */
    height: 120px;  /* Cambia este valor para el tamaño vertical */
    
    background-image: url(https://micarquitectos.com/wp-content/uploads/2026/02/blanco.png); 
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center !important; 
    
    /* --- 3. ANIMACIÓN Y ESTADO --- */
    opacity: 0;
    transform: translateY(20px) !important; 
    transition: all 0.4s ease-in-out !important;
    z-index: 99 !important; 
    pointer-events: none;
}

/* --- EFECTO HOVER PARA EL LOGO --- */
.elementor-213 .elementor-element.elementor-element-abfb70a:hover::before {
    opacity: 1 !important;
    transform: translateY(0) !important; 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d16c252 *//* 1. Asegurar que el enlace ocupe todo el espacio */
.elementor-213 .elementor-element.elementor-element-d16c252 a {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 200px; /* Ajusta este valor para el alto que desees en móvil */
}

/* 2. Forzar que la imagen llene el contenedor sin deformarse */
.elementor-213 .elementor-element.elementor-element-d16c252 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center; /* Centra la imagen si se recorta */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5765880 *//* 1. Contenedor: Base */
.elementor-213 .elementor-element.elementor-element-5765880 {
    position: relative !important;
    overflow: hidden;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    
    /* ALTURA PARA ESCRITORIO */
    height: 412px; 
}

/* AJUSTE PARA MÓVIL (Pantallas menores a 767px) */
@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-5765880 {
        height: 150px !important; /* Ajusta este número hasta que el cuadro rosado suba */
    }
    
    /* Opcional: Ajustar el tamaño del logo/marco para que no sea gigante en móvil */
    .elementor-213 .elementor-element.elementor-element-5765880::before {
        width: 60px !important;
        height: 60px !important;
        bottom: 5px !important;
    }
}

/* AJUSTE PARA MÓVIL (Pantallas menores a 767px) */
@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-5765880 {
        height: 120px !important; /* Ajusta este número hasta que el cuadro rosado suba */
    }
    
    /* Opcional: Ajustar el tamaño del logo/marco para que no sea gigante en móvil */
    .elementor-213 .elementor-element.elementor-element-5765880::before {
        width: 60px !important;
        height: 60px !important;
        bottom: 5px !important;
    }
}

/* AJUSTE PARA MÓVIL (Pantallas menores a 767px) */
@media (max-width: 767px) {
    .elementor-213 .elementor-element.elementor-element-5765880 {
        height: 150px !important; /* Ajusta este número hasta que el cuadro rosado suba */
    }
    
    /* Opcional: Ajustar el tamaño del logo/marco para que no sea gigante en móvil */
    .elementor-213 .elementor-element.elementor-element-5765880::before {
        width: 60px !important;
        height: 60px !important;
        bottom: 5px !important;
    }
}

/* 2. Imagen de fondo */
.elementor-213 .elementor-element.elementor-element-5765880 .elementor-widget-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    margin: 0 !important;
}

.elementor-213 .elementor-element.elementor-element-5765880 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.6s ease-in-out !important;
}

/* --- EFECTOS HOVER PARA LA IMAGEN --- */
.elementor-213 .elementor-element.elementor-element-5765880:hover img {
    transform: scale(1.1) !important;
    filter: brightness(70%) !important; 
}

/* --- LOGO / MARCO (Controles Manuales) --- */
.elementor-213 .elementor-element.elementor-element-5765880::before {
    content: "";
    position: absolute !important;
    
    /* --- 1. POSICIÓN (SUBIR O BAJAR) --- */
    bottom: -20px !important;  /* Sube el logo (ej: 40px) o bájalo (ej: 0px) */
    right: 0px !important;   /* Aléjalo del borde derecho (ej: 40px) o pégalo (ej: 0px) */
    top: auto !important;
    left: auto !important;

    /* --- 2. TAMAÑO (HACERLO MÁS GRANDE O PEQUEÑO) --- */
    width: 120px;   /* Cambia este valor para el tamaño horizontal */
    height: 120px;  /* Cambia este valor para el tamaño vertical */
    
    background-image: url(https://micarquitectos.com/wp-content/uploads/2026/02/blanco.png); 
    background-size: contain; 
    background-repeat: no-repeat;
    background-position: center !important; 
    
    /* --- 3. ANIMACIÓN Y ESTADO --- */
    opacity: 0;
    transform: translateY(20px) !important; 
    transition: all 0.4s ease-in-out !important;
    z-index: 99 !important; 
    pointer-events: none;
}

/* --- EFECTO HOVER PARA EL LOGO --- */
.elementor-213 .elementor-element.elementor-element-5765880:hover::before {
    opacity: 1 !important;
    transform: translateY(0) !important; 
}/* End custom CSS */