.elementor-18724 .elementor-element.elementor-element-5a3aee8:not(.elementor-motion-effects-element-type-background), .elementor-18724 .elementor-element.elementor-element-5a3aee8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://casamuro.cl/wp-content/uploads/2026/07/Banner-CM-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-18724 .elementor-element.elementor-element-5a3aee8 > .elementor-background-overlay{background-color:#000000E0;opacity:0.31;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18724 .elementor-element.elementor-element-5a3aee8 > .elementor-container{min-height:500px;}.elementor-18724 .elementor-element.elementor-element-5a3aee8 .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-18724 .elementor-element.elementor-element-5a3aee8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18724 .elementor-element.elementor-element-d5135a1 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-18724 .elementor-element.elementor-element-d5135a1:not(.elementor-motion-effects-element-type-background), .elementor-18724 .elementor-element.elementor-element-d5135a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8F8;}.elementor-18724 .elementor-element.elementor-element-d5135a1 > .elementor-container{max-width:1333px;}.elementor-18724 .elementor-element.elementor-element-d5135a1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-18724 .elementor-element.elementor-element-d5135a1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18724 .elementor-element.elementor-element-bd488e8{--e-image-carousel-slides-to-show:1;}.elementor-18724 .elementor-element.elementor-element-6f120f2 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-18724 .elementor-element.elementor-element-6f120f2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-18724 .elementor-element.elementor-element-73437cf{width:var( --container-widget-width, 134.99% );max-width:134.99%;--container-widget-width:134.99%;--container-widget-flex-grow:0;}.elementor-18724 .elementor-element.elementor-element-3317ad1:not(.elementor-motion-effects-element-type-background), .elementor-18724 .elementor-element.elementor-element-3317ad1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18724 .elementor-element.elementor-element-3317ad1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;}.elementor-18724 .elementor-element.elementor-element-3317ad1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18724 .elementor-element.elementor-element-4ea3d56:not(.elementor-motion-effects-element-type-background), .elementor-18724 .elementor-element.elementor-element-4ea3d56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18724 .elementor-element.elementor-element-4ea3d56{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18724 .elementor-element.elementor-element-4ea3d56 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18724 .elementor-element.elementor-element-03764ac{--icon-box-icon-margin:15px;}.elementor-18724 .elementor-element.elementor-element-03764ac.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5eb6f50 );}.elementor-18724 .elementor-element.elementor-element-03764ac.elementor-view-framed .elementor-icon, .elementor-18724 .elementor-element.elementor-element-03764ac.elementor-view-default .elementor-icon{fill:var( --e-global-color-5eb6f50 );color:var( --e-global-color-5eb6f50 );border-color:var( --e-global-color-5eb6f50 );}.elementor-18724 .elementor-element.elementor-element-03764ac .elementor-icon{font-size:88px;}.elementor-18724 .elementor-element.elementor-element-03764ac .elementor-icon-box-title, .elementor-18724 .elementor-element.elementor-element-03764ac .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:500;}.elementor-18724 .elementor-element.elementor-element-03764ac .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:700;color:#131516B0;}.elementor-18724 .elementor-element.elementor-element-1b95497{--icon-box-icon-margin:15px;}.elementor-18724 .elementor-element.elementor-element-1b95497.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5eb6f50 );}.elementor-18724 .elementor-element.elementor-element-1b95497.elementor-view-framed .elementor-icon, .elementor-18724 .elementor-element.elementor-element-1b95497.elementor-view-default .elementor-icon{fill:var( --e-global-color-5eb6f50 );color:var( --e-global-color-5eb6f50 );border-color:var( --e-global-color-5eb6f50 );}.elementor-18724 .elementor-element.elementor-element-1b95497 .elementor-icon{font-size:88px;}.elementor-18724 .elementor-element.elementor-element-1b95497 .elementor-icon-box-title, .elementor-18724 .elementor-element.elementor-element-1b95497 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:500;}.elementor-18724 .elementor-element.elementor-element-1b95497 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:700;color:#131516B0;}.elementor-18724 .elementor-element.elementor-element-60e62d6{width:var( --container-widget-width, 104.722% );max-width:104.722%;--container-widget-width:104.722%;--container-widget-flex-grow:0;--icon-box-icon-margin:15px;}.elementor-18724 .elementor-element.elementor-element-60e62d6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-5eb6f50 );}.elementor-18724 .elementor-element.elementor-element-60e62d6.elementor-view-framed .elementor-icon, .elementor-18724 .elementor-element.elementor-element-60e62d6.elementor-view-default .elementor-icon{fill:var( --e-global-color-5eb6f50 );color:var( --e-global-color-5eb6f50 );border-color:var( --e-global-color-5eb6f50 );}.elementor-18724 .elementor-element.elementor-element-60e62d6 .elementor-icon{font-size:88px;}.elementor-18724 .elementor-element.elementor-element-60e62d6 .elementor-icon-box-title, .elementor-18724 .elementor-element.elementor-element-60e62d6 .elementor-icon-box-title a{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:500;}.elementor-18724 .elementor-element.elementor-element-60e62d6 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:700;color:#131516B0;}.elementor-18724 .elementor-element.elementor-element-0d0a40a:not(.elementor-motion-effects-element-type-background), .elementor-18724 .elementor-element.elementor-element-0d0a40a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFAFA;}.elementor-18724 .elementor-element.elementor-element-0d0a40a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18724 .elementor-element.elementor-element-0d0a40a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18724 .elementor-element.elementor-element-8759944{width:var( --container-widget-width, 100.179% );max-width:100.179%;--container-widget-width:100.179%;--container-widget-flex-grow:0;}.elementor-18724 .elementor-element.elementor-element-d0eeb3d:not(.elementor-motion-effects-element-type-background), .elementor-18724 .elementor-element.elementor-element-d0eeb3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFAFA;}.elementor-18724 .elementor-element.elementor-element-d0eeb3d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 30px 30px 30px;}.elementor-18724 .elementor-element.elementor-element-d0eeb3d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18724 .elementor-element.elementor-element-9d60dcf:not(.elementor-motion-effects-element-type-background), .elementor-18724 .elementor-element.elementor-element-9d60dcf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-18724 .elementor-element.elementor-element-9d60dcf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-18724 .elementor-element.elementor-element-9d60dcf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18724 .elementor-element.elementor-element-cb375a7:not(.elementor-motion-effects-element-type-background), .elementor-18724 .elementor-element.elementor-element-cb375a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-18724 .elementor-element.elementor-element-cb375a7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-18724 .elementor-element.elementor-element-cb375a7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18724 .elementor-element.elementor-element-6c986eb:not(.elementor-motion-effects-element-type-background), .elementor-18724 .elementor-element.elementor-element-6c986eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-18724 .elementor-element.elementor-element-6c986eb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18724 .elementor-element.elementor-element-6c986eb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18724 .elementor-element.elementor-element-df9f104:not(.elementor-motion-effects-element-type-background), .elementor-18724 .elementor-element.elementor-element-df9f104 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F3F5;background-image:url("https://casamuro.cl/wp-content/uploads/2026/07/piso-spc-almond-wood-contexto-00200107.png");}.elementor-18724 .elementor-element.elementor-element-df9f104 > .elementor-background-overlay{background-color:#080808;opacity:0.69;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18724 .elementor-element.elementor-element-df9f104{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:70px 0px 70px 0px;}.elementor-18724 .elementor-element.elementor-element-5978dfd{text-align:center;}.elementor-18724 .elementor-element.elementor-element-5978dfd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:700;color:var( --e-global-color-5eb6f50 );}.elementor-18724 .elementor-element.elementor-element-cc698f0:not(.elementor-motion-effects-element-type-background), .elementor-18724 .elementor-element.elementor-element-cc698f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8F7;}.elementor-18724 .elementor-element.elementor-element-cc698f0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-18724 .elementor-element.elementor-element-cc698f0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18724 .elementor-element.elementor-element-df99722:not(.elementor-motion-effects-element-type-background), .elementor-18724 .elementor-element.elementor-element-df99722 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://casamuro.cl/wp-content/uploads/2026/07/Wallpanel-tabaco-negro-contexto.png");background-position:center center;}.elementor-18724 .elementor-element.elementor-element-df99722 > .elementor-background-overlay{background-color:var( --e-global-color-secondary );opacity:0.57;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-18724 .elementor-element.elementor-element-df99722{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 0px 80px 0px;}@media(min-width:768px){.elementor-18724 .elementor-element.elementor-element-0c0922e{width:45.735%;}.elementor-18724 .elementor-element.elementor-element-6f120f2{width:54.265%;}}@media(max-width:767px){.elementor-18724 .elementor-element.elementor-element-5a3aee8:not(.elementor-motion-effects-element-type-background), .elementor-18724 .elementor-element.elementor-element-5a3aee8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://casamuro.cl/wp-content/uploads/2026/07/Banner-Mobile.jpg.jpeg");}}/* Start custom CSS for image-carousel, class: .elementor-element-bd488e8 *//* ==========================================
   CARRUSEL APILADO (RESPETA LA COLUMNA Y FLECHAS CENTRADAS)
   ========================================== */

/* 1. Mantenemos el carrusel dentro de su propia columna */
.elementor-18724 .elementor-element.elementor-element-bd488e8 .elementor-widget-container {
    padding-right: 25% !important; 
    overflow: hidden !important; 
}

.elementor-18724 .elementor-element.elementor-element-bd488e8 .swiper-container,
.elementor-18724 .elementor-element.elementor-element-bd488e8 .swiper {
    overflow: visible !important;
}

/* 2. FLECHAS DE NAVEGACIÓN (Perfectamente centradas) */
.elementor-18724 .elementor-element.elementor-element-bd488e8 .elementor-swiper-button {
    display: flex !important;
    justify-content: center !important; /* Centrado horizontal */
    align-items: center !important;     /* Centrado vertical */
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    z-index: 20 !important;
    transition: all 0.3s ease !important;
}

/* Forzamos a que el ícono interno no tenga márgenes rebeldes */
.elementor-18724 .elementor-element.elementor-element-bd488e8 .elementor-swiper-button i,
.elementor-18724 .elementor-element.elementor-element-bd488e8 .elementor-swiper-button svg {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.elementor-18724 .elementor-element.elementor-element-bd488e8 .elementor-swiper-button:hover {
    background: #F9A825 !important; 
    color: #111111 !important;
}

/* Esconder la paginación de puntitos */
.elementor-18724 .elementor-element.elementor-element-bd488e8 .swiper-pagination {
    display: none !important;
}

/* 3. Animación base de las fotos */
.elementor-18724 .elementor-element.elementor-element-bd488e8 .swiper-slide {
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    opacity: 0 !important;
}

/* 4. LA FOTO PRINCIPAL */
.elementor-18724 .elementor-element.elementor-element-bd488e8 .swiper-slide-active {
    opacity: 1 !important;
    transform: scale(1) translateX(0) !important;
    z-index: 5 !important;
}

/* 5. LA FOTO QUE SE ASOMA */
.elementor-18724 .elementor-element.elementor-element-bd488e8 .swiper-slide-next {
    opacity: 0.7 !important;
    transform: scale(0.85) translateX(-40%) !important; 
    z-index: 1 !important;
}

/* 6. Diseño de la imagen (bordes y encuadre) */
.elementor-18724 .elementor-element.elementor-element-bd488e8 .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important; 
    object-fit: cover !important;
    border-radius: 20px !important;
    box-shadow: 5px 10px 25px rgba(0,0,0,0.15) !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-6f120f2 *//* ==========================================
   TEXTO PREMIUM (ESTILO EDITORIAL LEFT-ALIGNED)
   ========================================== */

/* 1. Forzamos a la columna a alinear todo a la izquierda */
.elementor-18724 .elementor-element.elementor-element-6f120f2 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important; 
}

/* 2. Título Masivo y de Alto Impacto */
.elementor-18724 .elementor-element.elementor-element-6f120f2 .elementor-heading-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 56px !important; /* Tamaño agresivo */
    font-weight: 900 !important; /* Grosor máximo */
    color: #111111 !important;
    line-height: 1.05 !important;
    letter-spacing: -2px !important;
    text-align: left !important;
    margin-bottom: 25px !important;
    position: relative;
    width: 100% !important;
}

/* 3. El Toque de Diseño: Línea de acento naranja */
.elementor-18724 .elementor-element.elementor-element-6f120f2 .elementor-heading-title::after {
    content: '';
    display: block;
    width: 60px; /* Línea corta y elegante */
    height: 5px;
    background-color: #F9A825; /* Naranja corporativo */
    margin-top: 25px;
    border-radius: 5px;
}

/* 4. Párrafo: Contraste de lectura */
.elementor-18724 .elementor-element.elementor-element-6f120f2 .elementor-widget-text-editor {
    width: 100% !important;
    margin: 0 !important;
}

.elementor-18724 .elementor-element.elementor-element-6f120f2 .elementor-text-editor {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 17px !important;
    color: #475569 !important; /* Gris pizarra oscuro, súper legible */
    line-height: 1.8 !important;
    font-weight: 400 !important;
    text-align: left !important;
    max-width: 90% !important; /* Evita que la línea sea tan larga que canse la vista */
}

/* ==========================================
   ANIMACIÓN DE ENTRADA (FADE IN UP)
   ========================================== */
@keyframes editorialFadeIn {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.elementor-18724 .elementor-element.elementor-element-6f120f2 {
    animation: editorialFadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    opacity: 0;
}

/* ==========================================
   AJUSTES PARA MÓVILES
   ========================================== */
@media (max-width: 767px) {
    .elementor-18724 .elementor-element.elementor-element-6f120f2 {
        align-items: center !important; /* En móvil sí centramos por espacio */
        padding-top: 20px !important;
    }

    .elementor-18724 .elementor-element.elementor-element-6f120f2 .elementor-heading-title {
        font-size: 40px !important;
        text-align: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .elementor-18724 .elementor-element.elementor-element-6f120f2 .elementor-text-editor {
        text-align: center !important;
        max-width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3317ad1 */.elementor-18724 .elementor-element.elementor-element-3317ad1 {
    padding-top: 90px !important;
    padding-bottom: 20px !important; /* Poquito espacio abajo para que las tarjetas queden cerca */
    background-color: #f7fafc !important;
}

.elementor-18724 .elementor-element.elementor-element-3317ad1 .elementor-heading-title {
    text-align: center !important;
    color: #111111 !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    margin: 0 !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4ea3d56 *//* ==========================================
   BENEFICIOS PREMIUM SIMÉTRICOS - CASA MURO
   ========================================== */

/* 1. Contenedor general de la sección */
.elementor-18724 .elementor-element.elementor-element-4ea3d56 {
    padding-top: 30px !important;
    padding-bottom: 90px !important;
    background-color: #f7fafc !important;
}

/* HACK CRÍTICO: Obliga a todas las columnas nativas a estirarse uniformemente */
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-container {
    align-items: stretch !important;
}

/* Asegurar que el envoltorio mantenga la altura completa */
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column,
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column > .elementor-widget-wrap {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Aplicar el diseño al contenedor del WIDGET (Simetría Total) */
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column .elementor-widget-container {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 45px 30px !important;
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    
    /* Forzar altura completa e interna elástica */
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

/* 3. Espaciado de los iconos/imágenes internos */
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column img,
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column .elementor-icon-box-icon,
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column .elementor-icon {
    margin-bottom: 25px !important;
    display: inline-block !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 4. Títulos internos con Montserrat */
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column h3,
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column .elementor-icon-box-title,
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column .elementor-icon-box-title a {
    font-family: 'Montserrat', sans-serif !important;
    color: #111111 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin: 0 0 15px 0 !important;
    text-decoration: none !important;
    letter-spacing: -0.5px !important;
}

/* 5. Párrafos/Descripciones con Montserrat */
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column p,
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column .elementor-icon-box-description {
    font-family: 'Montserrat', sans-serif !important;
    color: #555555 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    
    /* Empuja el texto de forma elástica si hay diferencias de contenido */
    margin-top: auto !important; 
}

/* ==========================================
   HOVER AISLADO Y SEPARADO
   ========================================== */
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column:hover .elementor-widget-container {
    transform: translateY(-8px) !important;
    border-color: #F9A825 !important;
    box-shadow: 0 20px 40px rgba(249, 168, 37, 0.08) !important;
}

.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column:hover img,
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column:hover .elementor-icon-box-icon,
.elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column:hover .elementor-icon {
    transform: scale(1.1) translateY(-3px) !important;
}

/* ==========================================
   RESPONSIVO MÓVIL
   ========================================== */
@media (max-width: 767px) {
    .elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column {
        margin-bottom: 25px !important;
        height: auto !important; /* En móviles que respiren natural */
    }
    .elementor-18724 .elementor-element.elementor-element-4ea3d56 .elementor-column .elementor-widget-container {
        padding: 35px 25px !important;
        height: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9211925 *//* ==========================================
   VITRINA DINÁMICA - ESTILO TÉCNICO EDITORIAL
   ========================================== */

/* Contenedor Principal */
.elementor-18724 .elementor-element.elementor-element-9211925 {
    padding-top: 20px !important;
    padding-bottom: 50px !important;
}

/* Grid Adaptativo */
.elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 20px 0 !important;
}

/* Tarjeta del Producto */
.elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid .cm-vitrina-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 25px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid .cm-vitrina-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08) !important;
    border-color: #cbd5e1 !important;
}

/* Imagen del Producto */
.elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid .cm-vitrina-img {
    width: 100% !important;
    height: 220px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid .cm-vitrina-img img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    mix-blend-mode: multiply !important;
    transition: transform 0.4s ease !important;
}

.elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid .cm-vitrina-card:hover .cm-vitrina-img img {
    transform: scale(1.05) !important;
}

/* Título */
.elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid .cm-vitrina-title {
    color: #111111 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin: 0 0 25px 0 !important;
    width: 100% !important;
}

/* Contenedor de Botones */
.elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid .cm-vitrina-actions {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: auto !important;
}

/* ==========================================
   BOTONES CON ESTILO TÉCNICO (COMO LAS ESPECIFICACIONES)
   ========================================== */
.elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid .cm-btn-vitrina {
    width: 100% !important;
    padding: 13px 10px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important; /* Métrica exacta de etiqueta técnica */
    font-weight: 800 !important; /* Grosor alto idéntico al título de especificaciones */
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important; /* El tracking abierto característico */
    border-radius: 12px !important; /* Bordes armónicos con las tarjetas */
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    outline: none !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

/* Botón: Ver Especificaciones (Transparente con borde sutil) */
.elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid .cm-btn-specs {
    background-color: transparent !important;
    color: #475569 !important;
    border: 2px solid #e2e8f0 !important;
    box-shadow: none !important;
}

.elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid .cm-btn-specs:hover {
    border-color: #111111 !important;
    color: #111111 !important;
    background-color: #f8fafc !important;
}

/* Botón: Comprar Ahora (Naranja técnico sólido) */
.elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid .cm-btn-buy {
    background-color: #F9A825 !important;
    color: #111111 !important;
    border: 2px solid #F9A825 !important;
    box-shadow: 0 4px 15px rgba(249, 168, 37, 0.2) !important;
}

.elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid .cm-btn-buy:hover {
    background-color: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
    box-shadow: 0 6px 15px rgba(17, 17, 17, 0.15) !important;
}

/* Responsivo */
@media (max-width: 767px) {
    .elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid {
        gap: 20px !important;
        padding: 10px !important;
    }
    .elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid .cm-vitrina-img {
        height: 180px !important;
    }
    .elementor-18724 .elementor-element.elementor-element-9211925 .cm-vitrina-grid .cm-vitrina-title {
        font-size: 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4006f30 *//* ==========================================
   FICHAS DINÁMICAS - ESTILO LATERAL PREMIUM
   ========================================== */

.elementor-18724 .elementor-element.elementor-element-4006f30 {
    padding-bottom: 80px !important;
    background-color: #f7fafc !important; 
    overflow: hidden !important; 
}

.cm-fichas-wrapper.lateral-layout {
    display: flex !important;
    flex-direction: row !important;
    gap: 40px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    font-family: 'Montserrat', sans-serif !important;
    align-items: flex-start !important;
}

/* ==========================================
   1. GALERÍA LATERAL (BOTONES)
   ========================================== */
.cm-tabs-heading {
    flex: 0 0 160px !important; 
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important; 
    max-height: 550px !important; 
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 10px 15px 20px 10px !important; 
    scrollbar-width: thin !important;
    scrollbar-color: #cbd5e1 transparent !important;
}

.cm-tabs-heading::-webkit-scrollbar { width: 6px !important; }
.cm-tabs-heading::-webkit-scrollbar-track { background: transparent !important; }
.cm-tabs-heading::-webkit-scrollbar-thumb { background-color: #cbd5e1 !important; border-radius: 10px !important; }

.cm-tab-btn {
    width: 100% !important;
    flex-shrink: 0 !important; 
    background: transparent !important; 
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    cursor: pointer !important;
    outline: none !important;
    mix-blend-mode: multiply !important; 
}

.cm-tab-thumb {
    width: 80px !important;
    height: 80px !important;
    flex-shrink: 0 !important; 
    background: transparent !important;
    border: none !important;
    border-radius: 12px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    opacity: 0.6 !important; 
}

.cm-tab-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; 
    border-radius: 12px !important;
    display: block !important;
}

.cm-tab-label {
    color: #94a3b8 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

.cm-tab-btn:hover:not(.cm-active) .cm-tab-thumb { opacity: 0.9 !important; transform: scale(1.05) !important; }
.cm-tab-btn.cm-active .cm-tab-thumb { opacity: 1 !important; transform: scale(1.1) !important; filter: drop-shadow(0px 8px 15px rgba(249, 168, 37, 0.6)) !important; }
.cm-tab-btn.cm-active .cm-tab-label { color: #F9A825 !important; }

/* ==========================================
   2. ÁREA DE CONTENIDO (ANIMACIÓN SUAVIZADA)
   ========================================== */
.cm-tabs-content {
    flex: 1 !important;
    background: transparent !important;
    width: 100% !important;
}

.cm-tab-pane {
    display: none !important;
    flex-direction: row !important;
    gap: 40px !important;
    align-items: center !important;
}

@keyframes cmFadeInSoft {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.cm-tab-pane.cm-active {
    display: flex !important;
    /* Animación alargada a 0.9s y curva ease-out para mayor suavidad */
    animation: cmFadeInSoft 0.9s ease-out forwards !important; 
}

/* Columna Izquierda: Imágenes */
.cm-pane-img-wrapper {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
    align-items: center !important;
}

.cm-pane-img {
    width: 100% !important;
    background: transparent !important; 
    border: none !important; 
    padding: 0 !important;
    mix-blend-mode: multiply !important; 
}

.cm-pane-img img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 12px !important;
}

.cm-pane-img img.cm-main-img { transition: opacity 0.3s ease-in-out !important; }

.cm-gallery-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
    width: 100% !important;
}

.cm-gal-thumb {
    width: 60px !important;
    height: 60px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    background: transparent !important;
    border: 2px solid transparent !important;
    opacity: 0.5 !important;
    transition: all 0.3s ease !important;
}

.cm-gal-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; mix-blend-mode: multiply !important; display: block !important; }
.cm-gal-thumb:hover { opacity: 0.8 !important; transform: translateY(-2px) !important; }
.cm-gal-thumb.cm-gal-active { opacity: 1 !important; border-color: #F9A825 !important; filter: drop-shadow(0px 4px 10px rgba(249, 168, 37, 0.2)) !important; }

/* ==========================================
   3. ÁREA DE TEXTOS Y ESPECIFICACIONES TÉCNICAS
   ========================================== */
.cm-pane-specs {
    flex: 1.2 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.cm-tab-pane .cm-dynamic-title {
    font-family: 'Montserrat', sans-serif !important;
    color: #111111 !important;
    font-size: 44px !important; 
    font-weight: 900 !important; 
    line-height: 1.05 !important;
    letter-spacing: -1.5px !important; 
    margin: 0 0 20px 0 !important;
    text-align: left !important;
}

.cm-tono-highlight { color: #F9A825 !important; }

.cm-specs-title {
    font-family: 'Montserrat', sans-serif !important;
    color: #111111 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.cm-specs-title::before {
    content: '' !important;
    display: block !important;
    width: 35px !important;
    height: 3px !important;
    background-color: #F9A825 !important;
    border-radius: 2px !important;
}

.cm-tab-pane .lista-tecnica {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 35px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.cm-tab-pane .lista-tecnica li {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    color: #475569 !important; 
    line-height: 1.5 !important;
    position: relative !important;
    padding-left: 24px !important;
    text-align: left !important;
}

.cm-tab-pane .lista-tecnica li strong { color: #111111 !important; font-weight: 800 !important; }

.cm-tab-pane .lista-tecnica li::before {
    content: '■' !important; 
    color: #F9A825 !important;
    font-size: 10px !important;
    position: absolute !important;
    left: 0 !important;
    top: 4px !important;
}

/* ==========================================
   4. BOTÓN DE COTIZAR
   ========================================== */
.cm-btn-cotizar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important; 
    padding: 15px 32px !important; 
    background-color: #F9A825 !important;
    color: #111111 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important; 
    font-weight: 800 !important;
    text-decoration: none !important;
    border-radius: 12px !important; 
    text-transform: uppercase !important;
    letter-spacing: 1px !important; 
    box-shadow: 0 8px 20px rgba(249, 168, 37, 0.25) !important; 
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.cm-btn-cotizar:hover {
    background-color: #111111 !important;
    color: #ffffff !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 25px rgba(17, 17, 17, 0.2) !important;
}

/* ==========================================
   5. MÓVILES
   ========================================== */
@media (max-width: 767px) {
    .cm-fichas-wrapper.lateral-layout { flex-direction: column !important; gap: 15px !important; }
    
    .cm-tabs-heading { flex: none !important; flex-direction: row !important; width: 100% !important; max-height: none !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 15px !important; gap: 20px !important; scroll-snap-type: x mandatory !important; }
    .cm-tabs-heading::-webkit-scrollbar { display: none !important; }
    .cm-tab-btn { flex: 0 0 75px !important; scroll-snap-align: center !important; }
    
    .cm-tab-pane { flex-direction: column !important; align-items: center !important; width: 100% !important; padding: 0 15px !important; }
    .cm-pane-specs { display: contents !important; }

    .cm-tab-pane .cm-dynamic-title { order: 1 !important; text-align: center !important; font-size: 34px !important; letter-spacing: -1px !important; margin-bottom: 20px !important; width: 100% !important; }
    .cm-pane-img-wrapper { order: 2 !important; width: 100% !important; max-width: 320px !important; margin-bottom: 20px !important; }
    
    .cm-specs-title { order: 3 !important; justify-content: center !important; width: 100% !important; }
    .cm-specs-title::before { display: none !important; }
    
    .cm-tab-pane .lista-tecnica { order: 4 !important; width: 100% !important; margin-bottom: 20px !important; }
    .cm-tab-pane .lista-tecnica li { font-size: 14px !important; }
    
    .cm-btn-cotizar { order: 5 !important; margin-top: 10px !important; width: 100% !important; text-align: center !important; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9d60dcf *//* ==========================================
   VITRINA DINÁMICA - ESTILO TÉCNICO EDITORIAL
   ========================================== */

/* Contenedor Principal */
.elementor-18724 .elementor-element.elementor-element-9d60dcf {
    padding-top: 20px !important;
    padding-bottom: 50px !important;
}

/* Grid Adaptativo */
.elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    font-family: 'Montserrat', sans-serif !important;
    padding: 20px 0 !important;
}

/* Tarjeta del Producto */
.elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid .cm-vitrina-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 25px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid .cm-vitrina-card:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08) !important;
    border-color: #cbd5e1 !important;
}

/* Imagen del Producto */
.elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid .cm-vitrina-img {
    width: 100% !important;
    height: 220px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid .cm-vitrina-img img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    mix-blend-mode: multiply !important;
    transition: transform 0.4s ease !important;
}

.elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid .cm-vitrina-card:hover .cm-vitrina-img img {
    transform: scale(1.05) !important;
}

/* Título */
.elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid .cm-vitrina-title {
    color: #111111 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin: 0 0 25px 0 !important;
    width: 100% !important;
}

/* Contenedor de Botones */
.elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid .cm-vitrina-actions {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: auto !important;
}

/* ==========================================
   BOTONES CON ESTILO TÉCNICO (COMO LAS ESPECIFICACIONES)
   ========================================== */
.elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid .cm-btn-vitrina {
    width: 100% !important;
    padding: 13px 10px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important; /* Métrica exacta de etiqueta técnica */
    font-weight: 800 !important; /* Grosor alto idéntico al título de especificaciones */
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important; /* El tracking abierto característico */
    border-radius: 12px !important; /* Bordes armónicos con las tarjetas */
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-align: center !important;
    outline: none !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

/* Botón: Ver Especificaciones (Transparente con borde sutil) */
.elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid .cm-btn-specs {
    background-color: transparent !important;
    color: #475569 !important;
    border: 2px solid #e2e8f0 !important;
    box-shadow: none !important;
}

.elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid .cm-btn-specs:hover {
    border-color: #111111 !important;
    color: #111111 !important;
    background-color: #f8fafc !important;
}

/* Botón: Comprar Ahora (Naranja técnico sólido) */
.elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid .cm-btn-buy {
    background-color: #F9A825 !important;
    color: #111111 !important;
    border: 2px solid #F9A825 !important;
    box-shadow: 0 4px 15px rgba(249, 168, 37, 0.2) !important;
}

.elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid .cm-btn-buy:hover {
    background-color: #111111 !important;
    color: #ffffff !important;
    border-color: #111111 !important;
    box-shadow: 0 6px 15px rgba(17, 17, 17, 0.15) !important;
}

/* Responsivo */
@media (max-width: 767px) {
    .elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid {
        gap: 20px !important;
        padding: 10px !important;
    }
    .elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid .cm-vitrina-img {
        height: 180px !important;
    }
    .elementor-18724 .elementor-element.elementor-element-9d60dcf .cm-vitrina-grid .cm-vitrina-title {
        font-size: 18px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ddddfaa *//* ==========================================
   CALCULADORA CASA MURO - CSS BLINDADO
   ========================================== */

.cm-calc-container {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 60px 15px !important;
    font-family: 'Montserrat', sans-serif !important;
    background-color: #f7fafc !important; 
}

.cm-calc-card {
    background: #ffffff !important;
    width: 100% !important;
    max-width: 680px !important;
    border-radius: 24px !important;
    padding: 40px 50px 50px 50px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
}

/* Enlace superior al carrito */
.cm-calc-top-action {
    display: flex !important;
    justify-content: flex-end !important;
    margin-bottom: 10px !important;
}
.cm-go-cart-link {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    text-decoration: none !important;
    padding: 8px 16px !important;
    border-radius: 30px !important;
    background-color: #f1f5f9 !important;
    transition: all 0.3s ease !important;
}
.cm-go-cart-link:hover {
    background-color: #F9A825 !important;
    color: #111111 !important;
}

/* Cabecera */
.cm-calc-header { text-align: center !important; }
.cm-calc-header h3 {
    color: #111111 !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    letter-spacing: -1px !important;
    margin: 0 0 15px 0 !important;
}
.cm-calc-header p {
    color: #64748b !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin: 0 auto 35px auto !important;
    font-weight: 400 !important;
}

/* Formulario */
.cm-calc-row {
    display: flex !important;
    gap: 20px !important;
    margin-bottom: 30px !important;
    text-align: left !important;
}
.cm-calc-group {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}
.cm-calc-group label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #475569 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 10px !important;
}

/* Inputs y Select (Blindados contra el tema) */
.cm-select-wrapper {
    position: relative !important;
    width: 100% !important;
}
.cm-calc-group select,
.cm-calc-group input {
    width: 100% !important;
    height: 56px !important;
    padding: 0 20px !important;
    border: 2px solid #e2e8f0 !important; 
    border-radius: 12px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111111 !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    outline: none !important;
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Ícono de flecha personalizado */
.cm-calc-group select {
    cursor: pointer !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 18px center !important;
    background-size: 16px !important;
    padding-right: 45px !important;
}

.cm-calc-group select:focus,
.cm-calc-group input:focus {
    border-color: #F9A825 !important;
    box-shadow: 0 0 0 4px rgba(249, 168, 37, 0.15) !important;
}

/* ==========================================
   BOTONES BLINDADOS
   ========================================== */

/* Bloque contenedor de botones en resultados */
.cm-calc-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
}

/* Botón Principal (Destacado y Animado) */
@keyframes cmBtnPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(249, 168, 37, 0.6) !important;
    }
    70% {
        box-shadow: 0 0 0 15px rgba(249, 168, 37, 0) !important;
    }
    100% {
        box-shadow: 0 0 0 0 rgba(249, 168, 37, 0) !important;
    }
}

/* Agrupamos ambas clases para que los dos botones tengan el mismo estilo brutal */
.cm-calc-btn-primary,
#cm-btn-add-cart.cm-calc-btn-solid {
    width: 100% !important;
    height: 64px !important;
    background-color: #F9A825 !important;
    background-image: linear-gradient(135deg, #F9A825 0%, #ffb845 100%) !important;
    color: #111111 !important;
    border: none !important;
    border-radius: 12px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 8px 20px rgba(249, 168, 37, 0.3) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    animation: cmBtnPulse 2s infinite !important;
}

.cm-calc-btn-primary:hover,
#cm-btn-add-cart.cm-calc-btn-solid:hover {
    background-color: #111111 !important;
    background-image: none !important;
    color: #ffffff !important;
    transform: translateY(-4px) scale(1.02) !important;
    box-shadow: 0 15px 30px rgba(17, 17, 17, 0.3) !important;
    animation: none !important;
}

/* Botón Secundario (Negro Sólido) */
.cm-calc-btn-solid-black {
    width: 100% !important;
    height: 58px !important;
    background-color: #111111 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}
.cm-calc-btn-solid-black:hover {
    background-color: #333333 !important;
    transform: translateY(-2px) !important;
}

/* Botón de texto simple (Volver) */
.cm-calc-btn-text {
    background: none !important;
    border: none !important;
    color: #64748b !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    width: 100% !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
    padding: 10px !important;
    margin: 0 !important;
}
.cm-calc-btn-text:hover { color: #ef4444 !important; }

/* ==========================================
   CAJA DE RESULTADOS
   ========================================== */
.cm-results-box {
    background: #f8fafc !important;
    border-radius: 16px !important;
    padding: 30px !important;
    margin-bottom: 25px !important;
    border: 2px dashed #cbd5e1 !important;
    text-align: center !important;
    animation: fadeIn 0.4s ease forwards !important;
}
.cm-results-box h4 { font-family: 'Montserrat', sans-serif !important; font-size: 24px !important; font-weight: 900 !important; margin: 0 0 10px 0 !important; color: #111111 !important; }
.cm-highlight { color: #F9A825 !important; }
.cm-results-box p { font-family: 'Montserrat', sans-serif !important; font-size: 16px !important; color: #64748b !important; margin: 0 0 15px 0 !important; }
.cm-price-total { font-family: 'Montserrat', sans-serif !important; font-size: 22px !important; font-weight: 900 !important; color: #111111 !important; padding-top: 20px !important; border-top: 1px solid #e2e8f0 !important; }

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 767px) {
    .cm-calc-container { padding: 40px 15px !important; }
    .cm-calc-card { padding: 30px 20px !important; }
    .cm-calc-row { flex-direction: column !important; gap: 15px !important; }
    .cm-calc-btn-primary, #cm-btn-add-cart.cm-calc-btn-solid, .cm-calc-btn-solid-black { font-size: 13px !important; } 
}

/* 1. Asegurar que el texto se alinee a la izquierda y no se centre */
.cm-calc-group input {
    text-align: left !important;
}

/* 2. Estilo para navegadores modernos (Chrome, Safari, Edge) */
.cm-calc-group input::placeholder {
    color: #94a3b8 !important; 
    font-weight: 400 !important; 
    font-size: 15px !important;
    opacity: 1 !important; 
}

/* 3. Estilo para Internet Explorer antiguo */
.cm-calc-group input:-ms-input-placeholder {
    color: #94a3b8 !important;
    font-weight: 400 !important;
}

/* 4. Estilo para Edge antiguo */
.cm-calc-group input::-ms-input-placeholder {
    color: #94a3b8 !important;
    font-weight: 400 !important;
}

/* ==========================================
   NOTIFICACIÓN DE CARRITO DESTACADA
   ========================================== */
.cm-cart-success {
    background-color: #111111 !important; 
    color: #ffffff !important; 
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    margin-bottom: 25px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
    border-left: 5px solid #F9A825 !important;
    animation: slideDownFade 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

/* Forzar que CUALQUIER enlace dentro de esta caja sea un botón naranja */
.cm-cart-success a,
.cm-cart-success .cm-cart-success-btn {
    display: inline-block !important;
    background-color: #F9A825 !important;
    color: #111111 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
    border: none !important;
}

.cm-cart-success a:hover,
.cm-cart-success .cm-cart-success-btn:hover {
    background-color: #ffffff !important;
    color: #111111 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(255,255,255,0.2) !important;
}

@keyframes slideDownFade {
    from { opacity: 0; transform: translateY(-15px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 767px) {
    .cm-cart-success {
        flex-direction: column !important;
        text-align: center !important;
    }
    .cm-cart-success a,
    .cm-cart-success .cm-cart-success-btn {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-cb375a7 *//* ==========================================
   REDISEÑO DE CALCULADORA EN TONO CLARO
   ========================================== */

/* 1. Contenedor de la Sección (Fondo unificado claro) */
.elementor-18724 .elementor-element.elementor-element-cb375a7 {
    padding-top: 100px !important;
    background-color: #f7fafc !important; 
}

/* Título de la Sección de Elementor (Arriba de la caja) */
.elementor-18724 .elementor-element.elementor-element-cb375a7 .elementor-heading-title {
    color: #111111 !important; /* Pasamos a negro de alta jerarquía */
    font-size: 36px !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 45px !important;
    text-align: center !important;
}

/* 2. La Tarjeta de la Calculadora (Fondo Blanco Limpio) */
.elementor-18724 .elementor-element.elementor-element-cb375a7 #cotizador-wrapper,
.elementor-18724 .elementor-element.elementor-element-cb375a7 .cotizador-container,
.elementor-18724 .elementor-element.elementor-element-cb375a7 [id*="cotizador"] {
    background: #ffffff !important; /* Tarjeta blanca sólida premium */
    border: 1px solid #e2e8f0 !important; /* Borde suave */
    border-radius: 24px !important;
    padding: 50px 40px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.03) !important; /* Sombra sutil, no pesada */
    max-width: 650px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* Título interno de la tarjeta */
.elementor-18724 .elementor-element.elementor-element-cb375a7 #cotizador-wrapper h3,
.elementor-18724 .elementor-element.elementor-element-cb375a7 .cotizador-container h2 {
    color: #111111 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    margin-bottom: 10px !important;
}

/* Subtexto explicativo */
.elementor-18724 .elementor-element.elementor-element-cb375a7 #cotizador-wrapper p,
.elementor-18724 .elementor-element.elementor-element-cb375a7 .cotizador-container .subtexto {
    color: #64748b !important; /* Gris slate editorial */
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin-bottom: 35px !important;
}

/* 3. Etiquetas de los Inputs */
.elementor-18724 .elementor-element.elementor-element-cb375a7 label,
.elementor-18724 .elementor-element.elementor-element-cb375a7 .cotizador-label {
    color: #4a5568 !important; /* Texto intermedio nítido */
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
    display: block !important;
}

/* 4. Estilizado de Inputs Claros (Select y Campo Numérico) */
.elementor-18724 .elementor-element.elementor-element-cb375a7 select,
.elementor-18724 .elementor-element.elementor-element-cb375a7 input[type="number"] {
    width: 100% !important;
    height: 52px !important;
    background: #f8fafc !important; /* Fondo claro sutil para el input */
    border: 1px solid #cbd5e1 !important;
    border-radius: 12px !important;
    color: #111111 !important; /* Letras oscuras al escribir */
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
    outline: none !important;
}

/* Enfoque activo (Focus) en modo claro */
.elementor-18724 .elementor-element.elementor-element-cb375a7 select:focus,
.elementor-18724 .elementor-element.elementor-element-cb375a7 input[type="number"]:focus {
    border-color: #F9A825 !important; /* Encendido naranja Casa Muro */
    box-shadow: 0 0 0 3px rgba(249, 168, 37, 0.1) !important;
    background: #ffffff !important; /* Se aclara por completo al pinchar */
}

/* 5. El Botón de Calcular Principal */
.elementor-18724 .elementor-element.elementor-element-cb375a7 #btn-ejecutar-calculo,
.elementor-18724 .elementor-element.elementor-element-cb375a7 button.btn-calcular,
.elementor-18724 .elementor-element.elementor-element-cb375a7 input[type="submit"] {
    width: 100% !important;
    height: 54px !important;
    background: #F9A825 !important; /* El naranja corporativo potente */
    color: #000000 !important;
    border: none !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    margin-top: 25px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 4px 15px rgba(249, 168, 37, 0.2) !important;
}

/* Hover del Botón (Pasa a negro elegante para contrastar fuerte en fondo claro) */
.elementor-18724 .elementor-element.elementor-element-cb375a7 #btn-ejecutar-calculo:hover,
.elementor-18724 .elementor-element.elementor-element-cb375a7 button.btn-calcular:hover {
    background: #111111 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 25px rgba(17, 17, 17, 0.15) !important;
}

/* 6. Estilo del Bloque de Resultados (Modo Claro) */
.elementor-18724 .elementor-element.elementor-element-cb375a7 #cotizador-results,
.elementor-18724 .elementor-element.elementor-element-cb375a7 .results-visible {
    margin-top: 35px !important;
    padding-top: 30px !important;
    border-top: 1px solid #e2e8f0 !important;
    text-align: center !important;
}

/* ==========================================
   RESPONSIVO MÓVIL
   ========================================== */
@media (max-width: 767px) {
    .elementor-18724 .elementor-element.elementor-element-cb375a7 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .elementor-18724 .elementor-element.elementor-element-cb375a7 .elementor-heading-title {
        font-size: 28px !important;
    }
    .elementor-18724 .elementor-element.elementor-element-cb375a7 #cotizador-wrapper,
    .elementor-18724 .elementor-element.elementor-element-cb375a7 .cotizador-container {
        padding: 35px 25px !important;
        margin: 0 15px !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-df9f104 *//* ==========================================
   SECCIÓN LOGÍSTICA PREMIUM - DARK GLASSMORPHISM
   ========================================== */

/* Fondo transparente para que luzca la imagen de la cocina */
.elementor-18724 .elementor-element.elementor-element-df9f104 {
    padding-bottom: 100px !important;
    background-color: transparent !important; 
}

/* Container general de las tarjetas - Estilo Cristal Oscuro */
.elementor-18724 .elementor-element.elementor-element-df9f104 .tarjeta-logistica {
    background: rgba(17, 17, 17, 0.65) !important; /* Negro translúcido */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    padding: 45px 30px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    
    min-height: 340px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

/* Contenedor del SVG Moderno */
.elementor-18724 .elementor-element.elementor-element-df9f104 .icono-logistica {
    width: 55px !important;
    height: 55px !important;
    margin: 0 auto 25px auto !important;
    display: block !important;
}

/* Estilo del SVG plano - Ahora en Blanco */
.elementor-18724 .elementor-element.elementor-element-df9f104 .icono-logistica svg {
    width: 100% !important;
    height: 100% !important;
    color: #ffffff !important; 
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Títulos Modernizados - Blancos */
.elementor-18724 .elementor-element.elementor-element-df9f104 .tarjeta-logistica h4 {
    font-family: 'Montserrat', sans-serif !important;
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin: 0 0 15px 0 !important;
    letter-spacing: -0.5px !important;
}

/* Textos informativos - Gris claro */
.elementor-18724 .elementor-element.elementor-element-df9f104 .tarjeta-logistica p {
    font-family: 'Montserrat', sans-serif !important;
    color: #cbd5e1 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
    margin-top: auto !important;
}

/* Resaltar palabras clave en Blanco */
.elementor-18724 .elementor-element.elementor-element-df9f104 .tarjeta-logistica p strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* ==========================================
   INTERACCIÓN HOVER DARK GLASS
   ========================================== */

.elementor-18724 .elementor-element.elementor-element-df9f104 .col-logistica:hover .tarjeta-logistica {
    transform: translateY(-8px) !important;
    border-color: #F9A825 !important;
    background: rgba(17, 17, 17, 0.85) !important; /* Se oscurece un poco más al pasar el mouse */
    box-shadow: 0 20px 40px rgba(249, 168, 37, 0.15) !important;
}

.elementor-18724 .elementor-element.elementor-element-df9f104 .col-logistica:hover .icono-logistica svg {
    color: #F9A825 !important;
    transform: scale(1.05) translateY(-3px) !important;
}

/* ==========================================
   RESPONSIVO MÓVIL
   ========================================== */
@media (max-width: 767px) {
    .elementor-18724 .elementor-element.elementor-element-df9f104 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .elementor-18724 .elementor-element.elementor-element-df9f104 .tarjeta-logistica {
        min-height: auto !important;
        padding: 35px 25px !important;
    }
    .elementor-18724 .elementor-element.elementor-element-df9f104 .col-logistica {
        margin-bottom: 20px !important;
    }
}

/* ==========================================
   INYECCIÓN DEL ÍCONO CENTRAL VÍA CSS (BLANCO)
   ========================================== */

.elementor-18724 .elementor-element.elementor-element-df9f104 .icono-regiones {
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto 20px auto !important;
    background-color: #ffffff !important; /* Base blanca */
    
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>') no-repeat center;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>') no-repeat center;
    
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    
    display: block !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-18724 .elementor-element.elementor-element-df9f104 .col-logistica:hover .icono-regiones,
.elementor-18724 .elementor-element.elementor-element-df9f104 .tarjeta-logistica:hover .icono-regiones {
    background-color: #F9A825 !important; /* Se vuelve naranja al hacer hover */
    transform: scale(1.05) translateY(-3px) !important;
}

/* ==========================================
   AJUSTE DE EQUILIBRIO PARA LA TARJETA 3
   (Aplica esto si le pusiste la clase "tarjeta-showroom")
   ========================================== */
.elementor-18724 .elementor-element.elementor-element-df9f104 .tarjeta-showroom {
    padding: 40px 22px !important;
}

.elementor-18724 .elementor-element.elementor-element-df9f104 .tarjeta-showroom h4 {
    font-size: 20px !important;
}

.elementor-18724 .elementor-element.elementor-element-df9f104 .tarjeta-showroom p {
    font-size: 14px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33bdd6e *//* ==========================================
   TARJETAS DE CONTACTO SHOWROOM (DARK MODE)
   ========================================== */

/* Contenedor Grid (3 Columnas) */
.cm-showroom-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    width: 100%;
    margin-top: 40px;
}

/* Estructura Base de la Tarjeta */
.cm-info-card {
    background-color: rgba(255, 255, 255, 0.03); /* Fondo semitransparente elegante */
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    font-family: 'Montserrat', sans-serif;
}

/* Íconos SVG */
.cm-card-icon {
    width: 50px;
    height: 50px;
    background-color: rgba(249, 168, 37, 0.1); /* Fondo naranja sutil */
    color: #F9A825; /* Naranja corporativo */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    transition: all 0.4s ease;
}

.cm-card-icon svg {
    width: 24px;
    height: 24px;
}

/* Textos */
.cm-card-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0;
    letter-spacing: 0.5px;
}

.cm-card-text {
    color: #a1a1aa; /* Gris claro para lectura suave */
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 20px 0;
    flex-grow: 1; /* Empuja el botón de acción hacia abajo */
}

/* Texto de Acción (Enlaces) */
.cm-card-action {
    color: #F9A825;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: color 0.3s ease;
}

.cm-card-action.cm-inactive {
    color: #52525b; /* Gris oscuro para la tarjeta que no tiene link */
}

/* ==========================================
   EFECTOS HOVER (Solo para las clickeables)
   ========================================== */
.cm-clickable {
    cursor: pointer;
}

.cm-clickable:hover {
    transform: translateY(-8px);
    background-color: rgba(255, 255, 255, 0.06);
    border-color: rgba(249, 168, 37, 0.5); /* El borde se ilumina en naranja */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
}

.cm-clickable:hover .cm-card-icon {
    background-color: #F9A825;
    color: #111111; /* El ícono se invierte a negro sobre naranja */
    transform: scale(1.1);
}

.cm-clickable:hover .cm-card-action {
    color: #ffffff; /* El link brilla en blanco al pasar el mouse */
}

/* ==========================================
   RESPONSIVO PARA MÓVILES Y TABLETS
   ========================================== */
@media (max-width: 991px) {
    .cm-showroom-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .cm-showroom-grid {
        grid-template-columns: 1fr; /* Una sola columna en celulares */
    }
    
    .cm-info-card {
        padding: 25px 15px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-df99722 *//* Estilos del contenedor de texto */
.elementor-18724 .elementor-element.elementor-element-df99722 .bloque-ubicacion {
    padding-right: 30px;
}

.elementor-18724 .elementor-element.elementor-element-df99722 .tag-ubicacion {
    color: #F9A825 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 10px !important;
}

.elementor-18724 .elementor-element.elementor-element-df99722 .titulo-ubicacion {
    color: #ffffff !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    margin: 0 0 15px 0 !important;
}

.elementor-18724 .elementor-element.elementor-element-df99722 .bajada-ubicacion {
    color: #aaaaaa !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 30px !important;
}

/* Lista de ítems informativos */
.elementor-18724 .elementor-element.elementor-element-df99722 .datos-contacto {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin-bottom: 35px !important;
}

.elementor-18724 .elementor-element.elementor-element-df99722 .dato-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 15px !important;
}

.elementor-18724 .elementor-element.elementor-element-df99722 .dato-icono {
    font-size: 20px !important;
    line-height: 1 !important;
    padding-top: 2px !important;
}

.elementor-18724 .elementor-element.elementor-element-df99722 .dato-item strong {
    color: #ffffff !important;
    font-size: 15px !important;
    display: block !important;
    margin-bottom: 3px !important;
}

.elementor-18724 .elementor-element.elementor-element-df99722 .dato-item p {
    color: #bbbbbb !important;
    font-size: 15px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* Botón de acción con borde naranja */
.elementor-18724 .elementor-element.elementor-element-df99722 .btn-contacto-wsp {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    color: #ffffff !important;
    border: 2px solid #F9A825 !important;
    padding: 0 30px !important;
    height: 50px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-18724 .elementor-element.elementor-element-df99722 .btn-contacto-wsp:hover {
    background: #F9A825 !important;
    color: #111111 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(249, 168, 37, 0.2) !important;
}

/* Bordes redondeados sutiles para el mapa de Elementor */
.elementor-18724 .elementor-element.elementor-element-df99722 .elementor-custom-embed {
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid #2d2d2d !important;
}

/* Ajuste para los nuevos iconos de contacto */
.elementor-18724 .elementor-element.elementor-element-df99722 .dato-svg {
    width: 22px !important;
    height: 22px !important;
    color: #F9A825 !important; /* El naranja Casa Muro directo en los trazos */
    flex-shrink: 0 !important;
}

.elementor-18724 .elementor-element.elementor-element-df99722 .dato-svg svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}/* End custom CSS */