.elementor-3279 .elementor-element.elementor-element-cfdc065{--display:flex;--min-height:100vh;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3279 .elementor-element.elementor-element-c6dd4f8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3279 .elementor-element.elementor-element-c6dd4f8.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-3279 .elementor-element.elementor-element-7373e66 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3279 .elementor-element.elementor-element-2340ee2{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3279 .elementor-element.elementor-element-506b0a4{--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;--border-radius:20px 20px 20px 20px;}.elementor-3279 .elementor-element.elementor-element-506b0a4:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-506b0a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://laboratoriojohnmartin.com/wp-content/uploads/2026/08/JM_web_quienes_somos_1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3279 .elementor-element.elementor-element-56d559e{--display:flex;--position:absolute;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:20px;}body:not(.rtl) .elementor-3279 .elementor-element.elementor-element-56d559e{left:-30px;}body.rtl .elementor-3279 .elementor-element.elementor-element-56d559e{right:-30px;}.elementor-3279 .elementor-element.elementor-element-2ab4228{--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:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--border-radius:10px 10px 10px 10px;box-shadow:-6px 6px 40px -12px rgba(0,0,0,0.5);}.elementor-3279 .elementor-element.elementor-element-2ab4228:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-2ab4228 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3279 .elementor-element.elementor-element-14f74c8{--display:flex;--justify-content:space-between;--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-3279 .elementor-element.elementor-element-fd2229c img{border-radius:20px 20px 20px 20px;}.elementor-3279 .elementor-element.elementor-element-2a305d8 img{border-radius:20px 20px 20px 20px;}.elementor-3279 .elementor-element.elementor-element-f0f71ce img{border-radius:20px 20px 20px 20px;}.elementor-3279 .elementor-element.elementor-element-cc00d53 img{border-style:none;border-radius:20px 20px 20px 20px;}.elementor-3279 .elementor-element.elementor-element-220c6e9 img{border-radius:20px 20px 20px 20px;}.elementor-3279 .elementor-element.elementor-element-ba3fca9{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3279 .elementor-element.elementor-element-ba3fca9.e-con{--align-self:stretch;}.elementor-3279 .elementor-element.elementor-element-2eb90ea{--display:flex;--min-height:60vh;--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-3279 .elementor-element.elementor-element-2eb90ea:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-2eb90ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FBFD;}.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-3279 .elementor-element.elementor-element-f66f113{columns:2;column-gap:0px;font-family:"Inter", Sans-serif;font-weight:300;color:#000000;}.elementor-3279 .elementor-element.elementor-element-75438c1{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-3279 .elementor-element.elementor-element-75438c1:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-75438c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7F9;}.elementor-3279 .elementor-element.elementor-element-75438c1.e-con{--align-self:stretch;}.elementor-3279 .elementor-element.elementor-element-9306b4f{columns:2;column-gap:0px;font-family:"Inter", Sans-serif;font-weight:300;color:#000000;}.elementor-3279 .elementor-element.elementor-element-1298660{--display:flex;--min-height:60vh;--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-3279 .elementor-element.elementor-element-1298660:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-1298660 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F5F7;}.elementor-3279 .elementor-element.elementor-element-3c5b5c3{columns:2;column-gap:0px;font-family:"Inter", Sans-serif;font-weight:300;color:#000000;}.elementor-3279 .elementor-element.elementor-element-2c7686c{--display:flex;--min-height:60vh;--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-3279 .elementor-element.elementor-element-2c7686c:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-2c7686c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECF2F6;}.elementor-3279 .elementor-element.elementor-element-32b5517{columns:2;column-gap:0px;font-family:"Inter", Sans-serif;font-weight:300;color:#000000;}.elementor-3279 .elementor-element.elementor-element-92e67ab{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3279 .elementor-element.elementor-element-92e67ab.e-con{--align-self:stretch;}.elementor-3279 .elementor-element.elementor-element-f495b98{--display:flex;--min-height:60vh;--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-3279 .elementor-element.elementor-element-f495b98:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-f495b98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FBFD;}.elementor-3279 .elementor-element.elementor-element-f605a5e{columns:1;font-family:"Inter", Sans-serif;font-weight:300;color:#000000;}.elementor-3279 .elementor-element.elementor-element-49e3096{--display:flex;--min-height:60vh;--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-3279 .elementor-element.elementor-element-49e3096:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-49e3096 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F7F9;}.elementor-3279 .elementor-element.elementor-element-0737835{columns:1;font-family:"Inter", Sans-serif;font-weight:300;color:#000000;}.elementor-3279 .elementor-element.elementor-element-d2b5dbf{--display:flex;--min-height:60vh;--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-3279 .elementor-element.elementor-element-d2b5dbf:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-d2b5dbf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F5F7;}.elementor-3279 .elementor-element.elementor-element-30e127a{columns:1;font-family:"Inter", Sans-serif;font-weight:300;color:#000000;}.elementor-3279 .elementor-element.elementor-element-2eed386{--display:flex;--min-height:60vh;--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-3279 .elementor-element.elementor-element-2eed386:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-2eed386 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FBFD;}.elementor-3279 .elementor-element.elementor-element-1e6b4ae{columns:1;font-family:"Inter", Sans-serif;font-weight:300;color:#000000;}.elementor-3279 .elementor-element.elementor-element-eaf0098{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-3279 .elementor-element.elementor-element-eaf0098.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3279 .elementor-element.elementor-element-d088b66{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.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-3279 .elementor-element.elementor-element-2de5b52 .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:0.7rem;font-weight:500;letter-spacing:2px;fill:#1A8FCA;color:#1A8FCA;border-style:solid;border-width:1px 1px 1px 1px;border-color:#1A8FCA;border-radius:30px 30px 30px 30px;padding:15px 25px 015px 25px;}.elementor-3279 .elementor-element.elementor-element-2de5b52 .elementor-button:hover, .elementor-3279 .elementor-element.elementor-element-2de5b52 .elementor-button:focus{background-color:#1A8FCA;color:#FFFFFF;}.elementor-3279 .elementor-element.elementor-element-2de5b52 .elementor-button:hover svg, .elementor-3279 .elementor-element.elementor-element-2de5b52 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3279 .elementor-element.elementor-element-81edf8f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-3279 .elementor-element.elementor-element-2312b45 .elementor-button{background-color:#61CE7000;fill:#1A8FCA;color:#1A8FCA;border-style:solid;border-width:1px 1px 1px 1px;border-color:#1A8FCA;border-radius:20px 20px 20px 20px;}.elementor-3279 .elementor-element.elementor-element-2312b45 .elementor-button:hover, .elementor-3279 .elementor-element.elementor-element-2312b45 .elementor-button:focus{background-color:#1A8FCA;color:#FFFFFF;}.elementor-3279 .elementor-element.elementor-element-2312b45 .elementor-button:hover svg, .elementor-3279 .elementor-element.elementor-element-2312b45 .elementor-button:focus svg{fill:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3279 .elementor-element.elementor-element-2eb90ea{--width:25%;}.elementor-3279 .elementor-element.elementor-element-75438c1{--width:25%;}.elementor-3279 .elementor-element.elementor-element-1298660{--width:25%;}.elementor-3279 .elementor-element.elementor-element-2c7686c{--width:25%;}.elementor-3279 .elementor-element.elementor-element-92e67ab{--width:100%;}.elementor-3279 .elementor-element.elementor-element-f495b98{--width:100%;}.elementor-3279 .elementor-element.elementor-element-49e3096{--width:100%;}.elementor-3279 .elementor-element.elementor-element-d2b5dbf{--width:100%;}.elementor-3279 .elementor-element.elementor-element-2eed386{--width:100%;}.elementor-3279 .elementor-element.elementor-element-eaf0098{--width:99.713%;}}@media(max-width:1024px){.elementor-3279 .elementor-element.elementor-element-2340ee2{--grid-auto-flow:row;}.elementor-3279 .elementor-element.elementor-element-eaf0098{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3279 .elementor-element.elementor-element-2340ee2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3279 .elementor-element.elementor-element-f0f71ce img{border-radius:0px 0px 0px 0px;}.elementor-3279 .elementor-element.elementor-element-cc00d53 img{border-radius:0px 0px 0px 0px;}.elementor-3279 .elementor-element.elementor-element-220c6e9 img{border-radius:0px 0px 0px 0px;}.elementor-3279 .elementor-element.elementor-element-92e67ab{--width:100vw;}.elementor-3279 .elementor-element.elementor-element-f495b98{--width:100%;--min-height:80vh;}.elementor-3279 .elementor-element.elementor-element-f605a5e{width:100%;max-width:100%;}.elementor-3279 .elementor-element.elementor-element-49e3096{--width:100%;--min-height:80vh;}.elementor-3279 .elementor-element.elementor-element-0737835{width:100%;max-width:100%;}.elementor-3279 .elementor-element.elementor-element-d2b5dbf{--width:100%;--min-height:80vh;}.elementor-3279 .elementor-element.elementor-element-30e127a{width:100%;max-width:100%;}.elementor-3279 .elementor-element.elementor-element-2eed386{--width:100%;--min-height:80vh;}.elementor-3279 .elementor-element.elementor-element-1e6b4ae{width:100%;max-width:100%;}.elementor-3279 .elementor-element.elementor-element-eaf0098{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3279 .elementor-element.elementor-element-81edf8f{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3279 .elementor-element.elementor-element-2312b45{width:100%;max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-c6dd4f8 *//* 1. Ampliar el contenedor translúcido de fondo */
#n2-ss-10 .n2-ss-control-bullet-horizontal {
    width: auto !important;
    min-width: 140px !important; /* Espacio suficiente para las 3 rayas expandidas */
    display: inline-flex !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* 2. Transformar los puntos en rayas */
#n2-ss-10 .nextend-bullet {
    width: 32px !important;
    height: 3px !important;
    background: rgba(15, 15, 15, .18) !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    border-radius: 2px !important;
    margin: 0 6px !important; /* Separación horizontal entre cada raya */
    transition: background .3s ease !important;
    box-shadow: none !important; /* Quita sombras previas si las hay */
}

/* 3. Estilo para la raya activa */
#n2-ss-10 .nextend-bullet.n2-active {
    background: rgba(15, 15, 15, 0.8) !important;
}




/* INDICADORES DE PAGINAS DEL SLIDER */

/* Cambiar los puntos por líneas horizontales */

div#n2-ss-10 .n2-style-4e2a289a1e38a572658e079562eabe30-simple {
    background: RGBA(255, 255, 255, 0) !important;
    padding: 10px 20px 40px 20px !important;
    box-shadow: none !important;
    border: 0px solid RGBA(0, 0, 0, 1) !important;
    border-radius: 50px !important;
    margin: 10px 3px !important;
}

div#n2-ss-10 .n2-style-314b986e494a5720bd8f1c8d899666f0-dot.n2-active, div#n2-ss-10 .n2-style-314b986e494a5720bd8f1c8d899666f0-dot:HOVER, div#n2-ss-10 .n2-style-314b986e494a5720bd8f1c8d899666f0-dot:FOCUS {
    width: 30px;
    height: 2px;
    background: rgba(15, 15, 15, .18);
    border: none;
    padding: 0;
    cursor: pointer;
    border-radius: 2px;
    transition: background .3s;
}

div#n2-ss-10 .nextend-bullet-bar .n2-bullet {
    width: 30px;
    height: 2px;
    background: rgba(15, 15, 15, .18);
    border: none;
    padding: 0;
    cursor: pointer;
    border-radius: 2px;
    transition: background .3s;
}


@media screen and (max-width: 768px) {
#ast-scroll-top 
    {
    display:none!important;
    }
}

@media screen and (min-width: 769px) {
    
    

  /* FLECHA BACK TO TOP */ 
  /* Estado normal: Círculo con sombra, alineación y tamaño */ 
  .ast-scroll-top-icon.ast-scroll-to-top-right { 
    border-radius: 50% !important; 
    background-color: rgba(255, 255, 255, 0.9) !important; 
    opacity: 1 !important; 
    transform: translateY(-80px) translateX(-17px) scale(1.15) !important; 
    transition: all 0.3s ease; 
    position: relative; 
  } 

  /* Ocultar el contenido SVG y limpiar elementos previos */ 
  .ast-scroll-top-icon.ast-scroll-to-top-right svg, 
  .ast-scroll-top-icon.ast-scroll-to-top-right::before { 
    display: none !important; 
  } 

  /* Dibujar la flecha unificada con línea vertical ultra fina */ 
  .ast-scroll-top-icon.ast-scroll-to-top-right::after { 
    content: "" !important; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%) !important; 
    width: 8px; 
    height: 16px; 
    background-color: #1A8FCA !important; 
    transition: background-color 0.3s ease; 
    display: block !important; 
    clip-path: polygon( 50% 0%, 100% 30%, 58% 30%, 58% 100%, 42% 100%, 42% 30%, 0% 30% ) !important; 
  } 

  /* Estado Hover: La flecha ultra fina cambia a negro */ 
  .ast-scroll-top-icon.ast-scroll-to-top-right:hover::after { 
    background-color: #000000 !important; 
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cfdc065 */.wa__btn_popup_txt {
    display: none!important
    ;
}
/* 1. Ampliar el contenedor translúcido de fondo */
#n2-ss-5 .n2-ss-control-bullet-horizontal {
    width: auto !important;
    min-width: 140px !important; /* Espacio suficiente para las 3 rayas expandidas */
    display: inline-flex !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* 2. Transformar los puntos en rayas */
#n2-ss-5 .nextend-bullet {
    width: 32px !important;
    height: 3px !important;
    background: rgba(15, 15, 15, .18) !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    border-radius: 2px !important;
    margin: 0 6px !important; /* Separación horizontal entre cada raya */
    transition: background .3s ease !important;
    box-shadow: none !important; /* Quita sombras previas si las hay */
}

/* 3. Estilo para la raya activa */
#n2-ss-5 .nextend-bullet.n2-active {
    background: rgba(15, 15, 15, 0.8) !important;
}

.elementor-kit-6 .hfe-scroll-to-top-wrap .hfe-scroll-to-top-button {
    display: none;
}

@media screen and (max-width: 768px) {
#ast-scroll-top 
    {
    display:none!important;
    }
}

@media screen and (min-width: 769px) {
    
    

  /* FLECHA BACK TO TOP */ 
  /* Estado normal: Círculo con sombra, alineación y tamaño */ 
  .ast-scroll-top-icon.ast-scroll-to-top-right { 
    border-radius: 50% !important; 
    background-color: rgba(255, 255, 255, 0.9) !important; 
    opacity: 1 !important; 
    transform: translateY(-80px) translateX(-17px) scale(1.15) !important; 
    transition: all 0.3s ease; 
    position: relative; 
  } 

  /* Ocultar el contenido SVG y limpiar elementos previos */ 
  .ast-scroll-top-icon.ast-scroll-to-top-right svg, 
  .ast-scroll-top-icon.ast-scroll-to-top-right::before { 
    display: none !important; 
  } 

  /* Dibujar la flecha unificada con línea vertical ultra fina */ 
  .ast-scroll-top-icon.ast-scroll-to-top-right::after { 
    content: "" !important; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%) !important; 
    width: 8px; 
    height: 16px; 
    background-color: #1A8FCA !important; 
    transition: background-color 0.3s ease; 
    display: block !important; 
    clip-path: polygon( 50% 0%, 100% 30%, 58% 30%, 58% 100%, 42% 100%, 42% 30%, 0% 30% ) !important; 
  } 

  /* Estado Hover: La flecha ultra fina cambia a negro */ 
  .ast-scroll-top-icon.ast-scroll-to-top-right:hover::after { 
    background-color: #000000 !important; 
  }

}


div#wa .wa_btn_popup .wa_btn_popup_icon::before {
    background-blend-mode: unset !important;
    filter: brightness(0) saturate(100%) invert(63%) sepia(82%) saturate(497%) hue-rotate(93deg) brightness(97%) contrast(92%) !important;
    -webkit-filter: brightness(0) saturate(100%) invert(63%) sepia(82%) saturate(497%) hue-rotate(93deg) brightness(97%) contrast(92%) !important;
}


/* INDICADORES DE PAGINAS DEL SLIDER */

/* Cambiar los puntos por líneas horizontales */

div#n2-ss-5 .n2-style-4e2a289a1e38a572658e079562eabe30-simple {
    background: RGBA(255, 255, 255, 0) !important;
    padding: 10px 20px 40px 20px !important;
    box-shadow: none !important;
    border: 0px solid RGBA(0, 0, 0, 1) !important;
    border-radius: 50px !important;
    margin: 10px 3px !important;
}

div#n2-ss-5 .n2-style-314b986e494a5720bd8f1c8d899666f0-dot.n2-active, div#n2-ss-5 .n2-style-314b986e494a5720bd8f1c8d899666f0-dot:HOVER, div#n2-ss-5 .n2-style-314b986e494a5720bd8f1c8d899666f0-dot:FOCUS {
    width: 30px;
    height: 2px;
    background: rgba(15, 15, 15, .18);
    border: none;
    padding: 0;
    cursor: pointer;
    border-radius: 2px;
    transition: background .3s;
}

div#n2-ss-5 .nextend-bullet-bar .n2-bullet {
    width: 30px;
    height: 2px;
    background: rgba(15, 15, 15, .18);
    border: none;
    padding: 0;
    cursor: pointer;
    border-radius: 2px;
    transition: background .3s;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7373e66 *//* 1. Ampliar el contenedor translúcido de fondo */
#n2-ss-12 .n2-ss-control-bullet-horizontal {
    width: auto !important;
    min-width: 140px !important; /* Espacio suficiente para las 3 rayas expandidas */
    display: inline-flex !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* 2. Transformar los puntos en rayas */
#n2-ss-12 .nextend-bullet {
    width: 32px !important;
    height: 3px !important;
    background: rgba(15, 15, 15, .18) !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    border-radius: 2px !important;
    margin: 0 6px !important; /* Separación horizontal entre cada raya */
    transition: background .3s ease !important;
    box-shadow: none !important; /* Quita sombras previas si las hay */
}

/* 3. Estilo para la raya activa */
#n2-ss-12 .nextend-bullet.n2-active {
    background: rgba(15, 15, 15, 0.8) !important;
}




/* INDICADORES DE PAGINAS DEL SLIDER */

/* Cambiar los puntos por líneas horizontales */

div#n2-ss-12 .n2-style-4e2a289a1e38a572658e079562eabe30-simple {
    background: RGBA(255, 255, 255, 0) !important;
    padding: 10px 20px 40px 20px !important;
    box-shadow: none !important;
    border: 0px solid RGBA(0, 0, 0, 1) !important;
    border-radius: 50px !important;
    margin: 10px 3px !important;
}

div#n2-ss-12 .n2-style-314b986e494a5720bd8f1c8d899666f0-dot.n2-active, div#n2-ss-12 .n2-style-314b986e494a5720bd8f1c8d899666f0-dot:HOVER, div#n2-ss-12 .n2-style-314b986e494a5720bd8f1c8d899666f0-dot:FOCUS {
    width: 30px;
    height: 2px;
    background: rgba(15, 15, 15, .18);
    border: none;
    padding: 0;
    cursor: pointer;
    border-radius: 2px;
    transition: background .3s;
}

div#n2-ss-12 .nextend-bullet-bar .n2-bullet {
    width: 30px;
    height: 2px;
    background: rgba(15, 15, 15, .18);
    border: none;
    padding: 0;
    cursor: pointer;
    border-radius: 2px;
    transition: background .3s;
}


@media screen and (max-width: 768px) {
#ast-scroll-top 
    {
    display:none!important;
    }
}

@media screen and (min-width: 769px) {
    
    

  /* FLECHA BACK TO TOP */ 
  /* Estado normal: Círculo con sombra, alineación y tamaño */ 
  .ast-scroll-top-icon.ast-scroll-to-top-right { 
    border-radius: 50% !important; 
    background-color: rgba(255, 255, 255, 0.9) !important; 
    opacity: 1 !important; 
    transform: translateY(-80px) translateX(-17px) scale(1.15) !important; 
    transition: all 0.3s ease; 
    position: relative; 
  } 

  /* Ocultar el contenido SVG y limpiar elementos previos */ 
  .ast-scroll-top-icon.ast-scroll-to-top-right svg, 
  .ast-scroll-top-icon.ast-scroll-to-top-right::before { 
    display: none !important; 
  } 

  /* Dibujar la flecha unificada con línea vertical ultra fina */ 
  .ast-scroll-top-icon.ast-scroll-to-top-right::after { 
    content: "" !important; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%) !important; 
    width: 8px; 
    height: 16px; 
    background-color: #1A8FCA !important; 
    transition: background-color 0.3s ease; 
    display: block !important; 
    clip-path: polygon( 50% 0%, 100% 30%, 58% 30%, 58% 100%, 42% 100%, 42% 30%, 0% 30% ) !important; 
  } 

  /* Estado Hover: La flecha ultra fina cambia a negro */ 
  .ast-scroll-top-icon.ast-scroll-to-top-right:hover::after { 
    background-color: #000000 !important; 
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ab4228 */.elementor-element-e99f69c{
    width: max-content !important;
}

.elementor-element-e99f69c .elementor-heading-title{
    white-space: nowrap;
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2eb90ea */.column.expanded #seccionAnalgesia {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75438c1 */.column.expanded #seccionCatFriendly {
    display: none !important;
}

#seccionCatFriendly {
    margin-top: auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1298660 */.column.expanded #seccionAnalgesia {
    display: none !important;
}

.column.expanded #FakeBotonSeccionAnalgesia {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2c7686c */.column.expanded #seccionAnalgesia {
    display: none !important;
}

.column.expanded #FakeBotonSeccionAnalgesia {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba3fca9 */.column {

        transition: width 0.5s;
        overflow: hidden;
        height:600px;
    }

    /*Desktop over 1024px*/
    @media screen and (min-width: 1025px) {


    /*Clicked column styling*/
    .expanded {

    width: 100% !important;

    }
    }

    .expanded:after {

        content: '';
        background: rgba(0,0,0,0);
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 0;

    }

    /*Tablet and mobile, below 1025px*/
    @media (max-width: 1024px) {

    .column {

        transition: height 0.5s;
        height: 100px;

    }

    /*Clicked column styling*/
    .expanded {

         height: 500px !important;


    }
    }

    /*Inner elements inside column container styling*/
    .inner-element {

        opacity: 0;
        transition: opacity 0s;
        z-index: 2;


    }

    /*Inner elements made visible on clicked column*/
   .inner-element.active {


        opacity: 1;
        transition: opacity 0.5s 0.4s;

    }
    
    .column:not(.expanded) .no-show-text {
    display: none;
}


.imageSection {
    align-self: flex-end;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f495b98 */.column.expanded #seccionAnalgesiaMobile {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49e3096 */.column.expanded #seccionAnalgesiaMobile {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2b5dbf */.column.expanded #seccionAnalgesiaMobile {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2eed386 */.column.expanded #seccionAnalgesiaMobile {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92e67ab */.column {

        transition: width 0.5s;
        overflow: hidden;
        height:600px;
    }

    /*Desktop over 1024px*/
    @media screen and (min-width: 1025px) {


    /*Clicked column styling*/
    .expanded {

    width: 100% !important;

    }
    }

    .expanded:after {

        content: '';
        background: rgba(0,0,0,0);
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 0;

    }

    /*Tablet and mobile, below 1025px*/
    @media (max-width: 1024px) {

    .column {

        transition: height 0.5s;
        height: 100px;

    }

    /*Clicked column styling*/
    .expanded {

         height: 500px !important;


    }
    }

    /*Inner elements inside column container styling*/
    .inner-element {

        opacity: 0;
        transition: opacity 0s;
        z-index: 2;


    }

    /*Inner elements made visible on clicked column*/
   .inner-element.active {


        opacity: 1;
        transition: opacity 0.5s 0.4s;

    }
    
    .column:not(.expanded) .no-show-text {
    display: none;
}


.imageSection {
    align-self: flex-end;
}


/* ---------------------------------------------------------- */


/* Botón cerrar: oculto por defecto y siempre oculto en desktop */
.close-btn {
    display: none;
}

@media (max-width: 1024px) {

    .column {
        position: relative;
    }

    .close-btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 47px;
        right: 3rem;     /* igual al relleno izquierdo del contenedor */
        left: auto;
        width: 26px;
        height: 26px;
        padding: 0 !important;
        border: 1.5px solid #6B7280 !important;
        border-radius: 50%;
        background: transparent !important;
        cursor: pointer;
        z-index: 10;

        /* oculto mientras la tarjeta está cerrada */
        opacity: 0;
        pointer-events: none;
        transition: opacity 0s;
    }

    .close-btn svg {
        width: 11px;
        height: 11px;
    }

    .close-btn svg line {
        stroke: #6B7280;
    }

    /* visible solo cuando la tarjeta está expandida */
    .column.expanded .close-btn {
        opacity: 1;
        pointer-events: auto;
        transition: opacity 0.5s 0.4s;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eaf0098 */.elementor .e-button-base {
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important; 
    justify-content: center !important;
}/* End custom CSS */