.elementor-kit-6{--e-global-color-primary:#961934;--e-global-color-secondary:#6B6A65;--e-global-color-text:#BAB9AD;--e-global-color-accent:#961934;--e-global-color-888227b:#F3F2E9;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:70px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:50px;--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Archivo";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Archivo";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:300;--e-global-typography-269faba-font-family:"Archivo";--e-global-typography-269faba-font-size:24px;--e-global-typography-269faba-font-weight:600;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-ui-color:var( --e-global-color-primary );}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1279px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ── RECORTE GENERAL (con variables y hover) ─────────────────────────────── */ .shape-ribbon, .shape-ribbon > .elementor-widget-container, .shape-ribbon .elementor-icon-box-wrapper{ /* Estado base (sin corte) */ --cut-left: 0px; --cut-right: 0px; clip-path: polygon( var(--cut-left) 0, 100% 0, 100% calc(100% - var(--cut-right)), calc(100% - var(--cut-right)) 100%, 0 100%, 0 var(--cut-left) ); -webkit-clip-path: polygon( var(--cut-left) 0, 100% 0, 100% calc(100% - var(--cut-right)), calc(100% - var(--cut-right)) 100%, 0 100%, 0 var(--cut-left) ); transition: clip-path .35s ease, -webkit-clip-path .35s ease; overflow: hidden; } /* Hover (aplica el corte en los widgets que ya tenías) */ .shape-ribbon:hover, .shape-ribbon:hover > .elementor-widget-container, .shape-ribbon .elementor-icon-box-wrapper:hover{ --cut-left: 14px; --cut-right: 14px; } /* ── EXCEPCIÓN PARA BOTÓN: corte SIEMPRE en el ──────────────────────── */ /* Para
... */ .elementor-widget-button.shape-ribbon a.elementor-button{ /* Corte permanente */ --cut-left: 14px; --cut-right: 14px; clip-path: polygon( var(--cut-left) 0, 100% 0, 100% calc(100% - var(--cut-right)), calc(100% - var(--cut-right)) 100%, 0 100%, 0 var(--cut-left) ); -webkit-clip-path: polygon( var(--cut-left) 0, 100% 0, 100% calc(100% - var(--cut-right)), calc(100% - var(--cut-right)) 100%, 0 100%, 0 var(--cut-left) ); /* Asegura que el recorte se aplique al enlace con color de fondo */ display: inline-block; overflow: hidden; } /* Texto del título dentro del icon-box */ .shape-ribbon:hover .elementor-icon-box-title, .shape-ribbon:hover .elementor-icon-box-title *{ color:#fff !important; } /* Icono SVG dentro del icon-box */ .shape-ribbon .elementor-icon-box-icon svg *, .shape-ribbon .elementor-icon-box-icon svg path{ stroke:#961934 !important; } .shape-ribbon:hover .elementor-icon-box-icon svg *, .shape-ribbon:hover .elementor-icon-box-icon svg path{ stroke:#fff !important; } /*carruseles*/ .elementor-swiper-button:hover svg path{ fill: #961934 !important; stroke: #fff !important } .elementor-swiper-button svg path{ fill:#fff } /*botn ver desarrollos*/ .ver-desarrollo:hover svg path{ fill: #961934 !important; stroke: #fff !important } .ver-desarrollo svg path{ fill: #fff !important; } /*linea de tiempo*/ .twae-wrapper .twae-icon{ border-color: transparent !important; } .twae-wrapper .twae-content, .twae-wrapper .twae-content:hover{ box-shadow: none !important; align-items: flex-start; } .twae-horizontal-timeline.twae-wrapper .twae-h-line{ height: 2px !important } .twae-button-next, .twae-button-prev{ margin-top: 10% } /* ====== Desktop / tablets (>=768px) ====== */ @media (min-width: 768px){ /* Encapsulado: SOLO donde exista .has-tooltips */ .has-tooltips .swiper-pagination{ display:flex; justify-content:center; overflow:visible; } .has-tooltips .swiper-pagination-bullet{ --size: 30px; width: var(--size) !important; height: var(--size) !important; border-radius: 50%; background: #c9c7bf; position: relative; cursor: pointer; transition: transform .2s ease, background-color .2s ease; } .has-tooltips .swiper-pagination-bullet-active{ background:#8f1b32; } .has-tooltips .swiper-pagination-bullet:hover{ transform: translateY(-2px); } /* Numeración automática */ .has-tooltips .swiper-pagination-bullets{ counter-reset: bullet; } .has-tooltips .swiper-pagination-bullet::before{ counter-increment: bullet; content: counter(bullet); position: absolute; inset: 0; display: grid; place-items: center; color:#fff; font: 600 15px/1 system-ui; } } .swiper-pagination-bullets.swiper-pagination-horizontal{ left: 50% !important; } /* ====== Tooltip (2 líneas reales, sin elipsis) ====== */ .has-tooltips .swiper-pagination-bullet::after{ content: var(--label, attr(aria-label)); position: absolute; left: 50%; transform: translateX(-50%); bottom: calc(100% + 18px); background: #8f1b32; color: #fff; border-radius: 2px; box-shadow: 0 6px 14px rgba(0,0,0,.15); font-family: "Nunito Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-weight: 600; font-size: 10px; letter-spacing: .05em; text-transform: uppercase; text-align: center; max-width: min(82vw, 350px); padding: 12px 16px 50px; /* extra para la punta */ /* 2 líneas sin elipsis */ --lh: 1.25; line-height: var(--lh); display: block; max-height: calc(2 * 1.25em); overflow: hidden; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .15s ease, transform .15s ease; /* punta integrada */ clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 12px), 55% calc(100% - 12px), 50% 100%, 45% calc(100% - 12px), 0 calc(100% - 12px) ); } /* mostrar tooltip */ .has-tooltips .swiper-pagination-bullet:hover::after, .has-tooltips .swiper-pagination-bullet:focus-visible::after{ opacity: 1; } .has-tooltips .swiper-pagination-bullet::marker{ display:none; } /* ====== Mapeos por tipo de slider (SOLO si además tiene .has-tooltips) ====== */ /* Arquitectura */ .has-tooltips.slider-arq .swiper-pagination-bullet:nth-child(1){ --label:"Centro Provincial De La Cultura De Mendoza"; } .has-tooltips.slider-arq .swiper-pagination-bullet:nth-child(2){ --label:"Pro.Cre.Ar Ciudad - Sector 1, 2 y 3 - Departamentos"; } .has-tooltips.slider-arq .swiper-pagination-bullet:nth-child(3){ --label:"Pro.Cre.Ar Maipú - Sector 3 - Viviendas"; } .has-tooltips.slider-arq .swiper-pagination-bullet:nth-child(4){ --label:"Pro.Cre.Ar San Rafael - Sectores 1, 2 y 3 - Departamentos"; } .has-tooltips.slider-arq .swiper-pagination-bullet:nth-child(5){ --label:"EST. PENITENCIARIO ALMAFUERTE"; } .has-tooltips.slider-arq .swiper-pagination-bullet:nth-child(6){ --label:"Hangares y galpones para máquinas viales"; } .has-tooltips.slider-arq .swiper-pagination-bullet:nth-child(7){ --label:"Hospital Schestakow"; } .has-tooltips.slider-arq .swiper-pagination-bullet:nth-child(8){ --label:"Hospital Lagomaggiore"; } .has-tooltips.slider-arq .swiper-pagination-bullet:nth-child(9){ --label:"Torres Barrio Osep, Troles y Casinos"; } .has-tooltips.slider-arq .swiper-pagination-bullet:nth-child(10){ --label:"Nueva Villa Potrerillo"; } .has-tooltips.slider-arq .swiper-pagination-bullet:nth-child(11){ --label:"Barrio Cuyoil Etapa 1"; } /* Sanitaria */ .has-tooltips.slider-sanitaria .swiper-pagination-bullet:nth-child(1){ --label:"Establecimiento Depurador Rivadavia"; } .has-tooltips.slider-sanitaria .swiper-pagination-bullet:nth-child(2){ --label:"Establecimiento Depurador San Carlos"; } .has-tooltips.slider-sanitaria .swiper-pagination-bullet:nth-child(3){ --label:"Establecimiento Potabilizador Alto Godoy"; } .has-tooltips.slider-sanitaria .swiper-pagination-bullet:nth-child(4){ --label:"Planta De Tratamiento De Agua - Fitros Rap Benegas"; } .has-tooltips.slider-sanitaria .swiper-pagination-bullet:nth-child(5){ --label:"Planta De Disposición Final De Residuos Sólidos Urbanos Capiz"; } .has-tooltips.slider-sanitaria .swiper-pagination-bullet:nth-child(6){ --label:"Red de cloacas y planta de tratamiento Barriales"; } .has-tooltips.slider-sanitaria .swiper-pagination-bullet:nth-child(7){ --label:"Sistema Cloacal Santa Rosa"; } .has-tooltips.slider-sanitaria .swiper-pagination-bullet:nth-child(8){ --label:"Establecimiento depurador Palmira"; } /* Hidráulica */ .has-tooltips.slider-hidraulica .swiper-pagination-bullet:nth-child(1){ --label:"Canal de desagüe aluvional calle Allayme"; } .has-tooltips.slider-hidraulica .swiper-pagination-bullet:nth-child(2){ --label:"Puente canal, carretero y defensa aluvional"; } /* Vial */ .has-tooltips.slider-vial .swiper-pagination-bullet:nth-child(1){ --label:"Túnel 1 de Cacheuta RP 82"; } .has-tooltips.slider-vial .swiper-pagination-bullet:nth-child(2){ --label:"Ruta Nacional Nº 7"; } .has-tooltips.slider-vial .swiper-pagination-bullet:nth-child(3){ --label:"Repavimentación Ruta Provincial Nº43 (Av. E.D. de Perón)"; } .has-tooltips.slider-vial .swiper-pagination-bullet:nth-child(4){ --label:"Repavimentación calle Paso de Los Andes"; } .has-tooltips.slider-vial .swiper-pagination-bullet:nth-child(5){ --label:"Puestos de control fitosanitario Iscamen"; } }/* End custom CSS */