.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-267 .elementor-element.elementor-element-63d6bb1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-267 .elementor-element.elementor-element-63d6bb1 .elementor-heading-title{font-family:"CitroenType", Sans-serif;font-size:40px;font-weight:800;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-267 .elementor-element.elementor-element-74a9ce1 .elementor-button{background-color:#D82C2C;font-family:"Roboto", Sans-serif;font-weight:500;border-radius:25px 25px 25px 25px;}.elementor-267 .elementor-element.elementor-element-74a9ce1 .elementor-button:hover, .elementor-267 .elementor-element.elementor-element-74a9ce1 .elementor-button:focus{background-color:#FAF0F0;color:#FC1B1B;}.elementor-267 .elementor-element.elementor-element-74a9ce1{margin:020px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-267 .elementor-element.elementor-element-74a9ce1 .elementor-button:hover svg, .elementor-267 .elementor-element.elementor-element-74a9ce1 .elementor-button:focus svg{fill:#FC1B1B;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-267 .elementor-element.elementor-element-b236f75{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;}.elementor-267 .elementor-element.elementor-element-60635e2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-267 .elementor-element.elementor-element-fca267a .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-267 .elementor-element.elementor-element-fca267a .elementor-icon-box-title, .elementor-267 .elementor-element.elementor-element-fca267a .elementor-icon-box-title a{font-family:"CitroenType", Sans-serif;font-size:28px;font-weight:700;}.elementor-267 .elementor-element.elementor-element-fca267a .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-267 .elementor-element.elementor-element-12326ee{--e-image-carousel-slides-to-show:1;}.elementor-267 .elementor-element.elementor-element-c90ec4a .elementor-button{background-color:#D82C2C;font-family:"Roboto", Sans-serif;font-weight:500;border-radius:25px 25px 25px 25px;}.elementor-267 .elementor-element.elementor-element-c90ec4a .elementor-button:hover, .elementor-267 .elementor-element.elementor-element-c90ec4a .elementor-button:focus{background-color:#FAF0F0;color:#FC1B1B;}.elementor-267 .elementor-element.elementor-element-c90ec4a{margin:020px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-267 .elementor-element.elementor-element-c90ec4a .elementor-button:hover svg, .elementor-267 .elementor-element.elementor-element-c90ec4a .elementor-button:focus svg{fill:#FC1B1B;}.elementor-267 .elementor-element.elementor-element-f1999fa{--display:flex;--min-height:710px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-267 .elementor-element.elementor-element-f1999fa:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-f1999fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev-citroen.nation.com.ar/wp-content/uploads/2026/08/Citroen-Basalt-galeria2-desktop.jpg");background-position:center center;}.elementor-267 .elementor-element.elementor-element-29b832d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-267 .elementor-element.elementor-element-29b832d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-267 .elementor-element.elementor-element-08ba16e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-267 .elementor-element.elementor-element-08ba16e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-267 .elementor-element.elementor-element-08ba16e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-267 .elementor-element.elementor-element-08ba16e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-267 .elementor-element.elementor-element-08ba16e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-267 .elementor-element.elementor-element-08ba16e .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-267 .elementor-element.elementor-element-08ba16e .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-267 .elementor-element.elementor-element-08ba16e{--e-icon-list-icon-size:28px;--icon-vertical-offset:0px;}.elementor-267 .elementor-element.elementor-element-08ba16e .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-267 .elementor-element.elementor-element-08ba16e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-267 .elementor-element.elementor-element-08ba16e .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;}.elementor-267 .elementor-element.elementor-element-08ba16e .elementor-icon-list-text{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;transition:color 0.3s;}.elementor-267 .elementor-element.elementor-element-e1daa4c{--display:flex;}.elementor-267 .elementor-element.elementor-element-86b0857{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-267 .elementor-element.elementor-element-ecf9640 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-267 .elementor-element.elementor-element-ecf9640 .elementor-icon-box-title, .elementor-267 .elementor-element.elementor-element-ecf9640 .elementor-icon-box-title a{font-family:"CitroenType", Sans-serif;font-size:28px;font-weight:700;}.elementor-267 .elementor-element.elementor-element-ecf9640 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-267 .elementor-element.elementor-element-9bd73d1{--e-image-carousel-slides-to-show:1;}.elementor-267 .elementor-element.elementor-element-ebc6dea{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-267 .elementor-element.elementor-element-ebc6dea:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-ebc6dea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev-citroen.nation.com.ar/wp-content/uploads/2026/08/Galeria-citroen-Basalt-Desktop-1.jpg");background-position:center center;background-size:cover;}.elementor-267 .elementor-element.elementor-element-df5ff9a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-267 .elementor-element.elementor-element-df5ff9a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-267 .elementor-element.elementor-element-3f0c238 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-267 .elementor-element.elementor-element-3f0c238 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-267 .elementor-element.elementor-element-3f0c238 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-267 .elementor-element.elementor-element-3f0c238 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-267 .elementor-element.elementor-element-3f0c238 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-267 .elementor-element.elementor-element-3f0c238 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-267 .elementor-element.elementor-element-3f0c238 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-267 .elementor-element.elementor-element-3f0c238{--e-icon-list-icon-size:27px;--icon-vertical-offset:0px;}.elementor-267 .elementor-element.elementor-element-3f0c238 .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-267 .elementor-element.elementor-element-3f0c238 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-267 .elementor-element.elementor-element-3f0c238 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;}.elementor-267 .elementor-element.elementor-element-3f0c238 .elementor-icon-list-text{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;transition:color 0.3s;}.elementor-267 .elementor-element.elementor-element-c3fd1d8{--display:flex;}.elementor-267 .elementor-element.elementor-element-b73d44c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-267 .elementor-element.elementor-element-72807d6 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-267 .elementor-element.elementor-element-72807d6 .elementor-icon-box-title, .elementor-267 .elementor-element.elementor-element-72807d6 .elementor-icon-box-title a{font-family:"CitroenType", Sans-serif;font-size:28px;font-weight:700;}.elementor-267 .elementor-element.elementor-element-72807d6 .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-267 .elementor-element.elementor-element-bbe7a7f{--e-image-carousel-slides-to-show:1;}.elementor-267 .elementor-element.elementor-element-b88b5c0{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-267 .elementor-element.elementor-element-b88b5c0:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-b88b5c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev-citroen.nation.com.ar/wp-content/uploads/2026/08/Galeria-citroen-Basalt-Desktop-8.jpg");background-position:center center;background-size:cover;}.elementor-267 .elementor-element.elementor-element-b6a8f5f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-267 .elementor-element.elementor-element-b6a8f5f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-267 .elementor-element.elementor-element-ecb2b2d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-267 .elementor-element.elementor-element-ecb2b2d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-267 .elementor-element.elementor-element-ecb2b2d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-267 .elementor-element.elementor-element-ecb2b2d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-267 .elementor-element.elementor-element-ecb2b2d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-267 .elementor-element.elementor-element-ecb2b2d .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-267 .elementor-element.elementor-element-ecb2b2d .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-267 .elementor-element.elementor-element-ecb2b2d{--e-icon-list-icon-size:17px;--icon-vertical-offset:0px;}.elementor-267 .elementor-element.elementor-element-ecb2b2d .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-267 .elementor-element.elementor-element-ecb2b2d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-267 .elementor-element.elementor-element-ecb2b2d .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;}.elementor-267 .elementor-element.elementor-element-ecb2b2d .elementor-icon-list-text{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;transition:color 0.3s;}.elementor-267 .elementor-element.elementor-element-88db404{--display:flex;}.elementor-267 .elementor-element.elementor-element-2f44107{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-267 .elementor-element.elementor-element-ee487af .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-267 .elementor-element.elementor-element-ee487af .elementor-icon-box-title, .elementor-267 .elementor-element.elementor-element-ee487af .elementor-icon-box-title a{font-family:"CitroenType", Sans-serif;font-size:28px;font-weight:700;}.elementor-267 .elementor-element.elementor-element-ee487af .elementor-icon-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;}.elementor-267 .elementor-element.elementor-element-623fc5b{--e-image-carousel-slides-to-show:1;}.elementor-267 .elementor-element.elementor-element-9ce04ff{--display:flex;--min-height:500px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-267 .elementor-element.elementor-element-9ce04ff:not(.elementor-motion-effects-element-type-background), .elementor-267 .elementor-element.elementor-element-9ce04ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev-citroen.nation.com.ar/wp-content/uploads/2026/08/Galeria-citroen-Basalt-Desktop-9.jpg");background-position:center center;background-size:cover;}.elementor-267 .elementor-element.elementor-element-c8521bf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-267 .elementor-element.elementor-element-c8521bf .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-267 .elementor-element.elementor-element-0d84fc9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(20px/2);}.elementor-267 .elementor-element.elementor-element-0d84fc9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(20px/2);}.elementor-267 .elementor-element.elementor-element-0d84fc9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(20px/2);}.elementor-267 .elementor-element.elementor-element-0d84fc9 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-20px/2);}.elementor-267 .elementor-element.elementor-element-0d84fc9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-20px/2);}.elementor-267 .elementor-element.elementor-element-0d84fc9 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-267 .elementor-element.elementor-element-0d84fc9 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-267 .elementor-element.elementor-element-0d84fc9{--e-icon-list-icon-size:24px;--icon-vertical-offset:0px;}.elementor-267 .elementor-element.elementor-element-0d84fc9 .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-267 .elementor-element.elementor-element-0d84fc9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-267 .elementor-element.elementor-element-0d84fc9 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;}.elementor-267 .elementor-element.elementor-element-0d84fc9 .elementor-icon-list-text{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;transition:color 0.3s;}.elementor-267 .elementor-element.elementor-element-919bff8{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-267 .elementor-element.elementor-element-cbfea51 .elementor-button{background-color:#D82C2C;font-family:"Roboto", Sans-serif;font-weight:500;border-radius:25px 25px 25px 25px;}.elementor-267 .elementor-element.elementor-element-cbfea51 .elementor-button:hover, .elementor-267 .elementor-element.elementor-element-cbfea51 .elementor-button:focus{background-color:#FAF0F0;color:#FC1B1B;}.elementor-267 .elementor-element.elementor-element-cbfea51{margin:020px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-267 .elementor-element.elementor-element-cbfea51 .elementor-button:hover svg, .elementor-267 .elementor-element.elementor-element-cbfea51 .elementor-button:focus svg{fill:#FC1B1B;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-267 .elementor-element.elementor-element-4e72922 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-267 .elementor-element.elementor-element-4e72922 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-267 .elementor-element.elementor-element-4e72922{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-267 .elementor-element.elementor-element-3b4a11a .elementor-button{background-color:#C02929;}.elementor-267 .elementor-element.elementor-element-3b4a11a .elementor-button:hover, .elementor-267 .elementor-element.elementor-element-3b4a11a .elementor-button:focus{background-color:#000000;}.elementor-267 .elementor-element.elementor-element-3b4a11a{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}@media(min-width:768px){.elementor-267 .elementor-element.elementor-element-b236f75{--width:100%;}.elementor-267 .elementor-element.elementor-element-88db404{--content-width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-267 .elementor-element.elementor-element-63d6bb1{margin:200px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;}.elementor-267 .elementor-element.elementor-element-74a9ce1{margin:5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;}.elementor-267 .elementor-element.elementor-element-74a9ce1 .elementor-button{font-size:12px;padding:8px 8px 8px 8px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-267 .elementor-element.elementor-element-fca267a .elementor-icon-box-wrapper{align-items:center;}.elementor-267 .elementor-element.elementor-element-fca267a .elementor-icon{font-size:18px;}.elementor-267 .elementor-element.elementor-element-fca267a .elementor-icon-box-title, .elementor-267 .elementor-element.elementor-element-fca267a .elementor-icon-box-title a{font-size:20px;}.elementor-267 .elementor-element.elementor-element-fca267a .elementor-icon-box-description{font-size:16px;}.elementor-267 .elementor-element.elementor-element-c90ec4a{margin:5px 5px calc(var(--kit-widget-spacing, 0px) + 5px) 5px;}.elementor-267 .elementor-element.elementor-element-c90ec4a .elementor-button{font-size:12px;padding:8px 8px 8px 8px;}.elementor-267 .elementor-element.elementor-element-29b832d .elementor-heading-title{font-size:14px;}.elementor-267 .elementor-element.elementor-element-08ba16e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-267 .elementor-element.elementor-element-08ba16e .elementor-icon-list-item > a{font-size:14px;}.elementor-267 .elementor-element.elementor-element-ecf9640 .elementor-icon-box-wrapper{align-items:center;}.elementor-267 .elementor-element.elementor-element-ecf9640 .elementor-icon{font-size:18px;}.elementor-267 .elementor-element.elementor-element-ecf9640 .elementor-icon-box-title, .elementor-267 .elementor-element.elementor-element-ecf9640 .elementor-icon-box-title a{font-size:20px;}.elementor-267 .elementor-element.elementor-element-ecf9640 .elementor-icon-box-description{font-size:16px;}.elementor-267 .elementor-element.elementor-element-df5ff9a .elementor-heading-title{font-size:14px;}.elementor-267 .elementor-element.elementor-element-3f0c238 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-267 .elementor-element.elementor-element-3f0c238 .elementor-icon-list-item > a{font-size:14px;}.elementor-267 .elementor-element.elementor-element-72807d6 .elementor-icon-box-wrapper{align-items:center;}.elementor-267 .elementor-element.elementor-element-72807d6 .elementor-icon{font-size:18px;}.elementor-267 .elementor-element.elementor-element-72807d6 .elementor-icon-box-title, .elementor-267 .elementor-element.elementor-element-72807d6 .elementor-icon-box-title a{font-size:20px;}.elementor-267 .elementor-element.elementor-element-72807d6 .elementor-icon-box-description{font-size:16px;}.elementor-267 .elementor-element.elementor-element-b6a8f5f .elementor-heading-title{font-size:14px;}.elementor-267 .elementor-element.elementor-element-ecb2b2d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-267 .elementor-element.elementor-element-ecb2b2d .elementor-icon-list-item > a{font-size:14px;}.elementor-267 .elementor-element.elementor-element-ee487af .elementor-icon-box-wrapper{align-items:center;}.elementor-267 .elementor-element.elementor-element-ee487af .elementor-icon{font-size:18px;}.elementor-267 .elementor-element.elementor-element-ee487af .elementor-icon-box-title, .elementor-267 .elementor-element.elementor-element-ee487af .elementor-icon-box-title a{font-size:20px;}.elementor-267 .elementor-element.elementor-element-ee487af .elementor-icon-box-description{font-size:16px;}.elementor-267 .elementor-element.elementor-element-c8521bf .elementor-heading-title{font-size:14px;}.elementor-267 .elementor-element.elementor-element-0d84fc9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-267 .elementor-element.elementor-element-0d84fc9 .elementor-icon-list-item > a{font-size:14px;}.elementor-267 .elementor-element.elementor-element-919bff8{--n-tabs-direction:column-reverse;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;}.elementor-267 .elementor-element.elementor-element-cbfea51{margin:5px 5px calc(var(--kit-widget-spacing, 0px) + 5px) 5px;}.elementor-267 .elementor-element.elementor-element-cbfea51 .elementor-button{font-size:12px;padding:8px 8px 8px 8px;}.elementor-widget-gallery .elementor-gallery-item__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-gallery .elementor-gallery-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for image-carousel, class: .elementor-element-12326ee *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 14px !important; overflow: visible !important; } /* 2. Estilo de los 4 círculos */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button { width: 36px !important; height: 36px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 4 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Gris Artense Techo Negro (Bicolor) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #1a1a1a 45%, #787d81 100%) !important; } /* 3: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 4: Gris Grafito Techo Negro (Bicolor) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #1a1a1a 45%, #343739 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button::after { position: absolute !important; top: 45px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 4 colores */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(2) button::after { content: "Gris Artense Techo Negro" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(3) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(4) button::after { content: "Gris Grafito Techo Negro" !important; } /* 6. Mostrar etiqueta solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9bd73d1 *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(2) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-bbe7a7f *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(2) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-623fc5b *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos (Orden ajustado) */ /* 1: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 2: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(1) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(2) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-12326ee *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 14px !important; overflow: visible !important; } /* 2. Estilo de los 4 círculos */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button { width: 36px !important; height: 36px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 4 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Gris Artense Techo Negro (Bicolor) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #1a1a1a 45%, #787d81 100%) !important; } /* 3: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 4: Gris Grafito Techo Negro (Bicolor) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #1a1a1a 45%, #343739 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button::after { position: absolute !important; top: 45px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 4 colores */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(2) button::after { content: "Gris Artense Techo Negro" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(3) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(4) button::after { content: "Gris Grafito Techo Negro" !important; } /* 6. Mostrar etiqueta solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9bd73d1 *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(2) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-bbe7a7f *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(2) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-623fc5b *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos (Orden ajustado) */ /* 1: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 2: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(1) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(2) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-12326ee *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 14px !important; overflow: visible !important; } /* 2. Estilo de los 4 círculos */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button { width: 36px !important; height: 36px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 4 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Gris Artense Techo Negro (Bicolor) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #1a1a1a 45%, #787d81 100%) !important; } /* 3: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 4: Gris Grafito Techo Negro (Bicolor) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #1a1a1a 45%, #343739 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button::after { position: absolute !important; top: 45px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 4 colores */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(2) button::after { content: "Gris Artense Techo Negro" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(3) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(4) button::after { content: "Gris Grafito Techo Negro" !important; } /* 6. Mostrar etiqueta solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9bd73d1 *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(2) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-bbe7a7f *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(2) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-623fc5b *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos (Orden ajustado) */ /* 1: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 2: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(1) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(2) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-12326ee *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 14px !important; overflow: visible !important; } /* 2. Estilo de los 4 círculos */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button { width: 36px !important; height: 36px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 4 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Gris Artense Techo Negro (Bicolor) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #1a1a1a 45%, #787d81 100%) !important; } /* 3: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 4: Gris Grafito Techo Negro (Bicolor) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #1a1a1a 45%, #343739 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button::after { position: absolute !important; top: 45px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 4 colores */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(2) button::after { content: "Gris Artense Techo Negro" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(3) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(4) button::after { content: "Gris Grafito Techo Negro" !important; } /* 6. Mostrar etiqueta solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9bd73d1 *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(2) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-bbe7a7f *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(2) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-623fc5b *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos (Orden ajustado) */ /* 1: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 2: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(1) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(2) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-12326ee *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 14px !important; overflow: visible !important; } /* 2. Estilo de los 4 círculos */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button { width: 36px !important; height: 36px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 4 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Gris Artense Techo Negro (Bicolor) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #1a1a1a 45%, #787d81 100%) !important; } /* 3: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 4: Gris Grafito Techo Negro (Bicolor) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #1a1a1a 45%, #343739 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li button::after { position: absolute !important; top: 45px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 4 colores */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(2) button::after { content: "Gris Artense Techo Negro" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(3) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li:nth-child(4) button::after { content: "Gris Grafito Techo Negro" !important; } /* 6. Mostrar etiqueta solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-12326ee .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-12326ee .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-9bd73d1 *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(2) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-9bd73d1 .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-bbe7a7f *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos */ /* 1: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 2: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(1) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(2) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-bbe7a7f .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-623fc5b *//* 1. Contenedor de la paginación */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots { position: relative !important; bottom: 0 !important; margin-top: 25px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px !important; overflow: visible !important; } /* 2. Estilo de los 6 círculos */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button { width: 34px !important; height: 34px !important; border-radius: 50% !important; opacity: 1 !important; border: 2px solid #D1D1D1 !important; transition: all 0.25s ease !important; cursor: pointer !important; position: relative !important; overflow: visible !important; } /* Ocultar elementos nativos */ .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button::before { display: none !important; } /* 3. Texturas y gradientes de los 6 círculos (Orden ajustado) */ /* 1: Blanco Banquise */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(1), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(1) button { background: linear-gradient(135deg, #ffffff 0%, #e6e6e6 100%) !important; } /* 2: Negro Perla Nera */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(2), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(2) button { background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%) !important; } /* 3: Gris Artense */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(3), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(3) button { background: linear-gradient(135deg, #787d81 0%, #4b4f53 100%) !important; } /* 4: Gris Grafito */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(4), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(4) button { background: linear-gradient(135deg, #44474a 0%, #232527 100%) !important; } /* 5: Rojo Rubí */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(5), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(5) button { background: linear-gradient(135deg, #9e2a2b 0%, #681516 100%) !important; } /* 6: Azul Cosmo */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(6), .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(6) button { background: linear-gradient(135deg, #385d8a 0%, #204169 100%) !important; } /* 4. Estilo del Círculo Seleccionado (Aro Citroën) */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet-active, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li.slick-active button { outline: 2px solid #E65100 !important; outline-offset: 3px !important; transform: scale(1.1) !important; } /* 5. Base del Texto (Oculto por defecto) */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li button::after { position: absolute !important; top: 42px !important; left: 50% !important; transform: translateX(-50%) !important; white-space: nowrap !important; font-size: 11px !important; font-weight: 700 !important; color: #333333 !important; text-transform: uppercase !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.2s ease !important; pointer-events: none !important; z-index: 10 !important; } /* Nombres de los 6 colores */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(1)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(1) button::after { content: "Blanco Banquise" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(2)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(2) button::after { content: "Negro Perla Nera" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(3)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(3) button::after { content: "Gris Artense" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(4)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(4) button::after { content: "Gris Grafito" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(5)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(5) button::after { content: "Rojo Rubí" !important; } .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:nth-child(6)::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li:nth-child(6) button::after { content: "Azul Cosmo" !important; } /* 6. Visibilidad solo activo o en hover */ .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet-active::after, .elementor-267 .elementor-element.elementor-element-623fc5b .swiper-pagination-bullet:hover::after, .elementor-267 .elementor-element.elementor-element-623fc5b .slick-dots li.slick-active button::after { opacity: 1 !important; visibility: visible !important; }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-919bff8 *//* 1. Contenedor horizontal de la botonera */ .elementor-267 .elementor-element.elementor-element-919bff8 .e-n-tabs-heading { display: flex !important; gap: 15px !important; margin-bottom: 25px !important; } /* 2. Estilo base del botón (Pestaña inactiva) */ .elementor-267 .elementor-element.elementor-element-919bff8 .e-n-tab-title { background-color: #F4F4F4 !important; border-radius: 8px !important; padding: 12px 24px 110px 24px !important; /* Espacio abajo para la foto */ position: relative !important; transition: all 0.3s ease !important; border: none !important; min-width: 160px; text-align: center; } /* 3. Texto de la versión */ .elementor-267 .elementor-element.elementor-element-919bff8 .e-n-tab-title-text { color: #555555 !important; font-weight: 700 !important; font-size: 14px !important; text-transform: uppercase; } /* 4. Estado ACTIVO (Gris oscuro Citroën + flechita) */ .elementor-267 .elementor-element.elementor-element-919bff8 .e-n-tab-title[aria-selected="true"] { background-color: #6E6866 !important; } .elementor-267 .elementor-element.elementor-element-919bff8 .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text { color: #FFFFFF !important; } .elementor-267 .elementor-element.elementor-element-919bff8 .e-n-tab-title[aria-selected="true"]::after { content: ""; position: absolute; top: 42px; /* Ajusta según el alto del botón */ left: 50%; transform: translateX(-50%); border-width: 8px 8px 0 8px; border-style: solid; border-color: #6E6866 transparent transparent transparent; z-index: 2; } /* 5. Inyección del PNG del auto debajo de cada botón */ .elementor-267 .elementor-element.elementor-element-919bff8 .e-n-tab-title::before { content: ""; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 130px; height: 80px; background-size: contain; background-repeat: no-repeat; background-position: center; } /* Asignar la imagen a cada pestaña según su orden */ .elementor-267 .elementor-element.elementor-element-919bff8 .e-n-tab-title:nth-child(1)::before { background-image: url('https://dev-citroen.nation.com.ar/wp-content/uploads/2026/08/jelly-Citroen-Basalt-Dark-negro-perla-nera-1.png'); } .elementor-267 .elementor-element.elementor-element-919bff8 .e-n-tab-title:nth-child(2)::before { background-image: url('https://dev-citroen.nation.com.ar/wp-content/uploads/2026/08/CC22_LATAM_L1_LIVE-PACK_ARG_COSMO-BLUE_3X4-FRONT.png'); } .elementor-267 .elementor-element.elementor-element-919bff8 .e-n-tab-title:nth-child(3)::before { background-image: url('https://dev-citroen.nation.com.ar/wp-content/uploads/2026/08/CC22_LATAM_L2_FEEL-MT_ARG_BLANC-BANQUISE_3X4-FRONT.png'); } .elementor-267 .elementor-element.elementor-element-919bff8 .e-n-tab-title:nth-child(4)::before { background-image: url('https://dev-citroen.nation.com.ar/wp-content/uploads/2026/08/CC22_LATAM_L3_SHINE_ARG_ROUGE-RUBI_BITOM_3X4-FRONT.png'); } /* Forzar la barra de pestañas a mantenerse horizontal en Mobile */ @media (max-width: 767px) { .elementor-267 .elementor-element.elementor-element-919bff8 .e-n-tabs-heading { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto !important; white-space: nowrap !important; justify-content: flex-start !important; -webkit-overflow-scrolling: touch; padding-bottom: 10px !important; } /* Asegurar que cada pestaña mantenga su tamaño sin aplastarse */ .elementor-267 .elementor-element.elementor-element-919bff8 .e-n-tab-title { flex: 0 0 auto !important; min-width: 140px !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'CitroenType'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://dev-citroen.nation.com.ar/wp-content/uploads/2026/08/Citroen-Regular.woff2') format('woff2'); } @font-face { font-family: 'CitroenType'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://dev-citroen.nation.com.ar/wp-content/uploads/2026/08/Citroen-Light.woff2') format('woff2'); } @font-face { font-family: 'CitroenType'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://dev-citroen.nation.com.ar/wp-content/uploads/2026/08/Citroen-Bold.woff2') format('woff2'); } @font-face { font-family: 'CitroenType'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://dev-citroen.nation.com.ar/wp-content/uploads/2026/08/Citroen-Black.woff2') format('woff2'); } /* End Custom Fonts CSS */