.elementor-1909 .elementor-element.elementor-element-0f21f2b{--display:flex;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.77;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-0f21f2b:not(.elementor-motion-effects-element-type-background), .elementor-1909 .elementor-element.elementor-element-0f21f2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4ca5269 );}.elementor-1909 .elementor-element.elementor-element-0f21f2b::before, .elementor-1909 .elementor-element.elementor-element-0f21f2b > .elementor-background-video-container::before, .elementor-1909 .elementor-element.elementor-element-0f21f2b > .e-con-inner > .elementor-background-video-container::before, .elementor-1909 .elementor-element.elementor-element-0f21f2b > .elementor-background-slideshow::before, .elementor-1909 .elementor-element.elementor-element-0f21f2b > .e-con-inner > .elementor-background-slideshow::before, .elementor-1909 .elementor-element.elementor-element-0f21f2b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-1909 .elementor-element.elementor-element-1d1aeba{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:250px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-8742612{text-align:center;}.elementor-1909 .elementor-element.elementor-element-8742612 .elementor-heading-title{font-size:65px;text-transform:uppercase;line-height:1em;letter-spacing:10px;}.elementor-1909 .elementor-element.elementor-element-e83078e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1909 .elementor-element.elementor-element-e83078e{text-align:center;}.elementor-1909 .elementor-element.elementor-element-e83078e .elementor-heading-title{font-size:40px;font-weight:300;text-transform:uppercase;letter-spacing:6.3px;color:#050505;}.elementor-1909 .elementor-element.elementor-element-47943c5 .elementor-button{background-color:#00A7D8;font-weight:normal;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;padding:15px 40px 15px 40px;}.elementor-1909 .elementor-element.elementor-element-47943c5 .elementor-button:hover, .elementor-1909 .elementor-element.elementor-element-47943c5 .elementor-button:focus{background-color:#6BCB48;color:#FFFFFF;}.elementor-1909 .elementor-element.elementor-element-47943c5 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-1909 .elementor-element.elementor-element-47943c5 .elementor-button:hover svg, .elementor-1909 .elementor-element.elementor-element-47943c5 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-1909 .elementor-element.elementor-element-1f97b70{--display:flex;--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:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:80px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-1f97b70:not(.elementor-motion-effects-element-type-background), .elementor-1909 .elementor-element.elementor-element-1f97b70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fdddecd );}.elementor-1909 .elementor-element.elementor-element-b590b04{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1909 .elementor-element.elementor-element-09de4d5{text-align:center;}.elementor-1909 .elementor-element.elementor-element-0e6534a{--display:flex;--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:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#EAE9EC;--border-color:#EAE9EC;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-0e6534a:not(.elementor-motion-effects-element-type-background), .elementor-1909 .elementor-element.elementor-element-0e6534a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b7c0fb3 );}.elementor-1909 .elementor-element.elementor-element-56fb3a7{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1909 .elementor-element.elementor-element-fc25df0{text-align:center;}.elementor-1909 .elementor-element.elementor-element-30375e0{--display:flex;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-e734416{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:70px;}.elementor-1909 .elementor-element.elementor-element-0ae5774 > .elementor-widget-container{padding:90px 0px 90px 0px;}.elementor-1909 .elementor-element.elementor-element-0ae5774{--icon-box-icon-margin:15px;}.elementor-1909 .elementor-element.elementor-element-8bade9b{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-1909 .elementor-element.elementor-element-4ea7162 > .elementor-widget-container{padding:90px 0px 90px 0px;}.elementor-1909 .elementor-element.elementor-element-4ea7162{--icon-box-icon-margin:15px;}.elementor-1909 .elementor-element.elementor-element-8c2d682{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-05b8777 > .elementor-widget-container{padding:90px 0px 90px 0px;}.elementor-1909 .elementor-element.elementor-element-05b8777{--icon-box-icon-margin:15px;}.elementor-1909 .elementor-element.elementor-element-1995795{--display:flex;--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;}.elementor-1909 .elementor-element.elementor-element-c43baaa{--display:flex;--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-1909 .elementor-element.elementor-element-9e98f75{--icon-box-icon-margin:15px;}.elementor-1909 .elementor-element.elementor-element-548c471{--display:flex;--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-1909 .elementor-element.elementor-element-75fbda3{--icon-box-icon-margin:15px;}.elementor-1909 .elementor-element.elementor-element-0d95ab3{--display:flex;--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-1909 .elementor-element.elementor-element-4dd6b9f{--icon-box-icon-margin:15px;}.elementor-1909 .elementor-element.elementor-element-7e3d1db{--display:flex;--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-1909 .elementor-element.elementor-element-e3fb2c0{--display:flex;}.elementor-1909 .elementor-element.elementor-element-3531507{text-align:center;}.elementor-1909 .elementor-element.elementor-element-31bd76c{--display:flex;--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;}.elementor-1909 .elementor-element.elementor-element-b637bdc{--display:flex;--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-1909 .elementor-element.elementor-element-a8d4204{--icon-box-icon-margin:15px;}.elementor-1909 .elementor-element.elementor-element-0620eb0{--display:flex;--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-1909 .elementor-element.elementor-element-bcc8cc1{--icon-box-icon-margin:15px;}.elementor-1909 .elementor-element.elementor-element-00aa5f6{--display:flex;--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-1909 .elementor-element.elementor-element-589c983{--icon-box-icon-margin:15px;}.elementor-1909 .elementor-element.elementor-element-f2d6775{--display:flex;--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-1909 .elementor-element.elementor-element-dbb0df6{--display:flex;--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-1909 .elementor-element.elementor-element-5d4f528 .elementor-swiper-button{font-size:20px;}.elementor-1909 .elementor-element.elementor-element-90793f4{--display:flex;--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-1909 .elementor-element.elementor-element-8f2cbb3{text-align:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1909 .elementor-element.elementor-element-1d1aeba{--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-8742612 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1909 .elementor-element.elementor-element-8742612 .elementor-heading-title{font-size:60px;letter-spacing:7px;}.elementor-1909 .elementor-element.elementor-element-e83078e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1909 .elementor-element.elementor-element-e83078e .elementor-heading-title{font-size:35px;letter-spacing:4px;}.elementor-1909 .elementor-element.elementor-element-47943c5 .elementor-button{font-size:16px;padding:16px 32px 16px 32px;}.elementor-1909 .elementor-element.elementor-element-1f97b70{--margin-top:70px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-1909 .elementor-element.elementor-element-0e6534a{--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1909 .elementor-element.elementor-element-0f21f2b{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-1d1aeba{--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-8742612 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1909 .elementor-element.elementor-element-8742612 .elementor-heading-title{font-size:40px;letter-spacing:5px;}.elementor-1909 .elementor-element.elementor-element-e83078e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1909 .elementor-element.elementor-element-e83078e .elementor-heading-title{font-size:25px;letter-spacing:2px;}.elementor-1909 .elementor-element.elementor-element-47943c5 .elementor-button{font-size:14px;padding:15px 28px 15px 28px;}.elementor-1909 .elementor-element.elementor-element-1f97b70{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1909 .elementor-element.elementor-element-0e6534a{--padding-top:40px;--padding-bottom:040px;--padding-left:10px;--padding-right:10px;}.elementor-1909 .elementor-element.elementor-element-e734416{--padding-top:0px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-8bade9b{--padding-top:0px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-1909 .elementor-element.elementor-element-8c2d682{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-1909 .elementor-element.elementor-element-1d1aeba{--width:100%;}.elementor-1909 .elementor-element.elementor-element-1f97b70{--content-width:1140px;}.elementor-1909 .elementor-element.elementor-element-b590b04{--width:100%;}.elementor-1909 .elementor-element.elementor-element-56fb3a7{--width:100%;}.elementor-1909 .elementor-element.elementor-element-30375e0{--width:100%;}.elementor-1909 .elementor-element.elementor-element-e734416{--width:33.33%;}.elementor-1909 .elementor-element.elementor-element-8bade9b{--width:33.33%;}.elementor-1909 .elementor-element.elementor-element-8c2d682{--width:33.33%;}.elementor-1909 .elementor-element.elementor-element-c43baaa{--width:33%;}.elementor-1909 .elementor-element.elementor-element-548c471{--width:33%;}.elementor-1909 .elementor-element.elementor-element-0d95ab3{--width:33%;}.elementor-1909 .elementor-element.elementor-element-b637bdc{--width:33%;}.elementor-1909 .elementor-element.elementor-element-0620eb0{--width:33%;}.elementor-1909 .elementor-element.elementor-element-00aa5f6{--width:33%;}}/* Start custom CSS for button, class: .elementor-element-47943c5 *//* Código CSS para el estilo del botón */
.elementor-1909 .elementor-element.elementor-element-47943c5 a, /* Usamos 'a' si es un enlace, o puedes usar '.elementor-1909 .elementor-element.elementor-element-47943c5' */
.tu-.elementor-1909 .elementor-element.elementor-element-47943c5-de-boton {
    /* Color de fondo: Celeste brillante (simulado del color en la imagen) */
    background-color: #00BFFF !important; 
    
    /* Color del texto: Blanco */
    color: #FFFFFF !important; 
    
    /* Bordes muy redondeados (el valor alto le da esa forma "pill" o de píldora) */
    border-radius: 10px !important; /* Ajusta este valor si necesitas más o menos redondeo */
    
    /* Relleno (Padding) para darle tamaño al botón */
    padding: 10px 25px !important; 
    
    /* Eliminar cualquier borde preexistente */
    border: none !important;
    
    /* Asegurar que el texto esté centrado y sea legible */
    text-align: center;
    text-decoration: none; /* Quitar subrayado si lo tiene */
    display: inline-block;
    font-size: 16px; /* Ajusta el tamaño de la fuente si es necesario */
    font-weight: bold; /* Hacer el texto más grueso, como en la imagen */
    line-height: 1.2; /* Para una mejor alineación vertical */
}

/* Opcional: Estilo al pasar el mouse (Hover) */
.elementor-1909 .elementor-element.elementor-element-47943c5 a:hover,
.tu-.elementor-1909 .elementor-element.elementor-element-47943c5-de-boton:hover {
    /* Oscurecer ligeramente el color al pasar el mouse para un efecto visual */
    background-color: #00A3D9 !important; 
    /* Cambiar el cursor a puntero */
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f21f2b *//* ======================================= */
/* 1. ESTILO DE LA SECCIÓN HERO / MISIÓN */
/* ======================================= */

/* Asegura que el contenedor de la Misión o Hero tome todo el ancho y tenga un alto mínimo */
/* (Reemplaza '.hero-mision' con la clase CSS real de tu sección de misión si la conoces) */
.hero-mision {
    padding: 80px 0; /* Espacio superior e inferior */
    background-color: #f7fbf8; /* Fondo muy claro (casi blanco) que refleja limpieza */
    display: flex;
    align-items: center;
}

/* Aplica el estilo al contenedor del texto (Nuestra Misión) */
.hero-mision .texto-mision {
    max-width: 50%; /* Limita el ancho para que la lectura sea fácil */
    padding-right: 30px; 
}

/* Estilo para el título de la misión */
.hero-mision h1 {
    color: #0077b6; /* Azul que ya usas en la marca, para destacar */
    font-size: 2.5em; 
    margin-bottom: 20px;
    font-weight: 700;
}

/* Estilo para el párrafo de la misión */
.hero-mision p {
    color: #333333;
    line-height: 1.6;
}

/* ======================================= */
/* 2. ESTILO PARA LA IMAGEN (NATURALEZA) */
/* ======================================= */

/* Asegura que la imagen de la misión ocupe el espacio y sea responsiva */
.hero-mision .imagen-sostenibilidad {
    width: 50%;
    max-width: 500px;
    margin-left: auto; /* Mueve la imagen a la derecha */
}

/* Asegura que la imagen se adapte a su contenedor */
.hero-mision .imagen-sostenibilidad img {
    width: 100%;
    height: auto;
    border-radius: 10px; /* Borde suave */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Sombra sutil */
}

/* ======================================= */
/* 3. RESPONSIVE (Ajuste para móviles) */
/* ======================================= */

@media (max-width: 768px) {
    .hero-mision {
        flex-direction: column; /* Apila el texto y la imagen en móviles */
        padding: 40px 15px;
    }
    .hero-mision .texto-mision, 
    .hero-mision .imagen-sostenibilidad {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        margin-left: 0;
        margin-bottom: 30px;
    }
    .hero-mision h1 {
        font-size: 1.8em;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-493abbc *//* Usamos '.elementor-1909 .elementor-element.elementor-element-493abbc' para apuntar al contenedor del shortcode/widget */
/* Luego usamos los .elementor-1909 .elementor-element.elementor-element-493abbces base de WooCommerce: .products .product (cada tarjeta) */

/* 1. Estilo para la Tarjeta Individual (Cada producto) */
.elementor-1909 .elementor-element.elementor-element-493abbc .products .product {
    /* IMPORTANTE: Usamos !important para anular estilos del tema o de WooCommerce */
    background-color: #FFFFFF !important;
    border: none !important;
    
    /* Sombra de Caja (Box Shadow) - Esto crea el efecto de levantamiento */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; 
    border-radius: 5px !important; 
    
    padding: 15px !important;
    margin: 10px 10px 20px 10px !important; /* Más espacio abajo para la sombra */
    text-align: center !important;
    list-style: none !important; /* Asegura que no tenga puntos de lista */
}

/* 2. Estilo para el Precio */
/* El precio de WooCommerce va dentro de la clase .price */
.elementor-1909 .elementor-element.elementor-element-493abbc .products .product .price {
    color: #007bff !important; 
    font-size: 1.2em !important; 
    font-weight: bold !important;
    display: block !important; 
    margin: 8px 0 !important;
}

/* 3. Estilo para el Botón "Añadir al carrito" */
/* El botón de WooCommerce tiene la clase .button y .add_to_cart_button */
.elementor-1909 .elementor-element.elementor-element-493abbc .products .product .button.add_to_cart_button {
    /* Color de fondo: Gris claro/Lavanda */
    background-color: #e6e6e6 !important; 
    /* Color del texto: Gris oscuro */
    color: #333333 !important; 
    
    padding: 10px 20px !important;
    border-radius: 5px !important; 
    border: none !important; 
    
    width: 100% !important; 
    font-weight: bold !important;
    text-transform: none !important;
    line-height: 1.5 !important; /* Mejora la alineación vertical del texto */
}

/* 4. Estilo Opcional: Hover (pasar el mouse) para el botón */
.elementor-1909 .elementor-element.elementor-element-493abbc .products .product .button.add_to_cart_button:hover {
    background-color: #dcdcdc !important; 
    color: #333333 !important; 
}

/* 5. Estilo para el título del producto */
.elementor-1909 .elementor-element.elementor-element-493abbc .products .product h2.woocommerce-loop-product__title {
    font-size: 1.1em !important;
    margin: 5px 0 5px 0 !important;
    padding: 0 !important;
}
/* ==========================================================
   AJUSTE DE RESPONSIVE: PRODUCTOS EN COLUMNA ÚNICA EN MÓVIL
   ========================================================== */

@media (max-width: 768px) {

    /* 1. WOOCOMMERCE: ARCHIVO DE PRODUCTOS (Página de Tienda y Categorías) */
    /* Fuerza que cada producto ocupe el 100% del ancho del contenedor en móviles */
    .woocommerce ul.products li.product {
        width: 100% !important; /* Cada producto ocupa todo el ancho */
        margin-right: 0 !important; /* Elimina cualquier margen derecho residual */
        clear: both !important; /* Asegura que no flote al lado de otro */
        padding: 0 5px; /* Pequeño padding lateral para que no toque el borde */
    }

    /* 2. ELEMENTOR: WIDGETS DE PRODUCTOS (Home) */
    /* Aplica el mismo principio a los widgets de productos de Elementor */
    .elementor-wc-products .woocommerce ul.products li.product {
        width: 100% !important;
    }
    
    /* 3. ELEMENTOR: WIDGETS DE PRODUCTOS DESTACADOS (Home) */
    /* Si tienes una sección de productos destacados, también se aplica */
    .elementor-widget-woocommerce-products .products {
        display: flex; /* Habilita flexbox para el contenedor */
        flex-direction: column; /* Coloca los productos en columna */
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0ae5774 */.elementor-1909 .elementor-element.elementor-element-0ae5774 {
  background: #fafafa;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4ea7162 */.elementor-1909 .elementor-element.elementor-element-4ea7162 {
  background: #fafafa;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-05b8777 */.elementor-1909 .elementor-element.elementor-element-05b8777 {
  background: #fafafa;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9e98f75 */.elementor-1909 .elementor-element.elementor-element-9e98f75 .elementor-icon {
  background: #e8f9f0;
  border-radius: 12px;
  padding: 14px;
  color: #2e8b57;
}

.elementor-1909 .elementor-element.elementor-element-9e98f75 .elementor-icon:hover {
  transform: scale(1.15);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-75fbda3 */.elementor-1909 .elementor-element.elementor-element-75fbda3 .elementor-icon {
  background: #e8f9f0;
  border-radius: 12px;
  padding: 14px;
  color: #2e8b57;
}

.elementor-1909 .elementor-element.elementor-element-75fbda3 .elementor-icon:hover {
  transform: scale(1.15);
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4dd6b9f */.elementor-1909 .elementor-element.elementor-element-4dd6b9f .elementor-icon {
  background: #e8f9f0;
  border-radius: 12px;
  padding: 14px;
  color: #2e8b57;
}

.elementor-1909 .elementor-element.elementor-element-4dd6b9f .elementor-icon:hover {
  transform: scale(1.15);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-52cbb41 *//* Código CSS para el estilo del botón */
.elementor-1909 .elementor-element.elementor-element-52cbb41 a, /* Usamos 'a' si es un enlace, o puedes usar '.elementor-1909 .elementor-element.elementor-element-52cbb41' */
.tu-.elementor-1909 .elementor-element.elementor-element-52cbb41-de-boton {
    /* Color de fondo: Celeste brillante (simulado del color en la imagen) */
    background-color: #00BFFF !important; 
    
    /* Color del texto: Blanco */
    color: #FFFFFF !important; 
    
    /* Bordes muy redondeados (el valor alto le da esa forma "pill" o de píldora) */
    border-radius: 10px !important; /* Ajusta este valor si necesitas más o menos redondeo */
    
    /* Relleno (Padding) para darle tamaño al botón */
    padding: 10px 25px !important; 
    
    /* Eliminar cualquier borde preexistente */
    border: none !important;
    
    /* Asegurar que el texto esté centrado y sea legible */
    text-align: center;
    text-decoration: none; /* Quitar subrayado si lo tiene */
    display: inline-block;
    font-size: 16px; /* Ajusta el tamaño de la fuente si es necesario */
    font-weight: bold; /* Hacer el texto más grueso, como en la imagen */
    line-height: 1.2; /* Para una mejor alineación vertical */
}

/* Opcional: Estilo al pasar el mouse (Hover) */
.elementor-1909 .elementor-element.elementor-element-52cbb41 a:hover,
.tu-.elementor-1909 .elementor-element.elementor-element-52cbb41-de-boton:hover {
    /* Oscurecer ligeramente el color al pasar el mouse para un efecto visual */
    background-color: #00A3D9 !important; 
    /* Cambiar el cursor a puntero */
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for testimonial-carousel, class: .elementor-element-5d4f528 */.elementor-1909 .elementor-element.elementor-element-5d4f528 {
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
/* Estilo para las tarjetas de testimonio dentro del carrusel */
.elementor-1909 .elementor-element.elementor-element-5d4f528 .swiper-slide {
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px; /* Asegura el espacio interno */
}

/* Color para el texto de la reseña */
.elementor-1909 .elementor-element.elementor-element-5d4f528 .elementor-testimonial-content {
    color: #555555;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2c8008f *//* Código CSS para el estilo del botón */
.elementor-1909 .elementor-element.elementor-element-2c8008f a, /* Usamos 'a' si es un enlace, o puedes usar '.elementor-1909 .elementor-element.elementor-element-2c8008f' */
.tu-.elementor-1909 .elementor-element.elementor-element-2c8008f-de-boton {
    /* Color de fondo: Celeste brillante (simulado del color en la imagen) */
    background-color: #00BFFF !important; 
    
    /* Color del texto: Blanco */
    color: #FFFFFF !important; 
    
    /* Bordes muy redondeados (el valor alto le da esa forma "pill" o de píldora) */
    border-radius: 10px !important; /* Ajusta este valor si necesitas más o menos redondeo */
    
    /* Relleno (Padding) para darle tamaño al botón */
    padding: 10px 25px !important; 
    
    /* Eliminar cualquier borde preexistente */
    border: none !important;
    
    /* Asegurar que el texto esté centrado y sea legible */
    text-align: center;
    text-decoration: none; /* Quitar subrayado si lo tiene */
    display: inline-block;
    font-size: 16px; /* Ajusta el tamaño de la fuente si es necesario */
    font-weight: bold; /* Hacer el texto más grueso, como en la imagen */
    line-height: 1.2; /* Para una mejor alineación vertical */
}

/* Opcional: Estilo al pasar el mouse (Hover) */
.elementor-1909 .elementor-element.elementor-element-2c8008f a:hover,
.tu-.elementor-1909 .elementor-element.elementor-element-2c8008f-de-boton:hover {
    /* Oscurecer ligeramente el color al pasar el mouse para un efecto visual */
    background-color: #00A3D9 !important; 
    /* Cambiar el cursor a puntero */
    cursor: pointer;
}/* End custom CSS */