.elementor-171 .elementor-element.elementor-element-c4e31c2{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overlay-opacity:0.8;}.elementor-171 .elementor-element.elementor-element-c4e31c2:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-c4e31c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.lureagency.es/wp-content/uploads/2026/02/istockphoto-686746978-612x612-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-171 .elementor-element.elementor-element-c4e31c2::before, .elementor-171 .elementor-element.elementor-element-c4e31c2 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-c4e31c2 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-c4e31c2 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-c4e31c2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-c4e31c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-8579642{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}body:not(.rtl) .elementor-171 .elementor-element.elementor-element-8a94e42{left:0px;}body.rtl .elementor-171 .elementor-element.elementor-element-8a94e42{right:0px;}.elementor-171 .elementor-element.elementor-element-8a94e42{top:0px;}.elementor-171 .elementor-element.elementor-element-ae1cef2{text-align:center;}.elementor-171 .elementor-element.elementor-element-ae1cef2 .elementor-heading-title{font-size:42px;font-weight:700;color:#FFFFFF;}.elementor-171 .elementor-element.elementor-element-fde761e .elementor-icon-wrapper{text-align:center;}.elementor-171 .elementor-element.elementor-element-fde761e.elementor-view-stacked .elementor-icon{background-color:#F5B400;}.elementor-171 .elementor-element.elementor-element-fde761e.elementor-view-framed .elementor-icon, .elementor-171 .elementor-element.elementor-element-fde761e.elementor-view-default .elementor-icon{color:#F5B400;border-color:#F5B400;}.elementor-171 .elementor-element.elementor-element-fde761e.elementor-view-framed .elementor-icon, .elementor-171 .elementor-element.elementor-element-fde761e.elementor-view-default .elementor-icon svg{fill:#F5B400;}.elementor-171 .elementor-element.elementor-element-fde761e .elementor-icon{font-size:35px;}.elementor-171 .elementor-element.elementor-element-fde761e .elementor-icon svg{height:35px;}.elementor-171 .elementor-element.elementor-element-e08b0ee{font-size:13px;color:#BEBEBE;}.elementor-171 .elementor-element.elementor-element-0c26d74 .elementor-button{background-color:#F5B400;fill:#FFFFFF;color:#FFFFFF;}.elementor-171 .elementor-element.elementor-element-0c26d74 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-171 .elementor-element.elementor-element-fc0527e{font-size:13px;color:#BEBEBE;}body:not(.rtl) .elementor-171 .elementor-element.elementor-element-d7abb04{left:2px;}body.rtl .elementor-171 .elementor-element.elementor-element-d7abb04{right:2px;}.elementor-171 .elementor-element.elementor-element-d7abb04{bottom:0px;}.elementor-171 .elementor-element.elementor-element-44365d4{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-44365d4:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-44365d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-171 .elementor-element.elementor-element-44365d4::before, .elementor-171 .elementor-element.elementor-element-44365d4 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-44365d4 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-44365d4 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-44365d4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-44365d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-f1aa01f{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;}.elementor-171 .elementor-element.elementor-element-0b5cbd6{z-index:999;}.elementor-171 .elementor-element.elementor-element-6de0646{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-6de0646:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-6de0646 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://www.lureagency.es/wp-content/uploads/2026/02/desktop-wallpaper-film-background-film-production.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-171 .elementor-element.elementor-element-6de0646::before, .elementor-171 .elementor-element.elementor-element-6de0646 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-6de0646 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-6de0646 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-6de0646 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-6de0646 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-6e187cd{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-6e187cd:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-6e187cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://www.lureagency.es/wp-content/uploads/2026/02/desktop-wallpaper-film-background-film-production.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-171 .elementor-element.elementor-element-6e187cd::before, .elementor-171 .elementor-element.elementor-element-6e187cd > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-6e187cd > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-6e187cd > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-6e187cd > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-6e187cd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-cba08c6{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-cba08c6:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-cba08c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://www.lureagency.es/wp-content/uploads/2026/02/desktop-wallpaper-film-background-film-production.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-171 .elementor-element.elementor-element-cba08c6::before, .elementor-171 .elementor-element.elementor-element-cba08c6 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-cba08c6 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-cba08c6 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-cba08c6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-cba08c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-bf58373{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-bf58373:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-bf58373 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-171 .elementor-element.elementor-element-bf58373::before, .elementor-171 .elementor-element.elementor-element-bf58373 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-bf58373 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-bf58373 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-bf58373 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-bf58373 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-43e950e{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-43e950e:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-43e950e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-171 .elementor-element.elementor-element-43e950e::before, .elementor-171 .elementor-element.elementor-element-43e950e > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-43e950e > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-43e950e > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-43e950e > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-43e950e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-c56a9f4{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-c56a9f4:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-c56a9f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-171 .elementor-element.elementor-element-c56a9f4::before, .elementor-171 .elementor-element.elementor-element-c56a9f4 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-c56a9f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-c56a9f4 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-c56a9f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-c56a9f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-ef15509{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-ef15509:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-ef15509 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-171 .elementor-element.elementor-element-ef15509::before, .elementor-171 .elementor-element.elementor-element-ef15509 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-ef15509 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-ef15509 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-ef15509 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-ef15509 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-ff78276{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-ff78276:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-ff78276 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-171 .elementor-element.elementor-element-ff78276::before, .elementor-171 .elementor-element.elementor-element-ff78276 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-ff78276 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-ff78276 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-ff78276 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-ff78276 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-9d66128{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-9d66128:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-9d66128 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-171 .elementor-element.elementor-element-9d66128::before, .elementor-171 .elementor-element.elementor-element-9d66128 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-9d66128 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-9d66128 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-9d66128 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-9d66128 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-801d10d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-801d10d:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-801d10d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-171 .elementor-element.elementor-element-801d10d::before, .elementor-171 .elementor-element.elementor-element-801d10d > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-801d10d > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-801d10d > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-801d10d > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-801d10d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-d79f470{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-d79f470:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-d79f470 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-171 .elementor-element.elementor-element-d79f470::before, .elementor-171 .elementor-element.elementor-element-d79f470 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-d79f470 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-d79f470 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-d79f470 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-d79f470 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-c49fc0b{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-c49fc0b:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-c49fc0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-171 .elementor-element.elementor-element-c49fc0b::before, .elementor-171 .elementor-element.elementor-element-c49fc0b > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-c49fc0b > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-c49fc0b > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-c49fc0b > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-c49fc0b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-275b9af{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-275b9af:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-275b9af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-171 .elementor-element.elementor-element-275b9af::before, .elementor-171 .elementor-element.elementor-element-275b9af > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-275b9af > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-275b9af > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-275b9af > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-275b9af > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-e644f28{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-e644f28:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-e644f28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-171 .elementor-element.elementor-element-e644f28::before, .elementor-171 .elementor-element.elementor-element-e644f28 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-e644f28 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-e644f28 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-e644f28 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-e644f28 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-9d12025{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:nowrap;--overflow:hidden;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-171 .elementor-element.elementor-element-9d12025:not(.elementor-motion-effects-element-type-background), .elementor-171 .elementor-element.elementor-element-9d12025 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-171 .elementor-element.elementor-element-9d12025::before, .elementor-171 .elementor-element.elementor-element-9d12025 > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-9d12025 > .e-con-inner > .elementor-background-video-container::before, .elementor-171 .elementor-element.elementor-element-9d12025 > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-9d12025 > .e-con-inner > .elementor-background-slideshow::before, .elementor-171 .elementor-element.elementor-element-9d12025 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-171 .elementor-element.elementor-element-9d12025.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-171 .elementor-element.elementor-element-8579642{--content-width:720px;}.elementor-171 .elementor-element.elementor-element-bf58373{--width:100%;}.elementor-171 .elementor-element.elementor-element-43e950e{--width:100%;}.elementor-171 .elementor-element.elementor-element-c56a9f4{--width:100%;}.elementor-171 .elementor-element.elementor-element-ef15509{--width:100%;}.elementor-171 .elementor-element.elementor-element-ff78276{--width:100%;}.elementor-171 .elementor-element.elementor-element-9d66128{--width:100%;}.elementor-171 .elementor-element.elementor-element-801d10d{--width:100%;}.elementor-171 .elementor-element.elementor-element-d79f470{--width:100%;}.elementor-171 .elementor-element.elementor-element-c49fc0b{--width:100%;}.elementor-171 .elementor-element.elementor-element-275b9af{--width:100%;}.elementor-171 .elementor-element.elementor-element-e644f28{--width:100%;}.elementor-171 .elementor-element.elementor-element-9d12025{--width:100.325%;}}@media(max-width:1024px){.elementor-171 .elementor-element.elementor-element-ae1cef2 .elementor-heading-title{font-size:30px;}.elementor-171 .elementor-element.elementor-element-0c26d74 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-171 .elementor-element.elementor-element-ae1cef2 .elementor-heading-title{font-size:25px;}.elementor-171 .elementor-element.elementor-element-43e950e{--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-171 .elementor-element.elementor-element-c56a9f4{--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-171 .elementor-element.elementor-element-ef15509{--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-171 .elementor-element.elementor-element-ff78276{--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-171 .elementor-element.elementor-element-9d66128{--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-171 .elementor-element.elementor-element-801d10d{--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-171 .elementor-element.elementor-element-d79f470{--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-171 .elementor-element.elementor-element-c49fc0b{--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-171 .elementor-element.elementor-element-275b9af{--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-171 .elementor-element.elementor-element-e644f28{--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-171 .elementor-element.elementor-element-9d12025{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for heading, class: .elementor-element-ae1cef2 */.gradient-amarillo {
  background-image: linear-gradient(
    135deg,
    #b8860b, /* Dorado oscuro */
    #ffd700, /* Oro brillante */
    #fff4a3, /* Amarillo claro/blanco (brillo central) */
    #ffd700, 
    #b8860b
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: aurora-amarilla 5s linear infinite;
  display: inline-block;
}

@keyframes aurora-amarilla {
  0% { background-position: 0% center; }
  100% { background-position: 200% center; }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fde761e *//* Asegura que el wrapper no recorte */
.elementor-171 .elementor-element.elementor-element-fde761e{
  overflow: visible !important;
}

/* El elemento real del icono en Elementor */
.elementor-171 .elementor-element.elementor-element-fde761e .elementor-icon{
  position: relative;
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  z-index: 2; /* por encima de los pings */
}

/* Los pings */
.elementor-171 .elementor-element.elementor-element-fde761e .elementor-icon::before,
.elementor-171 .elementor-element.elementor-element-fde761e .elementor-icon::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: rgba(245,180,0,0.35);
  animation: pulsePing 2s infinite;
  pointer-events: none;
  z-index: 1; /* justo debajo del icono */
}

/* Segundo ping con delay */
.elementor-171 .elementor-element.elementor-element-fde761e .elementor-icon::after{
  animation-delay: .6s;
  opacity: .25;
}

/* Keyframes */
@keyframes pulsePing{
  0%   { transform: scale(.6); opacity: .55; }
  70%  { transform: scale(1.8); opacity: 0; }
  100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0c26d74 */.elementor-171 .elementor-element.elementor-element-0c26d74 .elementor-button {
  background: linear-gradient(
    90deg,
    #8b6914, /* Bronce oscuro */
    #b8860b, /* Dorado oscuro */
    #eab308, /* Ámbar vibrante (punto de luz) */
    #b8860b,
    #8b6914
  );

  background-size: 300% 300%;
  background-position: 0% 50%;

  color: #ffffff !important;
  border: none;
  border-radius: 30px;
  font-weight: 600;
  text-transform: none;

  transition: transform 0.3s ease, filter 0.3s ease;
  animation: gradientMoveRed 6s ease-in-out infinite;
}

.elementor-171 .elementor-element.elementor-element-0c26d74 .elementor-button:hover{
  transform: translateY(-3px);
  filter: brightness(1.08);
}

/* Animación suave tipo faded */
@keyframes gradientMoveRed{
  0%{
    background-position: 0% 50%;
  }
  50%{
    background-position: 100% 50%;
  }
  100%{
    background-position: 0% 50%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4e31c2 */.elementor-171 .elementor-element.elementor-element-c4e31c2{
  position:relative;
}

/* Capa spotlight por encima del overlay pero sin cargarse el negro */
.elementor-171 .elementor-element.elementor-element-c4e31c2::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  background: radial-gradient(circle at 50% 40%,
    rgba(245,180,0,0.28),
    rgba(245,180,0,0.10) 25%,
    rgba(245,180,0,0) 50%);
  mix-blend-mode: screen; /* clave para no “lavar” el negro */
  opacity: 1;
}

/* Asegura que el contenido quede por encima */
.elementor-171 .elementor-element.elementor-element-c4e31c2 > .e-con-inner{
  position:relative;
  z-index:3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44365d4 *//* =========================================================
   SCENE VIDEO (expo-call) — Vertical video + cámara VHS HUD
   FIX: HUD NO se corta (safe-areas + barra navegador)
   Contenedor: clases "scene scene-video"
   ========================================================= */

/* Contenedor escena vídeo */
.scene-video.is-active{
  background:#000 !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Variables de safe-area + paddings UI */
.scene-video{
  --safe-top: env(safe-area-inset-top);
  --safe-bot: env(safe-area-inset-bottom);
  --safe-l: env(safe-area-inset-left);
  --safe-r: env(safe-area-inset-right);

  /* padding base interior para el “marco”/HUD */
  --ui-pad: clamp(10px, 2.6vw, 18px);

  /* extra para evitar que el navegador “muerda” el HUD inferior */
  --ui-bot-extra: clamp(10px, 2.4vh, 18px);
}

/* Wrapper vertical */
.scene-video .scene-vid-wrap{
  width: min(520px, 92vw) !important;
  max-width: 520px !important;

  /* ✅ viewport real (evita cortes) */
  height: 100svh !important;
  height: 100dvh !important;
  max-height: 100svh !important;
  max-height: 100dvh !important;

  /* look “teléfono” */
  aspect-ratio: 9 / 19.5;

  margin:0 auto !important;
  background:#000 !important;
  position:relative !important;
  z-index:999999 !important;
  overflow:hidden !important;

  transform: translateZ(0);
}

/* el video */
.scene-video #introVideo{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  background:#000 !important;
  filter: contrast(1.08) brightness(0.98) saturate(0.92);
}

/* ===== CAM FX OVERLAY ===== */
.scene-video .camfx{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:10;
  opacity:1;
}

/* marco / UI camera (ahora con safe-area) */
.scene-video .camfx-frame{
  position:absolute;
  top:   calc(var(--ui-pad) + var(--safe-top));
  right: calc(var(--ui-pad) + var(--safe-r));
  bottom:calc(var(--ui-pad) + var(--safe-bot) + var(--ui-bot-extra));
  left:  calc(var(--ui-pad) + var(--safe-l));

  border-radius: clamp(14px, 3.2vw, 18px);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.65) inset,
    0 0 30px rgba(0,0,0,.55);
}

/* scanlines */
.scene-video .camfx-scanlines{
  position:absolute;
  inset:0;
  opacity:.18;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.10) 0px,
      rgba(255,255,255,.10) 1px,
      transparent 3px,
      transparent 7px
    );
  mix-blend-mode: overlay;
  animation: camScan 2.1s linear infinite;
}
@keyframes camScan{
  0%{ transform: translateY(0); }
  100%{ transform: translateY(10px); }
}

/* grano / ruido */
.scene-video .camfx-noise{
  position:absolute;
  inset:-20%;
  opacity:.10;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.18), transparent 35%),
    radial-gradient(circle at 80% 70%, rgba(255,255,255,.14), transparent 40%),
    linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  filter: blur(.2px);
  animation: camNoise 1.35s steps(2,end) infinite;
  mix-blend-mode: overlay;
}
@keyframes camNoise{
  0%{ transform: translate(0,0) rotate(0deg); }
  50%{ transform: translate(-1px, 1px) rotate(.15deg); }
  100%{ transform: translate(1px,-1px) rotate(-.15deg); }
}

/* viñeta */
.scene-video .camfx-vignette{
  position:absolute;
  inset:0;
  background: radial-gradient(closest-side, transparent 60%, rgba(0,0,0,.55) 100%);
  opacity:.85;
  mix-blend-mode: multiply;
}

/* “bleed” VHS */
.scene-video .camfx-bleed{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,0,0,.06), transparent 35%, rgba(0,255,255,.05));
  mix-blend-mode: screen;
  opacity:.35;
  animation: camBleed 2.8s ease-in-out infinite;
}
@keyframes camBleed{
  0%,100%{ transform: translateX(0); }
  50%{ transform: translateX(2px); }
}

/* HUD */
.scene-video .camfx-hud{
  position:absolute;

  left:  calc(var(--ui-pad) + var(--safe-l));
  right: calc(var(--ui-pad) + var(--safe-r));

  display:flex;
  justify-content:space-between;
  align-items:center;

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:12px;
  letter-spacing:.14em;
  color: rgba(255,255,255,.90);
  text-shadow: 0 0 10px rgba(0,0,0,.60);
  opacity:.92;
}

/* Top HUD: siempre dentro del borde */
.scene-video .camfx-hud.top{
  top: calc(var(--ui-pad) + var(--safe-top));
}

/* Bottom HUD: NO se corta nunca */
.scene-video .camfx-hud.bottom{
  bottom: calc(var(--ui-pad) + var(--safe-bot) + var(--ui-bot-extra));
}

.scene-video .camfx-hud .left,
.scene-video .camfx-hud .right{
  display:flex;
  align-items:center;
  gap:10px;
}

.scene-video .sep{ opacity:.55; }

.scene-video .rec{ font-weight:900; }
.scene-video .rec-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background: rgba(255,60,60,1);
  box-shadow: 0 0 18px rgba(255,60,60,.55);
  animation: recBlink 1s steps(1,end) infinite;
}
@keyframes recBlink{
  0%,49%{ opacity:1; }
  50%,100%{ opacity:.25; }
}

.scene-video .bat .bat-i{
  display:inline-block;
  width:10px;
  height:14px;
  margin-left:4px;
  border-radius:3px;
  background: rgba(255,255,255,.70);
  box-shadow: 0 0 10px rgba(0,0,0,.25);
}

/* Meter: anclado por encima del bottom HUD */
.scene-video .camfx-meter{
  position:absolute;
  left: calc(var(--ui-pad) + var(--safe-l) + 10px);

  /* subimos por encima del HUD inferior */
  bottom: calc(var(--ui-pad) + var(--safe-bot) + var(--ui-bot-extra) + 34px);

  display:flex;
  gap:4px;
  opacity:.72;
}
.scene-video .camfx-meter .mbar{
  width:5px;
  height:26px;
  border-radius:4px;
  background: rgba(255,255,255,.25);
  transform-origin: bottom;
  animation: meterJump 520ms steps(2,end) infinite;
}
.scene-video .camfx-meter .mbar:nth-child(2){ animation-duration: 430ms; }
.scene-video .camfx-meter .mbar:nth-child(3){ animation-duration: 610ms; }
.scene-video .camfx-meter .mbar:nth-child(4){ animation-duration: 470ms; }
.scene-video .camfx-meter .mbar:nth-child(5){ animation-duration: 560ms; }
.scene-video .camfx-meter .mbar:nth-child(6){ animation-duration: 420ms; }
.scene-video .camfx-meter .mbar:nth-child(7){ animation-duration: 680ms; }
.scene-video .camfx-meter .mbar:nth-child(8){ animation-duration: 510ms; }
.scene-video .camfx-meter .mbar:nth-child(9){ animation-duration: 590ms; }
.scene-video .camfx-meter .mbar:nth-child(10){ animation-duration: 460ms; }

@keyframes meterJump{
  0%{ transform: scaleY(.25); opacity:.55; }
  50%{ transform: scaleY(1); opacity:.95; }
  100%{ transform: scaleY(.35); opacity:.65; }
}

/* tracking text: simétrico al meter */
.scene-video .camfx-tracking{
  position:absolute;
  right: calc(var(--ui-pad) + var(--safe-r) + 6px);

  bottom: calc(var(--ui-pad) + var(--safe-bot) + var(--ui-bot-extra) + 34px);

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:11px;
  letter-spacing:.16em;
  color: rgba(255,255,255,.80);
  opacity:.65;
  animation: trackingFlicker 1.8s steps(2,end) infinite;
}
@keyframes trackingFlicker{
  0%,100%{ opacity:.35; transform: translateY(0); }
  50%{ opacity:.78; transform: translateY(1px); }
}

/* wobble SOLO cuando esté reproduciendo */
body.is-playing .scene-video .scene-vid-wrap{
  animation: camWobble 3.2s ease-in-out infinite;
}
@keyframes camWobble{
  0%,100%{ transform: translateZ(0) translate(0,0) rotate(0deg); }
  30%{ transform: translateZ(0) translate(1px,-1px) rotate(.08deg); }
  65%{ transform: translateZ(0) translate(-1px,1px) rotate(-.08deg); }
}

/* drop frame ocasional */
body.is-playing .scene-video .camfx{
  animation: camDrop 7s steps(1,end) infinite;
}
@keyframes camDrop{
  0%,92%,100%{ opacity:1; }
  93%{ opacity:.82; }
  94%{ opacity:1; }
}

/* móviles: damos un pelín más de ancho */
@media (max-width: 767px){
  .scene-video .scene-vid-wrap{
    width: min(520px, 96vw) !important;
    max-width: 520px !important;
  }
}




/* =========================================================
   AJUSTE INDEPENDIENTE IZQ / DER + ARRIBA / ABAJO HUD
   ========================================================= */

.scene-video{
  /* horizontal */
  --hud-left-nudge-x: 10px;    /* izquierda → derecha */
  --hud-right-nudge-x: 10px;   /* derecha → izquierda */

  /* vertical */
  --hud-top-nudge-y: 10px;     /* TOP baja */
  --hud-bottom-nudge-y: 10px;  /* BOTTOM sube */
}

/* ===== TOP HUD ===== */

/* bloque izquierdo */
.scene-video .camfx-hud.top .left{
  transform:
    translateX(var(--hud-left-nudge-x))
    translateY(var(--hud-top-nudge-y));
}

/* bloque derecho */
.scene-video .camfx-hud.top .right{
  transform:
    translateX(calc(var(--hud-right-nudge-x) * -1))
    translateY(var(--hud-top-nudge-y));
}


/* ===== BOTTOM HUD ===== */

/* bloque izquierdo */
.scene-video .camfx-hud.bottom .left{
  transform:
    translateX(var(--hud-left-nudge-x))
    translateY(calc(var(--hud-bottom-nudge-y) * -1));
}

/* bloque derecho */
.scene-video .camfx-hud.bottom .right{
  transform:
    translateX(calc(var(--hud-right-nudge-x) * -1))
    translateY(calc(var(--hud-bottom-nudge-y) * -1));
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6de0646 *//* =========================
   SCENE CALL -> WhatsApp incoming centered phone
   Contenedor: clases "scene scene-call"
   ========================= */

body.is-calling{
  overflow:hidden !important;
  height:100vh !important;
}

/* si conviven escenas */
body.is-calling .scene{ display:none !important; }
body.is-calling .scene.scene-call{ display:flex !important; }

/* fullscreen del contenedor */
body.is-calling .elementor-171 .elementor-element.elementor-element-6de0646{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  z-index: 999999 !important;
}

/* reset inner */
body.is-calling .elementor-171 .elementor-element.elementor-element-6de0646,
body.is-calling .elementor-171 .elementor-element.elementor-element-6de0646 > .e-con-inner,
body.is-calling .elementor-171 .elementor-element.elementor-element-6de0646 .e-con-inner{
  max-width:none !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* stage */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-stage{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 22px;
  box-sizing:border-box;
}


/* PHONE FRAME centrado */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-phone{
  position:relative;
  width: min(360px, 92vw);
  aspect-ratio: 9 / 19.5;       /* forma móvil */
  border-radius: 34px;
  background: rgba(10,16,20,.92);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow:
    0 30px 80px rgba(0,0,0,.55),
    0 0 0 1px rgba(0,0,0,.75) inset;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding: 18px 18px 18px;
  box-sizing:border-box;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#fff;
  z-index:2;
  transform: translateZ(0);
}

.elementor-171 .elementor-element.elementor-element-6de0646 .wa-phone.is-exiting{
  transform: scale(.985);
  filter: brightness(.95);
  transition: transform .16s ease, filter .16s ease;
}

/* notch */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-notch{
  position:absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 140px;
  height: 26px;
  border-radius: 999px;
  background: rgba(0,0,0,.65);
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
  opacity:.85;
}

/* status */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  opacity:.88;
  font-weight:700;
  font-size:13px;
  padding-top: 6px;
  letter-spacing:.02em;
}
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-icons{ font-size:12px; opacity:.85; }

/* content center */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-content{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap: 10px;
}

/* Avatar con aro estilo WhatsApp (CALL incoming) */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-avatar{
  width:108px;
  height:108px;
  border-radius:9999px;

  padding:4px;              /* grosor del aro */
  box-sizing:border-box;
  overflow:hidden;

  /* gradiente WhatsApp */
  background: linear-gradient(
    135deg,
    #25D366 0%,
    #20c05c 25%,
    #128C7E 50%,
    #0f7a6c 75%,
    #25D366 100%
  );

  box-shadow:
    0 18px 40px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.08);

  animation: waVibe 1.1s ease-in-out infinite; /* mantienes vibración */
}

.elementor-171 .elementor-element.elementor-element-6de0646 .wa-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;

  border-radius:9999px;
  background: rgba(10,16,20,.92); /* interior (no negro puro) */
}


.elementor-171 .elementor-element.elementor-element-6de0646 .wa-name{
  margin-top: 6px;
  font-size: 28px;
  font-weight: 800;
}
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-handle{ font-size: 16px; opacity: .82; }
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-sub{ font-size: 14px; opacity: .75; }

.elementor-171 .elementor-element.elementor-element-6de0646 .wa-dots{
  display:flex;
  gap: 8px;
  margin-top: 12px;
  opacity:.9;
}
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-dots span{
  width: 8px; height: 8px;
  border-radius:999px;
  background: rgba(255,255,255,.35);
  animation: waPulse 1.25s ease-in-out infinite;
}
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-dots span:nth-child(2){ animation-delay: .15s; }
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-dots span:nth-child(3){ animation-delay: .30s; }

@keyframes waPulse{
  0%,100%{ transform: scale(.85); opacity:.45; }
  50%{ transform: scale(1.35); opacity:.95; }
}

/* =========================
   ACCIONES iOS (rechazar/contestar)
   ========================= */

.elementor-171 .elementor-element.elementor-element-6de0646 .wa-actions.wa-actions-ios{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap: 18px;
  padding: 0 10px 8px;
}

.elementor-171 .elementor-element.elementor-element-6de0646 .wa-actions.wa-actions-ios .wa-act{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap: 10px;
  flex: 0 0 auto;
}

/* Botón circular iOS */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-btn.wa-btn-ios{
  width: 66px;
  height: 66px;
  border-radius: 9999px;
  border: 0;
  padding: 0;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow: 0 18px 36px rgba(0,0,0,.45);
  transition: transform .12s ease, filter .12s ease;
  user-select:none;
}

.elementor-171 .elementor-element.elementor-element-6de0646 .wa-btn.wa-btn-ios:active{
  transform: translateY(1px) scale(.985);
  filter: brightness(.95);
}

.elementor-171 .elementor-element.elementor-element-6de0646 .wa-btn.wa-btn-ios .wa-ic{
  display:grid;
  place-items:center;
  width: 100%;
  height: 100%;
}

/* Colores iOS */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-btn.wa-btn-ios.wa-decline{
  background: rgba(255, 59, 48, .96);
}
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-btn.wa-btn-ios.wa-accept{
  background: rgba(52, 199, 89, .96);
}

/* Texto debajo */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-actions.wa-actions-ios .wa-tx{
  font-size: 13px;
  font-weight: 700;
  opacity: .92;
  letter-spacing: .01em;
}

/* Asegura que el antiguo estilo “barra” no se cuele */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-btn.wa-btn-ios{
  flex: 0 0 auto !important;
  gap: 0 !important;
}

/* Responsive */
@media (max-width: 480px){
  .elementor-171 .elementor-element.elementor-element-6de0646 .wa-btn.wa-btn-ios{ width: 62px; height: 62px; }
  .elementor-171 .elementor-element.elementor-element-6de0646 .wa-actions.wa-actions-ios{ padding-bottom: 6px; }
}


/* glow del phone */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-phone-glow{
  position:absolute;
  inset:0;
  border-radius: 34px;
  pointer-events:none;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 40px rgba(37,211,102,.10);
  opacity:.9;
}

/* vibración visual */
@keyframes waVibe{
  0%,100%{ transform: translate(0,0); }
  20%{ transform: translate(1px,-1px); }
  40%{ transform: translate(-1px,1px); }
  60%{ transform: translate(1px,1px); }
  80%{ transform: translate(-1px,-1px); }
}

/* móvil */
@media (max-width: 480px){
  .elementor-171 .elementor-element.elementor-element-6de0646 .wa-phone{
    width: min(380px, 94vw);
    border-radius: 30px;
  }
}

/* Rechazar “bloqueado”: shake iOS */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-phone.wa-denied{
  animation: waDenied .38s ease both;
}

@keyframes waDenied{
  0%   { transform: translateX(0); }
  15%  { transform: translateX(-10px); }
  30%  { transform: translateX(9px); }
  45%  { transform: translateX(-7px); }
  60%  { transform: translateX(6px); }
  75%  { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}

/* feedback visual extra en el botón rechazar */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-decline.wa-btn-ios:active{
  filter: brightness(.92);
}


/* ====== SIZE: grande pero sin recortar ====== */

.elementor-171 .elementor-element.elementor-element-6de0646 .wa-stage{
  min-height: 100svh;
  min-height: 100dvh;
  padding-top: max(16px, env(safe-area-inset-top));
  padding-bottom: max(16px, env(safe-area-inset-bottom));
  box-sizing: border-box;
  display: grid !important;
  place-items: center !important;
}

.elementor-171 .elementor-element.elementor-element-6de0646 .wa-phone{
  /* 1) PRIORIZA ANCHO (se verá grande) */
  width: min(400px, 92vw) !important;

  /* 2) Mantén proporción */
  aspect-ratio: 9 / 19.5;

  /* 3) Evita corte por alto */
  max-height: calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;

  /* 4) Si el navegador intenta auto-size, lo neutralizamos */
  height: auto !important;
}

/* Icono del botón Contestar: mismo que mtlf-call */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-btn.wa-accept .wa-call-ic{
  width: 26px;
  height: 26px;
  display: block;
  color: #fff; /* porque el path usa stroke="currentColor" */
}

/* X de rechazar un poco más grande */
.elementor-171 .elementor-element.elementor-element-6de0646 .wa-btn.wa-decline svg{
  width: 26px !important;
  height: 26px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e187cd *//* Fullscreen de esta escena */
body.is-calling-ok{
  overflow:hidden !important;
  height:100vh !important;
}
body.is-calling-ok .scene{ display:none !important; }
body.is-calling-ok .scene.scene-call-ok{ display:flex !important; }

body.is-calling-ok .elementor-171 .elementor-element.elementor-element-6e187cd{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  z-index:999999 !important;
}

body.is-calling-ok .elementor-171 .elementor-element.elementor-element-6e187cd,
body.is-calling-ok .elementor-171 .elementor-element.elementor-element-6e187cd > .e-con-inner,
body.is-calling-ok .elementor-171 .elementor-element.elementor-element-6e187cd .e-con-inner{
  max-width:none !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* Stage centrado */
.elementor-171 .elementor-element.elementor-element-6e187cd .wa-stage.wa-ok{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  box-sizing:border-box;
}

/* Phone */
.elementor-171 .elementor-element.elementor-element-6e187cd .wa-phone{
  position:relative;
  width:min(360px, 92vw);
  aspect-ratio:9/19.5;
  border-radius:34px;
  background: rgba(10,16,20,.92);
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 30px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(0,0,0,.75) inset;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:18px;
  box-sizing:border-box;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#fff;
}

/* Notch */
.elementor-171 .elementor-element.elementor-element-6e187cd .wa-notch{
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  width:140px;
  height:26px;
  border-radius:999px;
  background: rgba(0,0,0,.65);
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
  opacity:.85;
}

/* Status */
.elementor-171 .elementor-element.elementor-element-6e187cd .wa-status{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:700;
  font-size:13px;
  opacity:.88;
  padding-top:6px;
}
.elementor-171 .elementor-element.elementor-element-6e187cd .wa-icons{ font-size:12px; opacity:.85; }

/* Content */
.elementor-171 .elementor-element.elementor-element-6e187cd .wa-content{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
}

/* Avatar con aro estilo WhatsApp */
.elementor-171 .elementor-element.elementor-element-6e187cd .wa-avatar{
  width:108px;
  height:108px;
  border-radius:9999px;
  padding:4px; /* grosor del aro */

  /* gradiente estilo WhatsApp */
  background: linear-gradient(
    135deg,
    #25D366 0%,
    #20c05c 25%,
    #128C7E 50%,
    #0f7a6c 75%,
    #25D366 100%
  );

  box-shadow:
    0 18px 40px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.08);

  box-sizing:border-box;
}

/* Imagen interna */
.elementor-171 .elementor-element.elementor-element-6e187cd .wa-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;

  border-radius:9999px;

  /* fondo interior como iOS oscuro, no negro puro */
  background: rgba(10,16,20,.92);
}


.elementor-171 .elementor-element.elementor-element-6e187cd .wa-name{
  margin-top:6px;
  font-size:28px;
  font-weight:800;
}
.elementor-171 .elementor-element.elementor-element-6e187cd .wa-handle{ font-size:16px; opacity:.82; }

.elementor-171 .elementor-element.elementor-element-6e187cd .wa-timer{
  font-size:24px;
  font-weight:800;
  letter-spacing:.02em;
  margin-top:6px;
}
.elementor-171 .elementor-element.elementor-element-6e187cd .wa-sub{
  font-size:13px;
  opacity:.70;
  margin-top:2px;
}

/* ---- iOS controls (la clave) ---- */
.elementor-171 .elementor-element.elementor-element-6e187cd .ios-controls{
  display:flex;
  justify-content:space-between;
  gap: 14px;
  padding-bottom: 6px;
}

.elementor-171 .elementor-element.elementor-element-6e187cd .ios-btn{
  flex:1;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  color:#fff;
  user-select:none;
}

.elementor-171 .elementor-element.elementor-element-6e187cd .ios-ic{
  width:62px;
  height:62px;
  border-radius:50%;
  margin: 0 auto;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 26px rgba(0,0,0,.35);
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}

.elementor-171 .elementor-element.elementor-element-6e187cd .ios-btn:active .ios-ic{
  transform: scale(.96);
}

/* SVG iOS: STROKE, fino, elegante */
.elementor-171 .elementor-element.elementor-element-6e187cd .ios-ic svg{
  width:26px;
  height:26px;
  fill:none;
  stroke:#fff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.92;
}

.elementor-171 .elementor-element.elementor-element-6e187cd .ios-tx{
  display:block;
  text-align:center;
  margin-top:8px;
  font-size:12px;
  opacity:.78;
}

/* Colgar: solo cambia el círculo */
.elementor-171 .elementor-element.elementor-element-6e187cd .ios-hang .ios-ic{
  background: rgba(255,59,48,.95);
  border-color: rgba(255,59,48,1);
}

/* Toggles visuales (mute/spk) */
.elementor-171 .elementor-element.elementor-element-6e187cd .ios-btn.is-on .ios-ic{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.18);
}

/* “Nope” cuando intentan colgar */
.elementor-171 .elementor-element.elementor-element-6e187cd .wa-phone.is-nope{
  animation: waNope .22s ease;
}
@keyframes waNope{
  0%{ transform: translateX(0); }
  30%{ transform: translateX(-6px); }
  60%{ transform: translateX(6px); }
  100%{ transform: translateX(0); }
}

/* Glow suave del phone */
.elementor-171 .elementor-element.elementor-element-6e187cd .wa-phone-glow{
  position:absolute;
  inset:0;
  border-radius:34px;
  pointer-events:none;
  box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset;
  opacity:.9;
}

@media (max-width:480px){
  .elementor-171 .elementor-element.elementor-element-6e187cd .wa-phone{ border-radius:30px; }
}

/* ====== SIZE: grande pero sin recortar ====== */

.elementor-171 .elementor-element.elementor-element-6e187cd .wa-stage{
  min-height: 100svh;
  min-height: 100dvh;
  padding-top: max(16px, env(safe-area-inset-top));
  padding-bottom: max(16px, env(safe-area-inset-bottom));
  box-sizing: border-box;
  display: grid !important;
  place-items: center !important;
}

.elementor-171 .elementor-element.elementor-element-6e187cd .wa-phone{
  /* 1) PRIORIZA ANCHO (se verá grande) */
  width: min(400px, 92vw) !important;

  /* 2) Mantén proporción */
  aspect-ratio: 9 / 19.5;

  /* 3) Evita corte por alto */
  max-height: calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;

  /* 4) Si el navegador intenta auto-size, lo neutralizamos */
  height: auto !important;
}

/* Altavoz: un pelín más grande (solo ese icono) */
.elementor-171 .elementor-element.elementor-element-6e187cd .ios-spk .ios-ic svg{
  width:30px;
  height:30px;
}

.elementor-171 .elementor-element.elementor-element-6e187cd .ios-tx{
  font-weight:700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cba08c6 *//* =========================
   SCENE CALL-END -> WhatsApp "Llamada finalizada"
   Contenedor: clases "scene scene-call-end"
   Pegar en: Contenedor escena > Advanced > Custom CSS
   ========================= */

body.is-calling-end{
  overflow:hidden !important;
  height:100vh !important;
}

/* si conviven escenas */
body.is-calling-end .scene{ display:none !important; }
body.is-calling-end .scene.scene-call-end{ display:flex !important; }

/* fullscreen del contenedor */
body.is-calling-end .elementor-171 .elementor-element.elementor-element-cba08c6{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  z-index: 999999 !important;
}

/* reset inner */
body.is-calling-end .elementor-171 .elementor-element.elementor-element-cba08c6,
body.is-calling-end .elementor-171 .elementor-element.elementor-element-cba08c6 > .e-con-inner,
body.is-calling-end .elementor-171 .elementor-element.elementor-element-cba08c6 .e-con-inner{
  max-width:none !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* stage centrado */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-stage.wa-end{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 22px;
  box-sizing:border-box;
}

/* overlay neutro suave */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-stage-bg{
  position:absolute;
  inset:0;
  background: radial-gradient(900px 600px at 50% 40%, rgba(255,255,255,.04), transparent 60%);
  opacity:1;
  pointer-events:none;
}

/* PHONE FRAME */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-phone{
  position:relative;
  width: min(360px, 92vw);
  aspect-ratio: 9 / 19.5;
  border-radius: 34px;
  background: rgba(10,16,20,.92);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow:
    0 30px 80px rgba(0,0,0,.55),
    0 0 0 1px rgba(0,0,0,.75) inset;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding: 18px;
  box-sizing:border-box;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#fff;
  z-index:2;
}

/* notch */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-notch{
  position:absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 140px;
  height: 26px;
  border-radius: 999px;
  background: rgba(0,0,0,.65);
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
  opacity:.85;
}

/* status */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  opacity:.88;
  font-weight:700;
  font-size:13px;
  padding-top: 6px;
  letter-spacing:.02em;
}
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-icons{ font-size:12px; opacity:.85; }

/* contenido */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-content{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap: 10px;
}

/* Avatar con aro rojo estilo WhatsApp "call ended" */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-avatar{
  width:108px;
  height:108px;
  border-radius:9999px;

  padding:4px;
  box-sizing:border-box;
  overflow:hidden;

  /* aro rojo degradado */
  background: linear-gradient(
    135deg,
    #ff4d4d 0%,
    #ff3b30 25%,
    #d92b22 50%,
    #b81f17 75%,
    #ff4d4d 100%
  );

  opacity:.75;
  filter: grayscale(.35);

  box-shadow:
    0 18px 40px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.06);
}

/* imagen interior */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-avatar img{
  border-radius:9999px;
  width:100%;
  height:100%;
  object-fit:cover;
  background: rgba(10,16,20,.92);
}

.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-name{
  margin-top: 6px;
  font-size: 28px;
  font-weight: 800;
}
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-handle{ font-size: 16px; opacity: .82; }

/* estado + timer final */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-endline{
  margin-top: 2px;
  font-size: 14px;
  opacity: .78;
}
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-timer{
  margin-top: 6px;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: .06em;
  opacity: .95;
}

/* acciones: 3 botones redondos (bloqueados) */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-actions{
  display:flex !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 0 8px 10px !important;
}

.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-round{
  flex: 1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: 8px;
  border:0;
  background: transparent;
  color:#fff;
  cursor: pointer;
  user-select:none;
  padding: 8px 0;
}

.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-round .ic{
  width: 64px;
  height: 64px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  font-size: 22px;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 34px rgba(0,0,0,.45);
  transition: transform .12s ease, filter .12s ease, background .12s ease;
}

.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-round .tx{
  font-size: 12px;
  opacity: .85;
  letter-spacing: .02em;
}

.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-round:active .ic{
  transform: translateY(1px) scale(.98);
  filter: brightness(.95);
}

/* botón central rojo */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-round.wa-hang .ic{
  background: rgba(255, 59, 48, .95);
  border-color: rgba(255, 59, 48, .65);
}

/* glow del phone */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-phone-glow{
  position:absolute;
  inset:0;
  border-radius: 34px;
  pointer-events:none;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 40px rgba(255,255,255,.05);
  opacity:.9;
}

/* feedback (bloqueado) */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-phone.is-blocked{
  animation: waNope .22s ease;
}
@keyframes waNope{
  0%{ transform: translateX(0); }
  35%{ transform: translateX(-6px); }
  70%{ transform: translateX(6px); }
  100%{ transform: translateX(0); }
}

@media (max-width: 480px){
  .elementor-171 .elementor-element.elementor-element-cba08c6 .wa-phone{
    width: min(380px, 94vw);
    border-radius: 30px;
  }
}

/* ====== END STATE LOOK (tipo iPhone "call ended") ====== */

/* blur/dim del contenido del teléfono */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-phone::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 3;
  pointer-events:none;
}

/* dejamos el status bar por encima del blur (ligeramente visible) */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-status{
  position: relative;
  z-index: 4;
  opacity: .75;
}

/* contenido central encima del blur */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-content{
  position: relative;
  z-index: 4;
}

/* el avatar + nombre más “apagados” */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-avatar{
  opacity: .55;
  filter: grayscale(1) contrast(.9);
  box-shadow:
    0 0 0 3px rgba(255,255,255,.06),
    0 16px 30px rgba(0,0,0,.45);
}
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-name{ opacity:.85; }
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-handle{ opacity:.55; }

/* Mensaje principal “call ended” */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-ended{
  margin-top: 16px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .02em;
  opacity: .92;
}
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-ended-sub{
  margin-top: 4px;
  font-size: 14px;
  opacity: .55;
  text-transform: lowercase;
}

/* quita el texto viejo “Llamada finalizada.” si lo tenías */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-endline{ display:none !important; }

/* controles apagados y sin interacción */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-actions{
  position: relative;
  z-index: 2;              /* quedan “debajo” del blur */
  opacity: .35;
  filter: grayscale(1);
  pointer-events: none;
}

/* el botón rojo ya no protagonista (en iPhone no destaca igual al final) */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-round.wa-hang .ic{
  background: rgba(255, 59, 48, .55);
  border-color: rgba(255, 59, 48, .35);
}

.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-phone{
  animation: waEndFade .22s ease both;
}

/* ====== DETALLE "LLAMADA FINALIZADA" (badge/pill) ====== */

.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-ended-pill{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .02em;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow:
    0 12px 30px rgba(0,0,0,.35),
    0 0 0 1px rgba(0,0,0,.35) inset;
  opacity: .95;
}

/* punto rojo tipo “ended” */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-ended-pill .dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,59,48,.95);
  box-shadow: 0 0 14px rgba(255,59,48,.45);
}

/* subtítulo más discreto */
.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-ended-sub{
  margin-top: 6px;
  font-size: 12px;
  opacity: .55;
  text-transform: lowercase;
}

/* ====== SIZE: grande pero sin recortar ====== */

.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-stage{
  min-height: 100svh;
  min-height: 100dvh;
  padding-top: max(16px, env(safe-area-inset-top));
  padding-bottom: max(16px, env(safe-area-inset-bottom));
  box-sizing: border-box;
  display: grid !important;
  place-items: center !important;
}

.elementor-171 .elementor-element.elementor-element-cba08c6 .wa-phone{
  /* 1) PRIORIZA ANCHO (se verá grande) */
  width: min(400px, 92vw) !important;

  /* 2) Mantén proporción */
  aspect-ratio: 9 / 19.5;

  /* 3) Evita corte por alto */
  max-height: calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;

  /* 4) Si el navegador intenta auto-size, lo neutralizamos */
  height: auto !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6369714 */.elementor-171 .elementor-element.elementor-element-6369714 .scan-icon{
  display:inline-block;
  width:0;
  height:0;
  margin-right:12px;

  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  border-left:12px solid #00ff00;

  filter:
    drop-shadow(0 0 6px rgba(0,255,0,.8))
    drop-shadow(0 0 14px rgba(0,255,0,.6));
}

.elementor-171 .elementor-element.elementor-element-6369714 .hud-center::after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  background: radial-gradient(
    circle,
    rgba(0,255,0,.18) 0%,
    rgba(0,255,0,.10) 30%,
    rgba(0,255,0,.04) 55%,
    transparent 70%
  );
  filter: blur(1px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf58373 *//* =========================================================
   SCANNER (SOLO esta escena)
   Pegar en: Contenedor scene-scanner > Advanced > Custom CSS
   ========================================================= */

/* ✅ PON AQUÍ EL ID REAL DEL CONTENEDOR (data-id) */
:root{ --SCANNER_ID: bf58373; }

/* Helper: .elementor-171 .elementor-element.elementor-element-bf58373 real del contenedor (Elementor usa .elementor-element-XXXXXXX) */
body .elementor-element-/*ID*/bf58373 {}

/* =========================
   BASE CONTENEDOR (EDITOR + FRONT)
   ========================= */
.elementor-171 .elementor-element.elementor-element-bf58373{
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: linear-gradient(to bottom,#000a00,#001a00,#000a00);
  isolation: isolate;
}

.elementor-171 .elementor-element.elementor-element-bf58373.scene.scene-scanner{
  position: relative;
  width: 100%;
  min-height: 100vh;
}

/* stage real del scanner */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-stage{
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
}

/* =========================
   FULLSCREEN REAL (SOLO cuando el router pone is-scanning)
   ⚠️ IMPORTANT: en lugar de "body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373" usamos el .elementor-171 .elementor-element.elementor-element-bf58373 REAL
   (más estable con Elementor + cache/minify)
   ========================= */
body.is-scanning .elementor-element-bf58373{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  display: flex !important;              /* ✅ mejor que block */
  flex-direction: column !important;
  z-index: 999999 !important;
  gap: 0 !important;
}

/* Elementor mete inner/boxed/paddings: anulamos SOLO aquí */
body.is-scanning .elementor-element-bf58373,
body.is-scanning .elementor-element-bf58373 > .e-con-inner,
body.is-scanning .elementor-element-bf58373 .e-con-inner,
body.is-scanning .elementor-element-bf58373.e-con-boxed,
body.is-scanning .elementor-element-bf58373 .e-con-boxed,
body.is-scanning .elementor-element-bf58373 .elementor-widget,
body.is-scanning .elementor-element-bf58373 .elementor-widget-container{
  max-width: none !important;
  width: 100% !important;
}

body.is-scanning .elementor-element-bf58373 > .e-con-inner,
body.is-scanning .elementor-element-bf58373 .e-con-inner{
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Bloqueo de scroll SOLO cuando estás en scanner */
body.is-scanning{
  overflow: hidden !important;
  height: 100vh !important;
}

/* Oculta TODAS las escenas salvo la del scanner */
body.is-scanning .scene{ display:none !important; }
body.is-scanning .scene.scene-scanner{
  display:block !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  max-width: none !important;
  z-index: 999999 !important;
}

body.is-scanning .scene.scene-scanner .scanner-stage{
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
}

/* =========================
   HUD
   ========================= */
.elementor-171 .elementor-element.elementor-element-bf58373 .hud{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
}

.elementor-171 .elementor-element.elementor-element-bf58373 .hud-grid{
  position:absolute;
  inset:0;
  opacity:.20;
  background-image:
    linear-gradient(to right, rgba(0,255,0,.125) 1px, transparent 1px),
    linear-gradient(rgba(0,255,0,.125) 1px, transparent 1px);
  background-size:40px 40px;
}

/* Centro + halo */
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-center{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-ring{
  position:absolute;
  border-radius:999px;
  border:1px solid rgba(0,255,0,.22);
  box-shadow:
    0 0 60px rgba(0,255,0,.10),
    inset 0 0 60px rgba(0,255,0,.03);
}
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-ring.ring-1{ width:280px; height:280px; border-color:rgba(0,255,0,.30); }
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-ring.ring-2{ width:200px; height:200px; border-color:rgba(0,255,0,.18); }

.elementor-171 .elementor-element.elementor-element-bf58373 .hud-cross.h{
  position:absolute;
  width:280px;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(0,255,0,.30), transparent);
}
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-cross.v{
  position:absolute;
  width:1px;
  height:280px;
  background: linear-gradient(180deg, transparent, rgba(0,255,0,.30), transparent);
}

/* =========================
   SCAN LINES + HALO (antes te faltaba asegurar capa)
   ========================= */
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-scan{
  position:absolute;                      /* ✅ importante */
  z-index:2;
  filter:
    drop-shadow(0 0 20px rgba(0,255,0,.55))
    drop-shadow(0 0 40px rgba(0,255,0,.25));
}

.elementor-171 .elementor-element.elementor-element-bf58373 .hud-scan.scan-h{
  left:0; right:0;
  height:2px;
  background: linear-gradient(90deg, transparent, rgba(0,255,0,1), transparent);
  animation: scanV 4s ease-in-out infinite alternate;
}
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-scan.scan-h::before{
  content:"";
  position:absolute;
  inset:-12px 0;                          /* grosor halo */
  background: linear-gradient(90deg, transparent, rgba(0,255,0,.14), transparent);
  filter: blur(10px);
  z-index:-1;                             /* ✅ halo detrás */
  pointer-events:none;
}

.elementor-171 .elementor-element.elementor-element-bf58373 .hud-scan.scan-v{
  top:0; bottom:0;
  width:2px;
  background: linear-gradient(180deg, transparent, rgba(0,255,0,1), transparent);
  animation: scanH 3s ease-in-out infinite alternate;
}
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-scan.scan-v::before{
  content:"";
  position:absolute;
  inset:0 -12px;                          /* grosor halo */
  background: linear-gradient(180deg, transparent, rgba(0,255,0,.14), transparent);
  filter: blur(10px);
  z-index:-1;                             /* ✅ halo detrás */
  pointer-events:none;
}

@keyframes scanV{ from{ top:20%; } to{ top:80%; } }
@keyframes scanH{ from{ left:20%; } to{ left:80%; } }

/* =========================
   BORDES + ESQUINAS (verde + glow)
   ========================= */
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-border{ position:absolute; border-radius:10px; }
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-border.b1{ inset:12px; border:1px solid rgba(0,255,0,.40); }
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-border.b2{ inset:16px; border:1px solid rgba(0,255,0,.20); }

.elementor-171 .elementor-element.elementor-element-bf58373 .hud-corner{
  position:absolute;
  width:32px;
  height:32px;
  border-color: #00ff00 !important;
  z-index:3;

  /* ✅ elimina “gris” y mete glow verde */
  filter:
    drop-shadow(0 0 6px rgba(0,255,0,.65))
    drop-shadow(0 0 14px rgba(0,255,0,.35));
}
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-corner.tl{ top:12px; left:12px; border-top:2px solid; border-left:2px solid; border-top-left-radius:10px; }
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-corner.tr{ top:12px; right:12px; border-top:2px solid; border-right:2px solid; border-top-right-radius:10px; }
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-corner.bl{ bottom:12px; left:12px; border-bottom:2px solid; border-left:2px solid; border-bottom-left-radius:10px; }
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-corner.br{ bottom:12px; right:12px; border-bottom:2px solid; border-right:2px solid; border-bottom-right-radius:10px; }

/* Top/Bottom */
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-top, .elementor-171 .elementor-element.elementor-element-bf58373 .hud-bottom{
  position:absolute;
  left:24px; right:24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  z-index:3;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:12px;
  letter-spacing:.22em;
  color: rgba(0,255,0,.70);
}
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-top{ top:24px; }
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-bottom{ bottom:24px; }

/* =========================
   SHELL (botón abajo)
   ========================= */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-shell{
  position: relative;
  z-index: 5;
  width: min(420px, 100%);
  margin: 0 auto;

  min-height: 100vh;
  display: flex;
  flex-direction: column;

  padding: 64px 16px 24px;
  box-sizing: border-box;
}
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-content{ flex: 1; }
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-cta{
  margin-top: auto;
  display:flex;
  justify-content:center;
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
}

/* =========================
   BOTÓN + ICONO (emoji verde)
   ========================= */
.elementor-171 .elementor-element.elementor-element-bf58373 .scan-btn{
  min-height:56px;
  border:2px solid #00ff00;
  background: rgba(0,255,0,.10);
  padding: 14px 32px;
  border-radius: 10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 18px;
  font-weight: 800;
  color:#00ff00;
  box-shadow: 0 0 20px rgba(0,255,0,.30);
  text-shadow: 0 0 10px rgba(0,255,0,.60);
  cursor:pointer;
  transition: transform .15s ease, background .15s ease;
}
.elementor-171 .elementor-element.elementor-element-bf58373 .scan-btn:hover{ background: rgba(0,255,0,.18); transform: scale(1.03); }
.elementor-171 .elementor-element.elementor-element-bf58373 .scan-btn:active{ transform: scale(.98); }

.elementor-171 .elementor-element.elementor-element-bf58373 .scan-icon{
  margin-right:10px;
  display:inline-block;
  color:#00ff00;                          /* ✅ emoji/text verde */
  text-shadow: 0 0 10px rgba(0,255,0,.85);
}

/* Si Elementor/WordPress te convierte ▶ en <img class="emoji">, forzamos “verde” con filtro */
.elementor-171 .elementor-element.elementor-element-bf58373 .scan-icon img.emoji{
  width: 18px;
  height: 18px;
  vertical-align: -2px;
  filter:
    brightness(0) saturate(100%) invert(62%) sepia(97%) saturate(3056%) hue-rotate(88deg) brightness(110%) contrast(120%)
    drop-shadow(0 0 8px rgba(0,255,0,.7));
}



/* =========================
   LOADER LINES (terminal)
   ========================= */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-log{
  margin-top: 18vh;
  padding: 0 24px;
  z-index: 5;
  position: relative;
  width: min(560px, 100%);
  margin-left: auto;
  margin-right: auto;

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: #00ff00;
  text-shadow: 0 0 10px rgba(0,255,0,.60);
}

.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-line{
  font-size: 13px;
  line-height: 1.6;
  opacity: 0.95;
  white-space: pre-wrap;
  margin: 6px 0;
}

/* cursor tipo terminal */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-cursor{
  display: inline-block;
  width: 10px;
  margin-left: 2px;
  opacity: 0.9;
  animation: cursorBlink .85s steps(1) infinite;
}

@keyframes cursorBlink{
  50%{ opacity: 0; }
}

/* “pulse” suave como en tu ejemplo */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-line.pulse{
  animation: softPulse 1.35s ease-in-out infinite;
}

@keyframes softPulse{
  50%{ opacity: .55; }
}

/* Botón oculto hasta que termine el loader */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-cta{ opacity: 0; transform: translateY(10px); pointer-events: none; transition: .35s ease; }
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-cta.is-ready{ opacity: 1; transform: translateY(0); pointer-events: auto; }

/* Accesibilidad */
@media (prefers-reduced-motion: reduce){
  .elementor-171 .elementor-element.elementor-element-bf58373 .scanner-cursor{ animation: none; }
  .elementor-171 .elementor-element.elementor-element-bf58373 .scanner-line.pulse{ animation: none; }
  .elementor-171 .elementor-element.elementor-element-bf58373 .scanner-cta{ transition: none; }
}




/* =========================
   QUIZ (modo cuestionario)
   ========================= */
.elementor-171 .elementor-element.elementor-element-bf58373.is-quiz .scanner-cta{
  display:none !important; /* desaparece el botón iniciar */
}

.elementor-171 .elementor-element.elementor-element-bf58373 .quiz-answers{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding: 0 24px;
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
  margin-top: 18px;
}

.elementor-171 .elementor-element.elementor-element-bf58373 .quiz-btn{
  min-height:48px;
  border:1px solid rgba(0,255,0,.50);
  background: rgba(0,255,0,.05);
  border-radius:10px;
  padding: 12px 14px;
  text-align:left;
  cursor:pointer;

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 15px;
  color:#00ff00;
  text-shadow: 0 0 8px rgba(0,255,0,.50);

  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.elementor-171 .elementor-element.elementor-element-bf58373 .quiz-btn:hover{
  border-color: rgba(0,255,0,1);
  background: rgba(0,255,0,.15);
}
.elementor-171 .elementor-element.elementor-element-bf58373 .quiz-btn:active{ transform: scale(.98); }

.elementor-171 .elementor-element.elementor-element-bf58373 .quiz-btn .tri{
  margin-right:10px;
  display:inline-block;
  text-shadow: 0 0 10px rgba(0,255,0,.70);
}

.elementor-171 .elementor-element.elementor-element-bf58373 .quiz-btn[disabled]{
  opacity:.55;
  pointer-events:none;
}

/* =========================
   ESTADO INFERIOR (reemplaza el botón en modo quiz)
   ========================= */

/* por defecto: el status oculto */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-status{
  display:none;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
  font-size: 12px;
  letter-spacing: .14em;
  color: rgba(0,255,0,.55);
  text-shadow: 0 0 10px rgba(0,255,0,.35);
  padding: 12px 0 6px;
  opacity: .85;
}

/* animación sutil tipo terminal */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-status::after{
  content:"";
  display:inline-block;
  width: 10px;
  margin-left: 6px;
  content: "▌";
  animation: cursorBlink .85s steps(1) infinite;
  opacity:.85;
}

/* en modo quiz: ocultar el botón y mostrar el status */
.elementor-171 .elementor-element.elementor-element-bf58373.is-quiz .scan-btn{
  display:none !important;
}

.elementor-171 .elementor-element.elementor-element-bf58373.is-quiz .scanner-status{
  display:block;
}

/* =========================
   FIX LAYOUT QUIZ (top log + bottom answers)
   Pegar al FINAL del CSS actual
   ========================= */

/* 1) Quitar centrado artificial del log */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-log{
  margin-top: 0 !important;          /* antes 18vh */
  padding: 0 24px;
  width: min(560px, 100%);
  margin-left: auto;
  margin-right: auto;
}

/* 2) Hacer que la “shell” sea una columna de altura completa */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-shell{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* 3) El contenido ocupa todo el espacio disponible */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-content{
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* 4) En modo quiz: log arriba y respuestas abajo */
.elementor-171 .elementor-element.elementor-element-bf58373 .quiz-answers{
  margin-top: auto;                  /* empuja las respuestas al fondo */
  width: min(560px, 100%);
  margin-left: auto;
  margin-right: auto;
  padding: 0 24px;
  padding-bottom: calc(18px + env(safe-area-inset-bottom));
}

/* 5) Opcional: un pelín de aire arriba para el “terminal” */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-content{
  padding-top: 72px;                 /* ajusta 56-96px a gusto */
  box-sizing: border-box;
}



/* =========================
   HUD PROGRESS (barra + % como el ejemplo)
   ========================= */
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-progress{
  position:absolute;
  left:24px; right:24px;
  bottom:48px;                 /* como bottom-12 aprox */
  z-index:10;
}

.elementor-171 .elementor-element.elementor-element-bf58373 .hud-progress .bar{
  height: 4px;
  width: 100%;
  background: rgba(0,255,0,.20);
  border-radius: 999px;
  overflow: hidden;
}

.elementor-171 .elementor-element.elementor-element-bf58373 .hud-progress .fill{
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #00ff00, #00cc00);
  box-shadow: 0 0 10px rgba(0,255,0,.80);
  transition: width .25s ease;
}

.elementor-171 .elementor-element.elementor-element-bf58373 .hud-progress .pct{
  text-align:center;
  margin-top: 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
  font-size: 12px;
  letter-spacing: .08em;
  color: rgba(0,255,0,.70);
  text-shadow: 0 0 10px rgba(0,255,0,.45);
}

/* por defecto oculto hasta fase final */
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-progress{ opacity: 0; transform: translateY(6px); pointer-events:none; transition: .25s ease; }
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-progress.is-on{ opacity: 1; transform: translateY(0); }



/* =========================================================
   FIX MÓVIL SCANNER — NO CROP (iOS/Android)
   Pegar AL FINAL del CSS de scene-scanner
   ========================================================= */

/* 0) Variables (safe areas + extra para barra del navegador) */
body.is-scanning .elementor-element-bf58373,
body.is-scanning .scene.scene-scanner{
  --safe-top: env(safe-area-inset-top);
  --safe-bot: env(safe-area-inset-bottom);
  --safe-l: env(safe-area-inset-left);
  --safe-r: env(safe-area-inset-right);

  --ui-pad: clamp(10px, 2.6vw, 24px);
  --ui-bot-extra: clamp(10px, 2.4vh, 18px); /* evita que el HUD inferior quede tapado */
}

/* 1) Altura real visible (esto es lo que evita “corte por abajo”) */
body.is-scanning{
  height: 100svh !important;
  height: 100dvh !important;
}

body.is-scanning .elementor-element-bf58373,
body.is-scanning .scene.scene-scanner{
  height: 100svh !important;
  height: 100dvh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
}

/* 2) La stage ocupa el alto visible y centra contenido sin cortar */
body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373{
  height: 100svh !important;
  height: 100dvh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
}

body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373 .scanner-shell{
  min-height: 100svh !important;
  min-height: 100dvh !important;

  /* ✅ respeta notch + barra inferior */
  padding-top: calc(64px + var(--safe-top)) !important;
  padding-bottom: calc(24px + var(--safe-bot) + var(--ui-bot-extra)) !important;
}

/* 3) HUD: bordes, esquinas y top/bottom dentro del área visible */
body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373 .hud-border.b1{
  inset:
    calc(var(--ui-pad) + var(--safe-top))
    calc(var(--ui-pad) + var(--safe-r))
    calc(var(--ui-pad) + var(--safe-bot) + var(--ui-bot-extra))
    calc(var(--ui-pad) + var(--safe-l)) !important;
}

body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373 .hud-border.b2{
  inset:
    calc(var(--ui-pad) + 4px + var(--safe-top))
    calc(var(--ui-pad) + 4px + var(--safe-r))
    calc(var(--ui-pad) + 4px + var(--safe-bot) + var(--ui-bot-extra))
    calc(var(--ui-pad) + 4px + var(--safe-l)) !important;
}

/* esquinas pegadas al mismo “marco” */
body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373 .hud-corner.tl{
  top:  calc(var(--ui-pad) + var(--safe-top)) !important;
  left: calc(var(--ui-pad) + var(--safe-l)) !important;
}
body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373 .hud-corner.tr{
  top:   calc(var(--ui-pad) + var(--safe-top)) !important;
  right: calc(var(--ui-pad) + var(--safe-r)) !important;
}
body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373 .hud-corner.bl{
  bottom: calc(var(--ui-pad) + var(--safe-bot) + var(--ui-bot-extra)) !important;
  left:   calc(var(--ui-pad) + var(--safe-l)) !important;
}
body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373 .hud-corner.br{
  bottom: calc(var(--ui-pad) + var(--safe-bot) + var(--ui-bot-extra)) !important;
  right:  calc(var(--ui-pad) + var(--safe-r)) !important;
}

/* top/bottom HUD text */
body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373 .hud-top{
  top: calc(var(--ui-pad) + var(--safe-top)) !important;
  left: calc(var(--ui-pad) + var(--safe-l)) !important;
  right: calc(var(--ui-pad) + var(--safe-r)) !important;
}

body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373 .hud-bottom{
  bottom: calc(var(--ui-pad) + var(--safe-bot) + var(--ui-bot-extra)) !important;
  left: calc(var(--ui-pad) + var(--safe-l)) !important;
  right: calc(var(--ui-pad) + var(--safe-r)) !important;
}

/* 4) Progress HUD (barra + %): también dentro */
body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373 .hud-progress{
  left: calc(var(--ui-pad) + var(--safe-l)) !important;
  right: calc(var(--ui-pad) + var(--safe-r)) !important;
  bottom: calc(var(--ui-pad) + var(--safe-bot) + var(--ui-bot-extra) + 18px) !important;
}

/* 5) CTA: nunca tapada por la barra del navegador */
body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373 .scanner-cta{
  padding-bottom: calc(12px + var(--safe-bot) + var(--ui-bot-extra)) !important;
}

/* 6) En quiz: respuestas abajo SIN cortar */
body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373 .quiz-answers{
  padding-bottom: calc(18px + var(--safe-bot) + var(--ui-bot-extra)) !important;
}

/* 7) Para móviles muy bajos: reduce un poco el “aire” superior */
@media (max-height: 740px){
  body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373 .scanner-shell{
    padding-top: calc(54px + var(--safe-top)) !important;
  }
}


/* Fade en el top del log para efecto “scroll fantasma” */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-log{
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 22%, #000 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 22%, #000 100%);
}



/* =========================
   DIFERENCIAR RESPUESTA USUARIO
   ========================= */

/* Línea del usuario (otro color + menos glow) */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-line.is-user{
  color: #00d9ff; /* azul/cian */
  text-shadow: 0 0 10px rgba(0,217,255,.35);
  opacity: 0.98;
}

/* Sustituir el primer ">" por una flecha distinta y color distinto */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-line.is-user::before{
  content: "➜ ";
  color: #00d9ff;
  text-shadow: 0 0 10px rgba(0,217,255,.55);
}

/* Ocultar el ">" original SOLO en líneas user (sin romper el resto) */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-line.is-user{
  position: relative;
}
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-line.is-user{
  /* quitamos el primer caracter '>' visualmente moviendo el texto 1ch */
  padding-left: 0.2ch;
}
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-line.is-user{
  /* opción robusta: si siempre empieza por "> " */
}
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-line.is-user{
  /* no tocamos el contenido, solo “tapamos” el primer char con un mask simple */
}

/* Alternativa más simple y fiable (recomendada):
   en JS cambia el prefijo del user a "  " (sin ">") y aquí ya pintas la flecha.
   Si NO quieres tocar el texto, deja solo el ::before y listo aunque verás "➜ >". */


/* Flecha "►" de las opciones */
.elementor-171 .elementor-element.elementor-element-bf58373 .quiz-btn .tri{
  color: #00d9ff;
  text-shadow: 0 0 10px rgba(0,217,255,.55);
}



/* Promoción a capa y animación por GPU */
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-scan{
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Línea horizontal: fija top y mueve con translateY */
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-scan.scan-h{
  top: 0;
  left: 0; right: 0;
  animation: scanY 4s ease-in-out infinite alternate;
}
@keyframes scanY{
  from { transform: translate3d(0, 20vh, 0); }
  to   { transform: translate3d(0, 80vh, 0); }
}

/* Línea vertical: fija left y mueve con translateX */
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-scan.scan-v{
  left: 0;
  top: 0; bottom: 0;
  animation: scanX 3s ease-in-out infinite alternate;
}
@keyframes scanX{
  from { transform: translate3d(20vw, 0, 0); }
  to   { transform: translate3d(80vw, 0, 0); }
}




/* =========================================================
   SCANNER HUD TOP/BOTTOM — nudges independientes
   (pegar al FINAL del CSS)
   ========================================================= */

.elementor-171 .elementor-element.elementor-element-bf58373{
  /* HUD TOP */
  --hud-brand-x: 10px;   /* + = derecha, - = izquierda */
  --hud-brand-y: 8px;    /* + = abajo,  - = arriba    */

  --hud-ver-x: -10px;    /* + = derecha, - = izquierda */
  --hud-ver-y: 8px;      /* + = abajo,  - = arriba    */

  /* HUD BOTTOM */
  --hud-secure-x: 10px;
  --hud-secure-y: -8px;  /* quieres “arriba” => valores negativos */

  --hud-active-x: -10px;
  --hud-active-y: -8px;
}

/* TOP: izquierda=brand / derecha=ver */
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-top .hud-brand{
  transform: translate(var(--hud-brand-x), var(--hud-brand-y));
}

.elementor-171 .elementor-element.elementor-element-bf58373 .hud-top .hud-ver{
  transform: translate(var(--hud-ver-x), var(--hud-ver-y));
}

/* BOTTOM: primer span=SECURE / segundo span=ACTIVE */
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-bottom span:first-child{
  transform: translate(var(--hud-secure-x), var(--hud-secure-y));
}

.elementor-171 .elementor-element.elementor-element-bf58373 .hud-bottom span:last-child{
  transform: translate(var(--hud-active-x), var(--hud-active-y));
}

/* =========================================================
   HUD PROGRESS — contraer laterales (no pisa bordes)
   ========================================================= */

.elementor-171 .elementor-element.elementor-element-bf58373{
  --hud-progress-inset-x: 18px; /* ajusta: 12px / 16px / 24px... */
}

/* opción 1 (recomendada): reduce el área del contenedor */
.elementor-171 .elementor-element.elementor-element-bf58373 .hud-progress{
  left:  calc(24px + var(--hud-progress-inset-x)) !important;
  right: calc(24px + var(--hud-progress-inset-x)) !important;
}

/* si estás usando el “FIX MÓVIL” con ui-pad/safe-area, este override lo respeta */
body.is-scanning .elementor-171 .elementor-element.elementor-element-bf58373 .hud-progress{
  left:  calc(var(--ui-pad) + var(--safe-l) + var(--hud-progress-inset-x)) !important;
  right: calc(var(--ui-pad) + var(--safe-r) + var(--hud-progress-inset-x)) !important;
}





/* =========================
   FINAL: ALERT / OK LINES
   ========================= */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-line.is-alert{
  color: #ff2b2b !important;
  font-weight: 900 !important;
  text-shadow:
    0 0 10px rgba(255,43,43,.55),
    0 0 22px rgba(255,43,43,.25) !important;
}

.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-line.is-ok{
  color: #00ff66 !important;
  font-weight: 900 !important;
  text-shadow:
    0 0 10px rgba(0,255,102,.45),
    0 0 22px rgba(0,255,102,.22) !important;
}

/* FLASH / INTERFERENCIA (stage) */
.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-stage{
  position: relative;
  overflow: hidden;
}

.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-stage::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index: 999999;
  opacity:0;
  background:
    radial-gradient(circle at 50% 55%, rgba(255,0,0,.22), transparent 60%),
    repeating-linear-gradient(
      to bottom,
      rgba(255,0,0,.10) 0px,
      rgba(255,0,0,.10) 2px,
      transparent 2px,
      transparent 7px
    );
  mix-blend-mode: screen;
  filter: blur(.2px) contrast(1.1);
}

.elementor-171 .elementor-element.elementor-element-bf58373 .scanner-stage.flash-red::before{
  animation: redFlash .52s ease-out 1;
}

@keyframes redFlash{
  0%   { opacity: 0; transform: translateY(0); }
  15%  { opacity: 1; transform: translateY(-1px); }
  45%  { opacity: .55; transform: translateY(1px); }
  100% { opacity: 0; transform: translateY(0); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43e950e *//* =========================
   SCANNER-CALL (solo este contenedor)
   Pegar en: Contenedor (clases: scene scene-scanner-call) > Advanced > Custom CSS
   ========================= */

/* =========================
   FULLSCREEN (sin depender de elementor-element-ID)
   ========================= */
body.is-scanner-call{
  overflow: hidden !important;
  height: 100vh !important;
}

/* Oculta otras escenas si conviven en la misma página */
body.is-scanner-call .scene{ display:none !important; }
body.is-scanner-call .scene.scene-scanner-call{ display:flex !important; }

/* El contenedor actual a pantalla completa */
body.is-scanner-call .elementor-171 .elementor-element.elementor-element-43e950e{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  z-index: 999999 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Anula boxed/inner SOLO aquí */
body.is-scanner-call .elementor-171 .elementor-element.elementor-element-43e950e,
body.is-scanner-call .elementor-171 .elementor-element.elementor-element-43e950e > .e-con-inner,
body.is-scanner-call .elementor-171 .elementor-element.elementor-element-43e950e .e-con-inner,
body.is-scanner-call .elementor-171 .elementor-element.elementor-element-43e950e.e-con-boxed,
body.is-scanner-call .elementor-171 .elementor-element.elementor-element-43e950e .e-con-boxed,
body.is-scanner-call .elementor-171 .elementor-element.elementor-element-43e950e .elementor-widget,
body.is-scanner-call .elementor-171 .elementor-element.elementor-element-43e950e .elementor-widget-container{
  max-width: none !important;
  width: 100% !important;
}

body.is-scanner-call .elementor-171 .elementor-element.elementor-element-43e950e > .e-con-inner,
body.is-scanner-call .elementor-171 .elementor-element.elementor-element-43e950e .e-con-inner{
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================
   BASE
   ========================= */
.elementor-171 .elementor-element.elementor-element-43e950e{
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background: linear-gradient(to bottom,#000a00,#001a00,#000a00);
  isolation: isolate;
}

/* Wrapper */
.elementor-171 .elementor-element.elementor-element-43e950e .call-stage{
  position: relative;
  min-height: 100vh;
}


.elementor-171 .elementor-element.elementor-element-43e950e .hud-corner.tl{ top:12px; left:12px; border-top:2px solid; border-left:2px solid; border-top-left-radius:10px; }
.elementor-171 .elementor-element.elementor-element-43e950e .hud-corner.tr{ top:12px; right:12px; border-top:2px solid; border-right:2px solid; border-top-right-radius:10px; }
.elementor-171 .elementor-element.elementor-element-43e950e .hud-corner.bl{ bottom:12px; left:12px; border-bottom:2px solid; border-left:2px solid; border-bottom-left-radius:10px; }
.elementor-171 .elementor-element.elementor-element-43e950e .hud-corner.br{ bottom:12px; right:12px; border-bottom:2px solid; border-right:2px solid; border-bottom-right-radius:10px; }

/* Labels top/bottom */
.elementor-171 .elementor-element.elementor-element-43e950e .hud-top,
.elementor-171 .elementor-element.elementor-element-43e950e .hud-bottom{
  position:absolute;
  left:24px; right:24px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  z-index: 3;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  letter-spacing: .22em;
  color: rgba(0,255,0,1);
  opacity: .85;
}

.elementor-171 .elementor-element.elementor-element-43e950e .hud-top{ top:24px; }
.elementor-171 .elementor-element.elementor-element-43e950e .hud-bottom{ bottom:24px; }

/* Centro */
.elementor-171 .elementor-element.elementor-element-43e950e .shell{
  position: relative;
  z-index: 5;
  min-height: 100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 96px 16px 96px;
  box-sizing: border-box;
}

/* =========================
   PHONE UI
   ========================= */
.elementor-171 .elementor-element.elementor-element-43e950e .phone{
  width: min(420px, 100%);
  border-radius: 30px;
  background: rgba(0,0,0,.55);
  border: 2px solid rgba(0,255,0,.30);
  box-shadow:
    0 0 0 1px rgba(0,255,0,.10) inset,
    0 20px 60px rgba(0,0,0,.55),
    0 0 40px rgba(0,255,0,.10);
  overflow: hidden;
  position: relative;
  backdrop-filter: blur(6px);
}

.elementor-171 .elementor-element.elementor-element-43e950e .phone::before{
  content:"";
  position:absolute;
  inset: 10px;
  border-radius: 24px;
  border: 1px solid rgba(0,255,0,.14);
  pointer-events:none;
}

.elementor-171 .elementor-element.elementor-element-43e950e .phone-top{
  position: relative;
  z-index: 2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 16px 10px;
  color:#00ff00;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 11px;
  letter-spacing: .16em;
  opacity: .85;
}

.elementor-171 .elementor-element.elementor-element-43e950e .notch{
  width: 140px;
  height: 24px;
  border-radius: 999px;
  background: rgba(0,0,0,.65);
  border: 1px solid rgba(0,255,0,.15);
  box-shadow: 0 0 18px rgba(0,255,0,.06);
}

.elementor-171 .elementor-element.elementor-element-43e950e .phone-body{
  padding: 10px 18px 18px;
  position: relative;
  z-index: 2;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color:#00ff00;
  text-shadow: 0 0 10px rgba(0,255,0,.28);
}

/* Caller */
.elementor-171 .elementor-element.elementor-element-43e950e .caller{
  display:flex;
  align-items:center;
  gap: 14px;
  padding: 6px 2px 12px;
}

.elementor-171 .elementor-element.elementor-element-43e950e .avatar{
  width: 64px;
  height: 64px;
  border-radius: 9999px;
  overflow: hidden;
  background: linear-gradient(135deg, #0b1a0b 0%, #061006 50%, #020402 100%);
  box-shadow:
    0 0 0 3px rgba(0,255,0,.55),
    0 12px 24px rgba(0,0,0,.55),
    0 0 18px rgba(0,255,0,.18);
  flex: 0 0 auto;
}

.elementor-171 .elementor-element.elementor-element-43e950e .avatar img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  display:block;
  opacity: .98;
}

/* Preview */
.elementor-171 .elementor-element.elementor-element-43e950e .vc-preview{
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 10;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(0,255,0,.22);
  background:
    radial-gradient(1200px 600px at 50% 10%, rgba(0,255,0,.12), transparent 55%),
    linear-gradient(180deg, rgba(0,0,0,.75), rgba(0,0,0,.45));
  box-shadow:
    0 0 0 1px rgba(0,255,0,.10) inset,
    0 0 28px rgba(0,255,0,.10);
}

/* VIDEO DE FONDO */
.elementor-171 .elementor-element.elementor-element-43e950e .vc-bgvideo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  opacity: 0;
  transform: scale(1.02);
  filter: contrast(1.05) saturate(0.95) brightness(0.95);
  transition: opacity .25s ease, transform .35s ease;
  z-index: 0;
}

/* Al estar en llamada, mostramos el vídeo */
.elementor-171 .elementor-element.elementor-element-43e950e .phone.is-incall .vc-bgvideo{
  opacity: .95;
  transform: scale(1);
}

/* Scanlines/noise */
.elementor-171 .elementor-element.elementor-element-43e950e .vc-scanlines{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(0,255,0,.10) 0px,
      rgba(0,255,0,.10) 1px,
      transparent 3px,
      transparent 7px
    );
  mix-blend-mode: screen;
  animation: vcScan 2.2s linear infinite;
  z-index: 2;
}

@keyframes vcScan{
  0%{ transform: translateY(0); }
  100%{ transform: translateY(10px); }
}

.elementor-171 .elementor-element.elementor-element-43e950e .vc-noise{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.08;
  background:
    radial-gradient(circle at 20% 30%, rgba(0,255,0,.18), transparent 35%),
    radial-gradient(circle at 80% 70%, rgba(0,255,0,.14), transparent 40%),
    linear-gradient(90deg, transparent, rgba(0,255,0,.08), transparent);
  filter: blur(0.2px);
  animation: vcNoise 1.6s steps(2, end) infinite;
  z-index: 3;
}

@keyframes vcNoise{
  0%{ transform: translate(0,0); opacity:.07; }
  50%{ transform: translate(-1px, 1px); opacity:.09; }
  100%{ transform: translate(1px, -1px); opacity:.07; }
}

.elementor-171 .elementor-element.elementor-element-43e950e .vc-hud{
  position:absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  display:flex;
  gap: 8px;
  justify-content:flex-start;
  z-index: 4;
  opacity: .92;
}

.elementor-171 .elementor-element.elementor-element-43e950e .vc-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,255,0,.28);
  background: rgba(0,0,0,.35);
  font-size: 10px;
  letter-spacing: .18em;
}

.elementor-171 .elementor-element.elementor-element-43e950e .vc-hint{
  position:absolute;
  left: 12px;
  bottom: 12px;
  z-index: 6;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(0,255,0,.22);
  background: rgba(0,0,0,.35);
  font-size: 10px;
  letter-spacing: .16em;
  opacity: .85;
}

/* Selfview real */
.elementor-171 .elementor-element.elementor-element-43e950e .selfview{
  position:absolute;
  right: 12px;
  bottom: 12px;
  width: 110px;
  height: 150px;
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid rgba(0,255,0,.30);
  background: #000;
  box-shadow:
    0 12px 24px rgba(0,0,0,.45),
    0 0 18px rgba(0,255,0,.08);
  z-index: 7;
}

.elementor-171 .elementor-element.elementor-element-43e950e .selfview-video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
  opacity: .98;
}

.elementor-171 .elementor-element.elementor-element-43e950e .selfview-label{
  position:absolute;
  left: 10px;
  bottom: 10px;
  font-size: 10px;
  letter-spacing: .18em;
  opacity:.75;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(0,255,0,.18);
  padding: 6px 8px;
  border-radius: 10px;
}

/* =========================
   ACTIONS (nuevo maquetado)
   ========================= */
.elementor-171 .elementor-element.elementor-element-43e950e .actions{
  display:flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 14px;
}

/* ✅ Botón cámara (SECUNDARIO / discreto) */
.elementor-171 .elementor-element.elementor-element-43e950e .cam-toggle{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;

  padding: 10px 12px;
  border-radius: 14px;

  border: 1px solid rgba(0,255,0,.14);
  background: rgba(0,0,0,.32);
  color: rgba(0,255,0,.80);

  cursor: pointer;
  letter-spacing: .14em;
  font-weight: 800;

  box-shadow: 0 0 14px rgba(0,255,0,.05);
  opacity: .62;
  transition: opacity .2s ease, transform .2s ease, background .2s ease, border-color .2s ease;
}

.elementor-171 .elementor-element.elementor-element-43e950e .cam-toggle:hover{
  opacity: .78;
  background: rgba(0,0,0,.42);
  border-color: rgba(0,255,0,.22);
}

.elementor-171 .elementor-element.elementor-element-43e950e .cam-toggle.is-on{
  opacity: .92;
  border-color: rgba(0,255,0,.35);
  background: rgba(0,255,0,.05);
}

.elementor-171 .elementor-element.elementor-element-43e950e .cam-tx{ font-size: 11px; }

/* ✅ CTA principal: CONTESTAR (estética “slider” pero click) */
.elementor-171 .elementor-element.elementor-element-43e950e .answer-btn{
  width: 100%;
  height: 62px;
  border-radius: 18px;
  border: 1px solid rgba(0,255,0,.32);
  background: rgba(0,0,0,.52);
  color: #00ff00;

  position: relative;
  overflow: hidden;

  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;

  cursor: pointer;
  letter-spacing: .22em;
  font-weight: 950;

  box-shadow:
    0 0 0 1px rgba(0,255,0,.10) inset,
    0 0 24px rgba(0,255,0,.10),
    0 18px 34px rgba(0,0,0,.45);

  transform: translateY(0);
  transition: transform .18s ease, background .18s ease, border-color .18s ease, filter .18s ease, opacity .18s ease;
}

.elementor-171 .elementor-element.elementor-element-43e950e .answer-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(0,255,0,.45);
  background: rgba(0,0,0,.62);
}

.elementor-171 .elementor-element.elementor-element-43e950e .answer-btn:active{
  transform: translateY(0);
  filter: brightness(1.08);
}


.elementor-171 .elementor-element.elementor-element-43e950e .answer-btn-text{
  font-size: 20px;
  text-shadow: 0 0 12px rgba(0,255,0,.35);
}

/* Glow animado dentro del botón */
.elementor-171 .elementor-element.elementor-element-43e950e .answer-btn-glow{
  position:absolute;
  inset:-2px;
  background:
    linear-gradient(90deg,
      rgba(0,255,0,.00) 0%,
      rgba(0,255,0,.18) 35%,
      rgba(0,255,0,.00) 70%);
  opacity: .75;
  pointer-events:none;
  animation: answerGlow 1.25s linear infinite;
}

@keyframes answerGlow{
  0%{ transform: translateX(-45%); }
  100%{ transform: translateX(45%); }
}

/* Estado “bloqueado” cuando ya está en llamada */
.elementor-171 .elementor-element.elementor-element-43e950e .answer-btn.is-locked,
.elementor-171 .elementor-element.elementor-element-43e950e .answer-btn:disabled{
  opacity: .70;
  cursor: default;
  transform: none;
  filter: saturate(.9) brightness(.92);
}

.elementor-171 .elementor-element.elementor-element-43e950e .answer-btn.is-locked .answer-btn-glow,
.elementor-171 .elementor-element.elementor-element-43e950e .answer-btn:disabled .answer-btn-glow{
  animation: none;
  opacity: .22;
}

/* Subhint */
.elementor-171 .elementor-element.elementor-element-43e950e .answer-subhint{
  text-align:center;
  font-size: 10px;
  letter-spacing: .16em;
  opacity: .45;
  margin-top: -4px;
}

/* Glitch accept */
.elementor-171 .elementor-element.elementor-element-43e950e .phone.is-accepting{
  animation: phoneGlitch .22s steps(2, end) 1;
}

@keyframes phoneGlitch{
  0%{ transform: translate(0,0); filter: brightness(1); }
  50%{ transform: translate(2px,-1px); filter: brightness(1.2); }
  100%{ transform: translate(0,0); filter: brightness(1); }
}

/* Mobile */
@media (max-width: 767px){
  .elementor-171 .elementor-element.elementor-element-43e950e .shell{ padding: 84px 12px 84px; }
  .elementor-171 .elementor-element.elementor-element-43e950e .phone{ width: min(380px, 100%); }
}

.elementor-171 .elementor-element.elementor-element-43e950e .phone.is-incall .answer-subhint{
  display: none !important;
}
/* =========================
   FINALIZAR LLAMADA (ROJO) + NO PERMITIDO
   ========================= */
.elementor-171 .elementor-element.elementor-element-43e950e .answer-btn.is-end{
  border-color: rgba(255,0,0,.45);
  background: rgba(40,0,0,.65);
  color: #ff3b3b;

  box-shadow:
    0 0 0 1px rgba(255,0,0,.15) inset,
    0 0 24px rgba(255,0,0,.20),
    0 18px 34px rgba(0,0,0,.45);
}

.elementor-171 .elementor-element.elementor-element-43e950e .answer-btn.is-end .answer-btn-text{
  text-shadow: 0 0 14px rgba(255,0,0,.55);
}

.elementor-171 .elementor-element.elementor-element-43e950e .answer-btn.is-end .answer-btn-glow{
  background:
    linear-gradient(90deg,
      rgba(255,0,0,.00) 0%,
      rgba(255,0,0,.25) 35%,
      rgba(255,0,0,.00) 70%);
}

/* “No clicable” visual, pero sigue capturando click para vibrar */
.elementor-171 .elementor-element.elementor-element-43e950e .phone.is-incall .answer-btn{
  cursor: not-allowed;
  opacity: .92;
}

/* =========================
   VIBRACIÓN DEL MÓVIL
   ========================= */
.elementor-171 .elementor-element.elementor-element-43e950e .phone.is-shaking{
  animation: phoneShake .28s linear 1;
}

@keyframes phoneShake{
  0%   { transform: translateX(0); }
  15%  { transform: translateX(-3px); }
  30%  { transform: translateX(3px); }
  45%  { transform: translateX(-2px); }
  60%  { transform: translateX(2px); }
  75%  { transform: translateX(-1px); }
  100% { transform: translateX(0); }
}

/* Mirror cámara frontal */
.selfview-video{
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1); /* iOS */
}




/* =========================================================
   FIX ZOOM / VH (Chrome) — HUD siempre visible
   Pegar al FINAL del CSS de scene-scanner-call
   ========================================================= */

/* 1) Altura visible real (evita recortes al hacer zoom) */
body.is-scanner-call{
  height: 100svh !important;
  height: 100dvh !important;
}

/* El contenedor fullscreen también */
body.is-scanner-call .elementor-171 .elementor-element.elementor-element-43e950e{
  height: 100svh !important;
  height: 100dvh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
}

/* 2) Asegura que el stage no “encoge” con zoom */
body.is-scanner-call .elementor-171 .elementor-element.elementor-element-43e950e .call-stage{
  height: 100% !important;
  min-height: 100% !important;
}

/* 3) Si hay cualquier clipping raro por redondeo, dale 1px “de aire” */
body.is-scanner-call .elementor-171 .elementor-element.elementor-element-43e950e{
  padding: 1px !important;   /* imperceptible, evita que el borde quede justo en el filo */
  box-sizing: border-box !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c56a9f4 *//* =========================================
   WHATSAPP 1 — refined (no audio autoplay)
   Contenedor: scene scene-whatsapp-1
   ========================================= */

:root{
  --wa1-accent:#19c37d;      /* verde “en línea” */
  --wa1-cta:#128C7E;         /* verde WhatsApp UI */
  --wa1-bg:#0b141a;
  --wa1-top:#1C1C1E;
  --wa1-bubble:#2D2D2D;
  --wa1-blue:#007AFF;
}

/* fullscreen escena */
body.is-whatsapp-1{
  overflow:hidden !important;
  height:100vh !important;
}

body.is-whatsapp-1 .scene{ display:none !important; }
body.is-whatsapp-1 .scene.scene-whatsapp-1{ display:flex !important; }

body.is-whatsapp-1 .elementor-171 .elementor-element.elementor-element-c56a9f4{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#000 !important;
  z-index:999999 !important;
}

body.is-whatsapp-1 .elementor-171 .elementor-element.elementor-element-c56a9f4 > .e-con-inner,
body.is-whatsapp-1 .elementor-171 .elementor-element.elementor-element-c56a9f4 .e-con-inner{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* wrapper */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  box-sizing:border-box;
}

/* phone shell */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-phone{
  width:min(420px, 96vw);
  height:min(860px, 92vh);
  display:flex;
  flex-direction:column;

  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
    var(--wa1-bg);

  border-radius:32px;
  overflow:hidden;

  box-shadow: 0 30px 120px rgba(0,0,0,.75), 0 2px 0 rgba(255,255,255,.06) inset;
  border:1px solid rgba(255,255,255,.08);
}

/* status bar */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-status{
  height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 0 14px;
  color:#fff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:12px;
  letter-spacing:.2px;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,0));
}
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-status-left{ opacity:.95; font-weight:600; }
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-status-right{ display:flex; align-items:center; gap:8px; opacity:.9; font-weight:600; }
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-signal{ font-size:12px; letter-spacing:1px; opacity:.9; }

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-notch{
  width:140px;
  height:26px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.45) inset;
}

/* header — EXACTO estilo referencia */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-header{
  height:62px;
  background: rgba(28,28,30,.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  display:flex;
  align-items:center;
  gap:10px;
  padding: 0 15px 0 1px;

  border-bottom:1px solid rgba(255,255,255,.08);
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-back{
  width:36px;
  height:36px;
  border-radius:12px;
  border:none;
  background:transparent;
  color: var(--wa1-cta);
  font-size:28px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-avatar{
  width:40px;
  height:40px;
  border-radius:999px;
  overflow:hidden;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.14);
}
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-headmeta{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-name{
  color:#fff;
  font-weight:700;
  font-size:16px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-presence{
  color: var(--wa1-accent);
  font-size:12px;
  font-weight:700;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-headactions{
  display:flex;
  align-items:center;
  gap:18px;
}

/* HEADER ICONS (lucide exacto) */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-icon{
  border:none;
  background:transparent;
  padding:0;
  cursor:pointer;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#128C7E;              /* ✅ text-[#128C7E] */
}

/* tamaño exacto 24x24 */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-icon svg{
  width:24px;
  height:24px;

  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}


/* chat */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-chat{
  flex:1;
  overflow-y:auto;
  padding: 12px 12px 14px;
  box-sizing:border-box;

  background:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.06) 1px, rgba(0,0,0,0) 1.2px) 0 0/18px 18px,
    linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,0));
  -webkit-overflow-scrolling: touch;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-daypill{
  margin:8px auto 14px;
  width:max-content;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:11px;
  color:rgba(255,255,255,.70);
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.10);
  padding:6px 10px;
  border-radius:999px;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* appear */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-row{
  display:flex;
  justify-content:flex-start;
  opacity:0;
  transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease;
}
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-row.is-in{ opacity:1; transform:none; }

/* bubbles */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bubble{
  max-width:min(320px, 86%);
  background:var(--wa1-bubble);
  color:#f1f1f1;
  border-radius:20px;
  padding:10px 12px 12px;
  position:relative;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  box-shadow:0 10px 26px rgba(0,0,0,.30);
  border:1px solid rgba(255,255,255,.08);
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-btxt{
  font-size:14px;
  line-height:1.38;
  margin-bottom:6px;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  font-size:11px;
  color:inherit;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-meta-time{
  color:#9CA3AF; /* ✅ igual que tu ejemplo */
  font-size:11px;
  opacity:1;
  line-height:1;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-check-read{
  width:14px;
  height:14px;
  stroke:#93c5fd; /* ✅ blue-300 aprox */
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}


/* audio bubble (visual) */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bubble.is-audio{
  width: 320px;
  max-width: 95%;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-voice{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 2px 2px 4px;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-play{
  width:40px;
  height:40px;
  aspect-ratio:1/1;
  border-radius:50%;
  border:none;
  padding:0;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#007AFF;
  color:#fff;

  cursor:pointer;
  flex-shrink:0;

  transition: transform .15s ease, filter .15s ease;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-play svg{
  width:20px;
  height:20px;
  fill:currentColor !important;
  stroke:currentColor !important;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  margin-left:2px;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-ic-pause{ display:none; } /* no usamos pausa real para no liarla visualmente */

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-voice-mid{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bar{
  height:6px;
  border-radius:999px;
  background: rgba(255,255,255,.20);
  position:relative;
}
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bar-fill{
  height:100%;
  width:0%;
  border-radius:999px;
  background: var(--wa1-blue);
}
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bar-knob{
  position:absolute;
  top:50%;
  left:0%;
  transform:translate(-50%,-50%);
  width:12px;
  height:12px;
  border-radius:999px;
  background: var(--wa1-blue);
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
}
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-adur{
  font-size:12px;
  color: rgba(255,255,255,.65);
  line-height:1;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-voice-avatar{
  width:48px;
  height:48px;
  flex: 0 0 auto;
  position:relative;
}
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-voice-avatar img{
  width:100%;
  height:100%;
  border-radius:999px;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.18);
  display:block;
}
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-now{
  position:absolute;
  left:-40px;
  bottom:-6px;
  font-size:11px;
  color: rgba(255,255,255,.70);
  white-space:nowrap;
}

/* CTA */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bubble.is-cta{
  padding:12px 14px 10px;
}
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-phonecta{
  display:inline-block;
  border:0;
  background:transparent;
  padding:0;
  font-size:15px;
  font-weight:800;
  color:#34D399;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor:pointer;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-ctarow{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  color:#34D399;
}
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-ctarow svg{
  width:18px;
  height:18px;
  stroke: currentColor;
}
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-ctarow span{
  font-size:13px;
  font-weight:800;
}

/* Meta CTA + double tick */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-meta-cta .wa1-check{
  width:16px;
  height:16px;
  fill:none;
  stroke:#7dd3fc;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* composer (sin emoji, con enviar) */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-composer{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  background: rgba(28,28,30,.92);
  border-top:1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-plus{
  width:45px;
  height:45px;
  border-radius:999px;
  border:none;
  background: rgba(255,255,255,.10);
  color:#fff;
  cursor:pointer;
  font-size:20px;

  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  padding:0;
}


.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-inputwrap{
  flex:1;
  display:flex;
  align-items:center;
  gap:10px;
  height:46px;
  padding: 0 12px;
  border-radius:999px;
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-input{
  flex:1;
  border:none;
  outline:none;
  background:transparent;
  color:#fff;
  font-size:14px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-mini{
  width:30px;
  height:30px;
  border:0;
  background:transparent;
  color:#fff;
  opacity:.9;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-mini svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.9;
}

/* SEND icon: blindado */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-send{
  width:45px;
  height:45px;
  aspect-ratio:1/1;
  border-radius:999px;
  border:none;
  padding:0;

  display:flex;
  align-items:center;
  justify-content:center;

  background: var(--wa1-cta);
  cursor:pointer;
  box-shadow: 0 14px 34px rgba(18,140,126,.22);
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-send svg{
  width:22px;
  height:22px;
  display:block;
  transform: translate(-1px, 0.5px); /* ✅ centrado óptico */
}



/* swap play/pause */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-ic-pause{ display:none; }
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bubble.is-playing .wa1-ic-play{ display:none; }
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bubble.is-playing .wa1-ic-pause{ display:block; }


/* Verde más oscuro antes de reproducir */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bubble.is-unplayed .wa1-play{
  background:#16a34a !important;
}
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bubble.is-unplayed .wa1-bar-fill{
  background:#16a34a !important;
}
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bubble.is-unplayed .wa1-bar-knob{
  background:#16a34a !important;
}


/* bajar SOLO play */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bubble.is-audio .wa1-play{
  transform: translateY(6px);
}

/* bajar SOLO barra */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bubble.is-audio .wa1-voice-mid{
  transform: translateY(6px);
}



/* =========================================
   WA1 — CTA animado (floating + gradient)
   ========================================= */

/* 1) Animación suave arriba/abajo + micro “breathe” */
@keyframes wa1Float {
  0%   { transform: translateY(0) scale(1); }
  50%  { transform: translateY(-6px) scale(1.01); }
  100% { transform: translateY(0) scale(1); }
}

/* 2) Gradient verde en movimiento (shimmer) */
@keyframes wa1GreenShimmer {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Aplica el “float” al bloque de CTA (fila icono + texto) */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bubble.is-cta .wa1-ctarow{
  animation: wa1Float 1.35s ease-in-out infinite;
  will-change: transform;
}

/* Número: degradado animado en verdes */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bubble.is-cta .wa1-phonecta{
  /* base por si no soporta background-clip */
  color:#34D399;

  background-image: linear-gradient(
    90deg,
    #22c55e,
    #34d399,
    #16a34a,
    #86efac,
    #10b981,
    #22c55e
  );
  background-size: 300% 300%;
  animation: wa1GreenShimmer 1.2s linear infinite;

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  /* que se sienta “vivo” */
  filter: drop-shadow(0 8px 18px rgba(16,185,129,.18));
}

/* (Opcional) al pasar el dedo/ratón: un pelín más intenso */
.elementor-171 .elementor-element.elementor-element-c56a9f4 .wa1-bubble.is-cta .wa1-phonecta:hover{
  filter: drop-shadow(0 10px 22px rgba(16,185,129,.28));
}





/* ===== WA1: deshabilitar escritura (estético) ===== */
.elementor-171 .elementor-element.elementor-element-c56a9f4 #wa1Composer{
  pointer-events: none;   /* bloquea clicks/taps en toda la barra */
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 #wa1Composer,
.elementor-171 .elementor-element.elementor-element-c56a9f4 #wa1Composer *{
  -webkit-user-select: none;
  user-select: none;
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 #wa1Input{
  pointer-events: none;
  caret-color: transparent; /* oculta cursor */
}

.elementor-171 .elementor-element.elementor-element-c56a9f4 #wa1Input::placeholder{
  opacity: .65;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef15509 *//* =========================================
   MARCAR TLF — Dialer fullscreen
   Contenedor: scene scene-marcar-tlf
   Body class: is-marcar-tlf
   ========================================= */

:root{
  --mtlf-bg:#111111;
  --mtlf-top:#1C1C1E;
  --mtlf-key:#2C2C2E;
  --mtlf-key-active:#3C3C3E;
  --mtlf-text:#ffffff;
  --mtlf-muted: rgba(255,255,255,.60);
  --mtlf-green:#00C853;
}

/* fullscreen escena */
body.is-marcar-tlf{
  overflow:hidden !important;
  height:100vh !important;
}

body.is-marcar-tlf .scene{ display:none !important; }
body.is-marcar-tlf .scene.scene-marcar-tlf{ display:flex !important; }

body.is-marcar-tlf .elementor-171 .elementor-element.elementor-element-ef15509{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#000 !important;
  z-index:999999 !important;
}

body.is-marcar-tlf .elementor-171 .elementor-element.elementor-element-ef15509 > .e-con-inner,
body.is-marcar-tlf .elementor-171 .elementor-element.elementor-element-ef15509 .e-con-inner{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* root wrapper */
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  box-sizing:border-box;
}

/* “phone/screen” shell (igual vibe que WhatsApp-1) */
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-screen{
  width:min(420px, 96vw);
  height:min(860px, 92vh);
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:32px;

  background: var(--mtlf-bg);
  box-shadow: 0 30px 120px rgba(0,0,0,.75), 0 2px 0 rgba(255,255,255,.06) inset;
  border:1px solid rgba(255,255,255,.08);
}

/* status bar (hora + notch + “controles”) */
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-status{
  height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 0 14px;
  color:#fff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:12px;
  letter-spacing:.2px;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,0));
  position:relative;
  z-index:3; /* por encima del bg/overlay */
}

.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-status-left{ opacity:.95; font-weight:600; }
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-status-right{
  display:flex;
  align-items:center;
  gap:8px;
  opacity:.9;
  font-weight:600;
}
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-signal{ font-size:12px; letter-spacing:1px; opacity:.9; }

.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-notch{
  width:140px;
  height:26px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.45) inset;
}

/* background image layer (si quieres, luego la enchufamos desde JS o CSS) */
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-bg{
  position:absolute;
  inset:0;
  z-index:0;

  /* fallback “smoke” */
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.06), transparent 55%),
    radial-gradient(circle at 70% 70%, rgba(255,255,255,.05), transparent 60%),
    linear-gradient(180deg, #0a0a0a, #111111);
  transform: scale(1.02);
}

/* overlay oscuro */
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background: rgba(0,0,0,.40);
}

/* inner content */
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-wrap{
  position:relative;
  z-index:2;
  height:100%;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding: 28px 18px 26px;
  box-sizing:border-box;
}

/* top */
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-top{
  width:100%;
  text-align:center;
  padding-top: 12px;
}

.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-hint{
  margin:0 0 18px;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:16px;
  color: rgba(255,255,255,.55);
}

.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-number{
  margin:0 0 26px;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 38px;
  line-height:1.12;
  font-weight:300;
  letter-spacing:.6px;
  color: var(--mtlf-text);
  text-shadow: 0 12px 40px rgba(0,0,0,.55);
}

/* keypad grid */
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-pad{
  width:100%;
  max-width: 320px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 10px;
}

/* key button */
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-key{
  height: 76px;
  width: 76px;
  justify-self:center;

  border:0;
  border-radius:999px;
  background: var(--mtlf-key);
  color: var(--mtlf-text);
  cursor:pointer;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;

  transition: transform .08s ease, background .12s ease, filter .12s ease;
  box-shadow: 0 18px 44px rgba(0,0,0,.35);
  user-select:none;
  -webkit-tap-highlight-color: transparent;
}

.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-kbig{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 34px;
  font-weight:300;
  line-height:1;
}

.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-ksmall{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 10px;
  font-weight:600;
  letter-spacing: 2px;
  color: rgba(255,255,255,.50);
  line-height:1;
  margin-top:-2px;
}

/* active states */
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-key:active{
  background: var(--mtlf-key-active);
  transform: scale(.96);
}

/* bottom row */
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-bottom{
  width:100%;
  max-width: 320px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top: 22px;
}

.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-ghost{
  width:56px;
  height:56px;
  border:0;
  background:transparent;
}

.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-call{
  display:flex;
  color:#fff;
  width:80px;
  height:80px;
  align-items:center;
  justify-content:center;
  background: var(--mtlf-green) !important;
  padding:0;
}

.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-call svg{
  width:30px;
  height:30px;
  display:block;
  margin:0;
  transform:none;
}


/* responsive tweaks */
@media (max-width: 420px){
  .elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-number{ font-size: 34px; }
  .elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-pad{ gap: 12px; }
  .elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-key{ width:72px; height:72px; }
}

@media (max-height: 740px){
  .elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-wrap{ padding-top:18px; padding-bottom:18px; }
  .elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-number{ margin-bottom:18px; }
  .elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-pad{ gap: 12px; }
  .elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-key{ width:70px; height:70px; }
  .elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-bottom{ margin-top:16px; }
}

.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-call{
  border-radius:999px; /* por si acaso */
  border:0;
  cursor:pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform .12s ease, filter .12s ease, box-shadow .18s ease;
  will-change: transform;
}

.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-call:active{
  transform: scale(.92);
  filter: brightness(1.06);
  box-shadow:
    0 0 0 10px rgba(0,200,83,.18),
    0 22px 60px rgba(0,200,83,.30);
}




/* ===== BOTÓN LLAMAR (base) ===== */
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-call{
  width:72px;
  height:72px;
}

.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-call svg{
  width:26px;
  height:26px;
}

/* ===== móvil estrecho ===== */
@media (max-width: 420px){
  .elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-call{
    width:66px;
    height:66px;
  }
  .elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-call svg{
    width:24px;
    height:24px;
  }
}

/* ===== pantallas bajas ===== */
@media (max-height: 740px){
  .elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-call{
    width:74px;
    height:74px;
  }
  .elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-call svg{
    width:28px;
    height:28px;
  }
}

/* Estado visual al pulsar (sirve para móvil y desktop) */
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-key.is-pressed,
.elementor-171 .elementor-element.elementor-element-ef15509 .mtlf-key:active{
  background: var(--mtlf-key-active);
  transform: scale(.96);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff78276 *//* =========================================
   LLAMANDO — Fullscreen
   Contenedor: scene scene-llamando
   Body class: is-llamando
   ========================================= */

:root{
  --ll-bg:#111111;
  --ll-text:#ffffff;
  --ll-muted: rgba(255,255,255,.62);
  --ll-green:#00C853;
  --ll-red:#ff3b30;
}

/* fullscreen escena */
body.is-llamando{
  overflow:hidden !important;
  height:100vh !important;
}

body.is-llamando .scene{ display:none !important; }
body.is-llamando .scene.scene-llamando{ display:flex !important; }

body.is-llamando .elementor-171 .elementor-element.elementor-element-ff78276{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#000 !important;
  z-index:999999 !important;
}

body.is-llamando .elementor-171 .elementor-element.elementor-element-ff78276 > .e-con-inner,
body.is-llamando .elementor-171 .elementor-element.elementor-element-ff78276 .e-con-inner{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* root */
.elementor-171 .elementor-element.elementor-element-ff78276 .llamando{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  box-sizing:border-box;
}

.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-screen{
  width:min(420px, 96vw);
  height:min(860px, 92vh);
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:32px;

  background: var(--ll-bg);
  box-shadow: 0 30px 120px rgba(0,0,0,.75), 0 2px 0 rgba(255,255,255,.06) inset;
  border:1px solid rgba(255,255,255,.08);
}

/* fondo */
.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-bg{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.06), transparent 55%),
    radial-gradient(circle at 70% 70%, rgba(255,255,255,.05), transparent 60%),
    linear-gradient(180deg, #0a0a0a, #111111);
  transform: scale(1.02);
}

.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background: rgba(0,0,0,.42);
}

/* content */
.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-wrap{
  position:relative;
  z-index:2;
  height:100%;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding: 42px 18px 34px;
  box-sizing:border-box;
  gap: 16px;
}

.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-top{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-avatar{
  width: 132px;
  height: 132px;
  border-radius: 999px;
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
  border: 2px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  margin-bottom: 18px;
}

.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-name{
  margin:0 0 6px;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: .2px;
  color: var(--ll-text);
}

.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-phone{
  margin:0 0 16px;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 16px;
  color: var(--ll-muted);
}


/* texto estado */
.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-status{
  margin:0;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 15px;
  color: rgba(255,255,255,.72);
  letter-spacing: .2px;
}

/* ✅ 3 dots debajo, estilo WhatsApp */
.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-dots{
  margin-top: 30px;
  display:flex;
  gap: 10px;
  align-items:center;
  justify-content:center;
}

.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-dots span{
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.62);
  opacity: .28;
  transform: translateY(0);
  animation: llDotPulse 1s infinite ease-in-out;
}

.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-dots span:nth-child(2){ animation-delay: .15s; }
.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-dots span:nth-child(3){ animation-delay: .30s; }

@keyframes llDotPulse{
  0%, 80%, 100% { opacity: .28; transform: translateY(0); }
  40%           { opacity: .95; transform: translateY(-3px); }
}


/* acciones */
.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-actions{
  margin-top: 14px;
  width:100%;
  display:flex;
  justify-content:center;
}


/* BOTÓN colgar */
.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-hang{
  width:70px;
  height:80px;
  border-radius:999px;
  border:0;
  background: var(--ll-red);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:0;                 /* evita rarezas de inline */
}

/* SVG del auricular */
.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-hang-ic{
  width:36px !important;
  height:36px !important;
  flex: 0 0 36px !important;     /* clave si algún layout lo aplasta */
  display:block !important;
  fill: currentColor !important; /* blanco */
  stroke: none !important;
}



/* ✅ BUZZ / “no se puede colgar” */
.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-screen.is-buzz{
  animation: llBuzz .22s steps(2, end) 1;
}
@keyframes llBuzz{
  0%   { transform: translate(0,0); }
  25%  { transform: translate(2px,0); }
  50%  { transform: translate(-2px,0); }
  75%  { transform: translate(2px,0); }
  100% { transform: translate(0,0); }
}

/* hint iOS */
.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-tap{
  position:absolute;
  left:50%;
  bottom: 24px;
  transform: translateX(-50%);
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.85);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 13px;
}

/* responsive */
@media (max-width: 420px){
  .elementor-171 .elementor-element.elementor-element-ff78276 .llamando-avatar{ width:120px; height:120px; }
  .elementor-171 .elementor-element.elementor-element-ff78276 .llamando-name{ font-size:26px; }
}


/* status bar (hora + notch + “controles”) */
.elementor-171 .elementor-element.elementor-element-ff78276 .mtlf-status{
  height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 0 14px;
  color:#fff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:12px;
  letter-spacing:.2px;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,0));
  position:relative;
  z-index:3; /* por encima del bg/overlay */
}

.elementor-171 .elementor-element.elementor-element-ff78276 .mtlf-status-left{ opacity:.95; font-weight:600; }
.elementor-171 .elementor-element.elementor-element-ff78276 .mtlf-status-right{
  display:flex;
  align-items:center;
  gap:8px;
  opacity:.9;
  font-weight:600;
}
.elementor-171 .elementor-element.elementor-element-ff78276 .mtlf-signal{ font-size:12px; letter-spacing:1px; opacity:.9; }

.elementor-171 .elementor-element.elementor-element-ff78276 .mtlf-notch{
  width:140px;
  height:26px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.45) inset;
}

/* ===== Avatar estilo llamada activa iOS (verde real) ===== */
.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-avatar{
  border-radius: 9999px !important;
  overflow: hidden !important;
  border: 0 !important;

  box-shadow:
    0 0 0 4px rgba(52,199,89,.45),   /* aro verde iOS */
    0 0 24px rgba(52,199,89,.28),    /* glow verde */
    0 18px 40px rgba(0,0,0,.55) !important;
}



/* ===== móvil estrecho ===== */
@media (max-width: 420px){
  .elementor-171 .elementor-element.elementor-element-ff78276 .llamando-hang{
    width:66px;
    height:66px;
  }
  .elementor-171 .elementor-element.elementor-element-ff78276 .llamando-hang-ic{
    width:24px !important;
    height:24px !important;
    flex: 0 0 24px !important;
  }
}

/* ===== pantallas bajas ===== */
@media (max-height: 740px){
  .elementor-171 .elementor-element.elementor-element-ff78276 .llamando-hang{
    width:64px;
    height:64px;
  }
  .elementor-171 .elementor-element.elementor-element-ff78276 .llamando-hang-ic{
    width:23px !important;
    height:23px !important;
    flex: 0 0 23px !important;
  }
}

/* ===== animación/feedback al pulsar (móvil + desktop) ===== */
.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-hang{
  -webkit-tap-highlight-color: transparent;
  transition: transform .12s ease, filter .12s ease, box-shadow .18s ease;
  will-change: transform;
}

.elementor-171 .elementor-element.elementor-element-ff78276 .llamando-hang:active{
  transform: scale(.92);
  filter: brightness(1.06);
  box-shadow:
    0 0 0 10px rgba(255,59,48,.16),
    0 22px 60px rgba(255,59,48,.28);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d66128 *//* =========================================
   LLAMADA-2 — Fullscreen
   Contenedor: scene scene-llamada2
   Body class: is-llamada2
   ========================================= */

:root{
  --c2-bg:#111111;
  --c2-text:#ffffff;
  --c2-muted: rgba(255,255,255,.62);
  --c2-red:#ff3b30;
}

/* fullscreen escena */
body.is-llamada2{
  overflow:hidden !important;
  height:100vh !important;
}

body.is-llamada2 .scene{ display:none !important; }
body.is-llamada2 .scene.scene-llamada2{ display:flex !important; }

body.is-llamada2 .elementor-171 .elementor-element.elementor-element-9d66128{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  z-index:999999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#000 !important;
}

body.is-llamada2 .elementor-171 .elementor-element.elementor-element-9d66128 > .e-con-inner,
body.is-llamada2 .elementor-171 .elementor-element.elementor-element-9d66128 .e-con-inner{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* stage */
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2{
  width:100%;
  box-sizing:border-box;
}

/* phone */
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-screen{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  background: var(--c2-bg);
  box-shadow: 0 30px 120px rgba(0,0,0,.75), 0 2px 0 rgba(255,255,255,.06) inset;
  border:1px solid rgba(255,255,255,.08);
}

/* fondo */
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-bg{
  position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.06), transparent 55%),
    radial-gradient(circle at 70% 70%, rgba(255,255,255,.05), transparent 60%),
    linear-gradient(180deg, #0a0a0a, #111111);
  transform: scale(1.02);
}
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-overlay{
  position:absolute; inset:0; z-index:1;
  background: rgba(0,0,0,.42);
}

/* wrap */
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-wrap{
  position:relative;
  z-index:2;
  height:100%;
  width:100%;
  padding: 46px 18px 36px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
}

/* top */
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-top{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  margin-top: 18px;
}

.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-avatar{
  width: 132px;
  height: 132px;
  border-radius: 999px;
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
  border: 2px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  margin-bottom: 18px;
}

.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-name{
  margin:0 0 6px;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 28px;
  font-weight: 650;
  letter-spacing: .2px;
  color: var(--c2-text);
}

.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-phone{
  margin:0 0 18px;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 16px;
  color: var(--c2-muted);
}

.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-timer{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 26px;
  font-weight: 750;
  letter-spacing: .02em;
  color: rgba(255,255,255,.92);
  margin-top: 2px;
}

.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-sub{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 13px;
  color: rgba(255,255,255,.70);
  margin-top: 10px;
}

/* controls (iOS minimal) */
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-controls{
  width:100%;
  display:flex;
  justify-content:space-between;
  gap: 14px;
  padding-bottom: 6px;
}

.elementor-171 .elementor-element.elementor-element-9d66128 .c2-btn{
  flex:1;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  color:#fff;
  user-select:none;
}

.elementor-171 .elementor-element.elementor-element-9d66128 .c2-ic{
  width:62px;
  height:62px;
  border-radius:50%;
  margin: 0 auto;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 26px rgba(0,0,0,.35);
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}

.elementor-171 .elementor-element.elementor-element-9d66128 .c2-btn:active .c2-ic{ transform: scale(.96); }

.elementor-171 .elementor-element.elementor-element-9d66128 .c2-ic svg{
  width:26px;
  height:26px;
  fill:none;
  stroke:#fff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.92;
}

.elementor-171 .elementor-element.elementor-element-9d66128 .c2-tx{
  display:block;
  text-align:center;
  margin-top:8px;
  font-size:12px;
  opacity:.78;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* colgar */
.elementor-171 .elementor-element.elementor-element-9d66128 .c2-hang .c2-ic{
  background: rgba(255,59,48,.95);
  border-color: rgba(255,59,48,1);
}
.elementor-171 .elementor-element.elementor-element-9d66128 .c2-hang .c2-ic svg{ stroke:#fff; }

/* toggles visuales */
.elementor-171 .elementor-element.elementor-element-9d66128 .c2-btn.is-on .c2-ic{
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.18);
}

/* exit */
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-screen.is-exiting{
  transform: scale(.995);
  opacity: .96;
  transition: transform .16s ease, opacity .16s ease;
}

/* glow interior */
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-glow{
  position:absolute;
  inset:0;
  border-radius:32px;
  pointer-events:none;
  box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset;
  opacity:.9;
}

/* responsive */
@media (max-width:420px){
  .elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-avatar{ width:120px; height:120px; }
  .elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-name{ font-size:26px; }
}

/* “Nope” al intentar colgar */
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-screen.is-nope{
  animation: c2Nope .24s ease;
}
@keyframes c2Nope{
  0%{ transform: translateX(0); }
  25%{ transform: translateX(-6px); }
  50%{ transform: translateX(6px); }
  75%{ transform: translateX(-4px); }
  100%{ transform: translateX(0); }
}




/* barra superior */
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-status{
  height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 0 14px;
  color:#fff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:12px;
  letter-spacing:.2px;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,0));
  z-index:3;
  position:relative;
}

.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-status-left{ opacity:.95; font-weight:600; }
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-status-right{
  display:flex; align-items:center; gap:8px;
  opacity:.9; font-weight:600;
}
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-signal{ font-size:12px; letter-spacing:1px; opacity:.9; }

.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-notch{
  width:140px;
  height:26px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.45) inset;
}

/* el wrap ya no debe “pegarse” arriba porque existe status bar */
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-wrap{
  flex:1;
  padding-top: 18px; /* antes tenías 46px, ahora lo bajamos */
}


/* =========================================
   LLAMADA-2 — ESTILO LLAMANDO + NO CORTA iOS
   PÉGALO AL FINAL (y deja SOLO este)
   ========================================= */

.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  box-sizing:border-box;

  /* ✅ anti-corte iOS */
  min-height: 100svh;
  min-height: 100dvh;
  padding-top: max(18px, env(safe-area-inset-top));
  padding-bottom: max(18px, env(safe-area-inset-bottom));
}

.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-screen{
  width:min(420px, 96vw);
  height:min(860px, 92vh);

  position:relative;
  display:flex;
  flex-direction:column;
  overflow:hidden;

  border-radius:32px;
  background: var(--c2-bg);
  box-shadow: 0 30px 120px rgba(0,0,0,.75), 0 2px 0 rgba(255,255,255,.06) inset;
  border:1px solid rgba(255,255,255,.08);

  /* ✅ anti-corte iOS real (sin tocar proporción) */
  max-height: calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
}

.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-wrap{
  flex: 1 !important;
  min-height: 0 !important;
}

/* ===== Avatar estilo llamada ACTIVA (verde iOS real) ===== */
.elementor-171 .elementor-element.elementor-element-9d66128 .llamada2-avatar{
  border-radius: 9999px !important;
  overflow: hidden !important;
  border: 0 !important;

  box-shadow:
    0 0 0 4px rgba(52,199,89,.45),   /* aro verde iOS */
    0 0 24px rgba(52,199,89,.28),    /* glow verde */
    0 18px 40px rgba(0,0,0,.55) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-801d10d *//* =========================================
   LLAMADA2FIN — Fullscreen
   Contenedor: scene scene-llamada2fin
   Body class: is-llamada2fin
   ========================================= */

:root{
  --c2f-bg:#111111;
  --c2f-text:#ffffff;
  --c2f-muted: rgba(255,255,255,.62);
  --c2f-red:#ff3b30;
}

/* fullscreen */
body.is-llamada2fin{
  overflow:hidden !important;
  height:100vh !important;
}
body.is-llamada2fin .scene{ display:none !important; }
body.is-llamada2fin .scene.scene-llamada2fin{ display:flex !important; }

body.is-llamada2fin .elementor-171 .elementor-element.elementor-element-801d10d{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  z-index:999999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#000 !important;
}

body.is-llamada2fin .elementor-171 .elementor-element.elementor-element-801d10d > .e-con-inner,
body.is-llamada2fin .elementor-171 .elementor-element.elementor-element-801d10d .e-con-inner{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* stage */
.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin{
  width:100%;
  height:100%;
  padding:18px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* phone */
.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-screen{
  width:min(420px, 96vw);
  height:min(860px, 92vh);
  position:relative;
  overflow:hidden;
  border-radius:32px;
  background: var(--c2f-bg);
  box-shadow: 0 30px 120px rgba(0,0,0,.75), 0 2px 0 rgba(255,255,255,.06) inset;
  border:1px solid rgba(255,255,255,.08);
}

/* fondo */
.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-bg{
  position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.06), transparent 55%),
    radial-gradient(circle at 70% 70%, rgba(255,255,255,.05), transparent 60%),
    linear-gradient(180deg, #0a0a0a, #111111);
  transform: scale(1.02);
}
.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-overlay{
  position:absolute; inset:0; z-index:1;
  background: rgba(0,0,0,.42);
}

/* wrap */
.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-wrap{
  position:relative;
  z-index:2;
  height:100%;
  width:100%;
  padding: 18px 18px 36px; /* ✅ antes 46px */
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

/* top */
.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-top{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  margin-top: 18px;
}

.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-avatar{
  width: 132px;
  height: 132px;
  border-radius: 999px;
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
  border: 2px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 60px rgba(0,0,0,.45);
  margin-bottom: 18px;
}

.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-name{
  margin:0 0 6px;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 28px;
  font-weight: 650;
  letter-spacing: .2px;
  color: var(--c2f-text);
}

.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-phone{
  margin:0 0 18px;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 16px;
  color: var(--c2f-muted);
}

/* pill finalizada */
.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-ended{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.88);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 13px;
  margin-top: 6px;
}
.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-ended .dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background: rgba(255,255,255,.85);
  opacity:.85;
}

/* TikTok CTA */
.elementor-171 .elementor-element.elementor-element-801d10d .tt-cta{
  margin-top: 22px;
  border:0;
  background: transparent;
  color:#fff;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 18px;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.elementor-171 .elementor-element.elementor-element-801d10d .tt-cta:active{
  transform: scale(.98);
  background: rgba(255,255,255,.06);
}

.elementor-171 .elementor-element.elementor-element-801d10d .tt-ic{
  width:64px;
  height:64px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 16px 40px rgba(0,0,0,.45);
}
.elementor-171 .elementor-element.elementor-element-801d10d .tt-ic svg{
  width:34px;
  height:34px;
  fill:#fff;
  opacity:.92;
}
.elementor-171 .elementor-element.elementor-element-801d10d .tt-tx{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size: 14px;
  font-weight: 650;
  letter-spacing:.2px;
  opacity:.92;
}

/* responsive */
@media (max-width:420px){
  .elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-avatar{ width:120px; height:120px; }
  .elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-name{ font-size:26px; }
}

/* =========================================
   LLAMADA2FIN — ESTILO LLAMANDO + NO CORTA iOS
   PÉGALO AL FINAL
   ========================================= */

.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin{
  width:100%;
  height:100%;
  padding:18px;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;

  /* ✅ anti-corte iOS */
  min-height: 100svh;
  min-height: 100dvh;
  padding-top: max(18px, env(safe-area-inset-top));
  padding-bottom: max(18px, env(safe-area-inset-bottom));
}

.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-screen{
  width:min(420px, 96vw);
  height:min(860px, 92vh);

  /* ✅ anti-corte real */
  max-height: calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));

  display:flex;
  flex-direction:column;
}



/* barra superior (hora + notch + señal) */
.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-status{
  height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 0 14px;
  color:#fff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:12px;
  letter-spacing:.2px;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,0));
  z-index:3;
  position:relative;
}

.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-status-left{ opacity:.95; font-weight:600; }
.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-status-right{
  display:flex; align-items:center; gap:8px;
  opacity:.9; font-weight:600;
}
.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-signal{ font-size:12px; letter-spacing:1px; opacity:.9; }

.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-notch{
  width:140px;
  height:26px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.45) inset;
}

/* ===== Avatar estilo Videocall-2 pero ROJO (llamada finalizada) ===== */
.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-avatar{
  border-radius: 9999px !important;
  overflow: hidden !important;
  border: 0 !important;

  box-shadow:
    0 0 0 4px rgba(255,59,48,.45),  /* aro rojo iOS */
    0 18px 40px rgba(0,0,0,.55) !important;
}

/* =========================================
   LLAMADA2FIN — MEJORAS UI (píldora + CTA TikTok animado)
   PÉGALO AL FINAL
   ========================================= */

/* 1) Píldora “Llamada finalizada” más cuidada */
.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-ended{
  gap: 10px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow:
    0 10px 26px rgba(0,0,0,.35),
    0 0 0 1px rgba(0,0,0,.35) inset;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-ended .dot{
  width: 9px;
  height: 9px;
  background: rgba(255,59,48,.95); /* rojo iOS */
  box-shadow: 0 0 0 4px rgba(255,59,48,.18);
  animation: c2fDotPulse 1.2s ease-in-out infinite;
}

@keyframes c2fDotPulse{
  0%,100%{ transform: scale(.92); opacity: .85; }
  50%{ transform: scale(1.15); opacity: 1; }
}

/* 2) Botón TikTok: un pelín más “botón” (card) */
.elementor-171 .elementor-element.elementor-element-801d10d .tt-cta{
  margin-top: 22px;
  padding: 12px 14px;
  border-radius: 20px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 36px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transform: translateZ(0);
}

.elementor-171 .elementor-element.elementor-element-801d10d .tt-cta:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.14);
}

.elementor-171 .elementor-element.elementor-element-801d10d .tt-cta:active{
  transform: translateZ(0) scale(.985);
}

/* 3) Animación en bucle para llamar la atención */
.elementor-171 .elementor-element.elementor-element-801d10d .tt-cta{
  animation: c2fCtaFloat 2.6s ease-in-out infinite;
}

@keyframes c2fCtaFloat{
  0%,100%{ transform: translateY(0); }
  50%{ transform: translateY(-4px); }
}

/* pulso suave del “icon card” */
.elementor-171 .elementor-element.elementor-element-801d10d .tt-ic{
  box-shadow:
    0 16px 40px rgba(0,0,0,.45),
    0 0 0 1px rgba(255,255,255,.10) inset;
  animation: c2fIcPulse 2.6s ease-in-out infinite;
}

@keyframes c2fIcPulse{
  0%,100%{
    transform: scale(1);
    background: rgba(255,255,255,.10);
    border-color: rgba(255,255,255,.14);
  }
  50%{
    transform: scale(1.04);
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.18);
  }
}

/* accesibilidad: si el usuario tiene reduced motion, sin animaciones */
@media (prefers-reduced-motion: reduce){
  .elementor-171 .elementor-element.elementor-element-801d10d .tt-cta,
  .elementor-171 .elementor-element.elementor-element-801d10d .tt-ic,
  .elementor-171 .elementor-element.elementor-element-801d10d .llamada2fin-ended .dot{
    animation: none !important;
  }
}

/* quitar borde del botón TikTok */
.elementor-171 .elementor-element.elementor-element-801d10d .tt-cta{
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.elementor-171 .elementor-element.elementor-element-801d10d .tt-ic{
  border: none !important;
}

/* color real TikTok */
.elementor-171 .elementor-element.elementor-element-801d10d .tt-ic svg{
  color: #25F4EE !important; /* azul TikTok */
  filter:
    drop-shadow(-2px -2px 0 #FE2C55)  /* sombra rosa */
    drop-shadow(0 0 6px rgba(255,255,255,.15));
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d79f470 *//* =========================================
   TIKTOK LOGIN — Fullscreen
   Contenedor: scene scene-tiktok-login
   Body class: is-tiktok-login
   ========================================= */

:root{
  --tt-bg:#0b0b0c;
  --tt-card:#111214;
  --tt-stroke: rgba(255,255,255,.10);
  --tt-text:#ffffff;
  --tt-muted: rgba(255,255,255,.62);
  --tt-soft: rgba(255,255,255,.08);
  --tt-red:#fe2c55;
}

/* fullscreen */
body.is-tiktok-login{
  overflow:hidden !important;
  height:100vh !important;
}
body.is-tiktok-login .scene{ display:none !important; }
body.is-tiktok-login .scene.scene-tiktok-login{ display:flex !important; }

body.is-tiktok-login .elementor-171 .elementor-element.elementor-element-d79f470{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  z-index:999999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#000 !important;
}
body.is-tiktok-login .elementor-171 .elementor-element.elementor-element-d79f470 > .e-con-inner,
body.is-tiktok-login .elementor-171 .elementor-element.elementor-element-d79f470 .e-con-inner{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* stage */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin{
  width:100%;
  height:100%;
  padding:18px;
  box-sizing:border-box;
  display:grid;
  place-items:center;
  min-height: 100svh;
  min-height: 100dvh;
  padding-top: max(16px, env(safe-area-inset-top));
  padding-bottom: max(16px, env(safe-area-inset-bottom));
}

/* screen bg */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-screen{
  width:100%;
  height:100%;
  position:relative;
  display:grid;
  place-items:center;
}
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 30% 20%, rgba(254,44,85,.14), transparent 48%),
    radial-gradient(circle at 70% 70%, rgba(37,244,238,.10), transparent 52%),
    linear-gradient(180deg, #040405, #0b0b0c 55%, #050506);
  filter: saturate(1.05);
}
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-overlay{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.45);
}

/* phone */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-phone{
  position:relative;
  width: min(420px, 92vw);
  aspect-ratio: 9 / 19.5;
  max-height: calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  border-radius: 34px;
  overflow:hidden;
  background: rgba(12,12,13,.92);
  border: 1px solid var(--tt-stroke);
  box-shadow: 0 30px 90px rgba(0,0,0,.60), 0 0 0 1px rgba(0,0,0,.75) inset;
  display:flex;
  flex-direction:column;
  padding: 18px;
  box-sizing:border-box;
  color: var(--tt-text);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* notch */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-notch{
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  width:140px;
  height:26px;
  border-radius:999px;
  background: rgba(0,0,0,.65);
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
  opacity:.85;
}

/* header */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-header{
  padding-top: 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap: 10px;
}
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-logo{
  width: 64px;
  height: 64px;
  border-radius: 18px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 38px rgba(0,0,0,.45);
}
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-logo svg{
  width: 34px;
  height: 34px;
  fill: #fff;
  opacity:.92;
}
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-title{
  margin:0;
  font-size: 34px;
  color:#fff;
  font-weight: 900;
  letter-spacing: .2px;
  text-shadow: 0 8px 26px rgba(0,0,0,.45);
}

.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-sub{
  margin:0;
  font-size: 16px;
  color: rgba(255,255,255,.78);
  text-shadow: 0 8px 22px rgba(0,0,0,.35);
}


/* form */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-form{
  margin-top: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  padding: 16px;
  box-sizing:border-box;
  backdrop-filter: blur(10px);
}

.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-label{
  display:block;
  margin: 10px 2px 6px;
  font-size: 12px;
  color: rgba(255,255,255,.78);
}

.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-field{
  position:relative;
  display:flex;
  align-items:center;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
  overflow:hidden;
}

.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-input{
  flex:1;
  border:0;
  outline:none;
  background: transparent;
  color: #fff;
  padding: 12px 44px 12px 12px;
  font-size: 14px;
  letter-spacing:.2px;
  caret-color: transparent; /* refuerza “simulación” */
}
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-input[readonly]{
  opacity: .95;
}

.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-lock{
  position:absolute;
  right: 10px;
  display:grid;
  place-items:center;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-lock svg{
  width: 16px;
  height: 16px;
  fill:none;
  stroke:#fff;
  stroke-width: 1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity: .9;
}

/* eye */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-eye{
  position:absolute;
  right: 8px;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.06);
  display:grid;
  place-items:center;
  cursor:pointer;
  padding:0;
}
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-eye svg{
  width: 18px;
  height: 18px;
  fill:none;
  stroke:#fff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.9;
}
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-eye .eye-closed{ display:none; }
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-eye.is-on .eye-open{ display:none; }
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-eye.is-on .eye-closed{ display:block; }

.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-meta{
  display:flex;
  justify-content:space-between;
  margin-top: 10px;
  font-size: 12px;
  color: rgba(255,255,255,.70);
}
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-help{ opacity:.85; }
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-hint{
}

/* button */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-btn{
  width:100%;
  margin-top: 14px;
  border: 0;
  border-radius: 14px;
  padding: 12px 14px;
  background: var(--tt-red);
  color: #fff;
  font-weight: 900;
  letter-spacing: .8px;
  cursor:pointer;
  box-shadow: 0 16px 40px rgba(254,44,85,.22);
}
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-btn:active{ transform: scale(.99); }

/* oauth (decorativo) */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-alt{ margin-top: 14px; }
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-divider{
  position:relative;
  text-align:center;
  margin: 10px 0 12px;
}
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-divider:before{
  content:"";
  position:absolute;
  left:0; right:0; top:50%;
  height:1px;
  background: rgba(255,255,255,.10);
}
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-divider span{
  position:relative;
  padding: 0 10px;
  background: rgba(38, 23, 27, 0.92);
  font-size: 12px;
}

.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-oauth{
  display:flex;
  gap: 10px;
}
.elementor-171 .elementor-element.elementor-element-d79f470 .oauth-btn{
  flex:1;
  border-radius: 14px;
  padding: 10px 10px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  color: rgba(255,255,255,.92);
  font-weight: 700;
  font-size: 13px;
}
.elementor-171 .elementor-element.elementor-element-d79f470 .oauth-ic{
  width: 22px;
  height: 22px;
  fill: currentColor;
  border-radius: 8px;
  display:grid;
  place-items:center;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.10);
}

/* footer */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-footer{
  margin-top: auto;
  padding: 14px 6px 4px;
  display:flex;
  justify-content:center;
  gap: 8px;
  font-size: 12px;
  color: rgba(255,255,255,.70);
}
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-link{
  color: rgba(255,255,255,.92);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* glow */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-glow{
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius: 34px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset;
  opacity:.9;
}

@media (max-width:420px){
  .elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-phone{ border-radius: 30px; padding: 16px; }
}

/* =========================================
   TIKTOK LOGIN — Fullscreen scene
   Contenedor: scene scene-tiktok-login
   Body class: is-tiktok-login
   ========================================= */

body.is-tiktok-login{
  overflow:hidden !important;
  height:100vh !important;
}

/* Oculta otras escenas */
body.is-tiktok-login .scene{ display:none !important; }
body.is-tiktok-login .scene.scene-tiktok-login{ display:flex !important; }

/* El contenedor actual a pantalla completa */
body.is-tiktok-login .elementor-171 .elementor-element.elementor-element-d79f470{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  z-index:999999 !important;
  display:flex !important;
  flex-direction:column !important;
}

/* Anula boxed/inner SOLO aquí (por si Elementor mete "inner") */
body.is-tiktok-login .elementor-171 .elementor-element.elementor-element-d79f470 .e-con-inner,
body.is-tiktok-login .elementor-171 .elementor-element.elementor-element-d79f470 .elementor-container{
  max-width:none !important;
  width:100% !important;
  height:100% !important;
}



/* =========================================
   BOTÓN ENTRAR — Gradiente animado TikTok
   ========================================= */

.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-btn{
  position: relative;
  overflow: hidden;
  border: none !important;

  background: linear-gradient(
    120deg,
    #FE2C55,
    #25F4EE,
    #FE2C55
  );

  background-size: 200% 200%;

  animation: ttLoginGradient 4s ease-in-out infinite;

  box-shadow:
    0 10px 30px rgba(254,44,85,.25),
    0 0 20px rgba(37,244,238,.15);

  transition: transform .18s ease, box-shadow .18s ease;
}

/* movimiento gradiente */
@keyframes ttLoginGradient{
  0%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
  100%{ background-position: 0% 50%; }
}

/* hover más potente */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-btn:hover{
  transform: scale(1.04);

  box-shadow:
    0 14px 40px rgba(254,44,85,.35),
    0 0 30px rgba(37,244,238,.25);
}

/* click estilo iOS */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-btn:active{
  transform: scale(.98);
}


/* Inputs “simulación”: no interactivos, no foco, no zoom iOS */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-input{
  pointer-events: none;      /* no clic/tap */
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  caret-color: transparent;
}

/* PERO el botón del ojo sí debe poder tocarse */
.elementor-171 .elementor-element.elementor-element-d79f470 .ttlogin-eye{
  pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c49fc0b *//* =========================================
   TIKTOK FEED — Mobile UI Frame (V2)
   Contenedor: scene scene-tiktok-feed
   Body class: is-tiktok-feed
   ========================================= */

:root{
  --tt-bg:#000;
  --tt-text:#fff;
  --tt-dim: rgba(255,255,255,.60);
  --tt-dimmer: rgba(255,255,255,.35);
  --tt-red:#EE1D52;
  --tt-sheet:#111;
  --tt-line: rgba(255,255,255,.10);
}

/* Fullscreen escena */
body.is-tiktok-feed{
  overflow:hidden !important;
  height:100vh !important;
}
body.is-tiktok-feed .scene{ display:none !important; }
body.is-tiktok-feed .scene.scene-tiktok-feed{ display:flex !important; }

/* Elementor container fullscreen */
body.is-tiktok-feed .elementor-171 .elementor-element.elementor-element-c49fc0b{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  z-index:999999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background: #000 !important;
  overflow:hidden !important;
}

/* Root + centered mobile frame */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#000;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-shell{
  width: min(480px, 100vw);
  height: 100dvh;               /* clave para móvil real */
  background:#000;
  overflow:hidden;
  position:relative;
  border-radius: 18px;
  box-shadow: 0 26px 80px rgba(0,0,0,.55);
}

/* en pantallas muy estrechas: sin radio */
@media (max-width:520px){
  .elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-shell{
    width:100vw;
    border-radius: 0;
  }
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-screen{
  position:relative;
  width:100%;
  height:100%;
  background:#000;
  color:#fff;
  overflow:hidden;
  touch-action:none; /* como en el ejemplo */
}

/* Top bar */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-top{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 14px;
  pointer-events:none; /* no clicable */
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-tabs{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:16px;
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-tab.is-dim{ color: var(--tt-dim); font-weight:500; }
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-tab.is-on{ color: #fff; font-weight:650; }
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-sep{ color: rgba(255,255,255,.40); font-weight:300; }

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-topicons{
  display:flex;
  align-items:center;
  gap:14px;
  color:#fff;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-top-ic{
  width:20px;
  height:20px;
}

/* Swipe hint */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-hint{
  position:absolute;
  inset:0;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  opacity:0;
  transition: opacity .25s ease;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-hint.is-on{ opacity:1; }
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-hint-inner{
  color: rgba(255,255,255,.40);
  font-size:13px;
  text-align:center;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-hint-arrow{
  font-size:18px;
  animation: tt-bounce 900ms infinite ease-in-out;
  margin-bottom:4px;
}
@keyframes tt-bounce{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
}

/* Viewport + track */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-viewport{
  width:100%;
  height:100%;
  overflow:hidden;
  position:relative;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-track{
  width:100%;
  height:300%; /* 3 pantallas */
  transform: translate3d(0,0,0);
  will-change: transform;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-item{
  width:100%;
  height: calc(100% / 3);
  position:relative;
  background:#000;
  --fakebar-width: 0%;
}

/* Media */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-media{
  position:absolute;
  inset:0;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  background:#000;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-vignette{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 700px at 50% 30%, transparent 55%, rgba(0,0,0,.55) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.70));
}

/* Fallback */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-fallback{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  background:
    radial-gradient(1200px 800px at 60% 30%, rgba(255,255,255,.08), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.85));
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-fallback-noise{
  position:absolute;
  inset:-40px;
  opacity:.18;
  background-image:
  repeating-linear-gradient(0deg, rgba(255,255,255,.06), rgba(255,255,255,.06) 1px, transparent 1px, transparent 4px);
  transform: rotate(-6deg);
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-fallback-title{
  position:relative;
  font-weight:800;
  letter-spacing:4px;
  opacity:.85;
}

/* Actions right */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-actions{
  position:absolute;
  right:12px;
  bottom:96px;
  z-index:20;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
}

/* Avatar */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-avatar{
  position:relative;
  width:48px;
  height:48px;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-avatar-img{
  width:48px;
  height:48px;
  border-radius:50%;
  overflow:hidden;
  border:2px solid rgba(255,255,255,.90);
  background:
    radial-gradient(18px 18px at 35% 35%, rgba(255,255,255,.30), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-avatar-plus{
  position:absolute;
  left:50%;
  bottom:-10px;
  transform:translateX(-50%);
  width:20px;
  height:20px;
  border-radius:50%;
  background: var(--tt-red);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:12px;
  font-weight:800;
}

/* Action buttons (como tu ejemplo) */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-act{
  appearance:none;
  border:0;
  background:transparent;
  color:#fff;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  cursor:pointer;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-act.is-dead{
  cursor:default;
  pointer-events:none;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-act-ic{
  width:34px;
  height:34px;
  filter: drop-shadow(0 12px 26px rgba(0,0,0,.55));
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-act-txt{
  font-size:12px;
  font-weight:650;
  color:#fff;
}

/* Like toggle: blanco <-> rojo */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-like.is-liked{
  color: var(--tt-red);
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-like.is-liked .ttfeed-act-txt{
  color:#fff; /* contador siempre blanco como TikTok */
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-act-ic.pop{
  animation: tt-pop 220ms ease-out;
}
@keyframes tt-pop{
  0%{ transform:scale(1); }
  60%{ transform:scale(1.18); }
  100%{ transform:scale(1); }
}

/* Pager right */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-pager{
  position:absolute;
  right:4px;
  top:50%;
  transform:translateY(-50%);
  z-index:20;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttdot{
  width:4px;
  height:12px;
  border-radius:999px;
  background: rgba(255,255,255,.30);
  transition: all .2s ease;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttdot.is-active{
  height:24px;
  background:#fff;
}

/* Meta bottom */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-meta{
  position:absolute;
  left:0;
  right:64px;
  bottom:78px;
  z-index:20;
  padding: 0 14px;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-user{
  margin:0 0 6px 0;
  font-size:16px;
  font-weight:800;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-cap{
  margin:0;
  font-size:14px;
  color:#fff;
  line-height:1.25;
  text-shadow: 0 10px 26px rgba(0,0,0,.65);
}

/* Comments modal (ahora visible) */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-cmtmodal{
  position:absolute;
  inset:0;
  z-index:60;
  display:none;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-cmtmodal.is-open{
  display:block;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-cmt-backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-cmt-sheet{
  position:absolute;
  left:50%;
  bottom:0;
  transform: translateX(-50%);
  width:min(440px, 96%);
  height:min(560px, 78%);
  background: var(--tt-sheet);
  border: 1px solid rgba(255,255,255,.12);
  border-bottom:0;
  border-top-left-radius:18px;
  border-top-right-radius:18px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  box-shadow: 0 -24px 80px rgba(0,0,0,.70);
  animation: tt-sheet-in 240ms ease-out;
}
@keyframes tt-sheet-in{
  from{ transform: translateX(-50%) translateY(20px); opacity:.7; }
  to  { transform: translateX(-50%) translateY(0); opacity:1; }
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-cmt-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 14px 12px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-cmt-title{
  font-weight:800;
  font-size:14px;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-cmt-close{
  width:34px;
  height:34px;
  border-radius:10px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-cmt-close svg{
  width:18px;
  height:18px;
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-cmt-list{
  padding: 10px 12px 16px;
  overflow:auto;
  overscroll-behavior:contain;
}

/* comment rows */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttcmt-row{
  display:flex;
  gap:10px;
  padding: 10px 6px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttcmt-row:last-child{ border-bottom:0; }
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttcmt-ava{
  width:34px;
  height:34px;
  border-radius:50%;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border: 1px solid rgba(255,255,255,.12);

  /* look “app” */
  background:
    radial-gradient(16px 16px at 30% 30%, rgba(255,255,255,.25), transparent 60%),
    linear-gradient(135deg,
      hsla(var(--h,220), 85%, 60%, .95),
      hsla(calc(var(--h,220) + 40), 85%, 55%, .85)
    );
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttcmt-ava::after{
  content: attr(data-ini);
  font-weight: 850;
  font-size: 13px;
  color: rgba(255,255,255,.92);
  text-shadow: 0 6px 16px rgba(0,0,0,.45);
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttcmt-body{ flex:1; min-width:0; }
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttcmt-top{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttcmt-u{ font-weight:800; font-size:12.5px; color:#fff; }
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttcmt-h{ font-size:11px; color: rgba(255,255,255,.45); }
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttcmt-t{ margin-top:4px; font-size:13px; color: rgba(255,255,255,.92); line-height:1.25; }
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttcmt-meta{
  margin-top:7px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:11.5px;
  color: rgba(255,255,255,.45);
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttcmt-rep{ margin-left:auto; color: rgba(255,255,255,.55); }

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-user{
  color:#fff !important;
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-avatar-img{
  background-image: url("https://www.lureagency.es/wp-content/uploads/2026/02/WhatsApp-Image-2026-02-07-at-22.00.41.jpeg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-audio{
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  max-width: 100%;
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-audio-ic{
  font-size: 14px;
  line-height: 1;
  opacity: .95;
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-audio-txt{
  font-size: 12.5px;
  font-weight: 650;
  color: rgba(255,255,255,.92);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* ===== CLOSE BUTTON: centrado perfecto ===== */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-cmt-close{
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  line-height:0 !important;      /* clave */
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-cmt-close svg{
  display:block !important;      /* evita “baseline offset” */
  width:18px;
  height:18px;
}




/* =========================================================
   BIG PLAY / FAKEBAR
aplica a los 3 vídeos
   ========================================================= */

/* BIG PLAY (centro) - estilo como tu ejemplo */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-bigplay{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scale(1);
  width:78px;
  height:78px;
  border-radius:999px;
  display:grid;
  place-items:center;
  z-index:12;
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 48px rgba(0,0,0,.55);
  opacity:1;
  transition: opacity .22s ease, transform .22s ease, filter .22s ease;
  pointer-events:auto;
  user-select:none;
  -webkit-user-select:none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-bigplay svg{
  width:34px;
  height:34px;
  fill:#fff;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.55));
}

/* estados */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-bigplay.is-hidden{
  opacity:0;
  transform:translate(-50%,-50%) scale(.92);
  pointer-events:none;
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-bigplay.is-peek{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}

/* Cuando está reproduciendo y el usuario toca: mostramos PAUSA */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-bigplay.is-pause svg{
  width:34px;
  height:34px;
}


/* FAKE BAR (abajo) */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-fakebar{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  z-index:14;
  background: rgba(255,255,255,.12);
}


.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-fakebar-inner{
  height:100%;
  width: var(--fakebar-width, 0%);
  background: rgba(255,255,255,.95);

  /* clave: quitamos transition para no pelear con rAF */
  transition: none;

  /* micro “glow” para que se sienta más agresiva */
  box-shadow: 0 0 10px rgba(255,255,255,.28);
}




/* =========================
   WhatsApp Toast (TikTok Feed)
   ========================= */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttwa{
  position:absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 80;
  width: min(420px, calc(100% - 24px));
  pointer-events: none;
  opacity: 0;
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttwa.is-on{
  pointer-events: auto;
  opacity: 1;
  animation: ttwaIn 420ms cubic-bezier(.2,.9,.2,1) both;
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttwa.is-off{
  pointer-events: none;
  animation: ttwaOut 320ms cubic-bezier(.2,.9,.2,1) both;
}

@keyframes ttwaIn{
  from{ transform: translateX(-50%) translateY(-12px) scale(.98); opacity: 0; }
  to  { transform: translateX(-50%) translateY(0) scale(1); opacity: 1; }
}
@keyframes ttwaOut{
  from{ transform: translateX(-50%) translateY(0) scale(1); opacity: 1; }
  to  { transform: translateX(-50%) translateY(-10px) scale(.985); opacity: 0; }
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttwa-card{
  width:100%;
  border:0;
  cursor:pointer;
  text-align:left;
  color:#fff;
  background:#2A2A2A;
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttwa-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttwa-left{ min-width:0; }
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttwa-app{ font-size: 12px; font-weight: 800; margin:0; line-height:1.1; }
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttwa-name{ font-size: 14px; font-weight: 750; margin: 4px 0 0; line-height:1.15; }
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttwa-msg{ font-size: 12px; color: rgba(255,255,255,.72); margin: 4px 0 0; line-height:1.15; }

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttwa-icon{
  width:40px; height:40px;
  display:grid; place-items:center;
  border-radius:999px;
  background:#128C7E;
  flex: 0 0 auto;
}
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttwa-icon svg{ width: 22px; height: 22px; color:#fff; }

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttwa-bottom{
  margin-top: 10px;
  padding-top: 8px;
  font-size: 12px;
  text-align:center;
  color: rgba(255,255,255,.55);
  border-top: 1px solid rgba(255,255,255,.18);
}






/* FIX móvil botones acción */
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-act,
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-like,
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-cmt{
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-act-ic,
.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-act-txt{
  pointer-events: none;
}

.elementor-171 .elementor-element.elementor-element-c49fc0b .ttfeed-like{
  transform: translateZ(0);
  backface-visibility: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-275b9af *//* =========================================
   WHATSAPP 2 — refined (no audio autoplay)
   Contenedor: scene scene-whatsapp-2
   ========================================= */

:root{
  /* ✅ WA2 vars (antes estaban wa1- y te obliga a mantener wa1 en todo) */
  --wa2-accent:#19c37d;
  --wa2-cta:#128C7E;
  --wa2-bg:#0b141a;
  --wa2-top:#1C1C1E;
  --wa2-bubble:#2D2D2D;
  --wa2-blue:#007AFF;
}

/* fullscreen escena */
body.is-whatsapp-2{
  overflow:hidden !important;
  height:100vh !important;
}

body.is-whatsapp-2 .scene{ display:none !important; }
body.is-whatsapp-2 .scene.scene-whatsapp-2{ display:flex !important; }

body.is-whatsapp-2 .elementor-171 .elementor-element.elementor-element-275b9af{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#000 !important;
  z-index:999999 !important;
}

body.is-whatsapp-2 .elementor-171 .elementor-element.elementor-element-275b9af > .e-con-inner,
body.is-whatsapp-2 .elementor-171 .elementor-element.elementor-element-275b9af .e-con-inner{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* wrapper */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  box-sizing:border-box;
}

/* phone shell */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-phone{
  width:min(420px, 96vw);
  height:min(860px, 92vh);
  display:flex;
  flex-direction:column;

  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
    var(--wa2-bg);

  border-radius:32px;
  overflow:hidden;

  box-shadow: 0 30px 120px rgba(0,0,0,.75), 0 2px 0 rgba(255,255,255,.06) inset;
  border:1px solid rgba(255,255,255,.08);
}

/* status bar */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-status{
  height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 0 14px;
  color:#fff;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:12px;
  letter-spacing:.2px;
  background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,0));
}
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-status-left{ opacity:.95; font-weight:600; }
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-status-right{ display:flex; align-items:center; gap:8px; opacity:.9; font-weight:600; }
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-signal{ font-size:12px; letter-spacing:1px; opacity:.9; }

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-notch{
  width:140px;
  height:26px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.45) inset;
}

/* header */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-header{
  height:62px;
  background: rgba(28,28,30,.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  display:flex;
  align-items:center;
  gap:10px;
  padding: 0 15px 0 1px;

  border-bottom:1px solid rgba(255,255,255,.08);
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-back{
  width:36px;
  height:36px;
  border-radius:12px;
  border:none;
  background:transparent;
  color: var(--wa2-cta);
  font-size:28px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-avatar{
  width:40px;
  height:40px;
  border-radius:999px;
  overflow:hidden;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.14);
}
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-headmeta{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-name{
  color:#fff;
  font-weight:700;
  font-size:16px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-presence{
  color: var(--wa2-accent);
  font-size:12px;
  font-weight:700;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-headactions{
  display:flex;
  align-items:center;
  gap:18px;
}

/* HEADER ICONS */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-icon{
  border:none;
  background:transparent;
  padding:0;
  cursor:pointer;

  display:flex;
  align-items:center;
  justify-content:center;

  color: var(--wa2-cta);
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-icon svg{
  width:24px;
  height:24px;

  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

/* chat */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-chat{
  flex:1;
  overflow-y:auto;
  padding: 12px 12px 14px;
  box-sizing:border-box;

  background:
    radial-gradient(circle at 1px 1px, rgba(255,255,255,.06) 1px, rgba(0,0,0,0) 1.2px) 0 0/18px 18px,
    linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,0));
  -webkit-overflow-scrolling: touch;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-daypill{
  margin:8px auto 14px;
  width:max-content;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:11px;
  color:rgba(255,255,255,.70);
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.10);
  padding:6px 10px;
  border-radius:999px;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* appear */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-row{
  display:flex;
  justify-content:flex-start;
  opacity:0;
  transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease;
}
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-row.is-in{ opacity:1; transform:none; }

/* bubbles */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-bubble{
  max-width:min(320px, 86%);
  background:var(--wa2-bubble);
  color:#f1f1f1;
  border-radius:20px;
  padding:10px 12px 12px;
  position:relative;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  box-shadow:0 10px 26px rgba(0,0,0,.30);
  border:1px solid rgba(255,255,255,.08);
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-btxt{
  font-size:14px;
  line-height:1.38;
  margin-bottom:6px;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  font-size:11px;
  color:inherit;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-meta-time{
  color:#9CA3AF;
  font-size:11px;
  opacity:1;
  line-height:1;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-check-read{
  width:14px;
  height:14px;
  stroke:#93c5fd;
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}

/* audio bubble */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-bubble.is-audio{
  width: 320px;
  max-width: 95%;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-voice{
  display:flex;
  align-items:center;
  gap:12px;
  padding: 2px 2px 4px;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-play{
  width:40px;
  height:40px;
  aspect-ratio:1/1;
  border-radius:50%;
  border:none;
  padding:0;

  display:flex;
  align-items:center;
  justify-content:center;

  background: var(--wa2-blue);
  color:#fff;

  cursor:pointer;
  flex-shrink:0;

  transition: transform .15s ease, filter .15s ease;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-play svg{
  width:20px;
  height:20px;
  fill:currentColor !important;
  stroke:currentColor !important;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  margin-left:2px;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-ic-pause{ display:none; }

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-voice-mid{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-bar{
  height:6px;
  border-radius:999px;
  background: rgba(255,255,255,.20);
  position:relative;
}
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-bar-fill{
  height:100%;
  width:0%;
  border-radius:999px;
  background: var(--wa2-blue);
}
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-bar-knob{
  position:absolute;
  top:50%;
  left:0%;
  transform:translate(-50%,-50%);
  width:12px;
  height:12px;
  border-radius:999px;
  background: var(--wa2-blue);
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
}
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-adur{
  font-size:12px;
  color: rgba(255,255,255,.65);
  line-height:1;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-voice-avatar{
  width:48px;
  height:48px;
  flex: 0 0 auto;
  position:relative;
}
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-voice-avatar img{
  width:100%;
  height:100%;
  border-radius:999px;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.18);
  display:block;
}

/* CTA */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-bubble.is-cta{
  padding:12px 14px 10px;
}
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-phonecta{
  display:inline-block;
  border:0;
  background:transparent;
  padding:0;
  font-size:15px;
  font-weight:800;
  color:#34D399;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor:pointer;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-ctarow{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
  color:#34D399;
}
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-ctarow svg{
  width:18px;
  height:18px;
  stroke: currentColor;
}
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-ctarow span{
  font-size:13px;
  font-weight:800;
}

/* composer */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-composer{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  background: rgba(28,28,30,.92);
  border-top:1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-plus{
  width:45px;
  height:45px;
  border-radius:999px;
  border:none;
  background: rgba(255,255,255,.10);
  color:#fff;
  cursor:pointer;
  font-size:20px;

  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  padding:0;
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-inputwrap{
  flex:1;
  display:flex;
  align-items:center;
  gap:10px;
  height:46px;
  padding: 0 12px;
  border-radius:999px;
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-input{
  flex:1;
  border:none;
  outline:none;
  background:transparent;
  color:#fff;
  font-size:14px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* SEND */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-send{
  width:45px;
  height:45px;
  aspect-ratio:1/1;
  border-radius:999px;
  border:none;
  padding:0;

  display:flex;
  align-items:center;
  justify-content:center;

  background: var(--wa2-cta);
  cursor:pointer;
  box-shadow: 0 14px 34px rgba(18,140,126,.22);
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-send svg{
  width:22px;
  height:22px;
  display:block;
  transform: translate(-1px, 0.5px);
}




/* Icon swap play/pause */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-ic-pause{ display:none; }
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-bubble.is-playing .wa2-ic-play{ display:none; }
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-bubble.is-playing .wa2-ic-pause{ display:block; }




/* ==============================
   WA2 — Unplayed (verde) -> Played (azul)
   ============================== */

/* Verde fuerte mientras NO se ha reproducido */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-bubble.is-unplayed .wa2-play{
  background:#16a34a !important; /* verde fuerte */
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-bubble.is-unplayed .wa2-bar-fill{
  background:#16a34a !important;
}
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-bubble.is-unplayed .wa2-bar-knob{
  background:#16a34a !important;
}

/* Cuando ya se reprodujo, vuelve a tu azul (por defecto ya lo tienes) */
/* No hace falta CSS extra para played si tu CSS base ya es azul */


/* ✅ WA2: baja play + barra sin mover el avatar */
.elementor-171 .elementor-element.elementor-element-275b9af .wa2-bubble.is-audio .wa2-play{
  transform: translateY(6px);
}

.elementor-171 .elementor-element.elementor-element-275b9af .wa2-bubble.is-audio .wa2-voice-mid{
  transform: translateY(6px);
}

/* ===== WA2: deshabilitar escritura (estético) ===== */
.elementor-171 .elementor-element.elementor-element-275b9af #wa2Composer{
  pointer-events: none;   /* bloquea clicks/taps en toda la barra */
}

.elementor-171 .elementor-element.elementor-element-275b9af #wa2Composer,
.elementor-171 .elementor-element.elementor-element-275b9af #wa2Composer *{
  -webkit-user-select: none;
  user-select: none;
}

.elementor-171 .elementor-element.elementor-element-275b9af #wa2Input{
  pointer-events: none;
  caret-color: transparent; /* oculta cursor */
}

.elementor-171 .elementor-element.elementor-element-275b9af #wa2Input::placeholder{
  opacity: .65;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e644f28 *//* =========================
   SCENE VIDEOCALL-2 -> Incoming videocall centered phone
   Contenedor: clases "scene scene-videocall-2"
   ========================= */

body.is-videocall-2{
  overflow:hidden !important;
  height:100vh !important;
}

/* si conviven escenas */
body.is-videocall-2 .scene{ display:none !important; }
body.is-videocall-2 .scene.scene-videocall-2{ display:flex !important; }

/* fullscreen del contenedor */
body.is-videocall-2 .elementor-171 .elementor-element.elementor-element-e644f28{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  z-index: 999999 !important;
}

/* reset inner */
body.is-videocall-2 .elementor-171 .elementor-element.elementor-element-e644f28,
body.is-videocall-2 .elementor-171 .elementor-element.elementor-element-e644f28 > .e-con-inner,
body.is-videocall-2 .elementor-171 .elementor-element.elementor-element-e644f28 .e-con-inner{
  max-width:none !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* stage */
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-stage{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 22px;
  box-sizing:border-box;
}

/* PHONE FRAME centrado */
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-phone{
  position:relative;
  width: min(360px, 92vw);
  aspect-ratio: 9 / 19.5;
  border-radius: 34px;
  background: rgba(10,16,20,.92);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow:
    0 30px 80px rgba(0,0,0,.55),
    0 0 0 1px rgba(0,0,0,.75) inset;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding: 18px 18px 18px;
  box-sizing:border-box;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#fff;
  z-index:2;
  transform: translateZ(0);
}

.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-phone.is-exiting{
  transform: scale(.985);
  filter: brightness(.95);
  transition: transform .16s ease, filter .16s ease;
}

/* notch */
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-notch{
  position:absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 140px;
  height: 26px;
  border-radius: 999px;
  background: rgba(0,0,0,.65);
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
  opacity:.85;
}

/* status */
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  opacity:.88;
  font-weight:700;
  font-size:13px;
  padding-top: 6px;
  letter-spacing:.02em;
}
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-icons{ font-size:12px; opacity:.85; }

/* content center */
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-content{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap: 10px;
}

.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-avatar{
  width: 108px;
  height: 108px;
  border-radius: 9999px;
  overflow:hidden;
  background:#111;
  box-shadow:
    0 0 0 4px rgba(0,122,255,.42),   /* azul “videocall” */
    0 18px 40px rgba(0,0,0,.55);
  animation: vc2Vibe 1.1s ease-in-out infinite;
}
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-name{
  margin-top: 6px;
  font-size: 28px;
  font-weight: 800;
}
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-handle{ font-size: 16px; opacity: .82; }
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-sub{ font-size: 14px; opacity: .75; }

.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-dots{
  display:flex;
  gap: 8px;
  margin-top: 12px;
  opacity:.9;
}
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-dots span{
  width: 8px; height: 8px;
  border-radius:999px;
  background: rgba(255,255,255,.35);
  animation: vc2Pulse 1.25s ease-in-out infinite;
}
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-dots span:nth-child(2){ animation-delay: .15s; }
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-dots span:nth-child(3){ animation-delay: .30s; }

@keyframes vc2Pulse{
  0%,100%{ transform: scale(.85); opacity:.45; }
  50%{ transform: scale(1.35); opacity:.95; }
}

/* =========================
   ACCIONES iOS (rechazar/contestar)
   ========================= */
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-actions.vc2-actions-ios{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap: 18px;
  padding: 0 10px 8px;
}

.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-actions.vc2-actions-ios .vc2-act{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap: 10px;
  flex: 0 0 auto;
}

/* Botón circular iOS */
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-btn.vc2-btn-ios{
  width: 66px;
  height: 66px;
  border-radius: 9999px;
  border: 0;
  padding: 0;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow: 0 18px 36px rgba(0,0,0,.45);
  transition: transform .12s ease, filter .12s ease;
  user-select:none;
}
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-btn.vc2-btn-ios:active{
  transform: translateY(1px) scale(.985);
  filter: brightness(.95);
}
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-btn.vc2-btn-ios .vc2-ic{
  display:grid;
  place-items:center;
  width: 100%;
  height: 100%;
}

/* Colores iOS */
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-btn.vc2-btn-ios.vc2-decline{
  background: rgba(255, 59, 48, .96);
}
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-btn.vc2-btn-ios.vc2-accept{
  background: rgba(52, 199, 89, .96);
}

/* Texto debajo */
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-actions.vc2-actions-ios .vc2-tx{
  font-size: 13px;
  font-weight: 700;
  opacity: .92;
  letter-spacing: .01em;
}

/* glow del phone */
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-phone-glow{
  position:absolute;
  inset:0;
  border-radius: 34px;
  pointer-events:none;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 40px rgba(0,122,255,.10);
  opacity:.9;
}

/* vibración visual */
@keyframes vc2Vibe{
  0%,100%{ transform: translate(0,0); }
  20%{ transform: translate(1px,-1px); }
  40%{ transform: translate(-1px,1px); }
  60%{ transform: translate(1px,1px); }
  80%{ transform: translate(-1px,-1px); }
}

/* móvil */
@media (max-width: 480px){
  .elementor-171 .elementor-element.elementor-element-e644f28 .vc2-phone{
    width: min(380px, 94vw);
    border-radius: 30px;
  }
  .elementor-171 .elementor-element.elementor-element-e644f28 .vc2-btn.vc2-btn-ios{ width: 62px; height: 62px; }
  .elementor-171 .elementor-element.elementor-element-e644f28 .vc2-actions.vc2-actions-ios{ padding-bottom: 6px; }
}

/* Rechazar “bloqueado”: shake iOS */
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-phone.vc2-denied{
  animation: vc2Denied .38s ease both;
}
@keyframes vc2Denied{
  0%   { transform: translateX(0); }
  15%  { transform: translateX(-10px); }
  30%  { transform: translateX(9px); }
  45%  { transform: translateX(-7px); }
  60%  { transform: translateX(6px); }
  75%  { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}

/* feedback visual extra en el botón rechazar */
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-decline.vc2-btn-ios:active{
  filter: brightness(.92);
}

/* ====== SIZE: grande pero sin recortar ====== */
.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-stage{
  min-height: 100svh;
  min-height: 100dvh;
  padding-top: max(16px, env(safe-area-inset-top));
  padding-bottom: max(16px, env(safe-area-inset-bottom));
  box-sizing: border-box;
  display: grid !important;
  place-items: center !important;
}

.elementor-171 .elementor-element.elementor-element-e644f28 .vc2-phone{
  width: min(400px, 92vw) !important;
  aspect-ratio: 9 / 19.5;

  max-height: calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;

  height: auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d12025 *//* =========================
   SCENE: VIDEOCALL-2-IN
   Contenedor: .scene.scene-videocall-2-in
   ========================= */

body.is-videocall-2-in{
  overflow:hidden !important;
  height:100vh !important;
}

/* si conviven escenas */
body.is-videocall-2-in .scene{ display:none !important; }
body.is-videocall-2-in .scene.scene-videocall-2-in{ display:flex !important; }

/* fullscreen del contenedor */
body.is-videocall-2-in .elementor-171 .elementor-element.elementor-element-9d12025{
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  z-index: 999999 !important;
}

/* reset inner */
body.is-videocall-2-in .elementor-171 .elementor-element.elementor-element-9d12025,
body.is-videocall-2-in .elementor-171 .elementor-element.elementor-element-9d12025 > .e-con-inner,
body.is-videocall-2-in .elementor-171 .elementor-element.elementor-element-9d12025 .e-con-inner{
  max-width:none !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* shell */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  padding: 22px;
  box-sizing:border-box;
}

/* PHONE */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-phone{
  position:relative;
  width: min(420px, 92vw);
  aspect-ratio: 9 / 19.5;
  border-radius: 34px;
  background: rgba(10,16,20,.92);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow:
    0 30px 80px rgba(0,0,0,.55),
    0 0 0 1px rgba(0,0,0,.75) inset;
  overflow:hidden;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#fff;
  transform: translateZ(0);
}

/* notch */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-notch{
  position:absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 140px;
  height: 26px;
  border-radius: 999px;
  background: rgba(0,0,0,.65);
  box-shadow: 0 6px 16px rgba(0,0,0,.35);
  opacity:.85;
  z-index:5;
}

/* status */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-status{
  position:absolute;
  top: 14px;
  left: 16px;
  right: 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  opacity:.92;
  font-weight:800;
  font-size:13px;
  letter-spacing:.02em;
  z-index:6;
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-icons{ font-size:12px; opacity:.85; }

/* TOP CENTER (nombre + duración) */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-topcenter{
  position:absolute;
  top: 54px;              /* debajo del notch/status */
  left: 50%;
  transform: translateX(-50%);
  z-index: 7;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap: 4px;
  text-align:center;
  pointer-events:none;
}

.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-topname{
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .01em;
  opacity: .95;
  text-shadow: 0 8px 22px rgba(0,0,0,.55);
}

.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-topdur{
  font-size: 12px;
  font-weight: 800;
  opacity: .85;
  text-shadow: 0 8px 22px rgba(0,0,0,.55);
}

/* VIDEO BG */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-videoWrap{
  position:absolute;
  inset:0;
  z-index:1;
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-bgVideo{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-bgVideo.is-black{
  opacity:0;
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-vignette{
  position:absolute;
  inset:0;
  background:
    radial-gradient(1200px 700px at 50% 40%, rgba(0,0,0,.08), rgba(0,0,0,.55)),
    linear-gradient(to top, rgba(0,0,0,.58), rgba(0,0,0,.15) 50%, rgba(0,0,0,.45));
  pointer-events:none;
}

/* PIP camera */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-pip{
  position:absolute;
  right: 14px;
  bottom: 98px;
  width: 108px;
  height: 160px;
  border-radius: 16px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.35);
  box-shadow: 0 18px 46px rgba(0,0,0,.55);
  opacity:0;
  transform: translateY(8px) scale(.98);
  transition: opacity .18s ease, transform .18s ease;
  z-index:7;
  pointer-events:none;
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-pip.is-on{
  opacity:1;
  transform: translateY(0) scale(1);
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-cam{
  width:100%;
  height:100%;
  object-fit:cover;
  transform: scaleX(-1);
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-pipLabel{
  position:absolute;
  left: 10px;
  bottom: 8px;
  font-size: 12px;
  font-weight: 800;
  opacity:.92;
  text-shadow: 0 6px 18px rgba(0,0,0,.65);
}

/* CONTROLS */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-controls{
  position:absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  z-index:8;
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-btn{
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(12,16,22,.55);
  color:#fff;
  border-radius: 18px;
  padding: 12px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: 8px;
  cursor:pointer;
  user-select:none;
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
  transition: transform .12s ease, filter .12s ease, background .18s ease, border-color .18s ease;
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-btn:active{
  transform: translateY(1px) scale(.99);
  filter: brightness(.96);
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-ic{
  width: 22px;
  height: 22px;
  display:grid;
  place-items:center;
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-ic svg{ width:22px; height:22px; }
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-btnTxt{
  font-size: 12px;
  font-weight: 800;
  opacity: .92;
}

/* ON state */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-btn.is-on{
  background: rgba(0,122,255,.22);
  border-color: rgba(0,122,255,.40);
}

/* Hang button */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-btn--hang{
  background: rgba(255,59,48,.92);
  border-color: rgba(255,59,48,.55);
}

/* POPUP OVERLAY */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-overlay{
  position:absolute;
  inset:0;
  z-index:50;
  display:grid;
  place-items:center;
  opacity:0;
  pointer-events:none;
  transition: opacity .18s ease;
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-overlay.is-on{
  opacity:1;
  pointer-events:auto;
}

/* capa negra difuminada */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.20); /* antes .82 -> ahora más transparente */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* CTA centrado amarillo sólido */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-cta{
  position:relative;
  z-index:60;
  width: min(320px, 78%);
  border: 0;
  background: #F7C948; /* amarillo sólido */
  color:#111;
  font-size: 16px;
  font-weight: 950;
  letter-spacing:.01em;
  padding: 16px 18px;
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(0,0,0,.55);
  cursor:pointer;
  transform: translateY(10px) scale(.99);
  transition: transform .18s ease, filter .12s ease;
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-overlay.is-on .vc2in-cta{
  transform: translateY(0) scale(1);
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-cta:active{
  filter: brightness(.95);
}

/* cuando popup on, “apaga” controles (por si acaso) */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in.is-locked .vc2in-controls{
  opacity:.25;
  pointer-events:none;
}
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in.is-locked .vc2in-pip{
  opacity:0 !important;
  transform: translateY(8px) scale(.98) !important;
}

/* glow */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-glow{
  position:absolute;
  inset:0;
  border-radius: 34px;
  pointer-events:none;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 40px rgba(0,122,255,.10);
  opacity:.9;
  z-index:10;
}

/* hang shake */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-phone.vc2in-hangshake{
  animation: vc2inHangShake .52s ease both;
}
@keyframes vc2inHangShake{
  0%{ transform: translateX(0); }
  10%{ transform: translateX(-10px); }
  20%{ transform: translateX(9px); }
  30%{ transform: translateX(-8px); }
  40%{ transform: translateX(7px); }
  50%{ transform: translateX(-6px); }
  60%{ transform: translateX(5px); }
  70%{ transform: translateX(-4px); }
  80%{ transform: translateX(3px); }
  90%{ transform: translateX(-2px); }
  100%{ transform: translateX(0); }
}

/* denied (camera permission fail feedback) */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-phone.vc2in-denied{
  animation: vc2inDenied .38s ease both;
}
@keyframes vc2inDenied{
  0%{ transform: translateX(0); }
  15%{ transform: translateX(-10px); }
  30%{ transform: translateX(9px); }
  45%{ transform: translateX(-7px); }
  60%{ transform: translateX(6px); }
  75%{ transform: translateX(-4px); }
  100%{ transform: translateX(0); }
}

/* responsive */
@media (max-width: 480px){
  .elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-phone{
    width: min(400px, 94vw);
    border-radius: 30px;
  }
  .elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-controls{
    left: 12px; right: 12px; bottom: 12px;
    gap: 8px;
  }
  .elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-btn{
    border-radius: 16px;
    padding: 11px 8px;
  }
}

/* Icono colgar — mismo color que los demás */
#vc2inHang .vc2in-ic svg {
  fill: currentColor;
  stroke: none;
}



/* ====== FIX iOS: no recortar arriba/abajo + safe-area ====== */

/* 1) Usa viewport dinámico (mejor que 100vh en iOS) */
body.is-videocall-2-in{
  height: 100svh !important;
  height: 100dvh !important;
}

/* 2) Stage: centra y respeta safe-area */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in{
  min-height: 100svh;
  min-height: 100dvh;

  padding-top: max(16px, env(safe-area-inset-top));
  padding-bottom: max(16px, env(safe-area-inset-bottom));
  padding-left: 16px;
  padding-right: 16px;

  box-sizing: border-box;
  display: grid !important;
  place-items: center !important;
}

/* 3) Phone: limita el alto para que jamás se corte */
.elementor-171 .elementor-element.elementor-element-9d12025 .vc2in-phone{
  width: min(400px, 92vw) !important;
  aspect-ratio: 9 / 19.5;

  max-height: calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
  max-height: calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;

  height: auto !important;
}/* End custom CSS */
/* Start custom CSS *//* Pantallas */
.scene{
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  display: none !important;     /* clave */
  overflow: hidden;
  z-index: 99999;
}

/* cuando una escena está activa */
.scene.is-active{
  display: flex !important;     /* clave */
}

/* Escena por defaults active y quitar resto */
.scene{
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  display: none !important;
  overflow: hidden;
  z-index: 99999;
}
.scene.is-active{
  display: flex !important;
}


/* cuando arrancas la experiencia, ocultas la home */
body.is-playing .scene-home{
  display: none !important;
}

/* Video layout */
.scene-video{
  background:#000;
  align-items:center;
  justify-content:center;
}

.scene-vid-wrap{
  width:100%;
  max-width:480px;
  height:100vh;
  margin:0 auto;
  background:#000;
}
.scene-vid-wrap video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}



/* ✅ Editor Elementor: NUNCA ocultes escenas */
.elementor-editor-active .scene{
  display: block !important;
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  z-index: auto !important;
}

/* si tenías is-active / display flex, da igual en editor */
.elementor-editor-active .scene.is-active{
  display: block !important;
}/* End custom CSS */