/*!*********************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/@fancyapps/ui/dist/fancybox/fancybox.css ***! \*********************************************************************************************************/ :root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset);position:relative;z-index:1}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5);padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);border-radius:var(--f-spinner-border-radius);border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{transform:rotate(360deg)}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0);pointer-events:none}.f-carousel__toolbar__column.is-left{justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{justify-content:center}.f-carousel__toolbar__column.is-right{justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-z-index: 1;--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-fit: cover;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-transfors: none;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff}.f-thumbs{flex-shrink:0;margin:var(--f-thumbs-margin);padding:0;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:max-height .3s ease,max-width .3s ease;position:relative;overflow:hidden;z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs__viewport{margin:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:visible;display:grid}.f-thumbs.is-vertical .f-thumbs__viewport{height:calc(100% - var(--f-thumbs-padding-y) * 2)}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:none;border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs__slide img{display:block;width:100%;height:100%;object-fit:var(--f-thumb-fit);border-radius:inherit;pointer-events:none}.f-thumbs__slide img.has-lazyerror{display:none}.f-thumbs.is-classic{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap)}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2);margin-inline:calc(var(--f-carousel-slide-width) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}div.fancybox__dialog{position:fixed;inset:0;z-index:1050}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 34px;--f-close-button-height: 34px;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-close-button-svg-width: 22px;--f-close-button-svg-height: 22px;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;position:absolute;inset:0;overflow:hidden;outline:none;display:flex;flex-direction:column}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000}.fancybox__container::backdrop{background-color:transparent}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);position:absolute;top:calc(var(--f-button-height) * -1);right:0;z-index:40} /*!**********************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/swiper.css ***! \**********************************************************************************/ /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ /* FONT_START */ @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ /*!**********************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/modules/navigation.css ***! \**********************************************************************************************/ :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } /* Navigation font end */ /*!**********************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/modules/pagination.css ***! \**********************************************************************************************/ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /*!*****************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/leaflet/dist/leaflet.css ***! \*****************************************************************************************/ /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ .leaflet-tile::selection { background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { max-width: none !important; max-height: none !important; width: auto; padding: 0; } .leaflet-container img.leaflet-tile { /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */ mix-blend-mode: plus-lighter; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action: none; touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { -ms-touch-action: none; touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; -moz-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ .leaflet-container { background: #ddd; outline-offset: 1px; } .leaflet-container a { color: #0078A8; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 12px; font-size: 0.75rem; line-height: 1.5; } /* general toolbar styles */ .leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(../../.././assets/css/build/img/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(../../.././assets/css/build/img/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; overflow-x: hidden; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; font-size: 13px; font-size: 1.08333em; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* Default icon URLs */ .leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ background-image: url(../../.././assets/css/build/img/marker-icon.png); } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.8); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-attribution-flag { display: inline !important; vertical-align: baseline !important; width: 1em; height: 0.6669em; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px #fff; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 13px; font-size: 1.08333em; min-height: 1px; } .leaflet-popup-content p { margin: 17px 0; margin: 1.3em 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; pointer-events: auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; border: none; text-align: center; width: 24px; height: 24px; font: 16px/24px Tahoma, Verdana, sans-serif; color: #757575; text-decoration: none; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: #585858; } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { -ms-zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } /* Printing */ @media print { /* Prevent printers from removing background-images of controls. */ .leaflet-control { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } /*!*******************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/css/src/main.scss ***! \*******************************************************************************************************************/ @charset "UTF-8"; :root { --font-roboto: "Roboto", sans-serif; --font-gothic: "Century Gothic", sans-serif; --color-primary: #548B26; --color-secondary: rgba(0, 0, 0, 1); --color-white: #FFF; --color-black: #000; --color-footer-title: #71828C; --color-gray: #2E2E2E; --color-gray-10: #F9F9F9; --color-gray-20: #F4F4F4; --color-gray-30: #ADADAD; --color-gray-50: #6E6E6E; --color-blue-30: rgba(159, 188, 204, 0.30); --color-blue-50: #9fbccc; --swiper-navigation-size: 16px; --swiper-navigation-sides-offset: 49px; --search-border-color: rgb(224, 224, 224); --search-primary-hover: rgb(192, 57, 43); --search-text-color: rgb(51, 51, 51); --search-placeholder-color: rgb(153, 153, 153); --search-overlay-bg: rgba(255, 255, 255, 0.75); --search-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); --search-transition: 0.3s ease; --jvm-background-primary:#80BE56; --jvm-color-text-primary: #2E2E2E; --jvm-green-primary: #80BE56; --color-green-dark: #2D6400; } .button, .btn { font-family: inherit; position: relative; display: flex; justify-content: center; column-gap: 0.375rem; align-items: center; width: 100%; min-width: 100%; padding: 0.75rem 1.5rem; border: none; font-size: 1rem; color: var(--color-gray); font-weight: 700; border-radius: 0.75rem; line-height: normal; white-space: nowrap; text-decoration: none; transition: background-color 0.3s ease; cursor: pointer; overflow: hidden; /* VALIDADO */ } @media only screen and (min-width: 1024px) { .button, .btn { width: max-content; min-width: 10.375rem; } } .button.no--hover:hover:before, .btn.no--hover:hover:before { display: none; } .button span, .btn span { position: relative; } .button:before, .btn:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; transform: scaleX(0); transform-origin: 100%; transition: transform 0.6s ease; } .button:disabled, .btn:disabled { opacity: 0.5; cursor: not-allowed; } .button--banner, .btn--banner { padding: 0.75rem 1.125rem; background: var(--color-gray); color: var(--color-white); border: 1px solid var(--color-gray); margin-top: 1.5rem; } .button--banner:hover, .btn--banner:hover { background: var(--color-white); color: var(--color-gray); box-shadow: 0 15px 18px 0 rgba(107, 107, 107, 0.42); } .button--project, .btn--project { width: 100%; background-color: var(--color-gray); color: var(--color-white); box-shadow: 0 15px 18px 0 rgba(107, 107, 107, 0.42); max-height: 2.25rem; } @media only screen and (min-width: 768px) { .button--project, .btn--project { box-shadow: 0 15px 18px 0 transparent; background-color: transparent; color: var(--color-gray); border: 1px solid var(--color-gray); } } .button--project:hover, .btn--project:hover { box-shadow: 0 15px 18px 0 rgba(107, 107, 107, 0.42); } @media only screen and (min-width: 768px) { .button--project:hover, .btn--project:hover { background-color: var(--color-gray); color: var(--color-white); } } .button--project-transparent, .btn--project-transparent { color: var(--color-gray); height: 2.25rem; font-weight: 400; border: 1px solid var(--color-gray); } @media only screen and (min-width: 768px) { .button--project-transparent, .btn--project-transparent { box-shadow: 0 15px 18px 0 transparent; background-color: transparent; } } .button--project-transparent:hover, .btn--project-transparent:hover { box-shadow: 0 15px 18px 0 rgba(107, 107, 107, 0.42); } @media only screen and (min-width: 768px) { .button--project-transparent:hover, .btn--project-transparent:hover { background-color: var(--color-gray); color: var(--color-white); } } .button--download, .btn--download { background-color: var(--color-gray); color: var(--color-white); border: 1px solid var(--color-gray); } @media only screen and (min-width: 768px) { .button--download, .btn--download { margin: 0 auto; } } .button--download:hover, .btn--download:hover { box-shadow: 0 15px 18px 0 rgba(107, 107, 107, 0.42); color: var(--color-gray); background-color: var(--color-white); } .button--download:hover svg path, .btn--download:hover svg path { fill: var(--color-gray); } .button--white-transparent, .btn--white-transparent { background-color: transparent; color: var(--color-white); border: 1px solid var(--color-white); font-weight: 400; } @media only screen and (min-width: 768px) { .button--white-transparent, .btn--white-transparent { margin: 0 auto; } } .button--white-transparent:hover, .btn--white-transparent:hover { box-shadow: 0 15px 18px 0 rgba(255, 255, 255, 0.42); color: var(--color-gray); background-color: var(--color-white); } .button--white-transparent:hover svg path, .btn--white-transparent:hover svg path { fill: var(--color-gray); } .button--icon, .btn--icon { color: var(--color-gray); background-color: var(--color-white); border: 1px solid var(--color-gray); gap: 0.75rem; font-weight: 400; transition: all ease 0.3s; padding: 0.75rem; } @media only screen and (min-width: 768px) { .button--icon, .btn--icon { min-width: 15rem; } } .button--icon img, .btn--icon img { width: 2.25rem; height: 2.25rem; object-fit: cover; } .button--icon:hover, .btn--icon:hover { box-shadow: 0 8px 21.4px 0 #cfcfcf; } .button--pay, .btn--pay { min-width: 15.9375rem; font-weight: 400; transition: all ease 0.3s; border: 1px solid var(--color-gray); display: flex; gap: 0.375rem; align-items: center; } .button--pay:hover, .btn--pay:hover { box-shadow: 0 15px 18px 0 rgba(107, 107, 107, 0.42); } .button--pay img, .btn--pay img { width: 1.5rem; height: 1.5rem; } .button--pay-transparent, .btn--pay-transparent { color: var(--color-gray); } .button--pay-black, .btn--pay-black { color: var(--color-white); background-color: var(--color-gray); } .button-rounded, .btn-rounded { display: flex; align-items: center; justify-content: center; width: calc(50% - 0.46875rem); min-width: calc(50% - 0.46875rem); height: 3rem; border-radius: 1.5rem; font-size: 0.875rem; line-height: 1.40125rem; } @media only screen and (min-width: 768px) { .button-rounded, .btn-rounded { min-width: 10.375rem; font-size: 1rem; line-height: 1.375rem; width: auto; } } .button-rounded--primary, .btn-rounded--primary { color: var(--color-primary); background-color: transparent; border: 1px solid var(--color-primary); } .button-rounded--primary:hover, .button-rounded--primary.active, .btn-rounded--primary:hover, .btn-rounded--primary.active { background-color: var(--color-primary); color: var(--color-white); } .button--center, .btn--center { margin: 0 auto; } .button--primary, .btn--primary { color: var(--color-white); background-color: var(--color-primary); border: 1px solid var(--color-primary); } .button--primary:hover:not(:disabled), .btn--primary:hover:not(:disabled) { color: var(--color-primary); background-color: transparent; } .button--secondary, .btn--secondary { color: var(--color-white); background-color: var(--color-secondary); } .button--secondary:hover, .btn--secondary:hover { color: var(--color-black); background-color: var(--color-white); } .button--gray, .btn--gray { color: var(--color-white); background-color: var(--color-gray); border: 1px solid var(--color-gray); box-shadow: 0 4px 12px transparent; } .button--gray:hover:not(:disabled), .btn--gray:hover:not(:disabled) { color: var(--color-gray); background-color: var(--color-white); border: 1px solid var(--color-gray); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .button--white, .btn--white { color: var(--color-black); background-color: var(--color-white); } .button--white:hover, .btn--white:hover { color: var(--color-white); background-color: var(--color-secondary); } .button--tertiary, .btn--tertiary { color: var(--color-black); background-color: var(--color-primary); } .button--tertiary:hover, .btn--tertiary:hover { color: var(--color-white); background-color: var(--color-secondary); } .button--blackwhite, .btn--blackwhite { color: var(--color-white); background-color: var(--color-secondary); } .button--blackwhite:hover, .btn--blackwhite:hover { background-color: var(--color-white); color: var(--color-black); } .button--transparent, .btn--transparent { min-width: 7.3125rem; border: 0.0625rem solid var(--color-gray); } @media only screen and (min-width: 1024px) { .button--transparent, .btn--transparent { height: 2.625rem; } } .button--transparent:hover, .btn--transparent:hover { color: var(--color-white); background-color: var(--color-gray); } .button--transparent-orange, .btn--transparent-orange { min-width: 10.1875rem; border: 0.0625rem solid var(--color-primary); color: var(--color-primary); padding: 1rem 1.875rem; } .button--transparent-orange:hover, .btn--transparent-orange:hover { color: var(--color-secondary); background-color: var(--color-primary); } .wpcf7 .wpcf7-spinner { position: absolute; margin: 0.625rem 0 0 0; left: 50%; transform: translateX(-50%); } .wpcf7 .wpcf7-response-output { margin: 0.75rem 0 !important; font-size: 0.75rem; padding: 0.625rem !important; } .wpcf7 label { color: var(--color-gray); font-size: 0.75rem; font-weight: 400; line-height: 1rem; display: flex; flex-direction: column; gap: 0.375rem; } .wpcf7 .wpcf7-not-valid-tip { font-size: 0.75rem !important; color: #dc3232 !important; } .wpcf7 .wpcf7-acceptance { display: flex; margin-bottom: 1.5rem; } .wpcf7 .wpcf7-acceptance .wpcf7-list-item { margin: 0 0 0 0.625rem; } .wpcf7 .wpcf7-acceptance .wpcf7-list-item label { display: flex; flex-direction: row; position: relative; } .wpcf7 .wpcf7-acceptance .wpcf7-list-item label input { width: 0.875rem; height: 0.875rem; margin: 0; opacity: 0; } .wpcf7 .wpcf7-acceptance .wpcf7-list-item label input + span:before { content: ""; display: flex; position: absolute; top: 0; left: 0; width: 0.875rem; height: 0.875rem; border: 0.0625rem solid var(--color-primary); border-radius: 0.1875rem; z-index: 1; background-color: var(--color-white); cursor: pointer; } .wpcf7 .wpcf7-acceptance .wpcf7-list-item label input:checked + span:before { border: 0; background: var(--color-primary); background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%278%27 viewBox=%270 0 10 8%27 fill=%27none%27%3E%3Cpath d=%27M3.57109 7.50091L0.246094 4.17591L1.07734 3.34466L3.57109 5.83841L8.92318 0.486328L9.75443 1.31758L3.57109 7.50091Z%27 fill=%27%23D9D9D9%27/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; } .wpcf7 .wpcf7-acceptance .wpcf7-list-item label .wpcf7-list-item-label { flex-grow: 1; } .wpcf7 input:not(.button), .wpcf7 select:not(.button) { border-radius: 0.75rem; background: var(--color-white); border: none; padding: 0.625rem 1.25rem; width: 100%; color: var(--color-gray-50); font-size: 0.875rem; font-weight: 400; line-height: 1.5rem; letter-spacing: 0.01125rem; height: 2.5rem; } .wpcf7 input:not(.button):focus-visible, .wpcf7 select:not(.button):focus-visible { outline: var(--color-primary) auto 1px; } .wpcf7 input::placeholder, .wpcf7 select::placeholder { color: var(--color-gray-50); } .swiper-container { width: 100%; display: block; position: relative; } .swiper-button-prev, .swiper-button-next { width: 2.625rem; height: 2.625rem; color: var(--color-white); border-radius: 50%; display: none; z-index: 5; background-size: contain; top: calc(50% - 3.1875rem); transition: all ease 0.3s; } @media only screen and (min-width: 1024px) { .swiper-button-prev, .swiper-button-next { display: flex; } } .swiper-button-prev::after, .swiper-button-next::after { content: none !important; } .swiper-button-prev:hover, .swiper-button-next:hover { transform: scale(1.1); } .swiper-button-prev { left: -5.75rem; background: url("data:image/svg+xml;utf8,") no-repeat center center; } .swiper-button-next { right: -5.75rem; background: url("data:image/svg+xml;utf8,") no-repeat center center; } .swiper-button-lock { display: none; } .swiper-button-disabled { opacity: 0 !important; } .swiper-pagination { position: relative; margin-top: 1.875rem; display: flex; height: 0.5625rem; gap: 0.75rem; align-items: center; justify-content: center; } @media only screen and (min-width: 768px) { .swiper-pagination { margin-top: 2.625rem; } } .swiper-pagination-bullet { background: var(--color-gray-30); transition: all ease 0.3s; width: 0.375rem; height: 0.375rem; margin: 0 !important; } .swiper-pagination-bullet-active { width: 0.5625rem; height: 0.5625rem; border-radius: 50%; opacity: 1; background: var(--color-gray); } .tab-container { width: 100%; margin: 0 0; /* .tab-button { background: transparent; border: none; padding: 12px 20px; cursor: pointer; font-size: 16px; font-weight: 500; color: $tab-text-color; position: relative; transition: $tab-transition; white-space: nowrap; border-radius: $tab-border-radius $tab-border-radius 0 0; margin-bottom: -2px; z-index: 1; @media (max-width: 768px) { padding: 12px 16px; font-size: 14px; min-width: auto; flex-shrink: 0; } // Hover state &:hover:not(.active) { background-color: lighten($tab-secondary-color, 2%); color: darken($tab-text-color, 10%); } // Focus state for accessibility &:focus { outline: 2px solid $tab-primary-color; outline-offset: -2px; } // Active state &.active { background-color: $tab-primary-color; color: $tab-active-text-color; border-bottom: 2px solid $tab-primary-color; &::after { content: ''; position: absolute; bottom: -2px; left: 0; right: 0; height: 2px; background-color: $tab-primary-color; } } // Icon support .tab-icon { margin-right: 8px; font-size: 18px; @media (max-width: 768px) { margin-right: 4px; font-size: 16px; } } // Badge/count support .tab-badge { background-color: #e74c3c; color: white; border-radius: 50%; padding: 2px 6px; font-size: 12px; margin-left: 6px; min-width: 18px; height: 18px; display: inline-flex; align-items: center; justify-content: center; .active & { background-color: rgba(255, 255, 255, 0.3); } } } */ } .tab-container .tab-nav { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 0; border-bottom: 2px solid #ddd; padding-bottom: 0; position: relative; } @media (max-width: 768px) { .tab-container .tab-nav { overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; gap: 0; padding-bottom: 0; margin-bottom: 0; } .tab-container .tab-nav::-webkit-scrollbar { height: 3px; } .tab-container .tab-nav::-webkit-scrollbar-track { background: #f1f1f1; } .tab-container .tab-nav::-webkit-scrollbar-thumb { background: #007cba; border-radius: 3px; } } .tab-container .tab-content-wrapper { position: relative; min-height: 200px; overflow: hidden; } .tab-container .tab-content { display: block; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: opacity 0.3s ease; } .tab-container .tab-content.active { position: relative; visibility: visible; opacity: 1; z-index: 1; } .tab-container .tab-content > *:first-child { margin-top: 0; } .tab-container .tab-content > *:last-child { margin-bottom: 0; } .tab-container.transitioning { pointer-events: none; } .tab-container.transitioning .tab-button { pointer-events: none; } .tab-exit-fade { animation: tabFadeOut 150ms cubic-bezier(0.4, 0, 0.2, 1) forwards; } .tab-enter-fade { animation: tabFadeIn 300ms cubic-bezier(0.4, 0, 0.2, 1) forwards; } @keyframes tabFadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes tabFadeIn { from { opacity: 0; } to { opacity: 1; } } .tab-exit-slide { animation: tabSlideOut 150ms cubic-bezier(0.4, 0, 0.2, 1) forwards; } .tab-enter-slide { animation: tabSlideIn 300ms cubic-bezier(0.4, 0, 0.2, 1) forwards; } @keyframes tabSlideOut { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(-30px); } } @keyframes tabSlideIn { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } } .tab-exit-slideUp { animation: tabSlideUpOut 150ms cubic-bezier(0.4, 0, 0.2, 1) forwards; } .tab-enter-slideUp { animation: tabSlideUpIn 300ms cubic-bezier(0.4, 0, 0.2, 1) forwards; } @keyframes tabSlideUpOut { from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-20px); } } @keyframes tabSlideUpIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .tab-exit-scale { animation: tabScaleOut 150ms cubic-bezier(0.4, 0, 0.2, 1) forwards; } .tab-enter-scale { animation: tabScaleIn 300ms cubic-bezier(0.4, 0, 0.2, 1) forwards; } @keyframes tabScaleOut { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.95); } } @keyframes tabScaleIn { from { opacity: 0; transform: scale(1.05); } to { opacity: 1; transform: scale(1); } } .tab-exit-flip { animation: tabFlipOut 150ms cubic-bezier(0.4, 0, 0.2, 1) forwards; } .tab-enter-flip { animation: tabFlipIn 300ms cubic-bezier(0.4, 0, 0.2, 1) forwards; } @keyframes tabFlipOut { from { opacity: 1; transform: rotateY(0deg); } to { opacity: 0; transform: rotateY(-15deg); } } @keyframes tabFlipIn { from { opacity: 0; transform: rotateY(15deg); } to { opacity: 1; transform: rotateY(0deg); } } .tab-container--pills .tab-nav { border-bottom: none; gap: 8px; margin-bottom: 0; } .tab-container--pills .tab-button { border-radius: 25px; background-color: #f1f1f1; margin-bottom: 0; } .tab-container--pills .tab-button:hover:not(.active) { background-color: rgb(228.25, 228.25, 228.25); } .tab-container--pills .tab-button.active { background-color: #007cba; border-bottom: none; } .tab-container--pills .tab-button.active::after { display: none; } .tab-container--pills .tab-content { border-radius: 8px; } .tab-container--vertical { display: flex; gap: 0; } @media (max-width: 768px) { .tab-container--vertical { flex-direction: column; } } .tab-container--vertical .tab-nav { flex-direction: column; border-bottom: none; border-right: 2px solid #ddd; margin-bottom: 0; margin-right: 0; min-width: 200px; } @media (max-width: 768px) { .tab-container--vertical .tab-nav { flex-direction: row; border-right: none; border-bottom: 2px solid #ddd; min-width: auto; overflow-x: auto; } } .tab-container--vertical .tab-button { border-radius: 8px 0 0 8px; text-align: left; margin-bottom: 0; margin-right: -2px; } @media (max-width: 768px) { .tab-container--vertical .tab-button { border-radius: 8px 8px 0 0; margin-right: 0; margin-bottom: -2px; } } .tab-container--vertical .tab-button.active { border-right: 2px solid #007cba; border-bottom: none; } @media (max-width: 768px) { .tab-container--vertical .tab-button.active { border-right: none; border-bottom: 2px solid #007cba; } } .tab-container--vertical .tab-button.active::after { top: 0; bottom: 0; right: -2px; left: auto; width: 2px; height: auto; } @media (max-width: 768px) { .tab-container--vertical .tab-button.active::after { top: auto; bottom: -2px; right: 0; left: 0; width: auto; height: 2px; } } .tab-container--vertical .tab-content-wrapper { flex: 1; } .tab-container--vertical .tab-content { border-radius: 0 8px 8px 0; } @media (max-width: 768px) { .tab-container--vertical .tab-content { border-radius: 0 0 8px 8px; } } .tab-container--minimal .tab-nav { border-bottom: 1px solid #ddd; gap: 0; } .tab-container--minimal .tab-button { background: none; border-radius: 0; padding: 16px 24px; font-weight: 400; } .tab-container--minimal .tab-button:hover:not(.active) { background: none; color: #007cba; } .tab-container--minimal .tab-button.active { background: none; color: #007cba; border-bottom: 2px solid #007cba; } .tab-container--minimal .tab-content { border: none; box-shadow: none; padding-top: 0; } @media (prefers-reduced-motion: reduce) { .tab-container .tab-button, .tab-container .tab-content { transition: none; } } @media (prefers-contrast: high) { .tab-container .tab-button { border: 2px solid transparent; } .tab-container .tab-button:focus { border-color: currentColor; } .tab-container .tab-button.active { border-color: #007cba; } } .tab-content--loading { display: flex; align-items: center; justify-content: center; min-height: 200px; } .tab-content--loading::after { content: ""; width: 32px; height: 32px; border: 3px solid #f1f1f1; border-top-color: #007cba; border-radius: 50%; animation: tab-loading-spin 1s linear infinite; } @keyframes tab-loading-spin { to { transform: rotate(360deg); } } .tab-content-wrapper { transition: height 0.3s ease; overflow: hidden; } /* Reset */ *, *::before, *::after { box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } html { scroll-behavior: smooth; scroll-padding: 0.625rem; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } main ul, main ol { padding-left: 1.5rem; } a { color: var(--color-primary); } strong { font-weight: 700; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } body { font-family: var(--font-roboto); font-optical-sizing: auto; font-style: normal; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; min-height: 100vh; display: flex; flex-direction: column; } body.active { overflow: hidden; } main { flex-grow: 1; } a { text-decoration: none; } @media only screen and (min-width: 768px) { .container { max-width: 67.5rem; margin: 0 auto; padding: 0; } } .container--p0-sm { padding: 0; } @media only screen and (min-width: 1024px) { .container--p0-sm { padding: 0 1.5rem; } } /* Heading */ .heading { font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.375rem; letter-spacing: 0.01rem; } .heading--18, .heading--20, .heading--24, .heading--48, .heading--54, .heading--96, .heading--180 { font-style: normal; font-weight: 700; line-height: normal; } .heading--14 { font-size: 0.875rem; font-weight: 400; } .heading--16 { font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.375rem; letter-spacing: 0.01rem; } .heading--18 { font-size: 1.125rem; } .heading--20 { font-size: 1.25rem; } .heading--24 { font-size: 1.5rem; } .heading--36 { font-size: 1.875rem; font-weight: 600; } @media only screen and (min-width: 1024px) { .heading--36 { font-size: 2.25rem; } } .heading--48 { font-size: 2.625rem; line-height: 2.875rem; } @media only screen and (min-width: 1024px) { .heading--48 { font-size: 3rem; line-height: normal; } } .heading--54 { font-size: 2.625rem; letter-spacing: -0.42px; line-height: 2.875rem; } @media only screen and (min-width: 1024px) { .heading--54 { font-size: 3.375rem; letter-spacing: normal; line-height: normal; } } .heading--96 { font-size: 4.5rem; line-height: 4rem; } @media only screen and (min-width: 1024px) { .heading--96 { font-size: 5rem; line-height: normal; } } @media only screen and (min-width: 1280px) { .heading--96 { font-size: 6rem; } } .heading--180 { font-size: 6rem; } @media only screen and (min-width: 1024px) { .heading--180 { font-size: 11.25rem; } } .color--primary { color: var(--color-primary); } .color--secondary { color: var(--color-secondary); } .color--white { color: var(--color-white); } .color--blue-50 { color: var(--color-blue-50); } .color--gray-50 { color: var(--color-gray-50); } .color--footer-title { color: var(--color-footer-title); } .visibleDesktop { display: none; } @media only screen and (min-width: 1024px) { .visibleDesktop { display: block; } } .visibleMobile { display: block; } @media only screen and (min-width: 1024px) { .visibleMobile { display: none; } } .fw-100 { font-weight: 100; } .fw-200 { font-weight: 200; } .fw-300 { font-weight: 300; } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fw-600 { font-weight: 600; } .fw-700 { font-weight: 700; } .fw-800 { font-weight: 800; } .fw-900 { font-weight: 900; } .bg-accanto-white { background: url(../../.././assets/css/build/img/bg_accanto_white.webp); background-repeat: no-repeat; background-size: cover; padding: 2.25rem 1.5rem; background-position: center; } @media only screen and (min-width: 768px) { .bg-accanto-white { padding: 2.625rem 0 3.75rem; background-repeat: no-repeat; background-size: 100% 100%; } } .bg-accanto-green { background: url(../../.././assets/css/build/img/bg_accanto_green.webp); background-repeat: no-repeat; background-size: contain; padding: 2.25rem 1.5rem; background-position: top; } @media only screen and (min-width: 768px) { .bg-accanto-green { padding: 2.625rem 0 3.75rem; background-repeat: no-repeat; background-size: contain; } } .page__header { background-color: var(--color-gray-20); padding: 2.625rem 1.5rem 1.5rem; } @media only screen and (min-width: 768px) { .page__header { padding: 2.625rem 0rem 1.5rem; } } .page__header_title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 2.5rem; font-weight: 400; line-height: 2.875rem; letter-spacing: 0.1rem; } @media only screen and (min-width: 768px) { .page__header_title { font-size: 2.75rem; line-height: 2.875rem; letter-spacing: 0.11rem; } } .accordion { --accordion-color: #343a40; --accordion-bg: transparent; --accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --accordion-border-color: #dee2e6; --accordion-border-width: 1px; --accordion-border-radius: 0.375rem; --accordion-inner-border-radius: calc(0.375rem - 1px); --accordion-btn-padding-x: 1.125rem; --accordion-btn-padding-y: 0.75rem; --accordion-btn-color: #343a40; --accordion-btn-bg: rgb(244, 244, 244); --accordion-btn-icon: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M6.28955%200.460262L0.639548%206.12026C0.54582%206.21323%200.471426%206.32383%200.420657%206.44569C0.369888%206.56754%200.34375%206.69825%200.34375%206.83026C0.34375%206.96227%200.369888%207.09298%200.420657%207.21484C0.471426%207.3367%200.54582%207.4473%200.639548%207.54026C0.826911%207.72651%201.08036%207.83105%201.34455%207.83105C1.60873%207.83105%201.86219%207.72651%202.04955%207.54026L7.04955%202.59026L11.9995%207.54026C12.1869%207.72651%2012.4404%207.83105%2012.7045%207.83105C12.9687%207.83105%2013.2222%207.72651%2013.4095%207.54026C13.504%207.44765%2013.5792%207.3372%2013.6307%207.21533C13.6822%207.09345%2013.709%206.96257%2013.7095%206.83026C13.709%206.69796%2013.6822%206.56707%2013.6307%206.4452C13.5792%206.32332%2013.504%206.21288%2013.4095%206.12026L7.75955%200.460262C7.66591%200.358757%207.55225%200.277749%207.42576%200.222342C7.29926%200.166934%207.16265%200.13833%207.02455%200.13833C6.88645%200.13833%206.74984%200.166934%206.62334%200.222342C6.49684%200.277749%206.38319%200.358757%206.28955%200.460262Z%22%20fill%3D%22%232E2E2E%22%2F%3E%0A%3C%2Fsvg%3E"); --accordion-btn-icon-width: 1.5rem; --accordion-btn-icon-transform: rotate(180deg); --accordion-btn-icon-transition: transform 0.2s ease-in-out; --accordion-btn-focus-border-color: #86b7fe; --accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --accordion-body-padding-x: 1.125rem; --accordion-body-padding-y: 1rem; } .accordion-button { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0.75rem 1.125rem; color: var(--accordion-btn-color); text-align: left; background-color: var(--accordion-btn-bg); border: 0; transition: var(--accordion-transition); cursor: pointer; gap: 0.625rem; font-family: var(--font-gothic); font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 1.5rem; border-radius: 0.75rem; } .accordion-button:not(.collapsed) { box-shadow: 0 8px 21.4px 0 #cfcfcf; } .accordion-button:not(.collapsed)::after { transform: var(--accordion-btn-icon-transform); } .accordion-button:hover { box-shadow: 0 8px 21.4px 0 #cfcfcf; } .accordion-button::after { content: ""; flex-shrink: 0; width: 0.875rem; height: 0.5rem; background-image: var(--accordion-btn-icon); background-repeat: no-repeat; background-size: contain; transition: var(--accordion-btn-icon-transition); transform: rotate(0); } .accordion-item { color: var(--accordion-color); background-color: var(--accordion-bg); } .accordion-item:not(:last-of-type) { margin-bottom: 1.4375rem; } .accordion-body { padding: 1.5rem; font-size: 1rem; line-height: 1.375rem; color: #333e33; font-style: normal; font-weight: 400; letter-spacing: 0.005rem; } .accordion-body ul { list-style: disc; padding-left: 1.25rem; } .accordion-body em { font-style: italic; } .collapse:not(.show) { display: none; } .collapse.show { display: block; } .collapsing { height: 0; overflow: hidden; transition: height height 0.35s ease; } .accordion-always-open .accordion-item .accordion-collapse.show { display: block !important; } .accordion--fast .collapsing { transition: height 0.2s ease-out; } form { display: flex; flex-direction: column; gap: 1.125rem; } form span.js-validation-tip { display: none; } form .wpcf7-acceptance { margin: 0; } form .wpcf7-acceptance label { color: var(--color-gray); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } form .wpcf7-acceptance a:hover { text-decoration: underline; } form .wpcf7-acceptance .wpcf7-list-item label input + span:before { top: 3px; } form .form-section { display: flex; flex-direction: column; gap: 1.125rem; } form .form-section-title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 1.25rem; font-weight: 700; line-height: 1.5rem; padding-bottom: 0.75rem; border-bottom: 1px solid var(--color-gray-30); } form .form-section-title.u-0 { border-bottom: none; padding-bottom: 0.5rem; } form .form-row { display: flex; flex-direction: column; gap: 1.125rem; } @media only screen and (min-width: 768px) { form .form-row { flex-direction: row; } } form .form-field { flex: 1; } form .form-field label { color: var(--color-gray); font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 1rem; } form .form-input { padding: 1rem 0.75rem; border-radius: 12px; background: var(--color-white); color: var(--color-gray-50) !important; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 1.5rem; letter-spacing: 0.01125rem; font-family: var(--font-roboto); } form .form-input.wpcf7-not-valid { border: 1px solid #dc3232; } form .form-textarea { padding: 1.25rem; width: 100%; height: 7rem; border-radius: 0.75rem; border: none; background: var(--color-white); color: var(--color-gray-50); font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 1.5rem; letter-spacing: 0.01125rem; font-family: var(--font-roboto); } form .form-textarea:focus-visible { outline: var(--color-primary) auto 1px; } form .form-textarea.wpcf7-not-valid { border: 1px solid #dc3232; } .upload-area { border: 1px dashed var(--color-gray-30); border-radius: 0.25rem; padding: 1.25rem; transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 0.5rem; position: relative; flex-direction: column; background-color: var(--color-white); } .upload-area .text-primary { color: var(--color-gray); text-align: center; font-family: var(--font-roboto); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .upload-wrapper { display: flex; flex-direction: column; width: 100%; } .upload-wrapper .cvFile .wpcf7-not-valid-tip { bottom: 2px; font-size: 0.875rem; left: 0.3125rem; } .upload-label { color: var(--color-gray); font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 1rem; margin-top: 0.5rem; } .file-name { flex: 1; font-size: 14px; line-height: 20px; letter-spacing: -0.14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cvFile { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cvFile .wpcf7-form-control-wrap { display: block; width: 100%; height: 100%; } .cvFile .wpcf7-not-valid-tip { position: absolute; bottom: -18px; } .upload-wrapper { position: relative; } #cvFile, .cvFileInput { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } .file-preview { padding: 20px 15px; background: #fff; border-radius: 6px; } .file-preview-items { display: flex; align-items: center; gap: 6px; } .file-preview button { appearance: none; background-color: var(--color-primary); padding: 0.375rem; border-radius: 0.375rem; cursor: pointer; display: flex; border: none; } .icono { display: inline-block; width: 24px; height: 24px; background-size: contain; background-repeat: no-repeat; } .icono-upload { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjEuMzM0NiAyMS4zMzMzTDE2LjAwMTMgMTZMMTAuNjY4IDIxLjMzMzMiIHN0cm9rZT0iIzJFMkUyRSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik0xNS45OTg3IDE2VjI4IiBzdHJva2U9IiMyRTJFMkUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICA8cGF0aCBkPSJNMjcuMTg0OCAyNC41MkMyOS44NiAyMy4wNjE1IDMxLjIwNiAxOS45NzUgMzAuNDU0NCAxNy4wMjIyQzI5LjcwMjkgMTQuMDY5NCAyNy4wNDUxIDEyLjAwMiAyMy45OTgxIDEySDE5LjYxODEgQzIxLjIxMjkgNy43MjUwNCAxNy41ODgxIDQuNTcyOTggMTMuMjAxMSA0LjA3MjA4QzguODE0MTIgMy41NzExOCA0LjU3MjAxIDUuODI0OTkgMi41MzE1OSA5Ljc0MDc0QzAuNDkxNjEgMTMuNjU2NSAxLjA3NDI1IDE4LjQyNDYgMy45OTgxNSAyMS43MzMzIiBzdHJva2U9IiMyRTJFMkUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICA8cGF0aCBkPSJNMjEuMzM0NiAyMS4zMzMzTDE2LjAwMTMgMTZMMTAuNjY4IDIxLjMzMzMiIHN0cm9rZT0iIzJFMkUyRSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K); } .icono-cerrar { width: 18px; height: 18px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJN MTAuNTkwNyA4Ljk5OTdMMTcuNjcwNCAxLjkyMTAzQzE4LjEwOTggMS40ODE1NiAxOC4xMDk4IDAuNzY5MDM4IDE3LjY3MDQgMC4zMjk2MDNDMTcuMjMwOSAtMC4xMDk4NjggMTYuNTE4NCAtMC4xMDk4NjggMTYuMDc5IDAuMzI5NjAzTDguOTk5NyA3LjQwOTI5TDEuOTIxMDMgMC4zMjk2MDNDMS40ODE1NiAtMC4xMDk4NjggMC43NjkwMyAtMC4xMDk4NjggMC4zMjk2MDMgMC4zMjk2MDNDLTAuMTA5ODMyIDAuNzY5MDczIC0wLjEwOTg2OCAxLjQ4MTU5IDAuMzI5NjAzIDEuOTIxMDNMNy40MDkyOSA4Ljk5OTdMMC4zMjk2MDMgMTYuMDc5Qy0wLjEwOTg2OCAxNi41MTg0IC0wLjEwOTg2OCAxNy4yMzA5IDAuMzI5NjAzIDE3LjY3MDRDMC43NjkwNzMgMTguMTA5OCAxLjQ4MTU5IDE4LjEwOTggMS45MjEwMyAxNy42NzA0TDguOTk5NyAxMC41OTA3TDE2LjA3ODkgMTcuNjcwNEMxNi41MTg0IDE4LjEwOTggMTcuMjMwOSAxOC4xMDk4IDE3LjY3MDMgMTcuNjcwNEMxOC4xMDk4IDE3LjIzMDkgMTguMTA5OCAxNi41MTg0IDE3LjY3MDMgMTYuMDc5TDEwLjU5MDcgOC45OTk3WiIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4="); } @media only screen and (min-width: 768px) { .fancybox__slide.has-html { padding: 3.75rem 7.5rem; } } .fancybox__slide.has-iframe .f-html { padding: 1.25rem; } .breadcrumbs { padding: 0.9375rem 4.5rem; position: absolute; z-index: 10; color: var(--color-gray); font-family: var(--font-roboto); font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 1rem; width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .breadcrumbs.breadcrumbs-subtle { background: transparent; border-bottom: none; padding: 0.5rem 0; } .breadcrumbs.breadcrumbs-with-icons .breadcrumb-link::before, .breadcrumbs.breadcrumbs-with-icons .breadcrumb-current::before { font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; } .breadcrumbs.breadcrumbs-with-icons .breadcrumb-item:first-child .breadcrumb-link::before { content: "\f015"; /* Ícono de casa */ } .breadcrumbs.breadcrumbs-dark { background: rgba(0, 0, 0, 0.8); color: #fff; border-bottom-color: #444; } .breadcrumbs.breadcrumbs-dark .breadcrumb-link { color: #ccc; } .breadcrumbs.breadcrumbs-dark .breadcrumb-link:hover { color: #fff; } .breadcrumbs.breadcrumbs-dark .breadcrumb-current { color: #fff; } .breadcrumbs.breadcrumbs-dark .breadcrumb-separator { color: #777; } .breadcrumb-container { max-width: 81rem; margin: 0 auto; } .breadcrumb-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; } .breadcrumb-item { display: inline-flex; align-items: center; margin: 0; padding: 0; } .breadcrumb-item:first-child .breadcrumb-link { font-weight: 500; color: var(--color-gray); } @media (max-width: 480px) { .breadcrumb-item:last-child .breadcrumb-separator { display: none; } } .breadcrumb-link { text-decoration: none; padding: 4px 0; border-radius: 3px; transition: all 0.3s ease; position: relative; color: var(--color-gray); } .breadcrumb-link:focus { outline: 2px solid var(--color-gray); outline-offset: 2px; } .breadcrumb-link::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: #333; transition: width 0.3s ease; } .breadcrumb-link:hover::before { width: 100%; } .breadcrumb-current { font-weight: 700; padding: 4px 0; } .breadcrumb-separator { margin: 0 8px; font-weight: normal; user-select: none; } /* ================================================ RESPONSIVE DESIGN ================================================ */ @media (max-width: 768px) { .breadcrumbs { font-size: 0.8125rem; padding: 0.625rem 0; } .breadcrumb-container { padding: 0 0.9375rem; } .breadcrumb-separator { margin: 0 6px; } } @media (max-width: 480px) { .breadcrumbs { font-size: 0.75rem; padding: 0.5rem 0; } .breadcrumb-container { padding: 0 0.75rem; } .breadcrumb-list { flex-wrap: wrap; line-height: 1.4; } .breadcrumb-separator { margin: 0 4px; } } /* ================================================ ACCESIBILIDAD ================================================ */ @media (prefers-contrast: high) { .breadcrumb-link { color: #000; } .breadcrumb-current { color: #000; font-weight: 700; } .breadcrumb-separator { color: #333; } } @media (prefers-reduced-motion: reduce) { .breadcrumb-link, .breadcrumb-link::before { transition: none; } } /* ================================================ PRINT STYLES ================================================ */ @media print { .breadcrumbs { background: none !important; border: none !important; color: #000 !important; font-size: 0.75rem; } .breadcrumb-link, .breadcrumb-current { color: #000 !important; } .breadcrumb-link::before { display: none; } } /* ================================================ MIXINS ADICIONALES (OPCIONAL) ================================================ */ .form-login { border-radius: 0.75rem; padding: 2.625rem; min-width: 25rem; } .form-login h3 { text-align: center; font-family: var(--font-gothic); font-weight: 800; font-size: 1.5rem; margin-bottom: 0.75rem; } .form-login p { display: flex; flex-direction: column; gap: 0.375rem; } .form-login input[type=text], .form-login input[type=password] { padding: 1rem 0.75rem; border-radius: 12px; background: var(--color-white); color: var(--color-gray-50) !important; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 1.5rem; letter-spacing: 0.01125rem; font-family: var(--font-roboto); outline: none; } .form-login input[type=submit] { font-family: inherit; position: relative; display: flex; justify-content: center; column-gap: 0.375rem; align-items: center; width: 100%; min-width: 100%; padding: 0.75rem 1.5rem; border: none; font-size: 1rem; font-weight: 700; border-radius: 0.75rem; line-height: normal; white-space: nowrap; text-decoration: none; transition: background-color 0.3s ease; cursor: pointer; overflow: hidden; background-color: var(--color-gray); color: var(--color-white); border: 1px solid var(--color-gray); } .form-login input[type=submit]:hover { background-color: var(--color-white); color: var(--color-gray); } .navbar--custom { background-color: var(--jvm-background-primary); box-shadow: 0 7px 22px 0 rgba(0, 0, 0, 0.25); } .navbar--fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; } .navbar .custom-logo { max-height: 3.1875rem; filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.24)); } .navbar .custom-logo-link { padding: 0 0 0 1.5rem; } @media only screen and (min-width: 768px) { .navbar .custom-logo { max-height: 3.6875rem; } } .navbar__container { display: flex; align-items: center; justify-content: space-between; max-width: 81rem; margin: 0 auto; height: 4.5rem; } @media only screen and (min-width: 768px) { .navbar__container { height: 5.625rem; } } .navbar__search_dropdown { display: none; } @media only screen and (min-width: 768px) { .navbar__search_dropdown { display: flex; gap: 1.125rem; } } .navbar__brand { display: flex; align-items: center; text-decoration: none; } .navbar__toggler { display: flex; background: none; border-radius: 0.375rem 0 0 0.375rem; padding: 4px 8px; cursor: pointer; height: 100%; width: 4.5rem; background-color: #2e2e2e; border: none; align-items: center; justify-content: center; } @media only screen and (min-width: 768px) { .navbar__toggler { display: none; } } .navbar__collapse { display: none; } @media only screen and (min-width: 768px) { .navbar__collapse { display: flex; } } .navbar__nav { display: flex; list-style: none; margin: 0; padding: 0; gap: 1.125rem; } .navbar .page_item.current_page_item a, .navbar .menu-item.current_page_item a { border-bottom: 2px solid var(--jvm-color-text-primary); font-weight: 700; } .navbar .page_item a, .navbar .menu-item a { color: var(--jvm-color-text-primary); font-weight: 400; padding: 0 0 0.375rem; transition: all 0.3s ease; font-family: "Roboto", sans-serif; text-decoration: none; display: block; font-size: 17px; border-bottom: 2px solid transparent; } .navbar .page_item a:hover, .navbar .menu-item a:hover { border-bottom: 2px solid var(--jvm-color-text-primary); font-weight: 700; } .navbar__sidebar { position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; background: var(--jvm-background-primary); z-index: 2000; transition: left 0.3s ease; display: flex; flex-direction: column; overflow: auto; } .navbar__sidebar.active { left: 0; } .navbar__sidebar .sub-menu { position: absolute; height: 100vh; left: 0; background: var(--jvm-background-primary); width: 100%; height: 100%; padding: 11.25rem 0 0 0; z-index: 1; transform: translate3d(-100%, 0, 0); transition: all ease 0.3s; top: 0; overflow: auto; } .navbar__sidebar .sub-menu a { font-family: var(--font-gothic); font-size: 1.25rem; font-weight: 700; line-height: 1.5rem; } .navbar__sidebar-close-submenu { background-color: var(--color-gray); color: var(--color-white) !important; font-family: var(--font-roboto) !important; font-size: 1rem !important; font-weight: 400 !important; line-height: 1.3125rem !important; padding: 0.1875rem 1.5rem !important; display: flex !important; justify-content: space-between; align-items: center; } .navbar__sidebar-close-submenu svg { transform: rotate(180deg); } .navbar__sidebar-options { padding: 1.125rem 1.5rem; list-style: none; display: flex; flex-direction: column; } .navbar__sidebar-options li a { display: flex; padding: 1.5rem 0 !important; border-bottom: 1px solid var(--color-gray) !important; } .navbar .menu-item-has-children.active .sub-menu { transform: translate3d(0, 0, 0); } .navbar__sidebar-header { display: flex; align-items: center; justify-content: space-between; background: rgba(255, 255, 255, 0.1); height: 4.5rem; min-height: 4.5rem; box-shadow: 0 7px 22px 0 rgba(0, 0, 0, 0.25); z-index: 10; } .navbar__sidebar-logo { display: flex; align-items: center; gap: 0.5rem; } .navbar__sidebar-logo img { height: auto; filter: brightness(0) invert(1); } .navbar__sidebar-title { color: white; font-weight: bold; font-size: 1rem; } .navbar__sidebar-close { display: flex; background: none; border-radius: 0.375rem 0 0 0.375rem; padding: 4px 8px; cursor: pointer; height: 100%; width: 4.5rem; background-color: #2e2e2e; border: none; align-items: center; justify-content: center; } @media only screen and (min-width: 768px) { .navbar__sidebar-close { display: none; } } .navbar__sidebar-search { position: relative; z-index: 10; } .navbar__sidebar-search form { position: relative; margin: 1.5rem 0 0 0; display: flex; flex-direction: row; gap: 0; } .navbar__sidebar-search input { width: 100%; padding: 1.125rem; border: none; background: white; font-size: 14px; color: #2e2e2e; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); color: var(--color-gray-50); font-family: var(--font-roboto); font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 1.5rem; letter-spacing: 0.01125rem; } .navbar__sidebar-search input:focus { outline: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .navbar__sidebar-search button { background-color: var(--color-primary); border: none; color: #6b7280; cursor: pointer; padding: 6px; display: flex; align-items: center; justify-content: center; min-width: 3.75rem; } .navbar__sidebar-search button:hover { color: #374151; } .navbar__sidebar-nav { padding: 0.75rem 1.5rem 2.625rem; flex-grow: 1; list-style: none; } .navbar__sidebar-nav a span { font-family: var(--font-gothic); font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 1.5rem; } .navbar__sidebar-nav .current-menu-item a { border: none !important; } .navbar__sidebar-item { padding: 1rem 0; color: var(--jvm-color-text-primar); text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.3s ease; border-bottom: 1px solid var(--jvm-color-text-primary); } .navbar__sidebar-item:not(.visibleMobile) { display: flex !important; } .navbar__sidebar-item:hover { background: rgba(255, 255, 255, 0.1); margin: 0 -1rem; padding-left: 1rem; padding-right: 1rem; } .navbar__sidebar-item span { flex: 1; } .navbar__sidebar-link { font-family: var(--font-gothic); display: flex !important; align-items: center; justify-content: space-between; flex-grow: 1; font-weight: 700 !important; font-size: 1.25rem; padding: 0 !important; margin: 0 !important; font-family: var(--font-gothic) !important; font-size: 1.25rem !important; font-style: normal !important; font-weight: 700 !important; line-height: 1.5rem !important; } .navbar__sidebar-footer_socials { padding: 0.75rem 1.5rem; text-align: center; background: #2d6400 url(../../.././assets/css/build/img/bg-footer-header.webp); background-repeat: no-repeat; background-size: cover; background-position: bottom; display: flex; flex-direction: column; gap: 0.78125rem; } .navbar__sidebar-social-text { color: white; font-family: var(--font-roboto); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .navbar__sidebar-social { display: flex; justify-content: center; column-gap: 2.5rem; row-gap: 1rem; flex-wrap: wrap; } .navbar__sidebar-social a { display: flex; align-items: center; justify-content: center; color: white; text-decoration: none; transition: all 0.3s ease; } .navbar__sidebar-social a:hover { background: rgba(255, 255, 255, 0.3); transform: translateY(-2px); } .navbar__sidebar-copyright { color: var(--Blanco, #fff); font-family: var(--font-roboto); font-size: 0.75rem; text-align: center; font-weight: 400; line-height: 1rem; } .navbar__sidebar-copyright-container { background: #2e2e2e; padding: 0.375rem; } .navbar__overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1500; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .navbar__overlay--show { opacity: 1; visibility: visible; } .search { position: relative; max-width: 300px; } .search__form { position: relative; width: 100%; } .search__input { background: #fff; border: none; border-radius: 0.75rem; padding: 12px 50px 12px 16px; width: 100%; font-weight: 400; transition: all 0.3s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); color: var(--color-gray-50); font-family: var(--font-roboto); font-size: 1.125rem; font-style: normal; line-height: 1.5rem; letter-spacing: 0.01125rem; } .search__input:focus { outline: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .search__btn { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #6b7280; padding: 6px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; width: 24px; height: 24px; } .search__btn:hover { color: #374151; } .search__btn i { font-size: 18px; font-weight: 400; } .search__btn::before { content: ""; width: 18px; height: 18px; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: center; background-size: contain; display: none; } .search__results { position: absolute; top: 100%; left: 0; right: 0; background: white; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); margin-top: 5px; max-height: 300px; overflow-y: auto; z-index: 1000; display: none; } .search__results--show { display: block; } .dropdown { position: relative; } .dropdown svg { transition: all ease 0.3s; } .dropdown__toggle { background: #2e2e2e; color: white !important; border: none; border-radius: 12px; padding: 8px 20px; font-weight: 500; transition: all 0.3s ease; cursor: pointer; position: relative; font-family: "Roboto", sans-serif; font-size: 16px; padding: 12px 20px; min-width: 12.1875rem; display: flex; align-items: center; justify-content: space-between; } .dropdown__menu { font-family: var(--font-roboto); position: absolute; right: 0; background: white; border: none; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); list-style: none; padding: 0; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index: 1000; background-color: var(--color-gray-20); overflow: hidden; width: 100%; } .dropdown__menu li:not(:last-child) { border-bottom: 1px solid var(--color-gray-30); } .dropdown__item { padding: 0.625rem 1.25rem; transition: all 0.3s ease; color: var(--color-gray); text-decoration: none; display: block; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.5rem; } .dropdown__item:hover { background-color: var(--color-gray); color: var(--color-white); } .dropdown.dropdown--open .dropdown__toggle { border-radius: 0.75rem 0.75rem 0 0; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); z-index: 1001; } .dropdown.dropdown--open .dropdown__toggle svg { transform: rotate(180deg); } .dropdown.dropdown--open .dropdown__menu { opacity: 1; visibility: visible; transform: translateY(0px); border-radius: 0 0 0.75rem 0.75rem; } @media (max-width: 991px) { /* .search { display: none; } */ .dropdown { display: none; } } @media (min-width: 992px) { .navbar__sidebar { display: none; } .navbar__overlay { display: none; } } .footer__container { background: var(--color-green-dark) url(../../.././assets/css/build/img/bg_footer_mobile.webp); background-size: 100%; background-repeat: no-repeat; background-position: bottom; color: #ffffff; } @media only screen and (min-width: 768px) { .footer__container { background: var(--color-green-dark) url(../../.././assets/css/build/img/bg_footer.webp); background-size: 100%; background-repeat: no-repeat; } } @media only screen and (min-width: 1460px) { .footer__container { background-position: top; } } .footer__content { display: grid; gap: 1.5rem; max-width: 67.5rem; margin: 0 auto; padding: 2.625rem 1.5rem 0.78125rem; } @media only screen and (min-width: 768px) { .footer__content { padding: 2.625rem 1.5rem 3.125rem; grid-template-columns: 17.1875rem 21.6875rem 1fr; } } @media only screen and (min-width: 1024px) { .footer__content { padding: 2.625rem 0 3.125rem; } } .footer__column--office { border-bottom: 1px solid var(--color-white); padding-bottom: 1.5rem; } @media only screen and (min-width: 768px) { .footer__column--office { padding-right: 0.625rem; padding-bottom: 0; border-right: 1px solid var(--color-white); border-bottom: none; } } .footer__column--office .footer__title { margin-bottom: 1.5rem; } .footer__column--links .footer__title { margin-bottom: 0.75rem; } .footer__column--brand { display: flex; flex-direction: column; align-items: center; gap: 1.5rem; } @media only screen and (min-width: 768px) { .footer__column--brand { gap: 0.625rem; align-items: flex-end; } } .footer__title { color: var(--color-white); font-family: var(--font-gothic); font-size: 1.25rem; font-weight: 700; line-height: 1.5rem; } .footer__info { display: flex; flex-direction: column; gap: 0.75rem; } .footer__info-item { display: flex; align-items: flex-start; gap: 0.375rem; } .footer__info-item-icon { width: 1.875rem; height: 1.875rem; } .footer__info-item-text { color: var(--color-white); font-size: 0.875rem; font-weight: 400; line-height: 1rem; width: 100%; } .footer__info-item-text p:not(:last-child) { margin-bottom: 0.375rem; } .footer__info-item-text a { color: var(--color-white); } .footer__info-item-text a:hover { text-decoration: underline; } .footer__list { list-style: none; display: flex; flex-direction: column; gap: 0.75rem; } .footer__list-item { margin: 0; } .footer__link { color: var(--color-white); font-size: 0.875rem; line-height: 1rem; } .footer__link:hover { text-decoration: underline; } .footer__logo img { width: 12.1875rem; height: auto; margin-top: 0.625rem; } @media only screen and (min-width: 768px) { .footer__logo img { margin-top: 0; } } .footer__social { display: flex; gap: 16px; align-items: center; } .footer__social-link { display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } .footer__social-link:hover { transform: translateY(-2px); } .footer__social-icon { width: 24px; } .footer__bottom { padding: 0.375rem 0; background-color: var(--color-gray); } .footer__copyright { text-align: center; font-size: 0.75rem; color: var(--color-white); font-weight: 400; line-height: 1rem; padding-inline: 1.5rem; } .banner-search { position: relative; display: flex; align-items: center; margin-bottom: 6.25rem; } @media only screen and (min-width: 768px) { .banner-search { margin-bottom: 1.875rem; } } .banner-search__container { width: 100%; position: relative; } .banner-search__image { top: 0; left: 0; width: 100%; height: 100%; z-index: 1; /* &::after { content: ""; background: rgba(60, 60, 60, 0.45); background-blend-mode: multiply; position: absolute; top: 0; width: 100%; height: 100%; } */ } .banner-search__img { width: 100%; height: 100%; object-fit: cover; object-position: center; min-height: 21.875rem; } @media only screen and (min-width: 768px) { .banner-search__img { min-height: 24.5rem; } } .banner-search__form { width: 100%; height: 3.75rem; } .banner-search__form-container { width: 100%; position: absolute; padding: 0 1.5rem; bottom: -1.875rem; z-index: 2; /* bottom: rem(-100); @media only screen and (min-width: 768px) { bottom: rem(-30); } */ } .banner-search__form-group { display: flex; max-width: 44.6875rem; margin: 0 auto; flex-direction: column; row-gap: 0.75rem; width: 100%; } @media only screen and (min-width: 768px) { .banner-search__form-group { flex-direction: row; } } .banner-search__form-input { padding: 1.125rem; border: none; outline: none; font-size: 1.125rem; background: var(--color-white); border-radius: 0.75rem; font-family: var(--font-roboto); color: var(--color-gray-50); font-weight: 400; line-height: 1.5rem; letter-spacing: 0.01125rem; box-shadow: 0 11px 20.8px 0 rgba(129, 129, 129, 0.25); } @media only screen and (min-width: 768px) { .banner-search__form-input { flex-grow: 1; border-radius: 0.75rem 0 0 0.75rem; } } .banner-search__form-btn { background: var(--color-primary); color: var(--color-white); border: none; padding: 1.125rem; cursor: pointer; transition: all 0.3s ease; white-space: nowrap; font-family: var(--font-roboto); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.5rem; border-radius: 0.75rem; box-shadow: 0 11px 20.8px 0 rgba(129, 129, 129, 0.25); } @media only screen and (min-width: 768px) { .banner-search__form-btn { border-radius: 0 0.75rem 0.75rem 0; padding: 1.125rem 1.625rem; } } .banner-search__form-btn:hover { background-color: var(--color-green-dark); } .banner-search .swiper-pagination { position: absolute; top: auto !important; bottom: 1.875rem; } .section-text-image .confidence__container { max-width: 67.5rem; margin: 0 auto; padding: 0 1.5rem 2.625rem; } @media only screen and (min-width: 768px) { .section-text-image .confidence__container { padding: 2.625rem 0; } } .section-text-image .confidence__content { display: grid; gap: 1.875rem; align-items: center; } @media only screen and (min-width: 768px) { .section-text-image .confidence__content { grid-template-columns: 1fr 1fr; gap: 6.875rem; } } .section-text-image .confidence__image { border-radius: 0.75rem; filter: drop-shadow(0 8px 21.4px #cfcfcf); } @media (max-width: 1024px) { .section-text-image .confidence__image { order: -1; max-width: 400px; margin: 0 auto; } } .section-text-image .confidence__img { width: 100%; height: auto; display: block; border-radius: 8px; aspect-ratio: 4/3; object-fit: cover; } .section-text-image .confidence__text { display: flex; flex-direction: column; gap: 1.5rem; align-items: flex-start; } .section-text-image .confidence__title { font-family: var(--font-gothic); color: var(--color-gray); font-size: 1.875rem; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; } @media only screen and (min-width: 768px) { .section-text-image .confidence__title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .section-text-image .confidence__description { font-family: var(--font-roboto); color: var(--color-gray); font-size: 1rem; font-weight: 400; line-height: 1.3125rem; } .section-testimonials { padding: 0 1.5rem 2.625rem; background-color: #ffffff; } @media only screen and (min-width: 768px) { .section-testimonials { padding: 2.625rem 0rem; } } .section-testimonials__container { max-width: 67.5rem; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 1.875rem; } @media only screen and (min-width: 768px) { .section-testimonials__container { gap: 2.625rem; } } .section-testimonials__header { max-width: 38.3125rem; } .section-testimonials__header_title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 1.875rem; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; text-align: left; margin-bottom: 0.75rem; } @media only screen and (min-width: 768px) { .section-testimonials__header_title { text-align: center; font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .section-testimonials__header_subtitle { color: var(--color-gray); font-size: 1rem; font-weight: 400; line-height: 1.3125rem; } @media only screen and (min-width: 768px) { .section-testimonials__header_subtitle { text-align: center; } } .section-testimonials__card { background-color: #f8f9fa; padding: 1rem; border-radius: 0.375rem; background: var(--color-gray-10) url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: center right 10%; min-height: 5.9375rem; display: flex; align-items: flex-start; gap: 1rem; text-align: left; } .section-testimonials__card_avatar { width: 3.75rem; height: 3.75rem; border-radius: 50%; object-fit: cover; border: 1px solid var(--color-white); flex-shrink: 0; } .section-testimonials__card_content { flex: 1; display: flex; flex-direction: column; gap: 0.5rem; } .section-testimonials__card_name { color: var(--color-gray); font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; letter-spacing: 0.01125rem; } .section-testimonials__card_text { color: var(--color-gray); font-size: 1rem; font-weight: 400; line-height: 1.3125rem; } .section-blog { padding: 2.625rem 1.5rem; background: linear-gradient(180deg, #f9f9f9 0%, rgba(249, 249, 249, 0) 100%); } .section-blog .swiper-pagination { margin-bottom: 1.875rem; } @media only screen and (min-width: 768px) { .section-blog { padding: 3.75rem 0; } .section-blog .swiper { overflow: visible; } .section-blog .swiper-pagination { display: none; } } .section-blog__container { max-width: 67.8125rem; margin: 0 auto; } .section-blog__header { text-align: center; margin-bottom: 1.875rem; } @media only screen and (min-width: 768px) { .section-blog__header { margin-bottom: 2.625rem; } } .section-blog__title { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 1.875rem; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; } @media only screen and (min-width: 768px) { .section-blog__title { font-size: 2.25rem; font-weight: 400; line-height: 2.875rem; letter-spacing: 0.09rem; } } .section-blog__grid { margin-bottom: 1.875rem; display: flex; } @media only screen and (min-width: 768px) { .section-blog__grid { gap: 1.125rem; display: grid; margin-bottom: 2.625rem; grid-template-columns: repeat(2, 1fr); } } .section-blog__card { opacity: 0; transform: translateY(30px); transition: none; } .section-blog__card.animate { animation: fadeInUp 0.6s ease forwards; } .section-blog__card:hover { transform: translateY(-0.25rem); } .section-blog__card:nth-child(1) { animation-delay: 0.1s; } .section-blog__card:nth-child(2) { animation-delay: 0.2s; } .section-blog__card:nth-child(3) { animation-delay: 0.3s; } .section-blog__card:nth-child(4) { animation-delay: 0.4s; } .section-blog__card.featured { padding: 0 1.5rem 2.25rem; } @media only screen and (min-width: 768px) { .section-blog__card.featured { padding: 0 0 2.625rem; display: grid; grid-template-columns: 1fr 1fr; align-items: center; } } .section-blog__card.featured .section-blog__image-wrapper { height: 22.5rem; } .section-blog__card:hover .section-blog__image { transform: scale(1.05); } .section-blog__card:hover .section-blog__image-wrapper { filter: drop-shadow(0 8px 21.4px #cfcfcf); } .section-blog__image-wrapper { position: relative; height: 15rem; overflow: hidden; border-radius: 0.75rem; transition: all ease 0.3s; } .section-blog__image { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; pointer-events: none; } .section-blog__content { padding: 1.125rem 1.5rem; } .section-blog__meta { display: flex; gap: 0.625rem; margin-bottom: 0.375rem; flex-wrap: wrap; } .section-blog__category { padding: 0.25rem 0.5625rem; border-radius: 0.375rem; border: 1px solid var(--color-gray); color: var(--color-gray); font-size: 0.625rem; font-weight: 500; line-height: 1rem; text-transform: uppercase; } .section-blog__info { display: flex; align-items: center; color: var(--color-gray-50); font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 1rem; gap: 0.375rem; margin-bottom: 0.75rem; } .section-blog__card-title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 1.25rem; font-weight: 700; line-height: 1.5rem; margin-bottom: 0.375rem; } .section-blog__card-title a { color: inherit; text-decoration: none; transition: color 0.3s ease; } .section-blog__card-title a:hover { color: var(--color-primary); text-decoration: underline; } .section-blog__excerpt { color: var(--color-gray); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; margin-bottom: 0.75rem; } .section-blog__read-more { display: inline-flex; align-items: center; gap: 6px; transition: all 0.3s ease; color: var(--color-gray); font-size: 1rem; font-weight: 400; line-height: 1.5rem; } .section-blog__read-more:hover { color: var(--color-primary); gap: 8px; text-decoration: underline; } .section-blog__read-more svg { transition: transform 0.3s ease; } .section-blog__read-more:hover svg { transform: translateX(2px); } /* Animaciones de entrada */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .section-contact-form { padding: 2.625rem 1.5rem; background: rgba(136, 187, 68, 0.1); } @media only screen and (min-width: 768px) { .section-contact-form { padding: 3.75rem 0; } } .section-contact-form__container { max-width: 67.5rem; margin: 0 auto; } .section-contact-form__content { display: flex; align-items: flex-start; column-gap: 6.875rem; row-gap: 1.125rem; flex-direction: column; } @media only screen and (min-width: 768px) { .section-contact-form__content { flex-direction: row-reverse; } } .section-contact-form__image { flex: 1; position: relative; width: 100%; } @media only screen and (min-width: 768px) { .section-contact-form__image { max-width: 21.75rem; min-width: 21.75rem; } } .section-contact-form__img { width: 100%; height: auto; border-radius: 16px; object-fit: cover; } .section-contact-form__text-content { flex-grow: 1; } .section-contact-form__title { font-family: var(--font-gothic); font-size: 1.875rem; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; margin-bottom: 0.75rem; } @media only screen and (min-width: 768px) { .section-contact-form__title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .section-contact-form__subtitle { font-family: var(--font-gothic); font-size: 1rem; font-weight: 400; line-height: 1.5rem; margin-bottom: 0.75rem; } @media only screen and (min-width: 768px) { .section-contact-form__subtitle { margin-bottom: 1.5rem; } } .section-contact-form__form-inputs { display: grid; flex-direction: column; gap: 1.125rem; margin-bottom: 1.5rem; } @media only screen and (min-width: 768px) { .section-contact-form__form-inputs { grid-template-columns: 1fr 1fr; } } /* Animaciones adicionales */ @keyframes slideIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .section-testimonials__card { animation: slideIn 0.6s ease forwards; } .section-testimonials__card:nth-child(1) { animation-delay: 0.1s; } .section-testimonials__card:nth-child(2) { animation-delay: 0.2s; } .section-testimonials__card:nth-child(3) { animation-delay: 0.3s; } .section-projects { background-color: var(--color-white); padding: 2.625rem 0; } .section-projects__title { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 2.5rem; font-weight: 400; line-height: 2.875rem; letter-spacing: 0.1rem; padding: 0 1.875rem; margin-bottom: 1.5rem; } @media only screen and (min-width: 768px) { .section-projects__title { font-size: 2.75rem; line-height: 2.875rem; letter-spacing: 0.11rem; } } .section-projects__tabs_nav { display: flex; justify-content: flex-start; gap: 2.625rem; border-bottom: 1px solid var(--color-gray-30); background: var(--color-gray-10); overflow-x: auto; padding-inline: 1.5rem; } @media only screen and (min-width: 768px) { .section-projects__tabs_nav { justify-content: center; flex-wrap: wrap; } } .section-projects__tabs_nav_item { appearance: none; padding: 0.75rem 0.1875rem; text-decoration: none; font-weight: 500; border: none; border-bottom: 3px solid transparent; white-space: nowrap; cursor: pointer; background-color: transparent; color: var(--color-gray); font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: var(--font-roboto); transition: all ease 0.3s; } .section-projects__tabs_nav_item:hover, .section-projects__tabs_nav_item.active { font-weight: 700; border-bottom-color: var(--color-primary); } .section-projects__tabs_content { margin: 0 auto; overflow: visible; padding: 0 0 0 1.5rem; } @media only screen and (min-width: 768px) { .section-projects__tabs_content { padding: 0; } } .section-projects .swiper-wrapper { padding-top: 2.25rem; align-items: stretch; } .section-projects__card { background: #fff; transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; display: flex; flex-direction: column; gap: 0.375rem; height: auto; } .section-projects__card:hover { transform: translateY(-0.25rem); } .section-projects__card:hover .section-projects__card-image { transform: scale(1.05); } .section-projects__card-image { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.3s ease; } .section-projects__card-image-container { border-radius: 0.75rem; position: relative; height: 16.0625rem; overflow: hidden; } @media only screen and (min-width: 768px) { .section-projects__card-image-container { height: 18.75rem; } } .section-projects__card-badge { position: absolute; top: -0.9375rem; right: 0.9375rem; font-size: 0.625rem; font-weight: 500; line-height: 1rem; text-transform: uppercase; padding: 0.25rem 1.125rem; background-color: var(--color-primary); color: var(--color-white); border-radius: 0.375rem; z-index: 1; } .section-projects__card-brand { position: absolute; top: 0.75rem; left: 0.75rem; background: #fff; padding: 0.25rem 0.75rem; border-radius: 0.375rem; z-index: 1; } .section-projects__card-logo { max-height: 1.875rem; width: fit-content; } .section-projects__card-content { background: var(--color-gray-20); border-radius: 0.75rem; overflow: hidden; flex-grow: 1; display: flex; flex-direction: column; } .section-projects__card-info { padding: 0.75rem 1.125rem 0.375rem; display: flex; flex-direction: column; flex-grow: 1; } .section-projects__card-specs { display: flex; background-color: #f5f5f5; padding: 0.375rem 0.625rem; } .section-projects__card-type { color: var(--color-gray); font-size: 0.625rem; font-weight: 500; line-height: 1rem; text-transform: uppercase; padding: 0.25rem 0.5625rem; border: 1px solid var(--color-gray); border-radius: 0.375rem; margin-bottom: 0.625rem; width: fit-content; } .section-projects__card-title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 1.5rem; font-weight: 400; line-height: 1.875rem; margin-bottom: 0.375rem; } .section-projects__card-location { color: var(--color-gray-50); font-size: 1rem; font-weight: 400; line-height: 1.3125rem; padding-bottom: 0.375rem; border-bottom: 1px solid var(--color-gray-30); margin-bottom: 0.375rem; } .section-projects__card-price { display: flex; gap: 0.375rem; align-items: center; } .section-projects__card-price-label { color: var(--color-gray-50); font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; /* 133.333% */ } .section-projects__card-price-container { display: flex; gap: 0.375rem; } .section-projects__card-price-amount { color: var(--color-primary); font-family: var(--font-gothic); font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } @media only screen and (min-width: 768px) { .section-projects__card-price-amount { font-size: 1.25rem; line-height: 1.5rem; } } .section-projects__card-price-currency-selector { border: none; color: var(--color-gray); font-family: var(--font-gothic); font-size: 1rem; font-weight: 700; line-height: 1.5rem; background-color: transparent; } @media only screen and (min-width: 768px) { .section-projects__card-price-currency-selector { font-size: 1.25rem; line-height: 1.5rem; } } .section-projects__card-spec { text-align: center; flex: 1; min-width: 0; } .section-projects__card-spec:not(:last-child) { border-right: 1px solid var(--color-gray-30); } .section-projects__card-spec-icon { display: flex; justify-content: center; align-items: center; min-height: 1.5rem; } .section-projects__card-spec-icon-img { max-width: 1.5rem; max-height: 1.5rem; object-fit: contain; filter: grayscale(1) brightness(0.6); } .section-projects__card-spec-value { color: var(--color-gray-50); font-size: 0.75rem; font-weight: 400; line-height: 1rem; } .section-projects__card_full { transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; display: grid; flex-direction: column; gap: 1.125rem; height: auto; } @media only screen and (min-width: 768px) { .section-projects__card_full { flex-direction: row; grid-template-columns: 21.875rem 1fr; } } .section-projects__card_full:hover { transform: translateY(-0.25rem); } .section-projects__card_full:hover .section-projects__card-image { transform: scale(1.05); } .section-projects__card_full-image { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.3s ease; box-shadow: 0 8px 21.4px 0 #cfcfcf; } .section-projects__card_full-image-container { position: relative; height: 16.0625rem; } .section-projects__card_full-image-container img { border-radius: 0.75rem; } @media only screen and (min-width: 768px) { .section-projects__card_full-image-container { height: 18.75rem; width: 21.875rem; } } .section-projects__card_full-badge { position: absolute; top: -0.9375rem; right: 0.9375rem; font-size: 0.625rem; font-weight: 500; line-height: 1rem; text-transform: uppercase; padding: 0.25rem 1.125rem; background-color: var(--color-primary); color: var(--color-white); border-radius: 0.375rem; z-index: 1; } .section-projects__card_full-brand { position: absolute; top: 0.75rem; left: 0.75rem; background: #fff; padding: 0.25rem 0.75rem; border-radius: 0.375rem; z-index: 1; } .section-projects__card_full-logo { max-height: 1.875rem; width: fit-content; } .section-projects__card_full-content { background: var(--color-gray-20); border-radius: 0.75rem; flex-grow: 1; display: flex; flex-direction: column; padding: 0.75rem 1.125rem; } @media only screen and (min-width: 768px) { .section-projects__card_full-content { padding: 1.125rem 1.5rem; } } .section-projects__card_full-info { display: flex; flex-direction: column; } .section-projects__card_full-row { display: flex; flex: 0 0 auto; padding-bottom: 0.75rem; gap: 0.375rem; flex-direction: column; } @media only screen and (min-width: 768px) { .section-projects__card_full-row { flex-direction: row; } } .section-projects__card_full-row > div { flex: 1; } .section-projects__card_full-excerpt { padding-top: 0.75rem; color: var(--color-gray); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; margin-bottom: 1.125rem; border-top: 1px solid var(--color-gray-30); } .section-projects__card_full-specs { display: flex; align-items: center; } .section-projects__card_full-type { color: var(--color-gray); font-size: 0.625rem; font-weight: 500; line-height: 1rem; text-transform: uppercase; padding: 0.25rem 0.5625rem; border: 1px solid var(--color-gray); border-radius: 0.375rem; margin-bottom: 0.625rem; width: fit-content; } .section-projects__card_full-title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 1.5rem; font-weight: 400; line-height: 1.875rem; margin-bottom: 0.375rem; } .section-projects__card_full-location { color: var(--color-gray-50); font-size: 1rem; font-weight: 400; line-height: 1.3125rem; margin-bottom: 0.375rem; } .section-projects__card_full-price { display: flex; gap: 0.375rem; align-items: center; } .section-projects__card_full-price-label { color: var(--color-gray-50); font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; /* 133.333% */ } .section-projects__card_full-price-container { display: flex; gap: 0.375rem; } .section-projects__card_full-price-amount { color: var(--color-primary); font-family: var(--font-gothic); font-size: 1.125rem; font-weight: 700; line-height: 1.5rem; } @media only screen and (min-width: 768px) { .section-projects__card_full-price-amount { font-size: 1.25rem; line-height: 1.5rem; } } .section-projects__card_full-price-currency-selector { border: none; color: var(--color-gray); font-family: var(--font-gothic); font-size: 1rem; font-weight: 700; line-height: 1.5rem; background-color: transparent; } @media only screen and (min-width: 768px) { .section-projects__card_full-price-currency-selector { font-size: 1.25rem; line-height: 1.5rem; } } .section-projects__card_full-spec { text-align: center; flex: 1; min-width: 0; } .section-projects__card_full-spec:not(:last-child) { border-right: 1px solid var(--color-gray-30); } .section-projects__card_full-spec-icon { display: flex; justify-content: center; align-items: center; min-height: 1.5rem; } .section-projects__card_full-spec-icon-img { max-width: 1.5rem; max-height: 1.5rem; object-fit: contain; filter: grayscale(1) brightness(0.6); } .section-projects__card_full-spec-value { color: var(--color-gray-50); font-size: 0.75rem; font-weight: 400; line-height: 1rem; } .section-projects__link { padding: 2.25rem 1.5rem 0; display: flex; justify-content: center; } @media only screen and (min-width: 768px) { .section-projects__link { padding: 2.25rem 0; max-width: 67.5rem; margin: 0 auto; } } .section-projects__btn { padding: 12px 20px; border: none; border-radius: 8px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-block; text-align: center; font-family: inherit; width: 100%; } .section-projects__btn--primary { background-color: #333; color: #fff; } .section-projects__btn--primary:hover { background-color: #595959; } .section-projects__btn--primary:focus { outline: 2px solid #4caf50; outline-offset: 2px; } .section-projects__btn--outline { background-color: transparent; color: #333; border: 2px solid #333; } .section-projects__btn--outline:hover { background-color: #333; color: #fff; } .section-projects__btn--outline:focus { outline: 2px solid #4caf50; outline-offset: 2px; } .section-projects__view-all { padding: 12px 20px; border: none; border-radius: 8px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-block; text-align: center; font-family: inherit; display: block; margin: 40px auto 0; padding: 15px 40px; background-color: #333; color: #fff; max-width: 300px; } .section-projects__view-all:hover { background-color: #595959; } .section-projects__view-all:focus { outline: 2px solid #4caf50; outline-offset: 2px; } .section-projects__loading { opacity: 0.5; pointer-events: none; } .section-projects__loading::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border: 4px solid #f5f5f5; border-top: 4px solid #4caf50; border-radius: 50%; animation: projects-loading-spin 1s linear infinite; } .section-projects__empty { text-align: center; padding: 60px 20px; color: #666; font-size: 1.1rem; } @keyframes projects-loading-spin { 0% { transform: translate(-50%, -50%) rotate(0deg); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .projects__carousel { transition: none; } .projects__card { transition: none; } .projects__carousel-nav, .projects__indicator, .projects__btn, .projects__view-all, .projects__chat-widget { transition: none; } } @media print { .projects__carousel-nav, .projects__indicators, .projects__chat-widget { display: none; } .projects__carousel { display: block; } .projects__card { break-inside: avoid; margin-bottom: 20px; } } .terms-conditions { position: relative; background: white; } .terms-conditions__header { background-color: var(--color-gray-20); padding: 2.625rem 1.5rem 1.5rem; } @media only screen and (min-width: 768px) { .terms-conditions__header { padding: 2.625rem 0rem 1.5rem; } } .terms-conditions__header_title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 2.5rem; font-weight: 400; line-height: 2.875rem; letter-spacing: 0.1rem; } .terms-conditions__text { padding: 1.5rem 1.5rem 0.75rem; color: var(--color-gray); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } @media only screen and (min-width: 768px) { .terms-conditions__text { padding: 2.625rem 0; } } .terms-conditions__text p:not(:last-child) { margin-bottom: 0.75rem; } .terms-conditions__text ul, .terms-conditions__text ol { margin-bottom: 0.75rem; } .politicas { position: relative; } .politicas__content { padding: 1.5rem 1.5rem 2.625rem; } @media only screen and (min-width: 768px) { .politicas__content { padding: 2.25rem 0 2.625rem; } } .politicas__content .tab-container { gap: 1.125rem; } @media only screen and (min-width: 768px) { .politicas__content .tab-content { padding-left: 1.125rem; } } .politicas__content .tab-nav { gap: 1.125rem; border-right: none; flex-wrap: nowrap; border-bottom: none; align-items: flex-start; } @media only screen and (min-width: 768px) { .politicas__content .tab-nav { gap: 0.75rem; } } .politicas__content .tab-nav > * { flex: 0 0 auto; } .politicas__content .tab-nav::-webkit-scrollbar { height: 1px; } .politicas__content .tab-nav::-webkit-scrollbar-thumb { background: transparent; } .politicas__content .tab-button { appearance: none; background-color: transparent; padding: 0.375rem 0 0.75rem 0; color: var(--color-gray); font-size: 1rem; font-weight: 400; line-height: 1.5rem; cursor: pointer; display: flex; border: none; border-radius: 0; border-bottom: 1px solid var(--color-gray-30); justify-content: space-between; margin-bottom: 0; width: fit-content; font-family: var(--font-roboto); } @media only screen and (min-width: 768px) { .politicas__content .tab-button { width: 100%; min-width: 16.0625rem; } } .politicas__content .tab-button svg { transition: all ease 0.3s; } .politicas__content .tab-button.active { border-right: none; font-weight: 700; border-bottom: 1px solid var(--color-gray-50); } .politicas__content .tab-button.active svg { transform: rotate(-90deg); } .politicas__content h2, .politicas__content h3, .politicas__content h4, .politicas__content h5, .politicas__content h6 { color: var(--color-gray); font-family: var(--font-gothic); font-size: 1.25rem; font-weight: 700; line-height: 1.5rem; margin-bottom: 0.625rem; } @media only screen and (min-width: 768px) { .politicas__content h2, .politicas__content h3, .politicas__content h4, .politicas__content h5, .politicas__content h6 { font-size: 1.25rem; line-height: 1.5rem; } } .politicas__content p { color: var(--color-gray); font-size: 1rem; font-weight: 400; line-height: 1.3125rem; margin-bottom: 1.5rem; } .politicas__content ul, .politicas__content ol { margin-bottom: 1.5rem; } .section-contact__container { max-width: 56.125rem; margin: 0 auto; } .section-contact__content { display: flex; align-items: center; column-gap: 6.8125rem; row-gap: 0.75rem; flex-direction: column; padding: 2.25rem 1.5rem; } @media only screen and (min-width: 768px) { .section-contact__content { padding: 2.625rem 0; flex-direction: row; } } .section-contact__image { flex: 1; position: relative; max-width: 21.75rem; } .section-contact__img { width: 100%; height: auto; border-radius: 0.75rem; object-fit: cover; } .section-contact__text { flex: 1; display: flex; gap: 1.5rem; flex-direction: column; } .section-contact__check-icon { width: 3.5rem; height: 3.5rem; filter: drop-shadow(0 12px 24px rgba(211, 211, 211, 0.7)); } .section-contact__title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 2.25rem; font-style: normal; font-weight: 400; line-height: 2.875rem; letter-spacing: 0.09rem; } .section-contact__description { color: #333e33; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.375rem; letter-spacing: 0.005rem; } .section-contact__buttons { display: flex; gap: 1.5rem; flex-wrap: wrap; } .section-contact .button { height: 3rem; } .sectionNosotros__textimage_container { max-width: 67.5rem; margin: 0 auto; display: flex; flex-direction: column; column-gap: 6.875rem; row-gap: 1.5rem; align-items: center; } @media only screen and (min-width: 768px) { .sectionNosotros__textimage_container { flex-direction: row-reverse; } } .sectionNosotros__textimage_image img { max-width: 100%; height: auto; filter: drop-shadow(0 8px 21.4px #cfcfcf); border-radius: 0.75rem; } @media only screen and (min-width: 768px) { .sectionNosotros__textimage_image img { min-width: 33.1875rem; } } .sectionNosotros__textimage_title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; margin-bottom: 0.75rem; } @media only screen and (min-width: 768px) { .sectionNosotros__textimage_title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; margin-bottom: 1.5rem; } } .sectionNosotros__textimage_text { color: var(--color-gray); font-family: var(--font-roboto); font-size: 1rem; font-weight: 400; line-height: 1.3125rem; } .sectionNosotros__history { padding: 2.25rem 0; } @media only screen and (min-width: 768px) { .sectionNosotros__history { padding: 3.75rem 0 2.625rem; } } .sectionNosotros__history_title { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; margin-bottom: 2.625rem; } @media only screen and (min-width: 768px) { .sectionNosotros__history_title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .sectionNosotros__history_swiper { position: relative; } .sectionNosotros__history_swiper::after { content: ""; height: 0.4375rem; background-color: #eef3e9; position: absolute; width: 100%; top: var(--after-top, 0px); } .sectionNosotros__history_swiper_wrapper { padding-left: 1.5rem; } @media only screen and (min-width: 768px) { .sectionNosotros__history_swiper_wrapper { padding: 0; } } .sectionNosotros__history_swiper_buttons { display: flex; align-items: center; justify-content: center; margin-top: 2.625rem; min-height: 1.5rem; gap: 0.75rem; } .sectionNosotros__history_swiper_button { display: flex; position: relative; left: auto; right: auto; background: none; top: 0; width: 1.5rem; height: 1.5rem; margin: 0; } .sectionNosotros__history_swiper_pagination { top: 0 !important; margin: 0; width: auto !important; } .sectionNosotros__history_card_image { max-width: 10.3125rem; overflow: hidden; filter: drop-shadow(0 8px 21.4px #cfcfcf); border-radius: 0.75rem; height: 6.25rem; } .sectionNosotros__history_card_image img { width: 10.3125rem; height: 100%; object-fit: cover; } .sectionNosotros__history_card_year { color: var(--color-primary); font-family: var(--font-gothic); font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 1.875rem; padding-top: 0.75rem; } .sectionNosotros__history_card_text { color: var(--color-gray); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .sectionNosotros__history_card_divider { /* width: calc(100% + rem(36)); background-color: #EEF3E9; */ height: 0.4375rem; position: relative; margin: 1rem 0 2.5rem; } @media only screen and (min-width: 768px) { .sectionNosotros__history_card_divider { margin: 0.5rem 0 1.9375rem; } } .sectionNosotros__history_card_divider::after { content: ""; position: absolute; top: -0.1875rem; left: 0; width: 0.75rem; height: 0.75rem; background-color: var(--color-primary); border-radius: 50%; } .sectionNosotros__purpose { padding: 2.25rem 1.5rem; padding: calc(2.25rem + 1.875rem) 1.5rem 2.25rem; margin-top: -1.875rem; } @media only screen and (min-width: 768px) { .sectionNosotros__purpose { padding: calc(2.25rem + 7.5rem) 0 2.25rem; margin-top: -7.5rem; } } .sectionNosotros__purpose_grid { display: grid; row-gap: 1.5rem; column-gap: 6.8125rem; align-items: center; } @media only screen and (min-width: 768px) { .sectionNosotros__purpose_grid { grid-template-columns: 33.1875rem 1fr; } } .sectionNosotros__purpose_image { filter: drop-shadow(0 8px 21.4px #cfcfcf); border-radius: 0.75rem; overflow: hidden; } .sectionNosotros__purpose_image img { max-width: 100%; height: auto; object-fit: cover; } .sectionNosotros__purpose_title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; margin-bottom: 0.75rem; } @media only screen and (min-width: 768px) { .sectionNosotros__purpose_title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; margin-bottom: 1.5rem; } } .sectionNosotros__purpose_text { color: var(--color-gray); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .sectionNosotros__purpose_cards { padding-top: 2.25rem; display: grid; gap: 1.125rem; } @media only screen and (min-width: 768px) { .sectionNosotros__purpose_cards { padding-top: 2.625rem; grid-template-columns: repeat(3, 1fr); } } .sectionNosotros__purpose_card { display: grid; align-items: center; justify-content: center; overflow: hidden; min-height: 8.625rem; } .sectionNosotros__purpose_card:not(.texto) { grid-template-columns: 10.3125rem 1fr; } .sectionNosotros__purpose_card_image { height: 100%; } .sectionNosotros__purpose_card_image img { max-width: 100%; height: 100%; object-fit: cover; } .sectionNosotros__purpose_card_text { padding: 1.125rem; color: var(--Gris-accanto, #2e2e2e); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .sectionNosotros__purpose_card_text_highlighted { font-family: var(--font-gothic); font-size: 2.25rem; font-style: normal; font-weight: 700; line-height: 2.875rem; letter-spacing: 0.09rem; } .sectionNosotros__purpose_card.texto_imagen { border-radius: 12px; box-shadow: 0 8px 21.4px 0 #cfcfcf; } .sectionNosotros__purpose_card.texto .sectionNosotros__purpose_card_text { color: var(--color-gray); font-family: var(--font-gothic); font-size: 2.25rem; font-weight: 400; line-height: 2.875rem; letter-spacing: 0.09rem; text-align: center; padding: 0; } .sectionNosotros__values { background: rgba(136, 187, 68, 0.05); padding: 2.625rem 1.5rem; } @media only screen and (min-width: 768px) { .sectionNosotros__values { padding: 2.625rem 0; } } .sectionNosotros__values_title { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 2.25rem; font-style: normal; font-weight: 400; line-height: 2.875rem; letter-spacing: 0.09rem; margin-bottom: 0.75rem; } .sectionNosotros__values_text { color: var(--color-gray); text-align: center; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; margin-bottom: 2.625rem; } .sectionNosotros__values_items { max-width: 56.125rem; margin: 0 auto; display: grid; row-gap: 2.625rem; column-gap: 1.125rem; } @media only screen and (min-width: 768px) { .sectionNosotros__values_items { grid-template-columns: 1fr 1fr; } } .sectionNosotros__values_item { display: flex; align-items: center; flex-direction: column; gap: 0.75rem; } .sectionNosotros__values_item_image { width: 5.25rem; height: 5.25rem; } .sectionNosotros__values_item_image img { max-width: 100%; height: auto; } .sectionNosotros__values_item_title { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 1.5rem; } .sectionNosotros__values_item_text { text-align: center; color: var(--color-gray); text-align: center; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .sectionNosotros__allies { background-color: var(--color-gray-10); padding: 2.25rem 0; margin-bottom: 2.625rem; } .sectionNosotros__allies_title { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; margin-bottom: 1.5rem; } @media only screen and (min-width: 768px) { .sectionNosotros__allies_title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .sectionNosotros__allies .swiper-pagination-lock { display: none; } .sectionNosotros__allies_swiper_wrapper { padding-left: 1.5rem; } @media only screen and (min-width: 768px) { .sectionNosotros__allies_swiper_wrapper { padding: 0; } } .sectionNosotros__allies_card { background-color: var(--color-white); display: flex; align-items: center; justify-content: center; border-radius: 0.75rem; padding: 0.875rem; } .sectionNosotros__allies_card_image img { max-width: 100%; height: 100%; max-height: 5.75rem; object-fit: contain; } .sectionGuia__tabs { margin-top: 1.5rem; } @media only screen and (min-width: 768px) { .sectionGuia__tabs { margin-top: 2.625rem; } } .sectionGuia__tabs_nav { display: flex; justify-content: flex-start; gap: 2.625rem; border-bottom: 1px solid var(--color-gray-30); background: var(--color-white); overflow-x: auto; padding-inline: 1.5rem; } @media only screen and (min-width: 768px) { .sectionGuia__tabs_nav { justify-content: center; flex-wrap: wrap; } } .sectionGuia__tabs_nav_item { appearance: none; padding: 0.75rem 0.1875rem; text-decoration: none; font-weight: 500; border: none; border-bottom: 3px solid transparent; white-space: nowrap; cursor: pointer; background-color: transparent; color: var(--color-gray); font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: var(--font-roboto); transition: all ease 0.3s; } .sectionGuia__tabs_nav_item:hover, .sectionGuia__tabs_nav_item.active { font-weight: 700; border-bottom-color: var(--color-primary); } .sectionGuia__tabs_content { background: linear-gradient(180deg, #f9f9f9 0%, rgba(249, 249, 249, 0) 100%); } .sectionGuia__tab_content { padding: 2.25rem 0 2.625rem; } @media only screen and (min-width: 768px) { .sectionGuia__tab_content { padding: 2.625rem 0; } } .sectionGuia__tab_content_container { padding: 0 1.5rem 2.625rem; } .sectionGuia__tab_content_title { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; margin-bottom: 0.75rem; } @media only screen and (min-width: 768px) { .sectionGuia__tab_content_title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .sectionGuia__tab_content_text { color: var(--color-gray); text-align: center; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .sectionGuia__card { position: relative; border-radius: 12px; overflow: hidden; transition: all ease 0.6s; } .sectionGuia__card_image { display: flex; } .sectionGuia__card_image img { transition: all ease 0.3s; opacity: 0; max-width: 100%; height: auto; object-fit: cover; } .sectionGuia__card_number { color: var(--color-gray); font-family: var(--font-gothic); font-size: 2.25rem; font-style: normal; font-weight: 400; line-height: 2.875rem; letter-spacing: 0.09rem; } .sectionGuia__card_title { color: var(--color-gray); font-size: 0.75rem; font-style: normal; font-weight: 700; line-height: 1rem; } .sectionGuia__card_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.125rem; display: flex; flex-direction: column; justify-content: flex-end; background: transparent; transition: all ease 0.3s; } .sectionGuia .swiper-container .swiper-button-prev, .sectionGuia .swiper-container .swiper-button-next { width: 1.5rem; height: 1.5rem; background-size: cover; } .sectionGuia .swiper-wrapper { align-items: flex-end; } @media only screen and (min-width: 768px) { .sectionGuia .swiper-wrapper { margin-left: -5.75rem; } } .sectionGuia .swiper-slide { transition: all 0.3s ease; display: flex; align-items: flex-end; } @media only screen and (min-width: 768px) { .sectionGuia .swiper-slide { width: 10.3125rem !important; min-height: 19.5rem; } } @media only screen and (min-width: 768px) { .sectionGuia .swiper-slide-active { width: 21.75rem !important; } } .sectionGuia .swiper-slide-active .sectionGuia__card { box-shadow: 0 8px 21.4px 0 #cfcfcf; } @media only screen and (min-width: 768px) { .sectionGuia .swiper-slide-active .sectionGuia__card { height: 19.5rem; } } .sectionGuia .swiper-slide-active .sectionGuia__card_overlay { background: linear-gradient(180deg, rgba(114, 101, 101, 0) 0%, rgba(0, 0, 0, 0.57) 100%); } .sectionGuia .swiper-slide-active .sectionGuia__card_image img { opacity: 1; } .sectionGuia .swiper-slide-active .sectionGuia__card_number { color: var(--color-white); font-size: 2.75rem; line-height: 2.875rem; letter-spacing: 0.11rem; } .sectionGuia .swiper-slide-active .sectionGuia__card_title { color: var(--color-white); font-family: var(--font-gothic); font-size: 1.25rem; font-style: normal; line-height: 1.5rem; max-width: 50%; } .sectionGuia .swiper-slide-prev .sectionGuia__card, .sectionGuia .swiper-slide-next .sectionGuia__card { background: var(--color-gray); } @media only screen and (min-width: 768px) { .sectionGuia .swiper-slide-prev .sectionGuia__card, .sectionGuia .swiper-slide-next .sectionGuia__card { height: 10rem; } } .sectionGuia .swiper-slide-prev .sectionGuia__card_number, .sectionGuia .swiper-slide-prev .sectionGuia__card_title, .sectionGuia .swiper-slide-next .sectionGuia__card_number, .sectionGuia .swiper-slide-next .sectionGuia__card_title { color: var(--color-white); font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; letter-spacing: 0.01125rem; } .sectionGuia .swiper-slide-prev .sectionGuia__card_number, .sectionGuia .swiper-slide-next .sectionGuia__card_number { color: var(--color-white); font-size: 2.25rem; font-style: normal; font-weight: 400; line-height: 2.875rem; letter-spacing: 0.09rem; } .sectionGuia .swiper-slide-default .sectionGuia__card { background: #ffc000; } @media only screen and (min-width: 768px) { .sectionGuia .swiper-slide-default .sectionGuia__card { height: 7.5rem; } } .sectionGuia__button { display: flex; justify-content: center; padding: 2.625rem 1.5rem 0; } .sectionFaq { padding: 0 1.5rem; } .sectionPagos { display: grid; column-gap: 6.75rem; row-gap: 2.25rem; padding-inline: 1.5rem; } @media only screen and (min-width: 768px) { .sectionPagos { grid-template-columns: 27.5625rem 1fr; padding: 0; } } .sectionPagos__image { overflow: hidden; border-radius: 0.375rem 0.375rem 0 0; box-shadow: 0 8px 21.4px 0 #cfcfcf; max-height: 20.3125rem; } .sectionPagos__image img { max-width: 100%; height: 100%; object-fit: cover; } .sectionPagos__content { display: flex; flex-direction: column; justify-content: space-between; gap: 2.625rem; } .sectionPagos__content_title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 1.875rem; margin-bottom: 0.75rem; } .sectionPagos__content_text { color: var(--color-gray); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .sectionPagos__content_button { margin-top: 1.125rem; } .sectionPagos__content_fiduciary_text { color: var(--color-gray); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; margin-bottom: 0.75rem; } .sectionPagos__content_fiduciary_list { display: grid; gap: 1.125rem; } @media only screen and (min-width: 768px) { .sectionPagos__content_fiduciary_list { grid-template-columns: 1fr 1fr; } } .sectionPagos__content_fiduciary_link { display: flex; padding: 0.75rem 1.125rem; background-color: var(--color-white); border-radius: 0.75rem; border: 1px solid var(--color-gray); } .sectionPagos__content_fiduciary_link:hover { box-shadow: 0 8px 21.4px 0 #cfcfcf; } .sectionPagos__content_fiduciary_link:hover img { transform: scale(1.01); } .sectionPagos__content_fiduciary_link img { max-width: 100%; height: auto; max-height: 3.125rem; object-fit: contain; transition: all ease 0.3s; } .sectionRefiereGana__content { display: grid; column-gap: 3.375rem; padding: 0 1.5rem; } @media only screen and (min-width: 768px) { .sectionRefiereGana__content { padding: 0; grid-template-columns: 25.25rem 1fr; } } .sectionRefiereGana__content_image { display: none; } @media only screen and (min-width: 768px) { .sectionRefiereGana__content_image { display: block; } } .sectionRefiereGana__content_image img { max-width: 100%; height: auto; } @media only screen and (min-width: 768px) { .sectionRefiereGana__content_form { padding: 0 5.6875rem 0 0; } } .sectionInversionistas__tabs { margin-top: 1.5rem; } @media only screen and (min-width: 768px) { .sectionInversionistas__tabs { margin-top: 2.625rem; } } .sectionInversionistas__tabs_nav { display: flex; justify-content: flex-start; gap: 2.625rem; border-bottom: 1px solid var(--color-gray-30); background: var(--color-white); overflow-x: auto; padding-inline: 1.5rem; } @media only screen and (min-width: 768px) { .sectionInversionistas__tabs_nav { justify-content: center; flex-wrap: wrap; } } .sectionInversionistas__tabs_nav_item { appearance: none; padding: 0.75rem 0.1875rem; text-decoration: none; font-weight: 500; border: none; border-bottom: 3px solid transparent; white-space: nowrap; cursor: pointer; background-color: transparent; color: var(--color-gray); font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: var(--font-roboto); transition: all ease 0.3s; } .sectionInversionistas__tabs_nav_item:hover, .sectionInversionistas__tabs_nav_item.active { font-weight: 700; border-bottom-color: var(--color-primary); } .sectionInversionistas__tabs_content { background: linear-gradient(180deg, #f9f9f9 0%, rgba(249, 249, 249, 0) 100%); } .sectionInversionistas__tab_content { padding: 2.25rem 0 2.625rem; } @media only screen and (min-width: 768px) { .sectionInversionistas__tab_content { padding: 2.625rem 0; } } .sectionInversionistas__tab_content_container { padding: 0 1.5rem 2.625rem; } @media only screen and (min-width: 768px) { .sectionInversionistas__tab_content_container { padding: 0 0 2.625rem; } } .sectionInversionistas__tab_content_title { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; } @media only screen and (min-width: 768px) { .sectionInversionistas__tab_content_title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; max-width: 44.5rem; margin: 0 auto; } } .sectionInversionistas__tab_content_text { color: var(--color-gray); text-align: center; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .sectionInversionistasExterior__steps { display: flex; row-gap: 2.625rem; column-gap: 1.125rem; flex-wrap: wrap; align-items: flex-start; justify-content: center; padding: 0 3.6875rem 2.625rem; } @media only screen and (min-width: 768px) { .sectionInversionistasExterior__steps { padding: 0 0 2.625rem; } } .sectionInversionistasExterior__step { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; } @media only screen and (min-width: 768px) { .sectionInversionistasExterior__step { flex: 0 0 calc(25% - 1.125rem); } } .sectionInversionistasExterior__step:hover .sectionInversionistasExterior__step_number::after { transform: rotate(360deg); } .sectionInversionistasExterior__step_number { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 2.75rem; font-style: normal; font-weight: 400; line-height: 2.875rem; letter-spacing: 0.11rem; width: 5.25rem; height: 5.25rem; display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 0.75rem; } .sectionInversionistasExterior__step_number:after { content: ""; position: absolute; width: 100%; height: 100%; background-image: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iODUiIGhlaWdodD0iODQiIHZpZXdCb3g9IjAgMCA4NSA4NCIgZmlsbD0ibm9uZSI+CiAgPGNpcmNsZSBjeD0iNDIuNSIgY3k9IjQyIiByPSI0MCIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDQyLjUgNDIpIiBzdHJva2U9IiNGRkMwMDAiIHN0cm9rZS13aWR0aD0iNCIvPgogIDxwYXRoIGQ9Ik03OC4wNTMyIDYwLjExN0M3NC43MzI5IDY2LjUwNTUgNjkuNzQ5OSA3MS44NzkzIDYzLjYyOTkgNzUuNjcxNkM1Ny41MDk5IDc5LjQ2NCA1MC40Nzk4IDgxLjUzNDIgNDMuMjgxMiA4MS42NjM5QzM2LjA4MjYgODEuNzkzNiAyOC45ODI0IDc5Ljk3NzkgMjIuNzI5OCA3Ni40MDg1IiBzdHJva2U9IiMzMTU2Q0QiIHN0cm9rZS13aWR0aD0iNCIvPgogIDxwYXRoIGQ9Ik0yMi45NDUxIDc2LjUwNzFDMTcuNzI4OSA3My41Njg5IDEzLjIzODggNjkuNDk3MyA5LjgwNTg3IDY0LjU5MjZDNi4zNzI5NSA1OS42ODc5IDQuMDg0NzcgNTQuMDc1MSAzLjExMDA2IDQ4LjE2ODIiIHN0cm9rZT0iI0REMDAwNCIgc3Ryb2tlLXdpZHRoPSI0Ii8+Cjwvc3ZnPg==); transition: all ease 0.3s; } .sectionInversionistasExterior__step_title { color: var(--color-gray); text-align: center; font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 1.5rem; letter-spacing: 0.01125rem; margin-bottom: 0.375rem; } .sectionInversionistasExterior__step_text { text-align: center; color: var(--color-gray); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .sectionInversionistasExterior__projects { padding: 2.625rem 0 0; } .sectionInversionistasExterior__projects .swiper-container { margin-top: -2.25rem; padding-left: 1.5rem; } @media only screen and (min-width: 768px) { .sectionInversionistasExterior__projects .swiper-container { padding-left: 0; } } .sectionInversionistasExterior__projects .swiper-wrapper { padding-top: 2.25rem; } @media only screen and (min-width: 768px) { .sectionInversionistasExterior__projects .swiper-pagination { display: none; } } .sectionInversionistasExterior__projects_link { display: flex; justify-content: center; padding: 1.5rem 1.5rem 0; } .sectionInversionistasProyectos { position: relative; } .sectionInversionistasProyectos__projects { display: grid; row-gap: 2.625rem; column-gap: 1.125rem; padding: 0 2.3125rem; } @media only screen and (min-width: 768px) { .sectionInversionistasProyectos__projects { padding: 0; grid-template-columns: repeat(3, 1fr); } } .sectionInversionistasProyectos__projects .section-projects__card { background-color: transparent; } .sectionInversionistasProyectos__pagination { margin-top: 2.625rem; display: none; } @media only screen and (min-width: 768px) { .sectionInversionistasProyectos__pagination { display: block; } } .sectionInversionistasProyectos__pagination_controls { display: flex; align-items: center; justify-content: center; gap: 1.125rem; } .sectionInversionistasProyectos__pagination_controls .arrow { width: 3rem; height: 3rem; border-radius: 50%; cursor: pointer; background-color: #4f4f4f; border: none; } .sectionInversionistasProyectos__pagination_buttons { border-radius: 30px; background: #f4f4f4; padding: 0.375rem; gap: 0.375rem; display: flex; } .sectionInversionistasProyectos__pagination_buttons button { width: 2.25rem; height: 2.25rem; border-radius: 50%; border: none; background-color: transparent; transition: all ease 0.3s; color: var(--color-gray-50); text-align: center; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; font-family: var(--font-roboto); } .sectionInversionistasProyectos__pagination_buttons button:hover, .sectionInversionistasProyectos__pagination_buttons button.active { background-color: var(--color-gray); cursor: pointer; color: var(--color-white); } .sectionInversionistasProyectos__not_results { font-size: 1.875rem; font-style: normal; font-weight: 700; line-height: 120%; letter-spacing: 0.009375rem; text-align: center; } @media only screen and (min-width: 768px) { .sectionInversionistasProyectos__not_results { font-size: 2.25rem; grid-column: 1/4; } } .sectionInversionistasProyectos__loader { position: absolute; top: -1.875rem; left: -1rem; width: calc(100% + 2rem); height: calc(100% + 2.5rem); display: none; justify-content: center; align-items: center; z-index: 2000; align-items: center; flex-direction: column; gap: 1.25rem; color: #333; font-family: var(--font-roboto); font-size: 2.125rem; font-style: normal; font-weight: 700; line-height: 120%; background-color: transparent; backdrop-filter: blur(0.3125rem); justify-content: flex-start; padding-top: 6.25rem; } @media only screen and (min-width: 768px) { .sectionInversionistasProyectos__loader { font-size: 2.5rem; } } .sectionInversionistasProyectos__loader_box { display: flex; background-color: rgba(255, 255, 255, 0.85); align-items: center; gap: 10px; flex-direction: column; padding: 20px 30px; border-radius: 30px; } .sectionInversionistasProyectos__loader_spinner { width: 50px; height: 50px; border: 4px solid #fffdf4; border-top: 5px solid var(--color-primary); border-radius: 50%; animation: spin 0.8s linear infinite; } .sectionInversionistasProyectos__loadMore { display: flex; padding: 2.25rem 1.5rem 0; } @media only screen and (min-width: 768px) { .sectionInversionistasProyectos__loadMore { display: none; } } .sectionInversionistasContacto { padding: 0 1.5rem; } .sectionInversionistasContacto form { max-width: 44.625rem; margin: 0 auto; } .sectionInversionistasContacto form .wpcf7-acceptance { margin-bottom: 0; } .sectionInversionistasAsesoria { max-width: 67.5rem; min-height: 39.4375rem; position: relative; border-radius: 0.75rem; overflow: hidden; margin: 0 1.5rem 2.25rem; } @media only screen and (min-width: 768px) { .sectionInversionistasAsesoria { margin: 0 auto 3.75rem; min-height: 19.25rem; } } .sectionInversionistasAsesoria img { max-width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: -1; } .sectionInversionistasAsesoria img.web { display: none; } @media only screen and (min-width: 768px) { .sectionInversionistasAsesoria img.web { display: block; } } .sectionInversionistasAsesoria img.mobile { display: block; } @media only screen and (min-width: 768px) { .sectionInversionistasAsesoria img.mobile { display: none; } } .sectionInversionistasAsesoria__content { width: 100%; height: 100%; top: 0; left: 0; padding: 0.75rem 1.5rem 0; } @media only screen and (min-width: 768px) { .sectionInversionistasAsesoria__content { max-width: 33.1875rem; padding: 2.625rem; } } .sectionInversionistasAsesoria__content_title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; margin-bottom: 0.75rem; } @media only screen and (min-width: 768px) { .sectionInversionistasAsesoria__content_title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .sectionInversionistasAsesoria__content_text { color: var(--color-gray); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; margin-bottom: 1.875rem; } .sectionInversionistasAsesoria__content_buttons { display: flex; gap: 1.125rem; flex-wrap: wrap; } .sectionInversionistasAsesoria__content_buttons .button { height: 3rem; font-weight: 400; } #sectionInversionistasProyectos__projects { position: relative; } .sectionContacto { background-color: var(--color-gray-20); } .sectionContacto__tabs { max-width: 67.5rem; margin: 0 auto; } .sectionContacto__tabs_nav { display: flex; justify-content: flex-start; gap: 1.125rem; overflow-x: auto; padding-inline: 1.5rem; } @media only screen and (min-width: 768px) { .sectionContacto__tabs_nav { padding-inline: 0rem; justify-content: center; overflow: visible; } } .sectionContacto__tabs_nav_item { appearance: none; cursor: pointer; border-radius: 0.75rem; border: 1px solid var(--color-gray-30); background: var(--color-gray-10); padding: 0.75rem 1.25rem; width: 10.25rem; min-width: 10.25rem; height: 4.125rem; transition: all ease 0.3s; color: var(--color-gray-50); font-family: var(--font-roboto); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .sectionContacto__tabs_nav_item.active, .sectionContacto__tabs_nav_item:hover { box-shadow: 0 8px 21.4px 0 #cfcfcf; background: var(--color-gray); color: var(--color-white); font-weight: 700; } .sectionContacto__tab_content { display: grid; column-gap: 3.375rem; padding: 2.625rem 1.5rem; } @media only screen and (min-width: 768px) { .sectionContacto__tab_content { padding: 2.625rem 0; grid-template-columns: 25.25rem 1fr; } } .sectionContacto__tab_content_image { max-width: 100%; height: auto; display: none; } @media only screen and (min-width: 768px) { .sectionContacto__tab_content_image { display: block; } } @media only screen and (min-width: 768px) { .sectionContacto__tab_content_form { padding-right: 5.625rem; } } .sectionContacto__tab_content_form .wpcf7 .wpcf7-acceptance { margin-bottom: 0; } .sectionContacto__tab_content_form p { color: var(--color-gray); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .sectionProyectos { background-color: var(--color-white); } .sectionProyectos__tabs_nav { display: flex; justify-content: flex-start; gap: 2.625rem; border-bottom: 1px solid var(--color-gray-30); background: var(--color-gray-10); overflow-x: auto; padding-inline: 1.5rem; } @media only screen and (min-width: 768px) { .sectionProyectos__tabs_nav { justify-content: center; flex-wrap: wrap; } } .sectionProyectos__tabs_nav_item { appearance: none; padding: 0.75rem 0.1875rem; text-decoration: none; font-weight: 500; border: none; border-bottom: 3px solid transparent; white-space: nowrap; cursor: pointer; background-color: transparent; color: var(--color-gray); font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: var(--font-roboto); transition: all ease 0.3s; } .sectionProyectos__tabs_nav_item:hover, .sectionProyectos__tabs_nav_item.active { font-weight: 700; border-bottom-color: var(--color-primary); } .sectionProyectos__tabs_content { max-width: 67.5rem; margin: 0 auto; overflow: visible; } .sectionProyectos__projects { padding: 2.25rem 1.5rem 2.625rem; display: grid; gap: 2.625rem; } @media only screen and (min-width: 768px) { .sectionProyectos__projects { padding: 2.625rem 0; } } .sectionProyectos__projects_not_found { padding: 2.625rem 1.5rem; display: flex; align-items: center; flex-direction: column; } .sectionProyectos__projects_not_found h2 { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; margin-bottom: 1.125rem; } @media only screen and (min-width: 768px) { .sectionProyectos__projects_not_found h2 { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .sectionProyectos__projects_not_found p { text-align: center; margin-bottom: 0.75rem; } .sectionProyectos__projects_not_found p strong { font-weight: 600; } .sectionProyectos__loadMore { display: flex; justify-content: center; padding: 0 1.5rem 2.625rem; } .mainProyecto { background: var(--color-gray-20); } .mainProyecto .swiper-pagination-lock { display: none; } .mainProyecto .breadcrumbs { padding-top: 0.75rem; } .sectionSingleProTabs { position: sticky; z-index: 20; top: var(--sticky-top, 0px); /* controlado por JS */ } .sectionSingleProTabs__tabs { overflow-x: scroll; overflow-y: hidden; background-color: var(--color-gray); display: flex; } @media only screen and (min-width: 768px) { .sectionSingleProTabs__tabs { overflow-x: hidden; } } .sectionSingleProTabs__tabs_container { max-width: 81rem; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 1.5rem; padding: 0.875rem 1.5rem; } @media only screen and (min-width: 768px) { .sectionSingleProTabs__tabs_container { padding: 0.875rem 0; } } .sectionSingleProTabs__tabs_container::after { content: ""; display: block; flex: 0 0 0.0625rem; height: 0.0625rem; } .sectionSingleProTabs__navigator { width: 1.875rem; height: 1.875rem; padding: 0.1875rem; justify-content: center; align-items: center; flex-shrink: 0; aspect-ratio: 1/1; border-radius: 0.75rem; background: var(--color-white); cursor: pointer; border: none; display: none; } @media only screen and (min-width: 768px) { .sectionSingleProTabs__navigator { display: flex; } } .sectionSingleProTabs__logo { max-width: 7.4375rem; height: auto; } .sectionSingleProTabs .tabs { width: auto; text-align: center; white-space: nowrap; display: flex; column-gap: 0.75rem; } @media only screen and (min-width: 768px) { .sectionSingleProTabs .tabs { display: flex; } } .sectionSingleProTabs .tab-sticky-link { position: relative; padding: 0.625rem 1.25rem; background-color: transparent; cursor: pointer; transition: all 0.4s ease; height: 2.75rem; display: flex; align-items: center; justify-content: center; border-radius: 12px; border: 1px solid #d6dadd; color: #d6dadd; font-family: var(--font-roboto); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.5rem; } .sectionSingleProTabs .tab-sticky-link:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-radius: 0.625rem; background-color: var(--color-primary); transition: all 0.4s ease; } .sectionSingleProTabs .tab-sticky-link:hover, .sectionSingleProTabs .tab-sticky-link.active { background-color: var(--color-white); color: var(--color-gray); } .sectionSingleProTabs .tab-sticky-link.logo { background-color: var(--color-white); } @media only screen and (min-width: 768px) { .sectionSingleProTabs .tab-content { padding: 0 5rem; } } .sectionSingleProTabs .tab-content .desktop--img { margin: 0 auto; } .sectionProyectoGallery { padding: 2.625rem 0 1.5rem 1.125rem; } @media only screen and (min-width: 768px) { .sectionProyectoGallery { padding: 2.625rem 0; } } .sectionProyectoGallery__tabs_nav { display: flex; justify-content: flex-start; gap: 2.625rem; margin-top: 1.5rem; overflow-x: auto; padding-inline: 0; } @media only screen and (min-width: 768px) { .sectionProyectoGallery__tabs_nav { justify-content: center; flex-wrap: wrap; } } .sectionProyectoGallery__tabs_nav_item { appearance: none; text-decoration: none; font-weight: 500; border: none; border-bottom: 3px solid transparent; white-space: nowrap; cursor: pointer; background-color: transparent; color: var(--color-gray); font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: var(--font-roboto); transition: all ease 0.3s; padding: 0; } .sectionProyectoGallery__tabs_nav_item:hover, .sectionProyectoGallery__tabs_nav_item.active { font-weight: 700; border-bottom-color: var(--color-primary); } .sectionProyectoGallery__tabs_content { margin: 0 auto; overflow: visible; } @media only screen and (min-width: 768px) { .sectionProyectoGallery__tabs_content { padding: 0; } } .sectionProyectoGallery__grid { display: grid; gap: 1.0625rem; } .sectionProyectoGallery__grid.col-1 { grid-template-columns: 100%; } .sectionProyectoGallery__grid.col-2 { grid-template-columns: calc(50% - 17px) 50%; } .sectionProyectoGallery__grid.col-3 { grid-template-columns: calc(50% - 17px) calc(25% - 17px) 25%; } .sectionProyectoGallery__swiper.mobile { display: block; } @media only screen and (min-width: 768px) { .sectionProyectoGallery__swiper.mobile { display: none; } } .sectionProyectoGallery__swiper.desktop { display: none; } @media only screen and (min-width: 768px) { .sectionProyectoGallery__swiper.desktop { display: block; } } .sectionProyectoGallery__swiper .swiper-pagination { top: 0; margin-top: 1.5rem; } .sectionProyectoGallery__swiper .swiper-button { width: 1.875rem; height: 1.875rem; background-color: var(--color-white); border-radius: 0.75rem; top: 9.375rem; } .sectionProyectoGallery__swiper .swiper-button-next { right: -3.75rem; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.0001%205.00019H8.5901L5.2901%201.71019C5.1018%201.52188%204.99601%201.26649%204.99601%201.00019C4.99601%200.733884%205.1018%200.478489%205.2901%200.290185C5.47841%200.101882%205.7338%20-0.00390625%206.0001%20-0.00390625C6.26641%20-0.00390625%206.5218%200.101882%206.7101%200.290185L11.7101%205.29019C11.8011%205.38529%2011.8725%205.49743%2011.9201%205.62019C12.0201%205.86365%2012.0201%206.13672%2011.9201%206.38019C11.8725%206.50294%2011.8011%206.61508%2011.7101%206.71019L6.7101%2011.7102C6.61714%2011.8039%206.50654%2011.8783%206.38468%2011.9291C6.26282%2011.9798%206.13212%2012.006%206.0001%2012.006C5.86809%2012.006%205.73739%2011.9798%205.61553%2011.9291C5.49367%2011.8783%205.38307%2011.8039%205.2901%2011.7102C5.19637%2011.6172%205.12198%2011.5066%205.07121%2011.3848C5.02044%2011.2629%204.99431%2011.1322%204.99431%2011.0002C4.99431%2010.8682%205.02044%2010.7375%205.07121%2010.6156C5.12198%2010.4937%205.19637%2010.3831%205.2901%2010.2902L8.5901%207.00019H1.0001C0.734887%207.00019%200.480533%206.89483%200.292996%206.70729C0.10546%206.51976%200.000103951%206.2654%200.000103951%206.00019C0.000103951%205.73497%200.10546%205.48062%200.292996%205.29308C0.480533%205.10554%200.734887%205.00019%201.0001%205.00019Z%22%20fill%3D%22%232E2E2E%22/%3E%3C/svg%3E"); } .sectionProyectoGallery__swiper .swiper-button-prev { left: -3.75rem; background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M10.9999%205.00019H3.4099L6.7099%201.71019C6.8982%201.52188%207.00399%201.26649%207.00399%201.00019C7.00399%200.733884%206.8982%200.478489%206.7099%200.290185C6.52159%200.101882%206.2662%20-0.00390625%205.9999%20-0.00390625C5.73359%20-0.00390625%205.4782%200.101882%205.2899%200.290185L0.289896%205.29019C0.198856%205.38529%200.127491%205.49743%200.0798963%205.62019C-0.0201217%205.86365%20-0.0201217%206.13672%200.0798963%206.38019C0.127491%206.50294%200.198856%206.61508%200.289896%206.71019L5.2899%2011.7102C5.38286%2011.8039%205.49346%2011.8783%205.61532%2011.9291C5.73718%2011.9798%205.86788%2012.006%205.9999%2012.006C6.13191%2012.006%206.26261%2011.9798%206.38447%2011.9291C6.50633%2011.8783%206.61693%2011.8039%206.7099%2011.7102C6.80363%2011.6172%206.87802%2011.5066%206.92879%2011.3848C6.97956%2011.2629%207.00569%2011.1322%207.00569%2011.0002C7.00569%2010.8682%206.97956%2010.7375%206.92879%2010.6156C6.87802%2010.4937%206.80363%2010.3831%206.7099%2010.2902L3.4099%207.00019H10.9999C11.2651%207.00019%2011.5195%206.89483%2011.707%206.70729C11.8945%206.51976%2011.9999%206.2654%2011.9999%206.00019C11.9999%205.73497%2011.8945%205.48062%2011.707%205.29308C11.5195%205.10554%2011.2651%205.00019%2010.9999%205.00019Z%22%20fill%3D%22%232E2E2E%22/%3E%0A%3C/svg%3E"); } .sectionProyectoGallery__swiper_image_container { height: 18.75rem; border-radius: 0.75rem; overflow: hidden; } .sectionProyectoGallery__swiper_image_container:hover img { transform: scale(1.02); } .sectionProyectoGallery__swiper_image_container img { max-width: 100%; height: 100%; object-fit: cover; transition: all ease 0.3s; } .sectionProyectoAbout__info { background-color: var(--color-white); border-bottom: 1px solid var(--color-gray-30); padding: 1.125rem 1.5rem; } @media only screen and (min-width: 768px) { .sectionProyectoAbout__info { padding: 1.125rem 0; } } .sectionProyectoAbout__info .container { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; } .sectionProyectoAbout__info_subsidy { color: var(--color-gray); font-size: 0.625rem; font-style: normal; font-weight: 500; line-height: 1rem; text-transform: uppercase; padding: 0.25rem 0.5625rem; border-radius: 0.375rem; border: 1px solid var(--color-gray); } .sectionProyectoAbout__info_title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 2.75rem; font-style: normal; font-weight: 400; line-height: 2.875rem; letter-spacing: 0.11rem; text-align: center; } .sectionProyectoAbout__info_location { color: var(--color-gray-50); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .sectionProyectoAbout__general { padding: 1.5rem 1.5rem 2.25rem; background: linear-gradient(180deg, #f9f9f9 0%, rgba(249, 249, 249, 0) 100%); } .sectionProyectoAbout__general_price { color: var(--color-primary); text-align: center; font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; margin-bottom: 1.5rem; } @media only screen and (min-width: 768px) { .sectionProyectoAbout__general_price { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .sectionProyectoAbout__general_price_title { color: var(--color-gray-50); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; text-align: center; margin-bottom: 0.375rem; } .sectionProyectoAbout__general_content { color: var(--color-gray); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } @media only screen and (min-width: 768px) { .sectionProyectoAbout__general_content { text-align: center; } } .sectionProyectoAbout__general_features { display: flex; justify-content: center; gap: 2.625rem; padding: 1.5rem 1.25rem; flex-wrap: wrap; } .sectionProyectoAbout__general_feature { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.75rem; } .sectionProyectoAbout__general_feature_text { color: var(--color-gray); font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 1.5rem; letter-spacing: 0.01125rem; } .sectionProyectoAbout__general_common { padding: 2.25rem 0; display: flex; gap: 2.25rem; flex-direction: column; } @media only screen and (min-width: 768px) { .sectionProyectoAbout__general_common { padding: 2.625rem 0; } } .sectionProyectoAbout__general_common_title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 1.875rem; } @media only screen and (min-width: 768px) { .sectionProyectoAbout__general_common_title { text-align: center; } } .sectionProyectoAbout__general_common_areas { display: grid; row-gap: 1.5rem; column-gap: 1rem; } @media only screen and (min-width: 768px) { .sectionProyectoAbout__general_common_areas { grid-template-columns: repeat(4, 1fr); } } .sectionProyectoAbout__general_common_area { display: flex; align-items: center; gap: 0.75rem; } .sectionProyectoAbout__general_common_area img { max-width: 1.6875rem; height: auto; object-fit: contain; } .sectionProyectoTypologies { background: var(--color-gray-20); padding: 2.25rem 0; } .sectionProyectoTypologies .container { display: flex; flex-direction: column; gap: 2.625rem; } .sectionProyectoTypologies__content { display: flex; gap: 0.75rem; flex-direction: column; max-width: 44.625rem; margin: 0 auto; padding: 0 1.5rem; } @media only screen and (min-width: 768px) { .sectionProyectoTypologies__content { padding: 0; } } .sectionProyectoTypologies__title { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; } @media only screen and (min-width: 768px) { .sectionProyectoTypologies__title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .sectionProyectoTypologies__text { color: var(--color-gray); text-align: center; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .sectionProyectoTypologies__card { display: flex; flex-direction: column; gap: 0.375rem; } .sectionProyectoTypologies__card_image { max-width: 100%; height: 18.75rem; object-fit: cover; } .sectionProyectoTypologies__card_image_wrapper { background-color: var(--color-white); border-radius: 0.75rem; overflow: hidden; display: flex; } .sectionProyectoTypologies__card_content { border-radius: 12px; background: var(--color-gray-10); padding: 0.75rem 1.125rem; } .sectionProyectoTypologies__card_title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 1.875rem; margin-bottom: 0.75rem; } .sectionProyectoTypologies__card_items { display: flex; gap: 0.375rem; flex-direction: column; margin-bottom: 0.375rem; } .sectionProyectoTypologies__card_item { color: var(--color-gray-50); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .sectionProyectoTypologies__card_price { color: var(--color-primary); font-family: var(--font-gothic); font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 1.5rem; display: flex; align-items: center; gap: 0.375rem; border-top: 1px solid var(--color-gray-30); padding-top: 0.375rem; } .sectionProyectoTypologies__card_price span { color: var(--color-gray-50); font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 1rem; } .sectionProyectoTypologies__swiper { padding: 0 0 0 1.5rem; } .sectionProyectoTypologies__swiper .swiper-pagination { top: 0; margin-top: 1.5rem; } .sectionProyectoTypologies__swiper .swiper-button { width: 1.875rem; height: 1.875rem; background-color: var(--color-white); border-radius: 0.75rem; top: 9.375rem; } .sectionProyectoTypologies__swiper .swiper-button-next { right: -3.75rem; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M1.0001%205.00019H8.5901L5.2901%201.71019C5.1018%201.52188%204.99601%201.26649%204.99601%201.00019C4.99601%200.733884%205.1018%200.478489%205.2901%200.290185C5.47841%200.101882%205.7338%20-0.00390625%206.0001%20-0.00390625C6.26641%20-0.00390625%206.5218%200.101882%206.7101%200.290185L11.7101%205.29019C11.8011%205.38529%2011.8725%205.49743%2011.9201%205.62019C12.0201%205.86365%2012.0201%206.13672%2011.9201%206.38019C11.8725%206.50294%2011.8011%206.61508%2011.7101%206.71019L6.7101%2011.7102C6.61714%2011.8039%206.50654%2011.8783%206.38468%2011.9291C6.26282%2011.9798%206.13212%2012.006%206.0001%2012.006C5.86809%2012.006%205.73739%2011.9798%205.61553%2011.9291C5.49367%2011.8783%205.38307%2011.8039%205.2901%2011.7102C5.19637%2011.6172%205.12198%2011.5066%205.07121%2011.3848C5.02044%2011.2629%204.99431%2011.1322%204.99431%2011.0002C4.99431%2010.8682%205.02044%2010.7375%205.07121%2010.6156C5.12198%2010.4937%205.19637%2010.3831%205.2901%2010.2902L8.5901%207.00019H1.0001C0.734887%207.00019%200.480533%206.89483%200.292996%206.70729C0.10546%206.51976%200.000103951%206.2654%200.000103951%206.00019C0.000103951%205.73497%200.10546%205.48062%200.292996%205.29308C0.480533%205.10554%200.734887%205.00019%201.0001%205.00019Z%22%20fill%3D%22%232E2E2E%22/%3E%3C/svg%3E"); } .sectionProyectoTypologies__swiper .swiper-button-prev { left: -3.75rem; background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M10.9999%205.00019H3.4099L6.7099%201.71019C6.8982%201.52188%207.00399%201.26649%207.00399%201.00019C7.00399%200.733884%206.8982%200.478489%206.7099%200.290185C6.52159%200.101882%206.2662%20-0.00390625%205.9999%20-0.00390625C5.73359%20-0.00390625%205.4782%200.101882%205.2899%200.290185L0.289896%205.29019C0.198856%205.38529%200.127491%205.49743%200.0798963%205.62019C-0.0201217%205.86365%20-0.0201217%206.13672%200.0798963%206.38019C0.127491%206.50294%200.198856%206.61508%200.289896%206.71019L5.2899%2011.7102C5.38286%2011.8039%205.49346%2011.8783%205.61532%2011.9291C5.73718%2011.9798%205.86788%2012.006%205.9999%2012.006C6.13191%2012.006%206.26261%2011.9798%206.38447%2011.9291C6.50633%2011.8783%206.61693%2011.8039%206.7099%2011.7102C6.80363%2011.6172%206.87802%2011.5066%206.92879%2011.3848C6.97956%2011.2629%207.00569%2011.1322%207.00569%2011.0002C7.00569%2010.8682%206.97956%2010.7375%206.92879%2010.6156C6.87802%2010.4937%206.80363%2010.3831%206.7099%2010.2902L3.4099%207.00019H10.9999C11.2651%207.00019%2011.5195%206.89483%2011.707%206.70729C11.8945%206.51976%2011.9999%206.2654%2011.9999%206.00019C11.9999%205.73497%2011.8945%205.48062%2011.707%205.29308C11.5195%205.10554%2011.2651%205.00019%2010.9999%205.00019Z%22%20fill%3D%22%232E2E2E%22/%3E%0A%3C/svg%3E"); } .sectionProyecto360 { background-color: var(--color-white); padding: 2.25rem 0; } @media only screen and (min-width: 768px) { .sectionProyecto360 { padding: 2.625rem 0; } } .sectionProyecto360__title { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; margin-bottom: 2.625rem; } @media only screen and (min-width: 768px) { .sectionProyecto360__title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .sectionProyecto360__tabs_nav { display: flex; justify-content: flex-start; gap: 2.625rem; border-bottom: 1px solid var(--color-gray-30); overflow-x: auto; padding-inline: 1.5rem; } @media only screen and (min-width: 768px) { .sectionProyecto360__tabs_nav { justify-content: center; flex-wrap: wrap; } } .sectionProyecto360__tabs_nav_item { appearance: none; padding: 0.75rem 0.1875rem; text-decoration: none; font-weight: 500; border: none; border-bottom: 3px solid transparent; white-space: nowrap; cursor: pointer; background-color: transparent; color: var(--color-gray); font-size: 1rem; font-weight: 400; line-height: 1.5rem; font-family: var(--font-roboto); transition: all ease 0.3s; height: 3rem; } .sectionProyecto360__tabs_nav_item:hover, .sectionProyecto360__tabs_nav_item.active { font-weight: 700; border-bottom-color: var(--color-primary); } .sectionProyecto360__tabs_content { margin: 0 auto; overflow: visible; padding: 0 1.5rem; } @media only screen and (min-width: 768px) { .sectionProyecto360__tabs_content { padding: 0; } } .sectionProyecto360 .tab-content { padding-top: 2.625rem; } .sectionProyecto360__card { position: relative; min-height: 22.5rem; border-radius: 0.75rem; overflow: hidden; background: linear-gradient(180deg, rgba(46, 46, 46, 0) 0%, #2e2e2e 100%); background-blend-mode: multiply; display: flex; align-items: center; justify-content: flex-end; flex-direction: column; gap: 3.4375rem; padding: 1.375rem; } .sectionProyecto360__card_image { position: absolute; z-index: -1; max-width: 100%; height: 100%; object-fit: cover; top: 0; } .sectionProyectoAdvisors { padding: 2.25rem 1.5rem; } @media only screen and (min-width: 768px) { .sectionProyectoAdvisors { padding: 2.625rem 0; } } .sectionProyectoAdvisors__title { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; margin-bottom: 0.75rem; } @media only screen and (min-width: 768px) { .sectionProyectoAdvisors__title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .sectionProyectoAdvisors__text { color: var(--color-gray); text-align: center; font-size: 1rem; line-height: 1.3125rem; } .sectionProyectoAdvisors__advisor { margin-top: 4.5rem; display: flex; flex-direction: column; gap: 0.75rem; background-color: var(--color-white); border-radius: 0.75rem; padding: 0.5rem 1.5rem; height: 7rem; position: relative; transition: all ease 0.3s; } .sectionProyectoAdvisors__advisor:hover { box-shadow: 0 8px 21.4px 0 #cfcfcf; } .sectionProyectoAdvisors__advisor_image { position: absolute; bottom: 0; right: 0; height: 10.625rem; width: auto; object-fit: contain; } .sectionProyectoAdvisors__advisor a { display: flex; align-items: center; gap: 0.375rem; } .sectionProyectoAdvisors__advisor_title { color: var(--color-gray); font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 1.5rem; letter-spacing: 0.01125rem; } .sectionProyectoAdvisors__advisor_whatsapp, .sectionProyectoAdvisors__advisor_email { color: var(--color-gray); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 21px; } .sectionProyectoAdvisors__advisor_whatsapp:hover, .sectionProyectoAdvisors__advisor_email:hover { text-decoration: underline; } .sectionProyectoAdvisors__advisor_email { line-height: 1.5rem; } .sectionProyectoAdvisors__advisor_email svg { transition: all ease 0.3s; } .sectionProyectoAdvisors__advisor_email:hover svg { transform: translateX(0.625rem); } .sectionProyectoLocation { background: var(--color-white); padding: 2.25rem 1.5rem; } @media only screen and (min-width: 768px) { .sectionProyectoLocation { padding: 2.625rem 0; } } .sectionProyectoLocation__location { display: flex; flex-direction: column; gap: 2.625rem; } .sectionProyectoLocation__title { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 1.875rem; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; } @media only screen and (min-width: 768px) { .sectionProyectoLocation__title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .sectionProyectoLocation__map { height: 11.25rem; border-radius: 0.75rem; filter: drop-shadow(0 8px 21.4px #cfcfcf); } .sectionProyectoLocation__buttons { display: flex; gap: 1.125rem; flex-wrap: wrap; } @media only screen and (min-width: 768px) { .sectionProyectoLocation__buttons { justify-content: center; } } .sectionProyectoLocation__salesroom { padding-top: 2.25rem; display: flex; flex-direction: column; gap: 1.5rem; } @media only screen and (min-width: 768px) { .sectionProyectoLocation__salesroom { padding-top: 2.625rem; } } .sectionProyectoLocation__salesroom .sectionProyectoLocation__title, .sectionProyectoLocation__salesroom_text { text-align: left; } @media only screen and (min-width: 768px) { .sectionProyectoLocation__salesroom .sectionProyectoLocation__title, .sectionProyectoLocation__salesroom_text { text-align: center; } } .sectionProyectoLocation__salesroom_text { color: var(--color-gray); } .sectionProyectoLocation__salesroom_text p:not(:last-child) { margin-bottom: 0.75rem; } .sectionProyectoPayments { padding: 2.625rem 1.5rem; } @media only screen and (min-width: 768px) { .sectionProyectoPayments { padding: 2.625rem 0; } } .sectionProyectoPayments .container { display: flex; gap: 1.5rem; flex-direction: column; } @media only screen and (min-width: 768px) { .sectionProyectoPayments .container { gap: 2.625rem; } } .sectionProyectoPayments__title { text-align: center; font-family: var(--font-gothic); font-size: 2.25rem; font-style: normal; font-weight: 400; line-height: 2.875rem; letter-spacing: 0.09rem; } .sectionProyectoPayments__grid { display: grid; row-gap: 1.5rem; column-gap: 6.75rem; } @media only screen and (min-width: 768px) { .sectionProyectoPayments__grid { grid-template-columns: 27.5625rem 1fr; } } .sectionProyectoPayments__image { border-radius: 0.375rem; overflow: hidden; box-shadow: 0 8px 21.4px 0 #cfcfcf; } .sectionProyectoPayments__image img { max-width: 100%; height: 100%; object-fit: cover; } .sectionProyectoPayments__content { display: flex; flex-direction: column; gap: 1.5rem; justify-content: center; } @media only screen and (min-width: 768px) { .sectionProyectoPayments__content { gap: 2.625rem; } } .sectionProyectoPayments__content_item_title { color: var(--color-black); font-family: var(--font-gothic); font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 1.875rem; margin-bottom: 0.75rem; } .sectionProyectoPayments__content_item_text { color: var(--color-black); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; margin-bottom: 1.125rem; } .sectionProyectoPayments__accordeon { padding: 0; } .sectionProyectoPayments__accordeon .accordion-collapse.show .accordion-body { border-bottom: 1px solid var(--color-gray-30); } .sectionProyectoPayments__accordeon .accordion-button { color: var(--color-gray); font-family: var(--font-roboto); font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 1.5rem; letter-spacing: 0.01125rem; } .sectionProyectoPayments__accordeon .accordion-body { color: #000; font-family: Roboto; font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 1rem; padding-block: 0.75rem; } .sectionProyectoPayments__accordeon .accordion-body p:not(:last-child) { margin-bottom: 1.125rem; } .blog-page__categories { padding: 0 1.5rem 2.25rem; } @media only screen and (min-width: 768px) { .blog-page__categories { padding: 0 0 2.625rem; } } .blog-page__categories_title { color: var(--color-black); font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 1.5rem; letter-spacing: 0.01125rem; margin-bottom: 0.75rem; } @media only screen and (min-width: 768px) { .blog-page__categories_title { margin-bottom: 1.5rem; text-align: center; } } .blog-page__categories_list { display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem; } @media only screen and (min-width: 768px) { .blog-page__categories_list { justify-content: center; } } .blog-page__categories_button { border-radius: 0.75rem; background: var(--color-gray-20); padding: 0.375rem 1.5rem; border: none; color: var(--color-gray); text-align: center; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; transition: all ease 0.3s; display: flex; align-items: center; justify-content: center; height: 2.25rem; gap: 0.375rem; cursor: pointer; font-family: var(--font-roboto); } .blog-page__categories_button svg { display: none; } .blog-page__categories_button.active { background: var(--color-gray-50); color: var(--color-white); } .blog-page__categories_button.active svg { display: block; } .blog-page__blogs { display: grid; gap: 1.125rem; padding: 0 1.5rem 2.25rem; } @media only screen and (min-width: 768px) { .blog-page__blogs { padding: 0 0 2.625rem; grid-template-columns: 1fr 1fr; } } .blog-page__middle { border-radius: 0.75rem; padding: 2.25rem; } .blog-page__middle_title { color: var(--color-gray); font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; } @media only screen and (min-width: 768px) { .blog-page__middle_title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .blog-page__middle_post { color: var(--color-gray); display: flex; flex-direction: column; padding-block: 1.5rem; gap: 0.75rem; } .blog-page__middle_post:not(:last-child) { border-bottom: 1px solid var(--Blanco, #fff); } .blog-page__middle_post:last-child { padding-bottom: 0; } .blog-page__middle_post_cats { display: flex; flex-wrap: wrap; gap: 0.625rem; } .blog-page__middle_post_cat { padding: 0.25rem 0.5625rem; font-size: 0.625rem; font-style: normal; font-weight: 500; line-height: 1rem; text-transform: uppercase; border-radius: 6px; border: 1px solid var(--color-gray); } .blog-page__middle_post_title { font-size: 1rem; font-style: normal; font-weight: 700; line-height: 1.3125rem; text-decoration: underline; } .blog-page__moreposts { display: flex; justify-content: center; padding: 0 1.5rem 2.25rem; } @media only screen and (min-width: 768px) { .blog-page__moreposts { padding: 0 0 2.25rem; } } .blog-page__moreposts button { font-weight: 400; min-width: 15rem; } .single-blog__hero { height: 18.75rem; } .single-blog__hero_img { max-width: 100%; height: 100%; object-fit: cover; } .single-blog__content { padding: 1.5rem; color: var(--color-gray); font-family: Roboto; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } @media only screen and (min-width: 768px) { .single-blog__content { padding: 2.625rem 0; } } @media only screen and (min-width: 768px) { .single-blog__content .container { padding-inline: 5.625rem; } } .single-blog__content h2 { color: var(--color-gray); font-family: var(--font-gothic); font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 1.875rem; margin-bottom: 0.75rem; } .single-blog__content p { margin-bottom: 1.875rem; } .single-blog__content img { border-radius: 0.75rem; width: 100%; filter: drop-shadow(0 8px 21.4px #cfcfcf); margin-bottom: 1.875rem; height: 15rem; object-fit: cover; } .single-blog__content .button { min-width: 15rem; font-weight: 400; } .single-blog__related { background: linear-gradient(180deg, #f9f9f9 0%, rgba(249, 249, 249, 0) 100%); padding-block: 2.25rem; } @media only screen and (min-width: 768px) { .single-blog__related { padding-block: 3.75rem; } } .single-blog__related_title { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; margin-bottom: 2.25rem; padding-inline: 1.5rem; } @media only screen and (min-width: 768px) { .single-blog__related_title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .single-blog__related_desktop { display: none; } @media only screen and (min-width: 768px) { .single-blog__related_desktop { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8125rem; } } .single-blog__related_mobile { display: block; padding-inline: 1.5rem; } @media only screen and (min-width: 768px) { .single-blog__related_mobile { display: none; } } .single-blog__related_button { display: flex; align-items: center; justify-content: center; margin-top: 2.25rem; padding-inline: 1.5rem; } @media only screen and (min-width: 768px) { .single-blog__related_button { margin-top: 2.625rem; } } .single-blog__related_button .button { font-weight: 400; } .component__banner { min-height: 40rem; display: flex; align-items: flex-end; position: relative; } @media only screen and (min-width: 768px) { .component__banner { min-height: 22.5rem; align-items: center; } } .component__banner.type_1 { flex-direction: column; } @media only screen and (min-width: 768px) { .component__banner.type_1 { padding: 3.125rem 0; flex-direction: row; max-height: 27.5rem; } } .component__banner.type_2 { padding: 3.3125rem 1.5rem; } @media only screen and (min-width: 768px) { .component__banner.type_2 { padding: 3.3125rem 0rem; } } .component__banner_overlay { height: 100%; width: 100%; z-index: -1; top: 0; left: 0; } .component__banner_overlay img { max-width: 100%; height: 100%; object-fit: cover; max-height: 43.75rem; object-position: top; } @media only screen and (min-width: 1440px) { .component__banner_overlay img { max-width: 85%; height: 100%; object-position: left; } } .component__banner_overlay::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; inset: 0; } .component__banner.type_1 .component__banner_overlay { position: relative; } @media only screen and (min-width: 768px) { .component__banner.type_1 .component__banner_overlay { position: absolute; height: 100%; } } @media only screen and (min-width: 768px) { .component__banner.type_1 .component__banner_overlay::after { background: linear-gradient(270deg, #fff 32.86%, rgba(255, 255, 255, 0) 56.04%); } } .component__banner.type_2 .component__banner_overlay { position: absolute; } @media only screen and (min-width: 768px) { .component__banner.type_2 .component__banner_overlay { height: auto; } } .component__banner.type_2 .component__banner_overlay::after { background: linear-gradient(0deg, #fcfdfc 15%, rgba(253, 254, 253, 0.75) 35%, rgba(255, 255, 255, 0) 45.73%); } @media only screen and (min-width: 768px) { .component__banner.type_2 .component__banner_overlay::after { background: linear-gradient(0deg, #fcfdfc -16.33%, rgba(253, 254, 253, 0.75) 22.32%, rgba(255, 255, 255, 0) 45.73%), linear-gradient(270deg, #fff 38.41%, rgba(255, 255, 255, 0) 56.04%); } } .component__banner.type_1 .component__banner_content { padding: 1.125rem 1.5rem 1.5rem; } @media only screen and (min-width: 768px) { .component__banner.type_1 .component__banner_content { padding: 0; } } .component__banner_content { display: flex; max-width: 67.5rem; margin: 0 auto; width: 100%; justify-content: flex-end; z-index: 1; } .component__banner_caption { max-width: 27.1875rem; } .component__banner_title { color: var(--color-black); font-family: var(--font-gothic); font-size: 2.5rem; font-style: normal; font-weight: 400; line-height: 2.875rem; letter-spacing: 0.1rem; margin-bottom: 1.5rem; } @media only screen and (min-width: 768px) { .component__banner_title { font-size: 2.75rem; font-weight: 400; line-height: 2.875rem; letter-spacing: 0.11rem; } } .component__banner_text { color: var(--color-black); font-family: var(--font-gothic); font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .component__bannerText { padding: 2.625rem 1.5rem; } @media only screen and (min-width: 768px) { .component__bannerText { padding: 6.375rem 0 2.625rem; } } .component__bannerText_title { color: var(--color-gray); text-align: center; font-family: var(--font-gothic); font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; margin-bottom: 0.75rem; } @media only screen and (min-width: 768px) { .component__bannerText_title { font-size: 2.25rem; line-height: 2.875rem; letter-spacing: 0.09rem; } } .component__bannerText_text { color: var(--color-gray); text-align: center; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .component__banner_swiper .component__banner { min-height: 37.5rem; } @media only screen and (min-width: 768px) { .component__banner_swiper .component__banner { min-height: 22.5rem; } } .component__banner_swiper .component__banner_content { padding-bottom: 0 !important; } .component__banner_swiper .swiper-button { background: var(--color-white); background-repeat: no-repeat; background-position: center; border-radius: 0.75rem; } .component__banner_swiper .swiper-button-prev { left: 5.625rem; background-image: url("data:image/svg+xml;utf8,"); } .component__banner_swiper .swiper-button-next { right: 5.625rem; background-image: url("data:image/svg+xml;utf8,"); } .component__banner_swiper .swiper-pagination { margin-top: 1.5rem; top: 0; padding-bottom: 1.5rem; } .component__banner_blog { min-height: 14.25rem; display: flex; align-items: center; justify-content: center; background: url(../../.././assets/css/build/img/bg_banner_blog.webp), linear-gradient(180deg, #548b26 -36.65%, rgba(84, 139, 38, 0.18) 66.14%, rgba(84, 139, 38, 0) 100%); padding: 2.625rem 1.5rem; background-size: cover; background-position: top; } @media only screen and (min-width: 768px) { .component__banner_blog { min-height: 14.75rem; } } .component__banner_blog_title { color: var(--color-black); text-align: center; font-family: "Century Gothic"; font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 2.25rem; letter-spacing: 0.075rem; } @media only screen and (min-width: 768px) { .component__banner_blog_title { font-size: 2.75rem; line-height: 2.875rem; letter-spacing: 0.11rem; } } .component__banner_blog_single { min-height: 26.8125rem; display: flex; justify-content: flex-end; flex-direction: column; gap: 1.5rem; background: url(../../.././assets/css/build/img/bg_banner_blog.webp), linear-gradient(180deg, #548b26 -36.65%, rgba(84, 139, 38, 0.18) 66.14%, rgba(84, 139, 38, 0) 100%); background-position: top left -8.125rem; padding: 2.625rem 1.5rem; } @media only screen and (min-width: 768px) { .component__banner_blog_single { background-position: center top; background-size: contain; min-height: 18.375rem; } } .component__banner_blog_single_row { max-width: 67.3125rem; margin: 0 auto; display: flex; flex-direction: column; justify-content: space-between; width: 100%; gap: 0.625rem; } @media only screen and (min-width: 768px) { .component__banner_blog_single_row { flex-direction: row; } } .component__banner_blog_single_tags { display: flex; gap: 0.625rem; flex-wrap: wrap; align-items: center; } .component__banner_blog_single_tag { color: var(--color-gray); font-size: 0.625rem; font-style: normal; font-weight: 500; line-height: 1rem; text-transform: uppercase; display: flex; padding: 0.25rem 0.5625rem; flex-direction: column; justify-content: center; align-items: flex-end; border-radius: 6px; border: 1px solid var(--Gris-accanto, #2e2e2e); } .component__banner_blog_single_container { max-width: 56.125rem; margin: 0 auto; display: flex; flex-direction: column; gap: 0.75rem; } .component__banner_blog_single_excerpt { color: var(--color-gray); text-align: center; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.3125rem; } .component__banner_blog_single_share { display: flex; gap: 0.75rem; color: var(--color-gray); font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 1rem; flex-direction: column; } @media only screen and (min-width: 768px) { .component__banner_blog_single_share { flex-direction: row; align-items: center; } } .component__banner_blog_single_share_icons { display: flex; gap: 1.5rem; } @media only screen and (min-width: 768px) { .component__banner_blog_single_share_icons { gap: 0.75rem; } } .component__banner_blog_single_share_icons a { width: 2.5rem; height: 2.5rem; } @media only screen and (min-width: 768px) { .component__banner_blog_single_share_icons a { width: 1.5rem; height: 1.5rem; } } .component__banner_blog_single_share_icons svg { width: 100%; height: 100%; }