.elementor-33723 .elementor-element.elementor-element-0a9da65{--display:flex;--min-height:40rem;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--padding-top:010rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-33723 .elementor-element.elementor-element-0a9da65:not(.elementor-motion-effects-element-type-background), .elementor-33723 .elementor-element.elementor-element-0a9da65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://playroom.azud.com/wp-content/uploads/2026/05/soporte-tecnico.webp");background-position:4px -160px;background-repeat:no-repeat;background-size:cover;}.elementor-33723 .elementor-element.elementor-element-0a9da65::before, .elementor-33723 .elementor-element.elementor-element-0a9da65 > .elementor-background-video-container::before, .elementor-33723 .elementor-element.elementor-element-0a9da65 > .e-con-inner > .elementor-background-video-container::before, .elementor-33723 .elementor-element.elementor-element-0a9da65 > .elementor-background-slideshow::before, .elementor-33723 .elementor-element.elementor-element-0a9da65 > .e-con-inner > .elementor-background-slideshow::before, .elementor-33723 .elementor-element.elementor-element-0a9da65 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2A2A2A;--background-overlay:'';}.elementor-33723 .elementor-element.elementor-element-8eba068{--display:flex;--padding-top:6rem;--padding-bottom:6rem;--padding-left:0rem;--padding-right:6rem;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-33723 .elementor-element.elementor-element-af8a63c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:3rem;font-weight:400;color:var( --e-global-color-secondary );}.elementor-33723 .elementor-element.elementor-element-48ed967 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:5rem;font-weight:400;color:var( --e-global-color-120731c );}.elementor-33723 .elementor-element.elementor-element-f05fee7 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.5rem;font-weight:300;line-height:25px;color:var( --e-global-color-120731c );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-33723 .elementor-element.elementor-element-ce7e6c0 .elementor-button{background-color:#85E0D200;font-family:"Montserrat", Sans-serif;font-weight:500;fill:var( --e-global-color-120731c );color:var( --e-global-color-120731c );}.elementor-33723 .elementor-element.elementor-element-ce7e6c0 .elementor-button:hover, .elementor-33723 .elementor-element.elementor-element-ce7e6c0 .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-33723 .elementor-element.elementor-element-ce7e6c0 > .elementor-widget-container{margin:4% 0% 0% 0%;}.elementor-33723 .elementor-element.elementor-element-fd63a1b{--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:space-between;--align-items:stretch;--gap:1rem 5rem;--row-gap:1rem;--column-gap:5rem;--padding-top:5rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-33723 .elementor-element.elementor-element-f7711c9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:23px 23px;--row-gap:23px;--column-gap:23px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-33723 .elementor-element.elementor-element-a92aa34.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-33723 .elementor-element.elementor-element-a92aa34 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.2rem;font-weight:500;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-33723 .elementor-element.elementor-element-6fe0e06{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;}.elementor-33723 .elementor-element.elementor-element-6fe0e06 .elementor-divider-separator{width:100%;}.elementor-33723 .elementor-element.elementor-element-6fe0e06 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-33723 .elementor-element.elementor-element-2372861 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:4rem;font-weight:300;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-33723 .elementor-element.elementor-element-9d112f9{font-family:"Roboto", Sans-serif;font-size:1.5rem;font-weight:300;}.elementor-33723 .elementor-element.elementor-element-67af014{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33723 .elementor-element.elementor-element-c76835a{--display:flex;--overlay-opacity:0.5;}.elementor-33723 .elementor-element.elementor-element-c76835a::before, .elementor-33723 .elementor-element.elementor-element-c76835a > .elementor-background-video-container::before, .elementor-33723 .elementor-element.elementor-element-c76835a > .e-con-inner > .elementor-background-video-container::before, .elementor-33723 .elementor-element.elementor-element-c76835a > .elementor-background-slideshow::before, .elementor-33723 .elementor-element.elementor-element-c76835a > .e-con-inner > .elementor-background-slideshow::before, .elementor-33723 .elementor-element.elementor-element-c76835a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2A2A2A;--background-overlay:'';}.elementor-33723 .elementor-element.elementor-element-037695a > .elementor-widget-container{background-color:var( --e-global-color-120731c );}.elementor-33723 .elementor-element.elementor-element-3724c30{--display:flex;--overlay-opacity:0.5;}.elementor-33723 .elementor-element.elementor-element-3724c30::before, .elementor-33723 .elementor-element.elementor-element-3724c30 > .elementor-background-video-container::before, .elementor-33723 .elementor-element.elementor-element-3724c30 > .e-con-inner > .elementor-background-video-container::before, .elementor-33723 .elementor-element.elementor-element-3724c30 > .elementor-background-slideshow::before, .elementor-33723 .elementor-element.elementor-element-3724c30 > .e-con-inner > .elementor-background-slideshow::before, .elementor-33723 .elementor-element.elementor-element-3724c30 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2A2A2A;--background-overlay:'';}.elementor-33723 .elementor-element.elementor-element-f96adbe > .elementor-widget-container{background-color:var( --e-global-color-120731c );}.elementor-33723 .elementor-element.elementor-element-3ec8b1c{--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:space-between;--align-items:stretch;--gap:1rem 5rem;--row-gap:1rem;--column-gap:5rem;--padding-top:2rem;--padding-bottom:05rem;--padding-left:0rem;--padding-right:0rem;}.elementor-33723 .elementor-element.elementor-element-d282fc4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:23px 23px;--row-gap:23px;--column-gap:23px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-33723 .elementor-element.elementor-element-adc7b9f.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-33723 .elementor-element.elementor-element-adc7b9f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.2rem;font-weight:500;}.elementor-33723 .elementor-element.elementor-element-6d55295{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;}.elementor-33723 .elementor-element.elementor-element-6d55295 .elementor-divider-separator{width:100%;}.elementor-33723 .elementor-element.elementor-element-6d55295 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-33723 .elementor-element.elementor-element-ef41ec5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:4rem;font-weight:300;}.elementor-33723 .elementor-element.elementor-element-309aec3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33723 .elementor-element.elementor-element-7696609{width:100%;max-width:100%;}.elementor-33723 .elementor-element.elementor-element-7696609.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-33723 .elementor-element.elementor-element-b718fd4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0rem;--padding-bottom:0rem;--padding-left:05rem;--padding-right:0rem;}.elementor-33723 .elementor-element.elementor-element-b718fd4:not(.elementor-motion-effects-element-type-background), .elementor-33723 .elementor-element.elementor-element-b718fd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-33723 .elementor-element.elementor-element-07522e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:23px 23px;--row-gap:23px;--column-gap:23px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-33723 .elementor-element.elementor-element-47ec4a6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.5rem;font-weight:300;color:var( --e-global-color-120731c );}.elementor-33723 .elementor-element.elementor-element-73ebdfb{font-family:"Montserrat", Sans-serif;font-size:1.5rem;font-weight:400;color:var( --e-global-color-120731c );}.elementor-33723 .elementor-element.elementor-element-d6badf3 .elementor-button{background-color:var( --e-global-color-120731c );font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-33723 .elementor-element.elementor-element-7324839{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:23px 23px;--row-gap:23px;--column-gap:23px;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-33723 .elementor-element.elementor-element-c9e295c img{height:250px;}.elementor-33723 .elementor-element.elementor-element-addd158{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:05rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:05rem;--padding-right:05rem;}.elementor-33723 .elementor-element.elementor-element-addd158:not(.elementor-motion-effects-element-type-background), .elementor-33723 .elementor-element.elementor-element-addd158 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-120731c );}.elementor-33723 .elementor-element.elementor-element-87dfb61{--display:flex;--justify-content:center;--padding-top:5rem;--padding-bottom:05rem;--padding-left:0rem;--padding-right:0rem;}.elementor-33723 .elementor-element.elementor-element-87dfb61.e-con{--align-self:center;}.elementor-33723 .elementor-element.elementor-element-cbad924{--display:flex;--min-height:808px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-33723 .elementor-element.elementor-element-2b2b0d8{--display:flex;}.elementor-33723 .elementor-element.elementor-element-dc34af9{--display:flex;}.elementor-33723 .elementor-element.elementor-element-dc34af9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-33723 .elementor-element.elementor-element-d094bbb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:4rem;font-weight:300;}.elementor-33723 .elementor-element.elementor-element-79ab74c{font-family:"Roboto", Sans-serif;font-size:1.5rem;font-weight:400;}.elementor-33723 .elementor-element.elementor-element-95a4cad > .elementor-widget-container{margin:8px 8px 8px 8px;}:root{--page-title-display:none;}@media(max-width:1440px){.elementor-33723 .elementor-element.elementor-element-0a9da65{--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-33723 .elementor-element.elementor-element-8eba068{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-33723 .elementor-element.elementor-element-7696609{width:var( --container-widget-width, 1397px );max-width:1397px;--container-widget-width:1397px;--container-widget-flex-grow:0;}.elementor-33723 .elementor-element.elementor-element-cbad924{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33723 .elementor-element.elementor-element-2b2b0d8.e-con{--align-self:center;}.elementor-33723 .elementor-element.elementor-element-dc34af9.e-con{--align-self:center;}.elementor-33723 .elementor-element.elementor-element-d094bbb{text-align:center;}.elementor-33723 .elementor-element.elementor-element-79ab74c{text-align:center;}}@media(max-width:1024px){.elementor-33723 .elementor-element.elementor-element-0a9da65:not(.elementor-motion-effects-element-type-background), .elementor-33723 .elementor-element.elementor-element-0a9da65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-33723 .elementor-element.elementor-element-0a9da65{--padding-top:10rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-33723 .elementor-element.elementor-element-8eba068{--padding-top:3rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-33723 .elementor-element.elementor-element-48ed967 .elementor-heading-title{font-size:4rem;}.elementor-33723 .elementor-element.elementor-element-fd63a1b{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--padding-top:3rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-33723 .elementor-element.elementor-element-2372861 .elementor-heading-title{font-size:3rem;}.elementor-33723 .elementor-element.elementor-element-9d112f9{font-size:1.2rem;}.elementor-33723 .elementor-element.elementor-element-67af014{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:1.5rem 1.5rem;--row-gap:1.5rem;--column-gap:1.5rem;--flex-wrap:wrap;}.elementor-33723 .elementor-element.elementor-element-3ec8b1c{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--padding-top:0rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-33723 .elementor-element.elementor-element-ef41ec5 .elementor-heading-title{font-size:3rem;}.elementor-33723 .elementor-element.elementor-element-309aec3{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:1.5rem 1.5rem;--row-gap:1.5rem;--column-gap:1.5rem;--flex-wrap:wrap;}.elementor-33723 .elementor-element.elementor-element-b718fd4{--flex-direction:column-reverse;--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;--padding-top:3rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-33723 .elementor-element.elementor-element-7324839{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-33723 .elementor-element.elementor-element-7324839.e-con{--align-self:center;}.elementor-33723 .elementor-element.elementor-element-addd158{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}}@media(max-width:767px){.elementor-33723 .elementor-element.elementor-element-0a9da65:not(.elementor-motion-effects-element-type-background), .elementor-33723 .elementor-element.elementor-element-0a9da65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-202px 0px;}.elementor-33723 .elementor-element.elementor-element-8eba068{--padding-top:2rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-33723 .elementor-element.elementor-element-af8a63c .elementor-heading-title{font-size:2rem;}.elementor-33723 .elementor-element.elementor-element-48ed967 .elementor-heading-title{font-size:2.5rem;}.elementor-33723 .elementor-element.elementor-element-f05fee7 .elementor-heading-title{font-size:1rem;}.elementor-33723 .elementor-element.elementor-element-ce7e6c0 .elementor-button{font-size:1rem;}.elementor-33723 .elementor-element.elementor-element-fd63a1b{--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--padding-top:2rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-33723 .elementor-element.elementor-element-f7711c9{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-33723 .elementor-element.elementor-element-a92aa34 .elementor-heading-title{font-size:0.8rem;}.elementor-33723 .elementor-element.elementor-element-6fe0e06 .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-33723 .elementor-element.elementor-element-2372861 > .elementor-widget-container{padding:0% 0% 5% 0%;}.elementor-33723 .elementor-element.elementor-element-2372861 .elementor-heading-title{font-size:2rem;}.elementor-33723 .elementor-element.elementor-element-9d112f9 > .elementor-widget-container{padding:0% 0% 5% 0%;}.elementor-33723 .elementor-element.elementor-element-9d112f9{font-size:1rem;}.elementor-33723 .elementor-element.elementor-element-3ec8b1c{--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--padding-top:0rem;--padding-bottom:2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-33723 .elementor-element.elementor-element-d282fc4{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-33723 .elementor-element.elementor-element-adc7b9f .elementor-heading-title{font-size:0.8rem;}.elementor-33723 .elementor-element.elementor-element-6d55295 .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-33723 .elementor-element.elementor-element-ef41ec5 .elementor-heading-title{font-size:2rem;}.elementor-33723 .elementor-element.elementor-element-b718fd4{--padding-top:02rem;--padding-bottom:02rem;--padding-left:01rem;--padding-right:01rem;}.elementor-33723 .elementor-element.elementor-element-07522e8{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-33723 .elementor-element.elementor-element-7324839{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-33723 .elementor-element.elementor-element-addd158{--padding-top:02rem;--padding-bottom:02rem;--padding-left:01rem;--padding-right:01rem;}.elementor-33723 .elementor-element.elementor-element-87dfb61{--width:100%;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-33723 .elementor-element.elementor-element-d094bbb .elementor-heading-title{font-size:3rem;}.elementor-33723 .elementor-element.elementor-element-79ab74c{font-size:1rem;}}@media(min-width:768px){.elementor-33723 .elementor-element.elementor-element-f7711c9{--width:100%;}.elementor-33723 .elementor-element.elementor-element-c76835a{--width:50%;}.elementor-33723 .elementor-element.elementor-element-3724c30{--width:50%;}.elementor-33723 .elementor-element.elementor-element-d282fc4{--width:100%;}.elementor-33723 .elementor-element.elementor-element-07522e8{--width:100%;}.elementor-33723 .elementor-element.elementor-element-7324839{--width:100%;}.elementor-33723 .elementor-element.elementor-element-addd158{--content-width:100%;}.elementor-33723 .elementor-element.elementor-element-87dfb61{--width:1440px;}.elementor-33723 .elementor-element.elementor-element-2b2b0d8{--width:60%;}.elementor-33723 .elementor-element.elementor-element-dc34af9{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-33723 .elementor-element.elementor-element-c76835a{--width:100%;}.elementor-33723 .elementor-element.elementor-element-3724c30{--width:100%;}.elementor-33723 .elementor-element.elementor-element-2b2b0d8{--width:700px;}}/* Start custom CSS for button, class: .elementor-element-ce7e6c0 */img.azudlogo {
    vertical-align: middle;
    height: 1.8em;
    object-fit: contain;
    object-position: left
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a92aa34 */.elementor-33723 .elementor-element.elementor-element-a92aa34 {
    white-space: nowrap
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7711c9 *//*.elementor-33723 .elementor-element.elementor-element-f7711c9 span:after{*/
/*    content: "";*/
/*    display: inline-block;*/
/*    width: 100%;*/
    
/*    height: 1px;*/
/*    background:var(--azul);*/
/*}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-037695a *//* ===== CARD FLIP ===== */
 
    .card-scene {
     font-family: 'Montserrat';
      min-height: 320px;
      perspective: 1200px;
    }
 
    .card-hover {
      position: relative;
      width: 100%;
      min-height: 320px;
      transform-style: preserve-3d;
      transition: transform 0.75s cubic-bezier(0.4, 0.2, 0.2, 1);
      cursor: pointer;
    }
 
    .card-scene:hover .card-hover {
      transform: rotateY(180deg);
    }
 
    /* ===== CARAS ===== */
 
    .elementor-33723 .elementor-element.elementor-element-037695a .card-face {
      position: absolute;
      width: 100%;
      min-height: 250px;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      border-radius: 4px;
      padding: 32px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
             background-image: linear-gradient(
    rgba(0, 51, 104, 0.45), 
    rgba(0, 51, 104, 0.45)
),
    url('https://playroom.azud.com/wp-content/uploads/2026/05/Conocimiento-global-projectos.webp');
      background-size: cover;
      background-position: center;
    }
 
    .card-face--back {
      transform: rotateY(180deg);
      justify-content: center;
      background-color: white;
    }
 
    /* ===== FRENTE ===== */
 
    .card-titulo h3 {
      margin: 0;
      font-size: clamp(2rem, 4vw, 3rem);
      color: white;
      font-weight: 600;
      letter-spacing: -0.01em;
      line-height: 1.1;
    }
 
    .card-titulo {
      position: relative;
      display: inline-block;
    }
 
    .card-titulo::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -6px;
      width: 0;
      height: 1.5px;
      background: rgba(255, 255, 255, 0.7);
      transition: width 0.5s ease;
    }
 
    .card-scene:hover .card-titulo::after {
      width: 100%;
    }
 
    .card-textos {
      flex: 1;
      margin-top: 28px;
    }
 
    .card-subtitulo {
      margin: 0;
      color: rgba(255, 255, 255, 0.88);
      font-size: clamp(1.5rem, 2.5vw, 1.75rem);
      font-weight: 400;
      line-height: 1.35;
    }
 
    /* ===== FLECHA ===== */
 
    .flecha-larga {
      position: relative;
      width: 80%;
      height: 2px;
      background: rgba(255, 255, 255, 0.6);
      margin-top: 8px;
    }
 
    .flecha-larga::after {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      width: 7px;
      height: 7px;
      border-top: 2px solid rgba(255, 255, 255, 0.8);
      border-right: 2px solid rgba(255, 255, 255, 0.8);
      transform: translateY(-50%) rotate(45deg);
    }
 
    /* ===== REVERSO ===== */
 
    .card-descripcion {
      color: rgba(255, 255, 255, 0.92);
      font-size: clamp(1.5rem, 1.8vw, 1.05rem);
      line-height: 1.75;
      
    }
 
    .card-descripcion p {
      margin: 0 0 16px;
    }
 
    .card-descripcion p:last-child {
      margin-bottom: 0;
    }
 
    .card-descripcion strong {
      color: white;
      font-weight: 600;
    }
 
    /* ===== RESPONSIVE ===== */
 
    @media (max-width: 767px) {
      .card-scene {
        width: 100%;
        min-height: 280px;
      }
 
      .card-face {
        min-height: 280px;
        padding: 24px;
      }
 
      .card-descripcion {
        font-size: 0.92rem;
        line-height: 1.65;
      }
 
      .card-descripcion p {
        margin-bottom: 12px;
      }
    }
 
    @media (max-width: 400px) {
      .card-face {
        padding: 20px;
      }
    }
 
    /* ===== TOUCH: tap en móvil ===== */
    .card-scene.is-flipped .card-hover {
      transform: rotateY(180deg);
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f96adbe */.elementor-33723 .elementor-element.elementor-element-f96adbe .card-face {
      position: absolute;
      width: 100%;
      min-height: 250px;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      border-radius: 4px;
      padding: 32px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
            background-image: linear-gradient(
    rgba(0, 51, 104, 0.45), 
    rgba(0, 51, 104, 0.45)
), url('https://playroom.azud.com/wp-content/uploads/2026/05/Servicio-local-proyectos.webp');
      background-size: cover;
      background-position: center;
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67af014 */.banner-subcat::before{
    background: black;
    opacity: 0.4
}

.banner-subcat .title-box::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: white;
    transition: width 0.5s ease;
}

/*DESKTOP*/
@media (min-width:768px){
    .banner-subcat .title-box{
        transform: translateY(30px) ;
        transition: all 0.5s ease 0.05s;
        position:relative;
    }
    .banner-subcat .title-box::after {
      width: 0%;
    }
    .banner-subcat ul{
        /*transform: translateY(10px) ;*/
        transition: all 0.7s ease 0.05s; 
        opacity: 0;
        max-height:0;
    }
}

/*HOVER*/

.banner-subcat:hover .title-box::after {
  width: 100%;
}
.banner-subcat:hover ul,
.banner-subcat:hover .title-box,
.banner-subcat:hover .title-box{
    opacity: 1;
    transform: translateX(0px);
    max-height:70px;
}
.banner-subcat:hover::before{
    background: black;
    opacity: 0.8
}


/*Estilo links*/

.links ul{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap:0rem 1.0rem;

}
.links li{
    position: relative;
    list-style: none
}
.links li::before{
    content:"•";
    margin: 0;
    position: relative;
    left:-5px;
    top:0;
}
.links a{
    font-family: "Montserrat"
}

.links a:hover{
    text-decoration: underline;
    text-underline-offset: 5px;
    color: var(--cyan) !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-adc7b9f */.elementor-33723 .elementor-element.elementor-element-adc7b9f {
    white-space: nowrap
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d282fc4 *//*.elementor-33723 .elementor-element.elementor-element-d282fc4 span:after{*/
/*    content: "";*/
/*    display: inline-block;*/
/*    width: 100%;*/
    
/*    height: 1px;*/
/*    background:var(--azul);*/
/*}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7696609 */:root {
  --azul-oscuro: #003865;
  --azul-2: #2269b0;
  --azul-claro: #9fc2e4;
  --azul-gris: #7392b3;
  --verde-oscuro: #19474d;
  --verde-medio: #375a70;
  --verde-claro: #2e788a;
  --gris-texto: #4d5661;
  --fondo: #f7f8fa;
  --blanco: #fff;
  --ease: cubic-bezier(.22,.8,.28,1);
}

.elementor-33723 .elementor-element.elementor-element-7696609 {
  font-family: 'Montserrat', sans-serif;
}

#azud-phases-scroll,
#azud-phases-scroll * {
  box-sizing: border-box;
}

.elementor-widget-html,
.elementor-widget-container {
  overflow: visible !important;
}

/* ========================= */
/* ESTRUCTURA */
/* ========================= */

.rosco-scroll {
  position: relative;
  width: 100%;
  overflow: visible !important;
}

.rosco-sticky {
  position: sticky;
  top: 150px;
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.section {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 28px 48px 40px;
}

.rosco-sticky .section {
  min-height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(360px, .86fr) minmax(720px, 1.6fr);
  gap: 72px;
  align-items: center;
  min-height: 520px;
}

.rosco-sticky .layout,
.rosco-sticky .section.view-full .layout {
  min-height: clamp(540px, 76vh, 720px);
}

.view-full .layout {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 230px);
}

/* ========================= */
/* TÍTULOS OPCIONALES */
/* ========================= */

.top-line {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  margin-bottom: 36px;
  color: var(--azul-oscuro);
  font-size: 13px;
}

.top-line::after {
  content: "";
  height: 1px;
  flex: 1;
  background: currentColor;
  opacity: .65;
}

.header {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  align-items: flex-start;
  margin-bottom: 42px;
}

h1 {
  margin: 0;
  font-size: clamp(34px, 5vw, 62px);
  font-weight: 300;
  color: var(--azul-oscuro);
  line-height: 1.05;
}

h1 span {
  color: var(--verde-claro);
}

.brand-logo {
  width: 100px;
}

.brand-logo small {
  display: block;
  margin-left: -4px;
  font-size: 8px;
  font-style: normal;
  line-height: 1;
}

/* ========================= */
/* ROSCO */
/* ========================= */

.circle-area {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .6s ease;
}

.rosco-sticky .circle-area,
.rosco-sticky .section.view-full .circle-area {
  min-height: clamp(480px, 68vh, 640px);
}

.view-full .circle-area {
  width: 100%;
  min-height: 600px;
}

.circle-wrap {
  position: relative;
  width: 460px;
  height: 460px;
  transition: .75s var(--ease);
}

.view-full .circle-wrap {
  width: 510px;
  height: 510px;
}

.view-half-1 .circle-wrap {
  transform: translate(-240px, 32px) scale(1.24);
}

.view-half-2 .circle-wrap {
  transform: translateX(-240px) scale(1.24);
}

.donut-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  z-index: 2;
  transform-origin: center;
  filter: drop-shadow(0 24px 32px rgba(18,63,115,.12));
  transition: opacity .35s ease, transform .55s var(--ease);
}

.view-half-2 .donut-svg {
  transform: rotate(180deg);
}

.segment {
  cursor: pointer;
  transform-origin: center;
  transition: opacity .35s ease, transform .55s var(--ease), filter .35s ease;
}

.segment[data-phase="1"] { fill: var(--azul-oscuro); }
.segment[data-phase="2"] { fill: var(--azul-2); }
.segment[data-phase="3"] { fill: var(--azul-claro); }
.segment[data-phase="4"] { fill: var(--azul-gris); }
.segment[data-phase="5"] { fill: var(--verde-oscuro); }
.segment[data-phase="6"] { fill: var(--verde-medio); }
.segment[data-phase="7"] { fill: var(--verde-claro); }

.segment:hover {
  filter: brightness(1.08);
  transform: scale(1.015);
}

.segment.dimmed {
  opacity: .18;
  filter: grayscale(1);
}

.view-half-1 .segment.dimmed,
.view-half-2 .segment.dimmed {
  opacity: .34;
  filter: saturate(.75);
}

.segment.selected {
  opacity: 1;
  filter: brightness(1.08) drop-shadow(0 12px 14px rgba(18,63,115,.24));
  transform: scale(1.025);
}

.segment.hidden-by-view,
.phase-hotspot.hidden-by-view {
  opacity: 0;
  pointer-events: none;
}

/* ========================= */
/* CENTRO */
/* ========================= */

.donut-center {
  position: absolute;
  width: 50%;
  height: 50%;
  left: 50%;
  top: 50%;
  z-index: 3;
  border-radius: 50%;
  background: var(--fondo);
  transform: translate(-50%, -50%);
  box-shadow: inset 0 18px 28px rgba(0,0,0,.2), 0 8px 22px rgba(0,0,0,.15);
  transition: opacity .35s ease;
}

.donut-center span {
  position: absolute;
  width: 66%;
  height: 66%;
  left: 50%;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--blanco);
  color: var(--azul-oscuro);
  font-size: 17px;
  transform: translate(-50%, -50%);
}

/* ========================= */
/* ICONOS */
/* ========================= */

.phase-hotspot {
  position: absolute;
  width: 92px;
  height: 92px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: transparent;
  cursor: pointer;
  transform: translate(-50%, -50%);
  transition: opacity .3s ease, transform .3s ease, left .6s var(--ease), top .6s var(--ease);
}

.phase-hotspot,
.phase-hotspot:hover,
.phase-hotspot:focus,
.phase-hotspot:active,
.phase-hotspot.selected {
  appearance: none;
  -webkit-appearance: none;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none;
  outline: 0;
  padding: 0 !important;
  font: inherit;
  white-space: normal;
  -webkit-tap-highlight-color: transparent;
}

.phase-hotspot:focus-visible {
  outline: 2px solid rgba(0,51,104,.35);
  outline-offset: 6px;
}

.phase-hotspot:hover {
  transform: translate(-50%, -50%) scale(1.12);
}

.phase-hotspot .icon {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.phase-hotspot .icon img,
.phase-hotspot .icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.phase-hotspot .icon img {
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.phase-hotspot .icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.phase-hotspot[data-phase="1"] { left: 63%; top: 18%; }
.phase-hotspot[data-phase="2"] { left: 82%; top: 37%; }
.phase-hotspot[data-phase="3"] { left: 82%; top: 64%; }
.phase-hotspot[data-phase="4"] { left: 64%; top: 82%; }
.phase-hotspot[data-phase="5"] { left: 32%; top: 80%; }
.phase-hotspot[data-phase="6"] { left: 17%; top: 50%; }
.phase-hotspot[data-phase="7"] { left: 32%; top: 20%; }

.view-half-2 .phase-hotspot[data-phase="5"] { left: 67%; top: 20%; }
.view-half-2 .phase-hotspot[data-phase="6"] { left: 84%; top: 50%; }
.view-half-2 .phase-hotspot[data-phase="7"] { left: 65%; top: 83%; }

.phase-hotspot.dimmed {
  opacity: .18;
  filter: grayscale(1);
}

.view-half-1 .phase-hotspot.dimmed,
.view-half-2 .phase-hotspot.dimmed {
  opacity: .42;
  filter: none;
}

.phase-hotspot.selected {
  transform: translate(-50%, -50%) scale(1.2);
  filter: drop-shadow(0 14px 18px rgba(0,0,0,.18));
}

/* ========================= */
/* ETIQUETAS */
/* ========================= */

.phase-label {
  position: absolute;
  z-index: 6;
  width: max-content;
  max-width: 360px;
  color: var(--gris-texto);
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: 0;
  opacity: 1;
  pointer-events: none;
  white-space: normal;
  transition: .35s ease;
}

.phase-label strong {
  margin: 0 6px;
  font-size: 44px;
  font-weight: 300;
  line-height: 1;
  vertical-align: middle;
}

.phase-label[data-phase="1"] { left: 75%; top: -8%; }
.phase-label[data-phase="2"] { left: 103%; top: 30%; max-width: 260px; }
.phase-label[data-phase="3"] { left: 103%; top: 65%; max-width: 280px; }
.phase-label[data-phase="4"] { left: 76%; top: 98%; max-width: 390px; }
.phase-label[data-phase="5"] { right: 76%; top: 98%; text-align: right; max-width: 390px; }
.phase-label[data-phase="6"] { right: 103%; top: 66%; text-align: right; }
.phase-label[data-phase="7"] { right: 75%; top: -8%; text-align: right; max-width: 300px; }

.phase-label[data-phase="1"] strong { color: var(--azul-oscuro); }
.phase-label[data-phase="2"] strong { color: var(--azul-2); }
.phase-label[data-phase="3"] strong { color: var(--azul-claro); }
.phase-label[data-phase="4"] strong { color: var(--azul-gris); }
.phase-label[data-phase="5"] strong { color: var(--verde-oscuro); }
.phase-label[data-phase="6"] strong { color: var(--verde-medio); }
.phase-label[data-phase="7"] strong { color: var(--verde-claro); }

.view-half-1 .phase-label,
.view-half-2 .phase-label,
.view-detail .phase-label {
  opacity: 0;
}

/* ========================= */
/* PANELES */
/* ========================= */

.content-area {
  position: relative;
  width: 100%;
  min-height: 480px;
}

.view-full .content-area {
  display: none;
}

.panel {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translateY(24px);
  pointer-events: none;
  transition: .55s ease;
}

.panel.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.panel[data-panel="detail"].active {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.phase-list {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-top: 12px;
}

.phase-group-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 24px;
  color: var(--azul-oscuro);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
}

.phase-group-heading::after {
  content: "";
  height: 1px;
  flex: 1;
  background: currentColor;
  opacity: .35;
}

.phase-group-heading--expert {
  color: var(--verde-oscuro);
}

.phase-row {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 18px;
  align-items: start;
  border-radius: 18px;
  padding: 10px 14px;
  transition: .25s ease;
}

.phase-row:hover {
  background: #fff;
  box-shadow: 0 16px 30px rgba(18,63,115,.08);
  transform: translateX(6px);
}

.phase-number {
  font-size: 72px;
  line-height: .9;
  font-weight: 300;
}

.phase-row[data-phase="1"] .phase-number { color: var(--azul-oscuro); }
.phase-row[data-phase="2"] .phase-number { color: var(--azul-2); }
.phase-row[data-phase="3"] .phase-number { color: var(--azul-claro); }
.phase-row[data-phase="4"] .phase-number { color: var(--azul-gris); }
.phase-row[data-phase="5"] .phase-number { color: var(--verde-oscuro); }
.phase-row[data-phase="6"] .phase-number { color: var(--verde-medio); }
.phase-row[data-phase="7"] .phase-number { color: var(--verde-claro); }

.phase-row h3 {
  margin: 0 0 8px;
  color: #30343b;
  font-size: 17px;
}

.phase-row p {
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
}

/* ========================= */
/* DETALLE */
/* ========================= */

.detail-card {
  width: min(100%, 1180px);
  margin: 0 0 0 -80px;
  padding-top: 0;
}

.detail-layout {
  display: flex;
  gap: 48px;
  align-items: flex-start;
}

.detail-media {
  flex: 0 0 36%;
  width: 100%;
  aspect-ratio: 16 / 9;
  min-height: 260px;
  margin: 0;
  overflow: hidden;
  background: #dfe6ee;
}

.detail-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.detail-copy {
  flex: 1 1 64%;
  min-width: 0;
  max-width: 880px;
}

.detail-title {
  margin: 0 0 30px;
  color: var(--azul-oscuro);
  font-size: 56px;
  font-weight: 300;
  line-height: 1.1;
}

.detail-title span {
  color: #85e0d2;
  font-size: inherit;
  font-weight: 300;
}

.detail-card p {
  max-width: 880px;
  margin: 0;
  color: var(--gris-texto);
  font-size: 18px;
  line-height: 1.65;
}

.detail-card strong {
  color: #30343b;
}

.responsable {
  margin: 0 0 26px;
  color: var(--azul-oscuro);
  font-size: 18px;
}

/* ========================= */
/* DETALLE ROSCO GRANDE */
/* ========================= */

.detail-blob,
.detail-rolling-wedge {
  position: absolute;
  top: 50%;
  border-radius: 50%;
  pointer-events: none;
}

.detail-blob {
  width: 620px;
  height: 620px;
  left: -390px;
  z-index: 1;
  opacity: 0;
  transform: translateY(-50%) scale(.92);
  box-shadow: 0 28px 48px rgba(18,63,115,.18);
  -webkit-mask: radial-gradient(circle, transparent 0 34%, #000 35% 100%);
  mask: radial-gradient(circle, transparent 0 34%, #000 35% 100%);
  transition: opacity .45s ease, transform .75s var(--ease), background-color .25s ease;
}

.circle-wrap[data-selected-phase="1"] .detail-blob { background: var(--azul-oscuro); }
.circle-wrap[data-selected-phase="2"] .detail-blob { background: var(--azul-2); }
.circle-wrap[data-selected-phase="3"] .detail-blob { background: var(--azul-claro); }
.circle-wrap[data-selected-phase="4"] .detail-blob { background: var(--azul-gris); }
.circle-wrap[data-selected-phase="5"] .detail-blob { background: var(--verde-oscuro); }
.circle-wrap[data-selected-phase="6"] .detail-blob { background: var(--verde-medio); }
.circle-wrap[data-selected-phase="7"] .detail-blob { background: var(--verde-claro); }

.detail-rolling-wedge {
  width: 420px;
  height: 420px;
  left: 0;
  z-index: 12;
  opacity: 0;
  background: conic-gradient(from -22.5deg, var(--detail-color, var(--azul-oscuro)) 0 45deg, transparent 45deg 360deg);
  -webkit-mask: radial-gradient(circle, transparent 0 34%, #000 35% 100%);
  mask: radial-gradient(circle, transparent 0 34%, #000 35% 100%);
  transform: translate(0, -50%) rotate(var(--roll-start, 0deg));
  filter: drop-shadow(0 24px 32px rgba(18,63,115,.22));
}

.view-detail .circle-area {
  justify-content: flex-start;
  overflow: visible;
}

.view-detail .circle-wrap {
  width: 720px;
  height: 720px;
  transform: translateX(0) scale(1);
}

.view-detail .donut-svg,
.view-detail .donut-center,
.view-detail .segment,
.view-detail .phase-hotspot {
  opacity: 0;
  pointer-events: none;
}

.view-detail .detail-blob {
  opacity: 1;
  transform: translateY(-50%) scale(1);
  box-shadow: 0 28px 52px rgba(18,63,115,.16);
}

.view-detail .phase-hotspot.selected {
  opacity: 1;
  pointer-events: auto;
  width: 126px;
  height: 126px;
  left: -24px;
  top: 50%;
  z-index: 20;
  color: var(--detail-color, var(--azul-oscuro));
  cursor: pointer;
  filter: none;
  transform: translate(-50%, -50%) scale(1);
}

.view-detail .phase-hotspot.selected:hover {
  transform: translate(-50%, -50%) scale(1);
}

.view-detail .phase-hotspot.selected::before,
.view-detail .phase-hotspot.selected::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: 0;
}

.view-detail .phase-hotspot.selected::before {
  inset: 0;
  background: #fff;
  box-shadow: 18px 0 26px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.65);
}

.view-detail .phase-hotspot.selected::after {
  width: 92px;
  height: 92px;
  left: 50%;
  top: 50%;
  background: var(--detail-color, var(--azul-oscuro));
  box-shadow: 12px 0 22px rgba(0,0,0,.18);
  transform: translate(-50%, -50%);
}

.view-detail .phase-hotspot.selected .icon {
  position: relative;
  z-index: 1;
  width: 50px;
  height: 50px;
  background: transparent;
}

/* ========================= */
/* ANIMACIONES */
/* ========================= */

.circle-wrap.is-scroll-spinning .donut-svg {
  animation: scrollDonutSpin .8s cubic-bezier(.2,.82,.28,1) both;
}

.view-half-2 .circle-wrap.is-scroll-spinning .donut-svg {
  animation-name: scrollDonutSpinHalf2;
}

.circle-wrap.is-scroll-spinning .donut-center {
  animation: scrollCenterPulse .8s cubic-bezier(.2,.82,.28,1) both;
}

.circle-wrap.is-scroll-spinning .phase-hotspot {
  animation: scrollIconPop .8s cubic-bezier(.2,.82,.28,1) both;
}

.circle-wrap.is-rolling .detail-rolling-wedge {
  animation: rollWedgeToDetail .95s cubic-bezier(.18,.82,.28,1) both;
}

.circle-wrap.is-rolling .detail-blob {
  transition-delay: .22s;
}

.view-detail .circle-wrap.is-rolling .detail-blob {
  animation: blobBreathIn .95s cubic-bezier(.18,.82,.28,1) both;
}

@keyframes scrollDonutSpin {
  0% { opacity: .15; transform: rotate(-95deg) scale(.88); }
  65% { opacity: 1; transform: rotate(12deg) scale(1.02); }
  100% { opacity: 1; transform: rotate(0) scale(1); }
}

@keyframes scrollDonutSpinHalf2 {
  0% { opacity: .15; transform: rotate(85deg) scale(.88); }
  65% { opacity: 1; transform: rotate(192deg) scale(1.02); }
  100% { opacity: 1; transform: rotate(180deg) scale(1); }
}

@keyframes scrollCenterPulse {
  0% { opacity: 0; transform: translate(-50%, -50%) scale(.72); }
  65% { opacity: 1; transform: translate(-50%, -50%) scale(1.05); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

@keyframes scrollIconPop {
  0% { transform: translate(-50%, -50%) scale(.7); }
  70% { transform: translate(-50%, -50%) scale(1.08); }
  100% { transform: translate(-50%, -50%) scale(1); }
}

@keyframes rollWedgeToDetail {
  0% { opacity: 1; transform: translate(0, -50%) rotate(var(--roll-start, 0deg)) scale(1); }
  35% { opacity: 1; transform: translate(-130px, -50%) rotate(calc(var(--roll-start, 0deg) - 135deg)) scale(1.25); }
  70% { opacity: 1; transform: translate(-300px, -50%) rotate(calc(var(--roll-start, 0deg) - 285deg)) scale(1.55); }
  100% { opacity: 0; transform: translate(-390px, -50%) rotate(calc(var(--roll-start, 0deg) - 420deg)) scale(1.8); }
}

@keyframes blobBreathIn {
  0% { opacity: 0; transform: translateY(-50%) scale(.72); }
  45% { opacity: .45; transform: translateY(-50%) scale(.88); }
  100% { opacity: 1; transform: translateY(-50%) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .circle-wrap.is-scroll-spinning .donut-svg,
  .circle-wrap.is-scroll-spinning .donut-center,
  .circle-wrap.is-scroll-spinning .phase-hotspot,
  .circle-wrap.is-rolling .detail-rolling-wedge,
  .view-detail .circle-wrap.is-rolling .detail-blob {
    animation: none;
  }
}

/* ========================= */
/* PORTÁTIL */
/* ========================= */

@media (min-width: 981px) and (max-width: 1440px) {
  .section {
    padding: 18px 36px 28px;
  }

  .rosco-sticky {
    top: 110px;
    height: calc(100vh - 110px);
  }

  .rosco-sticky .layout {
    grid-template-columns: minmax(280px,.8fr) minmax(560px,1.4fr);
    gap: 44px;
    min-height: clamp(440px,68vh,580px);
  }

  .rosco-sticky .circle-area,
  .rosco-sticky .section.view-full .circle-area {
    min-height: clamp(400px,60vh,540px);
  }

  .circle-wrap {
    width: 380px;
    height: 380px;
  }

  .view-full .circle-wrap {
    width: 430px;
    height: 430px;
  }

  .view-half-1 .circle-wrap {
    transform: translate(-190px,26px) scale(1.14);
  }

  .view-half-2 .circle-wrap {
    transform: translateX(-190px) scale(1.14);
  }

  .phase-hotspot {
    width: 76px;
    height: 76px;
  }

  .phase-hotspot .icon {
    width: 48px;
    height: 48px;
  }

  .phase-label {
    font-size: 19px;
    max-width: 280px;
  }

  .phase-label strong {
    font-size: 34px;
  }

  .content-area {
    min-height: 400px;
  }

  .phase-list {
    gap: 18px;
  }

  .phase-row {
    grid-template-columns: 56px 1fr;
    gap: 14px;
    padding: 8px 12px;
  }

  .phase-number {
    font-size: 56px;
  }

  .phase-row h3 {
    font-size: 15px;
    margin-bottom: 5px;
  }

  .phase-row p {
    font-size: 13px;
  }

  .detail-title {
    font-size: 42px;
    margin-bottom: 22px;
  }

  .detail-card {
    margin-left: -52px;
  }

  .detail-card p {
    font-size: 16px;
    line-height: 1.55;
  }

  .detail-layout {
    gap: 36px;
  }

  .detail-media {
    min-height: 210px;
  }

  .view-detail .circle-wrap,
  .detail-blob {
    width: 560px;
    height: 560px;
  }

  .detail-blob {
    left: -360px;
  }

  .view-detail .phase-hotspot.selected {
    width: 104px;
    height: 104px;
    left: -12px;
  }

  .view-detail .phase-hotspot.selected::after {
    width: 76px;
    height: 76px;
  }

  .view-detail .phase-hotspot.selected .icon {
    width: 40px;
    height: 40px;
  }
}

/* ========================= */
/* PORTÁTIL BAJO */
/* ========================= */

@media (min-width: 981px) and (max-height: 850px) {
  .section {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .rosco-sticky {
    top: 70px;
    height: calc(100vh - 70px);
  }

  .rosco-sticky .layout,
  .rosco-sticky .section.view-full .layout {
    min-height: calc(100vh - 90px);
  }

  .view-full .layout {
    align-items: start;
    min-height: calc(100vh - 210px) !important;
    padding-top: 30px;
  }

  .view-half-1 .layout,
  .view-half-2 .layout {
    align-items: start;
    min-height: calc(100vh - 180px) !important;
    padding-top: 20px;
  }

  .rosco-sticky .circle-area,
  .rosco-sticky .section.view-full .circle-area {
    min-height: calc(100vh - 110px);
  }

  .view-full .circle-area,
  .view-half-1 .circle-area,
  .view-half-2 .circle-area {
    align-items: flex-start;
    min-height: 430px !important;
  }

  .circle-wrap {
    width: 330px;
    height: 330px;
  }

  .view-full .circle-wrap {
    width: 400px;
    height: 400px;
    transform: translateY(-10px);
  }

  .view-half-1 .circle-wrap,
  .view-half-2 .circle-wrap {
    transform: translate(-165px,-10px) scale(1.08);
  }

  .phase-hotspot {
    width: 64px;
    height: 64px;
  }

  .phase-hotspot .icon {
    width: 40px;
    height: 40px;
  }

  .donut-center span {
    font-size: 14px;
  }

  .phase-label {
    font-size: 17px;
    max-width: 240px;
  }

  .phase-label strong {
    font-size: 30px;
  }

  .phase-label[data-phase="1"] { left: 73%; top: -3%; }
  .phase-label[data-phase="2"] { left: 101%; top: 32%; }
  .phase-label[data-phase="3"] { left: 101%; top: 66%; }
  .phase-label[data-phase="4"] { left: 72%; top: 93%; }
  .phase-label[data-phase="5"] { right: 72%; top: 93%; }
  .phase-label[data-phase="6"] { right: 101%; top: 66%; }
  .phase-label[data-phase="7"] { right: 72%; top: -3%; }

  .content-area {
    min-height: 360px;
    padding-top: 0;
  }

  .phase-list {
    gap: 14px;
  }

  .phase-row {
    grid-template-columns: 48px 1fr;
    gap: 12px;
    padding: 6px 10px;
  }

  .phase-number {
    font-size: 48px;
  }

  .phase-row h3 {
    font-size: 14px;
    margin-bottom: 4px;
  }

  .phase-row p {
    font-size: 12px;
  }

  .phase-group-heading {
    margin-top: 0;
    margin-bottom: 14px;
    font-size: 11px;
  }

  .detail-title {
    font-size: 36px;
    margin-bottom: 18px;
  }

  .detail-card {
    margin-left: -40px;
  }

  .detail-card p {
    font-size: 15px;
    line-height: 1.5;
  }

  .detail-layout {
    gap: 30px;
  }

  .detail-media {
    min-height: 180px;
  }

  .view-detail .circle-wrap,
  .detail-blob {
    width: 480px;
    height: 480px;
  }

  .detail-blob {
    left: -315px;
  }

  .view-detail .phase-hotspot.selected {
    width: 92px;
    height: 92px;
    left: -8px;
  }

  .view-detail .phase-hotspot.selected::after {
    width: 66px;
    height: 66px;
  }

  .view-detail .phase-hotspot.selected .icon {
    width: 34px;
    height: 34px;
  }
}

/* ========================= */
/* TABLET Y MÓVIL */
/* ========================= */

@media (max-width: 980px) {
  .rosco-scroll {
    min-height: auto !important;
    overflow: visible !important;
  }

  .rosco-sticky {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    min-height: auto;
    display: block;
    overflow: visible !important;
  }

  .section,
  .rosco-sticky .section {
    overflow: visible !important;
    padding: 30px 20px 50px;
  }

  .layout,
  .view-full .layout,
  .view-half-1 .layout,
  .view-half-2 .layout {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 34px;
    min-height: auto !important;
  }

  .circle-area,
  .view-full .circle-area,
  .view-half-1 .circle-area,
  .view-half-2 .circle-area {
    width: 100%;
    min-height: auto !important;
    overflow: visible;
  }

  .circle-wrap,
  .view-full .circle-wrap,
  .view-half-1 .circle-wrap,
  .view-half-2 .circle-wrap {
    width: min(78vw,360px);
    height: min(78vw,360px);
    transform: none !important;
  }

  .donut-svg {
    transform: none !important;
  }

  .phase-label {
    display: none !important;
  }

  .content-area,
  .view-full .content-area {
    display: block !important;
    width: 100%;
    min-height: auto !important;
  }

  .panel {
    position: relative !important;
    inset: auto !important;
    margin-bottom: 28px;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  .panel[data-panel="detail"] {
    display: none !important;
  }

  .phase-list {
    gap: 18px;
  }

  .phase-row {
    grid-template-columns: 48px 1fr;
    padding: 8px 0;
  }

  .phase-number {
    font-size: 46px;
  }

  .phase-row h3 {
    font-size: 16px;
  }

  .phase-row p {
    font-size: 14px;
  }
}

@media (max-width: 640px) {
  .section,
  .rosco-sticky .section {
    padding-inline: 18px;
  }

  .circle-wrap,
  .view-full .circle-wrap,
  .view-half-1 .circle-wrap,
  .view-half-2 .circle-wrap {
    width: min(86vw,300px);
    height: min(86vw,300px);
  }

  .phase-hotspot {
    width: 62px;
    height: 62px;
  }

  .phase-hotspot .icon {
    width: 34px;
    height: 34px;
  }

  .donut-center span {
    font-size: 13px;
  }

  .phase-group-heading {
    font-size: 11px;
    line-height: 1.3;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07522e8 *//*.elementor-33723 .elementor-element.elementor-element-07522e8 span:after{*/
/*    content: "";*/
/*    display: inline-block;*/
/*    width: 100%;*/
    
/*    height: 1px;*/
/*    background:var(--azul);*/
/*}*//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7324839 *//*.elementor-33723 .elementor-element.elementor-element-7324839 span:after{*/
/*    content: "";*/
/*    display: inline-block;*/
/*    width: 100%;*/
    
/*    height: 1px;*/
/*    background:var(--azul);*/
/*}*//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0aa21a8 */@media (max-width: 767px) {
    .elementor-33723 .elementor-element.elementor-element-0aa21a8 iframe {
        height:1900px;
    }
}/* End custom CSS */