.elementor-52117 .elementor-element.elementor-element-0a9da65{--display:flex;--min-height:40rem;--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;--overlay-opacity:0.5;--padding-top:010rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-52117 .elementor-element.elementor-element-0a9da65:not(.elementor-motion-effects-element-type-background), .elementor-52117 .elementor-element.elementor-element-0a9da65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://azud.com/wp-content/uploads/2026/05/soporte-tecnico.webp");background-position:4px -160px;background-repeat:no-repeat;background-size:cover;}.elementor-52117 .elementor-element.elementor-element-0a9da65::before, .elementor-52117 .elementor-element.elementor-element-0a9da65 > .elementor-background-video-container::before, .elementor-52117 .elementor-element.elementor-element-0a9da65 > .e-con-inner > .elementor-background-video-container::before, .elementor-52117 .elementor-element.elementor-element-0a9da65 > .elementor-background-slideshow::before, .elementor-52117 .elementor-element.elementor-element-0a9da65 > .e-con-inner > .elementor-background-slideshow::before, .elementor-52117 .elementor-element.elementor-element-0a9da65 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2A2A2A;--background-overlay:'';}.elementor-52117 .elementor-element.elementor-element-8eba068{--display:flex;--padding-top:6rem;--padding-bottom:6rem;--padding-left:0rem;--padding-right:6rem;}.elementor-52117 .elementor-element.elementor-element-b1c9006 .jet-breadcrumbs__item > *{font-family:"Montserrat", Sans-serif;font-size:13px;}.elementor-52117 .elementor-element.elementor-element-b1c9006 .jet-breadcrumbs__item-link{color:#FFFFFF;padding:0px 0px 0px 0px;}.elementor-52117 .elementor-element.elementor-element-b1c9006 .jet-breadcrumbs__item-link:hover{color:var( --e-global-color-secondary );}.elementor-52117 .elementor-element.elementor-element-b1c9006 .jet-breadcrumbs__item-target{font-weight:600;color:var( --e-global-color-120731c );padding:0px 0px 0px 0px;}.elementor-52117 .elementor-element.elementor-element-b1c9006 .jet-breadcrumbs__item-sep{margin-left:8px;margin-right:8px;font-size:9px;color:var( --e-global-color-58b54b3 );}.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-52117 .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-52117 .elementor-element.elementor-element-48ed967 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:4rem;font-weight:400;color:var( --e-global-color-120731c );}.elementor-52117 .elementor-element.elementor-element-2275a2b{--display:flex;--justify-content:center;--padding-top:6rem;--padding-bottom:6rem;--padding-left:0rem;--padding-right:6rem;}.elementor-52117 .elementor-element.elementor-element-d8e8ec5 .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-52117 .elementor-element.elementor-element-8dafe89 .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-52117 .elementor-element.elementor-element-8dafe89 .elementor-button:hover, .elementor-52117 .elementor-element.elementor-element-8dafe89 .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-52117 .elementor-element.elementor-element-8dafe89 > .elementor-widget-container{margin:4% 0% 0% 0%;}.elementor-52117 .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:center;--gap:1rem 5rem;--row-gap:1rem;--column-gap:5rem;--padding-top:3rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-52117 .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-52117 .elementor-element.elementor-element-a92aa34.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-52117 .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-52117 .elementor-element.elementor-element-6fe0e06{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;}.elementor-52117 .elementor-element.elementor-element-6fe0e06 .elementor-divider-separator{width:100%;}.elementor-52117 .elementor-element.elementor-element-6fe0e06 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-52117 .elementor-element.elementor-element-2372861{width:100%;max-width:100%;}.elementor-52117 .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-52117 .elementor-element.elementor-element-9d112f9{font-family:"Roboto", Sans-serif;font-size:1.5rem;font-weight:300;}.elementor-52117 .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-52117 .elementor-element.elementor-element-c76835a{--display:flex;--overlay-opacity:0.5;}.elementor-52117 .elementor-element.elementor-element-c76835a::before, .elementor-52117 .elementor-element.elementor-element-c76835a > .elementor-background-video-container::before, .elementor-52117 .elementor-element.elementor-element-c76835a > .e-con-inner > .elementor-background-video-container::before, .elementor-52117 .elementor-element.elementor-element-c76835a > .elementor-background-slideshow::before, .elementor-52117 .elementor-element.elementor-element-c76835a > .e-con-inner > .elementor-background-slideshow::before, .elementor-52117 .elementor-element.elementor-element-c76835a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2A2A2A;--background-overlay:'';}.elementor-52117 .elementor-element.elementor-element-037695a > .elementor-widget-container{background-color:var( --e-global-color-120731c );}.elementor-52117 .elementor-element.elementor-element-3724c30{--display:flex;--overlay-opacity:0.5;}.elementor-52117 .elementor-element.elementor-element-3724c30::before, .elementor-52117 .elementor-element.elementor-element-3724c30 > .elementor-background-video-container::before, .elementor-52117 .elementor-element.elementor-element-3724c30 > .e-con-inner > .elementor-background-video-container::before, .elementor-52117 .elementor-element.elementor-element-3724c30 > .elementor-background-slideshow::before, .elementor-52117 .elementor-element.elementor-element-3724c30 > .e-con-inner > .elementor-background-slideshow::before, .elementor-52117 .elementor-element.elementor-element-3724c30 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2A2A2A;--background-overlay:'';}.elementor-52117 .elementor-element.elementor-element-f96adbe > .elementor-widget-container{background-color:var( --e-global-color-120731c );}.elementor-52117 .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:3rem;--padding-bottom:05rem;--padding-left:0rem;--padding-right:0rem;}.elementor-52117 .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-52117 .elementor-element.elementor-element-adc7b9f.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-52117 .elementor-element.elementor-element-adc7b9f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.2rem;font-weight:500;}.elementor-52117 .elementor-element.elementor-element-6d55295{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1px;}.elementor-52117 .elementor-element.elementor-element-6d55295 .elementor-divider-separator{width:100%;}.elementor-52117 .elementor-element.elementor-element-6d55295 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-52117 .elementor-element.elementor-element-ef41ec5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:4rem;font-weight:300;}.elementor-52117 .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-52117 .elementor-element.elementor-element-7696609{width:100%;max-width:100%;}.elementor-52117 .elementor-element.elementor-element-7696609.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-52117 .elementor-element.elementor-element-b718fd4{--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;--align-items:center;--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-52117 .elementor-element.elementor-element-b718fd4:not(.elementor-motion-effects-element-type-background), .elementor-52117 .elementor-element.elementor-element-b718fd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-52117 .elementor-element.elementor-element-07522e8{--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-52117 .elementor-element.elementor-element-da1c5bd{--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;}.elementor-52117 .elementor-element.elementor-element-a1aa6f5{--display:flex;}.elementor-52117 .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-52117 .elementor-element.elementor-element-73ebdfb{font-family:"Montserrat", Sans-serif;font-size:1.5rem;font-weight:400;color:var( --e-global-color-120731c );}.elementor-52117 .elementor-element.elementor-element-d6badf3 .elementor-button{background-color:var( --e-global-color-120731c );font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-52117 .elementor-element.elementor-element-d6badf3 .elementor-button:hover, .elementor-52117 .elementor-element.elementor-element-d6badf3 .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-52117 .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-52117 .elementor-element.elementor-element-c9e295c img{height:250px;}.elementor-52117 .elementor-element.elementor-element-85dbec8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-52117 .elementor-element.elementor-element-67f3385{--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;}:root{--page-title-display:none;}@media(max-width:1440px){.elementor-52117 .elementor-element.elementor-element-0a9da65{--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-52117 .elementor-element.elementor-element-8eba068{--justify-content:center;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-52117 .elementor-element.elementor-element-2275a2b{--justify-content:center;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-52117 .elementor-element.elementor-element-c76835a{--min-height:0px;}.elementor-52117 .elementor-element.elementor-element-7696609{width:var( --container-widget-width, 1397px );max-width:1397px;--container-widget-width:1397px;--container-widget-flex-grow:0;}.elementor-52117 .elementor-element.elementor-element-b718fd4{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}}@media(max-width:1024px){.elementor-52117 .elementor-element.elementor-element-0a9da65{--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;--padding-top:10rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-52117 .elementor-element.elementor-element-0a9da65:not(.elementor-motion-effects-element-type-background), .elementor-52117 .elementor-element.elementor-element-0a9da65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-52117 .elementor-element.elementor-element-8eba068{--padding-top:3rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-52117 .elementor-element.elementor-element-48ed967 .elementor-heading-title{font-size:4rem;}.elementor-52117 .elementor-element.elementor-element-2275a2b{--padding-top:3rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-52117 .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-52117 .elementor-element.elementor-element-2372861 .elementor-heading-title{font-size:3rem;}.elementor-52117 .elementor-element.elementor-element-9d112f9{font-size:1.2rem;}.elementor-52117 .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-52117 .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-52117 .elementor-element.elementor-element-ef41ec5 .elementor-heading-title{font-size:3rem;}.elementor-52117 .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-52117 .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-52117 .elementor-element.elementor-element-7324839{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-52117 .elementor-element.elementor-element-7324839.e-con{--align-self:center;}}@media(max-width:767px){.elementor-52117 .elementor-element.elementor-element-0a9da65:not(.elementor-motion-effects-element-type-background), .elementor-52117 .elementor-element.elementor-element-0a9da65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-202px 0px;}.elementor-52117 .elementor-element.elementor-element-af8a63c .elementor-heading-title{font-size:2rem;}.elementor-52117 .elementor-element.elementor-element-48ed967 .elementor-heading-title{font-size:2.5rem;}.elementor-52117 .elementor-element.elementor-element-d8e8ec5 .elementor-heading-title{font-size:1rem;}.elementor-52117 .elementor-element.elementor-element-8dafe89 .elementor-button{font-size:1rem;}.elementor-52117 .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-52117 .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-52117 .elementor-element.elementor-element-a92aa34 .elementor-heading-title{font-size:0.8rem;}.elementor-52117 .elementor-element.elementor-element-6fe0e06 .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-52117 .elementor-element.elementor-element-2372861 > .elementor-widget-container{padding:0% 0% 5% 0%;}.elementor-52117 .elementor-element.elementor-element-2372861 .elementor-heading-title{font-size:2rem;}.elementor-52117 .elementor-element.elementor-element-9d112f9 > .elementor-widget-container{padding:0% 0% 5% 0%;}.elementor-52117 .elementor-element.elementor-element-9d112f9{font-size:1rem;}.elementor-52117 .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-52117 .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-52117 .elementor-element.elementor-element-adc7b9f .elementor-heading-title{font-size:0.8rem;}.elementor-52117 .elementor-element.elementor-element-6d55295 .elementor-divider{padding-block-start:8px;padding-block-end:8px;}.elementor-52117 .elementor-element.elementor-element-ef41ec5 .elementor-heading-title{font-size:2rem;}.elementor-52117 .elementor-element.elementor-element-b718fd4{--padding-top:02rem;--padding-bottom:02rem;--padding-left:01rem;--padding-right:01rem;}.elementor-52117 .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-52117 .elementor-element.elementor-element-47ec4a6 .elementor-heading-title{font-size:2rem;}.elementor-52117 .elementor-element.elementor-element-73ebdfb{font-size:1rem;}.elementor-52117 .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;}}@media(min-width:768px){.elementor-52117 .elementor-element.elementor-element-fd63a1b{--width:80%;}.elementor-52117 .elementor-element.elementor-element-f7711c9{--width:100%;}.elementor-52117 .elementor-element.elementor-element-c76835a{--width:50%;}.elementor-52117 .elementor-element.elementor-element-3724c30{--width:50%;}.elementor-52117 .elementor-element.elementor-element-3ec8b1c{--width:80%;}.elementor-52117 .elementor-element.elementor-element-d282fc4{--width:100%;}.elementor-52117 .elementor-element.elementor-element-07522e8{--width:80%;}.elementor-52117 .elementor-element.elementor-element-7324839{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-52117 .elementor-element.elementor-element-c76835a{--width:100%;}.elementor-52117 .elementor-element.elementor-element-3724c30{--width:100%;}}/* Start custom CSS for jet-breadcrumbs, class: .elementor-element-b1c9006 */.elementor-52117 .elementor-element.elementor-element-b1c9006 span{
    max-width: 22ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8dafe89 */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-52117 .elementor-element.elementor-element-a92aa34 {
    white-space: nowrap
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7711c9 *//*.elementor-52117 .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', sans-serif;
  position: relative;
  width: 100%;
  min-height: 320px;
  perspective: 1200px;
  overflow: hidden;
  isolation: isolate;
}

.card-hover {
  position: relative;
  width: 100%;
  min-height: 320px;
  height: 100%;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  transition: transform 0.75s cubic-bezier(0.4, 0.2, 0.2, 1);
  cursor: pointer;
  will-change: transform;
  transform: rotateY(0deg) translateZ(0);
}

.card-scene:hover .card-hover,
.card-scene.is-flipped .card-hover {
  transform: rotateY(180deg) translateZ(0);
}

/* ===== CARAS ===== */

.elementor-52117 .elementor-element.elementor-element-037695a .card-face {
  position: absolute;
  inset: 0;
  width: 100%;
  min-height: 320px;
  height: 100%;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;

  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;

  border-radius: 4px;
  padding: 32px;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  overflow: hidden;

  background-image:
    linear-gradient(
      rgba(0, 51, 104, 0.45),
      rgba(0, 51, 104, 0.45)
    ),
    url('https://azud.com/wp-content/uploads/2026/05/Conocimiento-global-projectos.webp');

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  transform: rotateY(0deg) translateZ(1px);
}

.elementor-52117 .elementor-element.elementor-element-037695a .card-face--back {
  transform: rotateY(180deg) translateZ(1px);
  justify-content: center;

  background-image:
    linear-gradient(
      rgba(0, 51, 104, 0.55),
      rgba(0, 51, 104, 0.55)
    ),
    url('https://azud.com/wp-content/uploads/2026/05/tecnico-azud-en-campo-scaled.webp');

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* ===== FRENTE ===== */

.card-titulo h3 {
  margin: 0;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  color: white;
  font-weight: 400;
  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.2rem, 2.5vw, 1.5rem);
  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(0.95rem, 1.2vw, 1.5rem);
  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-hover {
    min-height: 280px;
  }

  .elementor-52117 .elementor-element.elementor-element-037695a .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) {
  .elementor-52117 .elementor-element.elementor-element-037695a .card-face {
    padding: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f96adbe */.elementor-52117 .elementor-element.elementor-element-f96adbe .card-face {
  position: absolute;
  inset: 0;
  width: 100%;
  min-height: 320px;
  height: 100%;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;

  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;

  border-radius: 4px;
  padding: 32px;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  overflow: hidden;

  background-image:
    linear-gradient(
      rgba(0, 51, 104, 0.45),
      rgba(0, 51, 104, 0.45)
    ),
    url('https://azud.com/wp-content/uploads/2026/05/Servicio-local-proyectos.webp');

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  transform: rotateY(0deg) translateZ(1px);
}

.elementor-52117 .elementor-element.elementor-element-f96adbe .card-face--back {
  transform: rotateY(180deg) translateZ(1px);
  justify-content: center;

  background-image:
    linear-gradient(
      rgba(0, 51, 104, 0.55),
      rgba(0, 51, 104, 0.55)
    ),
    url('https://azud.com/wp-content/uploads/2026/05/industria-02-scaled.webp');

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}/* 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-52117 .elementor-element.elementor-element-adc7b9f {
    white-space: nowrap
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d282fc4 *//*.elementor-52117 .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-52117 .elementor-element.elementor-element-7696609 {
  font-family: 'Montserrat', sans-serif;
}

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

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

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

#azud-phases-scroll {
  max-width: 100%;
}

.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: 0px;
  padding-bottom: 50px;
}

.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;
}

#detailPhaseName {
  color: #003368 !important;
}

.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;
  overflow: visible;
  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);
}

.view-half-1 .circle-area,
.view-half-2 .circle-area {
  overflow: hidden;
}

.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: default;
  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: 38%;
  height: 38%;
  left: 50%;
  top: 50%;
  z-index: 3;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 30%, #0a4f82 0%, var(--azul-oscuro) 55%, #001f3d 100%);
  transform: translate(-50%, -50%);
  box-shadow:
    inset 0 3px 8px rgba(255,255,255,.08),
    inset 0 -18px 36px rgba(0,0,0,.35),
    0 16px 38px rgba(0,31,61,.45);
  transition: opacity .35s ease;
  cursor: pointer;
}

/* Aro interior sutil */
.donut-center::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.10);
  pointer-events: none;
}

/* "7 FASES" — visible solo en estado inicial */
.donut-center span {
  position: absolute;
  width: 76%;
  height: 76%;
  left: 50%;
  top: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  border-radius: 50%;
  background: transparent;
  color: rgba(255,255,255,.90);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  transform: translate(-50%, -50%);
  transition: opacity .3s var(--ease);
  pointer-events: none;
}

.donut-center span b {
  display: block;
  font-size: clamp(30px, 3.4vw, 42px);
  font-weight: 200;
  line-height: .85;
  letter-spacing: -.02em;
  color: #fff;
  text-shadow: 0 2px 18px rgba(46,120,138,.55);
}

/* Número de fase activa — oculto por defecto */
#donutPhaseNumber {
  position: absolute;
  left: 72%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: clamp(30px, 3.4vw, 42px);
  font-weight: 200;
  font-style: normal;
  line-height: 1;
  letter-spacing: -.02em;
  color: #fff;
  text-shadow: 0 2px 18px rgba(46,120,138,.55);
  opacity: 0;
  transition: opacity .3s var(--ease);
  pointer-events: none;
  z-index: 4;
}

/* En medias vistas: oculta "7 FASES", muestra número de fase */
.view-half-1 .donut-center span,
.view-half-2 .donut-center span {
  opacity: 0;
}

.view-half-1 #donutPhaseNumber,
.view-half-2 #donutPhaseNumber {
  opacity: 1;
}

/* ========================= */
/* 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: default;
  pointer-events: none;
  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);
  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: 48%; 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;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

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

.mobile-phase-nav {
  display: none;
}

.mobile-phase-nav-track {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 4px 2px 8px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.mobile-phase-nav-track::-webkit-scrollbar {
  display: none;
}

.mobile-phase-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid rgba(0, 56, 101, .14);
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  color: var(--azul-oscuro);
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  transition: .25s ease;
}

.mobile-phase-chip:hover,
.mobile-phase-chip:focus-visible {
  border-color: rgba(0, 56, 101, .28);
  box-shadow: 0 10px 20px rgba(18,63,115,.1);
  outline: 0;
}

.mobile-phase-chip.is-selected {
  color: #fff;
  box-shadow: 0 12px 24px rgba(18,63,115,.14);
}

.mobile-phase-chip[data-phase="1"].is-selected { background: var(--azul-oscuro); border-color: var(--azul-oscuro); }
.mobile-phase-chip[data-phase="2"].is-selected { background: var(--azul-2); border-color: var(--azul-2); }
.mobile-phase-chip[data-phase="3"].is-selected { background: var(--azul-claro); border-color: var(--azul-claro); }
.mobile-phase-chip[data-phase="4"].is-selected { background: var(--azul-gris); border-color: var(--azul-gris); }
.mobile-phase-chip[data-phase="5"].is-selected { background: var(--verde-oscuro); border-color: var(--verde-oscuro); }
.mobile-phase-chip[data-phase="6"].is-selected { background: var(--verde-medio); border-color: var(--verde-medio); }
.mobile-phase-chip[data-phase="7"].is-selected { background: var(--verde-claro); border-color: var(--verde-claro); }

.mobile-phase-chip-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(0, 56, 101, .08);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}

.mobile-phase-chip.is-selected .mobile-phase-chip-number {
  background: rgba(255,255,255,.2);
}

.mobile-phase-chip-label {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

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

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

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

.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);
}

/* ========================= */
/* 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-copy .phase-group-heading {
  margin-bottom: 18px;
}

.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: 6;
  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 16px 22px rgba(18,63,115,.16));
}

.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[data-selected-phase="1"] .donut-svg,
.circle-wrap.is-scroll-spinning[data-selected-phase="5"] .donut-svg {
  animation: scrollDonutSpin .8s cubic-bezier(.2,.82,.28,1) both;
}

.view-half-2 .circle-wrap.is-scroll-spinning[data-selected-phase="5"] .donut-svg {
  animation-name: scrollDonutSpinHalf2;
}

.circle-wrap.is-scroll-spinning[data-selected-phase="1"] .donut-center,
.circle-wrap.is-scroll-spinning[data-selected-phase="5"] .donut-center {
  animation: scrollCenterPulse .8s cubic-bezier(.2,.82,.28,1) both;
}

.circle-wrap.is-scroll-spinning[data-selected-phase="1"] .phase-hotspot,
.circle-wrap.is-scroll-spinning[data-selected-phase="5"] .phase-hotspot {
  animation: scrollIconPop .8s cubic-bezier(.2,.82,.28,1) both;
}

.circle-wrap.is-rolling .detail-rolling-wedge {
  animation: none;
}

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

.circle-wrap.is-rolling .segment.selected {
  animation: selectedSegmentPulse .72s cubic-bezier(.2,.82,.28,1) both;
}

.circle-wrap.is-rolling .phase-hotspot.selected {
  animation: selectedHotspotPulse .72s cubic-bezier(.2,.82,.28,1) both;
}

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

/* Animación de entrada del número de fase */
@keyframes phaseNumberPop {
  0%   { opacity: 0; transform: translate(-50%, -50%) scale(.6); }
  65%  { opacity: 1; transform: translate(-50%, -50%) scale(1.08); }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

.view-half-1 #donutPhaseNumber,
.view-half-2 #donutPhaseNumber {
  animation: phaseNumberPop .45s var(--ease) 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 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); }
}

@keyframes selectedSegmentPulse {
  0% { opacity: .82; transform: scale(.985); filter: brightness(1.02) drop-shadow(0 8px 10px rgba(18,63,115,.14)); }
  55% { opacity: 1; transform: scale(1.03); filter: brightness(1.1) drop-shadow(0 14px 18px rgba(18,63,115,.22)); }
  100% { opacity: 1; transform: scale(1.025); filter: brightness(1.08) drop-shadow(0 12px 14px rgba(18,63,115,.24)); }
}

@keyframes selectedHotspotPulse {
  0% { transform: translate(-50%, -50%) scale(.96); filter: drop-shadow(0 8px 12px rgba(0,0,0,.1)); }
  55% { transform: translate(-50%, -50%) scale(1.04); filter: drop-shadow(0 18px 24px rgba(0,0,0,.18)); }
  100% { transform: translate(-50%, -50%) scale(1); filter: drop-shadow(0 14px 18px rgba(0,0,0,.18)); }
}

@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 .segment.selected,
  .circle-wrap.is-rolling .phase-hotspot.selected,
  .view-detail .circle-wrap.is-rolling .detail-blob,
  .view-half-1 #donutPhaseNumber,
  .view-half-2 #donutPhaseNumber {
    animation: none;
  }
}

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

@media (min-width: 1201px) and (max-width: 1440px) {
  .section {
    padding: 20px 34px 30px;
  }

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

  .rosco-sticky .layout {
    grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr);
    gap: 38px;
    min-height: clamp(440px, 66vh, 580px);
  }

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

  .view-half-1 .circle-area,
  .view-half-2 .circle-area {
    padding-left: 0;
  }

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

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

  /* >>> AJUSTE: corte a la mitad <<< */
  .view-half-1 .circle-wrap {
    transform: translate(-215px, 14px) scale(1.11);
  }

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

  .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;
  }

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

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

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

  .detail-layout {
    gap: 30px;
    align-items: center;
  }

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

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

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

  .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;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .section {
    padding: 18px 28px 28px;
  }

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

  .rosco-sticky .layout {
    grid-template-columns: minmax(270px, .8fr) minmax(0, 1.08fr);
    gap: 24px;
    min-height: clamp(430px, 64vh, 540px);
  }

  .rosco-sticky .circle-area,
  .rosco-sticky .section.view-full .circle-area {
    min-height: clamp(390px, 58vh, 500px);
  }

  .view-half-1 .circle-area,
  .view-half-2 .circle-area {
    padding-left: 0;
  }

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

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

  /* >>> AJUSTE: corte a la mitad <<< */
  .view-half-1 .circle-wrap {
    transform: translate(-190px, 12px) scale(1.08);
  }

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

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

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

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

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

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

  .detail-card {
    margin-left: 0;
    width: min(100%, 960px);
  }

  .detail-layout {
    gap: 24px;
    align-items: center;
  }

  .detail-media {
    flex-basis: 42%;
    min-height: 190px;
  }

  .detail-copy {
    flex-basis: 58%;
  }

  .detail-copy .phase-group-heading {
    margin-bottom: 14px;
  }

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

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

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

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

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

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

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

/* ========================= */
/* 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: center;
    min-height: calc(100vh - 180px) !important;
    padding-top: 0;
  }

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

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

  .view-half-1 .circle-area,
  .view-half-2 .circle-area {
    align-items: center;
    min-height: 470px !important;
    padding-left: 0;
  }

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

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

  /* >>> AJUSTE: corte a la mitad <<< */
  .view-half-1 .circle-wrap,
  .view-half-2 .circle-wrap {
    transform: translate(-230px,0) scale(1.13);
  }

  .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: 48%; }
  .phase-label[data-phase="7"] { right: 72%; top: -3%; }

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

  .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;
    align-items: center;
  }

  .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;
    display: flex;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: 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-hotspot {
    cursor: pointer;
    pointer-events: auto;
    width: 72px;
    height: 72px;
  }

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

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

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

  .mobile-phase-nav {
    display: block;
    width: 100%;
    margin-top: -8px;
  }

  .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;
  }

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

  .detail-card {
    width: 100%;
    margin: 0;
  }

  .detail-layout {
    flex-direction: column;
    gap: 24px;
    align-items: stretch;
  }

  .detail-media {
    flex: none;
    min-height: 220px;
    aspect-ratio: 16 / 10;
  }

  .detail-copy {
    max-width: none;
  }

  .detail-title {
    font-size: clamp(32px, 5.4vw, 46px);
    margin-bottom: 20px;
  }

  .detail-card p {
    max-width: none;
    font-size: 16px;
    line-height: 1.6;
  }

  /* En móvil el número de fase no aplica, se oculta */
  #donutPhaseNumber {
    display: none;
  }
}

@media (max-width: 1200px) {
  #azud-phases-scroll,
  #azud-phases-section,
  #azud-phases-section.section {
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  #azud-phases-section .detail-blob,
  #azud-phases-section .detail-rolling-wedge {
    display: none !important;
  }
}

@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;
  }

  .mobile-phase-nav {
    margin-top: -12px;
  }

  .mobile-phase-nav-track {
    gap: 8px;
    padding-bottom: 6px;
  }

  .mobile-phase-chip {
    min-height: 40px;
    padding: 0 14px;
  }

  .mobile-phase-chip-number {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }

  .mobile-phase-chip-label {
    font-size: 13px;
  }

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

  .detail-title {
    font-size: clamp(26px, 8vw, 34px);
    margin-bottom: 16px;
  }

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

/* === Imagen alargada en TODAS las fases === */
@media (min-width: 981px) {
  .detail-layout {
    align-items: stretch;
  }
  .detail-media {
    aspect-ratio: auto;
    height: auto;
    align-self: stretch;
  }
}

@media (max-width: 980px) {
  .detail-media img {
    object-position: top;
  }
}


.phase-hotspot[data-phase="4"] .icon img {
  width: 85%;
  height: 85%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7324839 *//*.elementor-52117 .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 container, class: .elementor-element-07522e8 *//*.elementor-52117 .elementor-element.elementor-element-07522e8 span:after{*/
/*    content: "";*/
/*    display: inline-block;*/
/*    width: 100%;*/
    
/*    height: 1px;*/
/*    background:var(--azul);*/
/*}*//* End custom CSS */