.elementor-1430 .elementor-element.elementor-element-b36ba5d{--display:flex;--min-height:80vh;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1430 .elementor-element.elementor-element-b36ba5d:not(.elementor-motion-effects-element-type-background), .elementor-1430 .elementor-element.elementor-element-b36ba5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1430 .elementor-element.elementor-element-d6b6a67{--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-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1430 .elementor-element.elementor-element-ad303b1 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-2714814 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1430 .elementor-element.elementor-element-9ca6757{text-align:justify;font-family:"Kanit", Sans-serif;font-size:15px;font-weight:300;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1430 .elementor-element.elementor-element-ad781f8 .elementor-button{background-color:var( --e-global-color-10dcccb );font-family:"Kanit", Sans-serif;font-weight:500;text-transform:uppercase;fill:#FFFFFF;color:#FFFFFF;}.elementor-1430 .elementor-element.elementor-element-767fb8f{--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-1430 .elementor-element.elementor-element-6552b34{--display:flex;}.elementor-1430 .elementor-element.elementor-element-139687a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1430 .elementor-element.elementor-element-c381ba9{--display:flex;--position:absolute;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;bottom:0px;}body:not(.rtl) .elementor-1430 .elementor-element.elementor-element-c381ba9{right:0px;}body.rtl .elementor-1430 .elementor-element.elementor-element-c381ba9{left:0px;}.elementor-1430 .elementor-element.elementor-element-8266b53 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-1430 .elementor-element.elementor-element-ee5bf39 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-1430 .elementor-element.elementor-element-a5404d7{--display:flex;}.elementor-1430 .elementor-element.elementor-element-d4ead85{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1430 .elementor-element.elementor-element-bc7e06d{--display:flex;--position:absolute;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;bottom:0px;}body:not(.rtl) .elementor-1430 .elementor-element.elementor-element-bc7e06d{right:0px;}body.rtl .elementor-1430 .elementor-element.elementor-element-bc7e06d{left:0px;}.elementor-1430 .elementor-element.elementor-element-0fe79e8 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-1430 .elementor-element.elementor-element-e7e11c9 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-1430 .elementor-element.elementor-element-d717520{--display:flex;}.elementor-1430 .elementor-element.elementor-element-10e50c4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1430 .elementor-element.elementor-element-ef4d3e1{--display:flex;--position:absolute;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;bottom:0px;}body:not(.rtl) .elementor-1430 .elementor-element.elementor-element-ef4d3e1{right:0px;}body.rtl .elementor-1430 .elementor-element.elementor-element-ef4d3e1{left:0px;}.elementor-1430 .elementor-element.elementor-element-7579455 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-1430 .elementor-element.elementor-element-6a92222 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:300;color:#FFFFFF;}.elementor-1430 .elementor-element.elementor-element-8107b6b{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}@media(max-width:1024px){.elementor-1430 .elementor-element.elementor-element-8107b6b{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-1430 .elementor-element.elementor-element-d6b6a67{--width:50%;}.elementor-1430 .elementor-element.elementor-element-767fb8f{--width:50%;}.elementor-1430 .elementor-element.elementor-element-c381ba9{--content-width:500px;}.elementor-1430 .elementor-element.elementor-element-bc7e06d{--content-width:500px;}.elementor-1430 .elementor-element.elementor-element-ef4d3e1{--content-width:500px;}}@media(max-width:767px){.elementor-1430 .elementor-element.elementor-element-6552b34{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1430 .elementor-element.elementor-element-139687a{--width:500px;}.elementor-1430 .elementor-element.elementor-element-c381ba9{--content-width:500px;bottom:0px;}body:not(.rtl) .elementor-1430 .elementor-element.elementor-element-c381ba9{right:0px;}body.rtl .elementor-1430 .elementor-element.elementor-element-c381ba9{left:0px;}.elementor-1430 .elementor-element.elementor-element-a5404d7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1430 .elementor-element.elementor-element-d4ead85{--width:500px;}.elementor-1430 .elementor-element.elementor-element-bc7e06d{--content-width:500px;bottom:0px;}body:not(.rtl) .elementor-1430 .elementor-element.elementor-element-bc7e06d{right:0px;}body.rtl .elementor-1430 .elementor-element.elementor-element-bc7e06d{left:0px;}.elementor-1430 .elementor-element.elementor-element-d717520{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1430 .elementor-element.elementor-element-10e50c4{--width:500px;}.elementor-1430 .elementor-element.elementor-element-ef4d3e1{--content-width:500px;bottom:0px;}body:not(.rtl) .elementor-1430 .elementor-element.elementor-element-ef4d3e1{right:0px;}body.rtl .elementor-1430 .elementor-element.elementor-element-ef4d3e1{left:0px;}.elementor-1430 .elementor-element.elementor-element-8107b6b{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-c381ba9 */.elementor-1430 .elementor-element.elementor-element-c381ba9 {
    /* Fondo blanco semitransparente (ajusta el 0.2 para más/menos opacidad) */
    background: rgba(255, 255, 255, 0.2);

    /* El desenfoque del fondo (Lo más importante) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Bordes redondeados */
    border-radius: 20px;

    /* Borde blanco sutil para definir los límites del vidrio */
    border: 1px solid rgba(255, 255, 255, 0.3);

    /* Sombra para separar el vidrio del fondo */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

### Cómo personalizarlo:

1.  **Más o menos transparente:** Cambia el `0.2` en `background: rgba(255, 255, 255, 0.2)`. (0.1 es muy transparente, 0.8 es casi sólido).
2.  **Más desenfoque:** Cambia `10px` en `backdrop-filter` a `20px` si quieres que el fondo se vea más borroso.
3.  **Modo Oscuro:** Si tu sitio es oscuro, cambia el `background` a `rgba(0, 0, 0, 0.2)` y el borde a `rgba(255, 255, 255, 0.1)`.

**Nota importante:** Para que el efecto funcione bien, asegúrate de que en la pestaña **Estilo** del contenedor en Elementor no tengas asignado un color de fondo sólido (o ponlo totalmente transparente), ya que el CSS debe encargarse del fondo./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc7e06d */.elementor-1430 .elementor-element.elementor-element-bc7e06d {
    /* Fondo blanco semitransparente (ajusta el 0.2 para más/menos opacidad) */
    background: rgba(255, 255, 255, 0.2);

    /* El desenfoque del fondo (Lo más importante) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Bordes redondeados */
    border-radius: 20px;

    /* Borde blanco sutil para definir los límites del vidrio */
    border: 1px solid rgba(255, 255, 255, 0.3);

    /* Sombra para separar el vidrio del fondo */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

### Cómo personalizarlo:

1.  **Más o menos transparente:** Cambia el `0.2` en `background: rgba(255, 255, 255, 0.2)`. (0.1 es muy transparente, 0.8 es casi sólido).
2.  **Más desenfoque:** Cambia `10px` en `backdrop-filter` a `20px` si quieres que el fondo se vea más borroso.
3.  **Modo Oscuro:** Si tu sitio es oscuro, cambia el `background` a `rgba(0, 0, 0, 0.2)` y el borde a `rgba(255, 255, 255, 0.1)`.

**Nota importante:** Para que el efecto funcione bien, asegúrate de que en la pestaña **Estilo** del contenedor en Elementor no tengas asignado un color de fondo sólido (o ponlo totalmente transparente), ya que el CSS debe encargarse del fondo./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef4d3e1 */.elementor-1430 .elementor-element.elementor-element-ef4d3e1 {
    /* Fondo blanco semitransparente (ajusta el 0.2 para más/menos opacidad) */
    background: rgba(255, 255, 255, 0.2);

    /* El desenfoque del fondo (Lo más importante) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Bordes redondeados */
    border-radius: 20px;

    /* Borde blanco sutil para definir los límites del vidrio */
    border: 1px solid rgba(255, 255, 255, 0.3);

    /* Sombra para separar el vidrio del fondo */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

### Cómo personalizarlo:

1.  **Más o menos transparente:** Cambia el `0.2` en `background: rgba(255, 255, 255, 0.2)`. (0.1 es muy transparente, 0.8 es casi sólido).
2.  **Más desenfoque:** Cambia `10px` en `backdrop-filter` a `20px` si quieres que el fondo se vea más borroso.
3.  **Modo Oscuro:** Si tu sitio es oscuro, cambia el `background` a `rgba(0, 0, 0, 0.2)` y el borde a `rgba(255, 255, 255, 0.1)`.

**Nota importante:** Para que el efecto funcione bien, asegúrate de que en la pestaña **Estilo** del contenedor en Elementor no tengas asignado un color de fondo sólido (o ponlo totalmente transparente), ya que el CSS debe encargarse del fondo./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c381ba9 */.elementor-1430 .elementor-element.elementor-element-c381ba9 {
    /* Fondo blanco semitransparente (ajusta el 0.2 para más/menos opacidad) */
    background: rgba(255, 255, 255, 0.2);

    /* El desenfoque del fondo (Lo más importante) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Bordes redondeados */
    border-radius: 20px;

    /* Borde blanco sutil para definir los límites del vidrio */
    border: 1px solid rgba(255, 255, 255, 0.3);

    /* Sombra para separar el vidrio del fondo */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

### Cómo personalizarlo:

1.  **Más o menos transparente:** Cambia el `0.2` en `background: rgba(255, 255, 255, 0.2)`. (0.1 es muy transparente, 0.8 es casi sólido).
2.  **Más desenfoque:** Cambia `10px` en `backdrop-filter` a `20px` si quieres que el fondo se vea más borroso.
3.  **Modo Oscuro:** Si tu sitio es oscuro, cambia el `background` a `rgba(0, 0, 0, 0.2)` y el borde a `rgba(255, 255, 255, 0.1)`.

**Nota importante:** Para que el efecto funcione bien, asegúrate de que en la pestaña **Estilo** del contenedor en Elementor no tengas asignado un color de fondo sólido (o ponlo totalmente transparente), ya que el CSS debe encargarse del fondo./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc7e06d */.elementor-1430 .elementor-element.elementor-element-bc7e06d {
    /* Fondo blanco semitransparente (ajusta el 0.2 para más/menos opacidad) */
    background: rgba(255, 255, 255, 0.2);

    /* El desenfoque del fondo (Lo más importante) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Bordes redondeados */
    border-radius: 20px;

    /* Borde blanco sutil para definir los límites del vidrio */
    border: 1px solid rgba(255, 255, 255, 0.3);

    /* Sombra para separar el vidrio del fondo */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

### Cómo personalizarlo:

1.  **Más o menos transparente:** Cambia el `0.2` en `background: rgba(255, 255, 255, 0.2)`. (0.1 es muy transparente, 0.8 es casi sólido).
2.  **Más desenfoque:** Cambia `10px` en `backdrop-filter` a `20px` si quieres que el fondo se vea más borroso.
3.  **Modo Oscuro:** Si tu sitio es oscuro, cambia el `background` a `rgba(0, 0, 0, 0.2)` y el borde a `rgba(255, 255, 255, 0.1)`.

**Nota importante:** Para que el efecto funcione bien, asegúrate de que en la pestaña **Estilo** del contenedor en Elementor no tengas asignado un color de fondo sólido (o ponlo totalmente transparente), ya que el CSS debe encargarse del fondo./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef4d3e1 */.elementor-1430 .elementor-element.elementor-element-ef4d3e1 {
    /* Fondo blanco semitransparente (ajusta el 0.2 para más/menos opacidad) */
    background: rgba(255, 255, 255, 0.2);

    /* El desenfoque del fondo (Lo más importante) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Bordes redondeados */
    border-radius: 20px;

    /* Borde blanco sutil para definir los límites del vidrio */
    border: 1px solid rgba(255, 255, 255, 0.3);

    /* Sombra para separar el vidrio del fondo */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

### Cómo personalizarlo:

1.  **Más o menos transparente:** Cambia el `0.2` en `background: rgba(255, 255, 255, 0.2)`. (0.1 es muy transparente, 0.8 es casi sólido).
2.  **Más desenfoque:** Cambia `10px` en `backdrop-filter` a `20px` si quieres que el fondo se vea más borroso.
3.  **Modo Oscuro:** Si tu sitio es oscuro, cambia el `background` a `rgba(0, 0, 0, 0.2)` y el borde a `rgba(255, 255, 255, 0.1)`.

**Nota importante:** Para que el efecto funcione bien, asegúrate de que en la pestaña **Estilo** del contenedor en Elementor no tengas asignado un color de fondo sólido (o ponlo totalmente transparente), ya que el CSS debe encargarse del fondo./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c381ba9 */.elementor-1430 .elementor-element.elementor-element-c381ba9 {
    /* Fondo blanco semitransparente (ajusta el 0.2 para más/menos opacidad) */
    background: rgba(255, 255, 255, 0.2);

    /* El desenfoque del fondo (Lo más importante) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Bordes redondeados */
    border-radius: 20px;

    /* Borde blanco sutil para definir los límites del vidrio */
    border: 1px solid rgba(255, 255, 255, 0.3);

    /* Sombra para separar el vidrio del fondo */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

### Cómo personalizarlo:

1.  **Más o menos transparente:** Cambia el `0.2` en `background: rgba(255, 255, 255, 0.2)`. (0.1 es muy transparente, 0.8 es casi sólido).
2.  **Más desenfoque:** Cambia `10px` en `backdrop-filter` a `20px` si quieres que el fondo se vea más borroso.
3.  **Modo Oscuro:** Si tu sitio es oscuro, cambia el `background` a `rgba(0, 0, 0, 0.2)` y el borde a `rgba(255, 255, 255, 0.1)`.

**Nota importante:** Para que el efecto funcione bien, asegúrate de que en la pestaña **Estilo** del contenedor en Elementor no tengas asignado un color de fondo sólido (o ponlo totalmente transparente), ya que el CSS debe encargarse del fondo./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc7e06d */.elementor-1430 .elementor-element.elementor-element-bc7e06d {
    /* Fondo blanco semitransparente (ajusta el 0.2 para más/menos opacidad) */
    background: rgba(255, 255, 255, 0.2);

    /* El desenfoque del fondo (Lo más importante) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Bordes redondeados */
    border-radius: 20px;

    /* Borde blanco sutil para definir los límites del vidrio */
    border: 1px solid rgba(255, 255, 255, 0.3);

    /* Sombra para separar el vidrio del fondo */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

### Cómo personalizarlo:

1.  **Más o menos transparente:** Cambia el `0.2` en `background: rgba(255, 255, 255, 0.2)`. (0.1 es muy transparente, 0.8 es casi sólido).
2.  **Más desenfoque:** Cambia `10px` en `backdrop-filter` a `20px` si quieres que el fondo se vea más borroso.
3.  **Modo Oscuro:** Si tu sitio es oscuro, cambia el `background` a `rgba(0, 0, 0, 0.2)` y el borde a `rgba(255, 255, 255, 0.1)`.

**Nota importante:** Para que el efecto funcione bien, asegúrate de que en la pestaña **Estilo** del contenedor en Elementor no tengas asignado un color de fondo sólido (o ponlo totalmente transparente), ya que el CSS debe encargarse del fondo./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef4d3e1 */.elementor-1430 .elementor-element.elementor-element-ef4d3e1 {
    /* Fondo blanco semitransparente (ajusta el 0.2 para más/menos opacidad) */
    background: rgba(255, 255, 255, 0.2);

    /* El desenfoque del fondo (Lo más importante) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Bordes redondeados */
    border-radius: 20px;

    /* Borde blanco sutil para definir los límites del vidrio */
    border: 1px solid rgba(255, 255, 255, 0.3);

    /* Sombra para separar el vidrio del fondo */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

### Cómo personalizarlo:

1.  **Más o menos transparente:** Cambia el `0.2` en `background: rgba(255, 255, 255, 0.2)`. (0.1 es muy transparente, 0.8 es casi sólido).
2.  **Más desenfoque:** Cambia `10px` en `backdrop-filter` a `20px` si quieres que el fondo se vea más borroso.
3.  **Modo Oscuro:** Si tu sitio es oscuro, cambia el `background` a `rgba(0, 0, 0, 0.2)` y el borde a `rgba(255, 255, 255, 0.1)`.

**Nota importante:** Para que el efecto funcione bien, asegúrate de que en la pestaña **Estilo** del contenedor en Elementor no tengas asignado un color de fondo sólido (o ponlo totalmente transparente), ya que el CSS debe encargarse del fondo./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c381ba9 */.elementor-1430 .elementor-element.elementor-element-c381ba9 {
    /* Fondo blanco semitransparente (ajusta el 0.2 para más/menos opacidad) */
    background: rgba(255, 255, 255, 0.2);

    /* El desenfoque del fondo (Lo más importante) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Bordes redondeados */
    border-radius: 20px;

    /* Borde blanco sutil para definir los límites del vidrio */
    border: 1px solid rgba(255, 255, 255, 0.3);

    /* Sombra para separar el vidrio del fondo */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

### Cómo personalizarlo:

1.  **Más o menos transparente:** Cambia el `0.2` en `background: rgba(255, 255, 255, 0.2)`. (0.1 es muy transparente, 0.8 es casi sólido).
2.  **Más desenfoque:** Cambia `10px` en `backdrop-filter` a `20px` si quieres que el fondo se vea más borroso.
3.  **Modo Oscuro:** Si tu sitio es oscuro, cambia el `background` a `rgba(0, 0, 0, 0.2)` y el borde a `rgba(255, 255, 255, 0.1)`.

**Nota importante:** Para que el efecto funcione bien, asegúrate de que en la pestaña **Estilo** del contenedor en Elementor no tengas asignado un color de fondo sólido (o ponlo totalmente transparente), ya que el CSS debe encargarse del fondo./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc7e06d */.elementor-1430 .elementor-element.elementor-element-bc7e06d {
    /* Fondo blanco semitransparente (ajusta el 0.2 para más/menos opacidad) */
    background: rgba(255, 255, 255, 0.2);

    /* El desenfoque del fondo (Lo más importante) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Bordes redondeados */
    border-radius: 20px;

    /* Borde blanco sutil para definir los límites del vidrio */
    border: 1px solid rgba(255, 255, 255, 0.3);

    /* Sombra para separar el vidrio del fondo */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

### Cómo personalizarlo:

1.  **Más o menos transparente:** Cambia el `0.2` en `background: rgba(255, 255, 255, 0.2)`. (0.1 es muy transparente, 0.8 es casi sólido).
2.  **Más desenfoque:** Cambia `10px` en `backdrop-filter` a `20px` si quieres que el fondo se vea más borroso.
3.  **Modo Oscuro:** Si tu sitio es oscuro, cambia el `background` a `rgba(0, 0, 0, 0.2)` y el borde a `rgba(255, 255, 255, 0.1)`.

**Nota importante:** Para que el efecto funcione bien, asegúrate de que en la pestaña **Estilo** del contenedor en Elementor no tengas asignado un color de fondo sólido (o ponlo totalmente transparente), ya que el CSS debe encargarse del fondo./* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef4d3e1 */.elementor-1430 .elementor-element.elementor-element-ef4d3e1 {
    /* Fondo blanco semitransparente (ajusta el 0.2 para más/menos opacidad) */
    background: rgba(255, 255, 255, 0.2);

    /* El desenfoque del fondo (Lo más importante) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    /* Bordes redondeados */
    border-radius: 20px;

    /* Borde blanco sutil para definir los límites del vidrio */
    border: 1px solid rgba(255, 255, 255, 0.3);

    /* Sombra para separar el vidrio del fondo */
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

### Cómo personalizarlo:

1.  **Más o menos transparente:** Cambia el `0.2` en `background: rgba(255, 255, 255, 0.2)`. (0.1 es muy transparente, 0.8 es casi sólido).
2.  **Más desenfoque:** Cambia `10px` en `backdrop-filter` a `20px` si quieres que el fondo se vea más borroso.
3.  **Modo Oscuro:** Si tu sitio es oscuro, cambia el `background` a `rgba(0, 0, 0, 0.2)` y el borde a `rgba(255, 255, 255, 0.1)`.

**Nota importante:** Para que el efecto funcione bien, asegúrate de que en la pestaña **Estilo** del contenedor en Elementor no tengas asignado un color de fondo sólido (o ponlo totalmente transparente), ya que el CSS debe encargarse del fondo./* End custom CSS */