ctt-babylon 0.8.16 → 0.8.18

package/lib/styles/styles/babylon/fancybox.min.css

@@ -0,0 +1 @@
+.not-selectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel :after,.carousel :before{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width,60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.has-dots{margin-bottom:calc(.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + .5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width,48px);height:var(--carousel-button-height,48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color,currentColor);background:var(--carousel-button-bg,transparent);border-radius:var(--carousel-button-border-radius,50%);box-shadow:var(--carousel-button-shadow,none);transition:opacity .15s ease}.carousel__button.is-next,.carousel__button.is-prev{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width,50%);height:var(--carousel-button-svg-height,50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width,1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}body.compensate-for-scrollbar{overflow:hidden!important;touch-action:none}.fancybox__container{font-family:Inter,sans-serif;color:#434343;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color,#fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:0;transform-origin:top left;--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:24px;--carousel-button-svg-height:24px;--carousel-button-svg-stroke-width:2.5;--carousel-button-svg-filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container ::after,.fancybox__container ::before{box-sizing:inherit}.fancybox__container :focus{outline:thin dotted}body.is-using-mouse .fancybox__container :focus{outline:0}@media all and (min-width:1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg,rgba(24,24,27,.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;--carousel-button-width:36px;--carousel-button-height:36px;--carousel-button-svg-width:22px;--carousel-button-svg-height:22px}.fancybox__slide::after,.fancybox__slide::before{content:"";flex:0 0 0;margin:auto}@media all and (min-width:1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);padding:36px;color:var(--fancybox-content-color,#374151);background:var(--fancybox-content-bg,#fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color,currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color,#fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width:1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width:1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);z-index:40}@media all and (min-width:1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-36px;right:0;color:var(--fancybox-color,#fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;color:var(--fancybox-color,currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.carousel__button.is-close,.carousel__dots,.fancybox__backdrop,.fancybox__caption,.fancybox__nav{opacity:var(--fancybox-opacity,1)}.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .carousel__button.is-close,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(.97) translate3d(0,16px,0);opacity:0}to{transform:scale(1) translate3d(0,0,0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(.97) translate3d(0,16px,0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0,-30%,0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0,30%,0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;touch-action:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:0 0;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content{flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:0 0}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0 3px;opacity:var(--fancybox-opacity,1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width,96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:5px solid var(--fancybox-accent-color,rgba(1,210,232,.94));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius,4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100% / (var(--fancybox-thumbs-ratio,1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius,4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,.006) 8.1%,rgba(0,0,0,.021) 15.5%,rgba(0,0,0,.046) 22.5%,rgba(0,0,0,.077) 29%,rgba(0,0,0,.114) 35.3%,rgba(0,0,0,.155) 41.2%,rgba(0,0,0,.198) 47.1%,rgba(0,0,0,.242) 52.9%,rgba(0,0,0,.285) 58.8%,rgba(0,0,0,.326) 64.7%,rgba(0,0,0,.363) 71%,rgba(0,0,0,.394) 77.5%,rgba(0,0,0,.419) 84.5%,rgba(0,0,0,.434) 91.9%,rgba(0,0,0,.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width:20px;--carousel-button-svg-height:20px;opacity:var(--fancybox-opacity,1);text-shadow:var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,.4))}@media all and (min-width:1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media (max-width:640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height,48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color,rgba(1,210,232,.94));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}a[data-fancybox] img{cursor:zoom-in}.fancybox__container{--fancybox-color:#334155;--fancybox-bg:#fff;--fancybox-content-color:#6b7280;--fancybox-content-bg:#fff;--fancybox-thumbs-width:48px;--fancybox-thumbs-ratio:1;--carousel-button-svg-stroke-width:1.5;--carousel-button-svg-filter:none}.fancybox__nav{--carousel-button-bg:#e5e7eb;--carousel-button-svg-width:20px;--carousel-button-svg-height:20px;--carousel-button-svg-stroke-width:3}.fancybox__nav .carousel__button.is-next{right:30px}.fancybox__nav .carousel__button.is-prev{left:30px}.carousel__button.is-close{top:0;right:0;z-index:10}.fancybox__toolbar{padding:0;background:var(--fancybox-bg);text-shadow:none;--carousel-button-svg-width:24px;--carousel-button-svg-height:24px}.fancybox__toolbar{display:flex;border-bottom:1px solid #d4dedb}.carousel__slide.has-thumb{padding:5px;margin:16px 8px;border:1px solid #d1d5db;border-radius:4px}.is-nav-selected .fancybox__thumb::after{display:none}.carousel__slide.has-thumb.is-nav-selected,.carousel__slide.has-thumb:hover{border-color:#6b7280}.carousel__slide.has-thumb.has-video{--fancybox-thumbs-ratio:16/9}.carousel__slide.has-thumb.has-video .fancybox__thumb::before{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;background-position:center center;background-size:60% 60%;background-repeat:no-repeat;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 24.38"><path d="M35.46 3.81A4.58 4.36 0 0032.24.75C29.37 0 17.93 0 17.93 0S6.48 0 3.63.72c-1.54.4-2.8 1.6-3.23 3.1-.75 2.72-.75 8.37-.75 8.37s0 5.68.75 8.37a4.58 4.36 0 003.22 3.07c2.9.75 14.3.75 14.3.75s11.45 0 14.32-.72a4.58 4.36 0 003.22-3.07c.75-2.72.75-8.37.75-8.37s.03-5.68-.75-8.4zm0 0" fill="white"/><path d="M14.29 17.4l9.51-5.21-9.51-5.22zm0 0" fill="black"/></svg>')}

package/lib/styles/styles/babylon/funciones.scss

@@ -0,0 +1,491 @@
+//  -----
+$mobileSmall: "(max-width: 375px)";
+$mobile: "(max-width: 540px)";
+$tabletV: "(max-width: 768px)";
+$tabletH: "(max-width: 1080px)";
+$desktopSmall2: "(max-width: 1280px)";
+$desktopSmall: "(max-width: 1366px)";
+$desktopMax: "(max-width: 1680px)";
+$desktop: "(min-width: 1681px)";
+
+//? Colors
+$color1: #fff; // Background
+$color2: #000; // Generic text
+$color3: #f6f6f6;
+$color4: #eec52b;
+
+$greydark: #515050;
+$greysoft: #515050b2;
+$greyVsoft: #e4e4e4;
+$greyV2soft: #51505099;
+$cardgrey: #4a4a49b2;
+$stronggrey: #4a4a49;
+$white: #ffff;
+$pistacho: #c4a857;
+$red: #ff4338;
+$redhover: #ed3b37;
+$redTrans: #ff4238b3;
+$blue: #5b87da;
+$bluehover: #446ecd;
+$green: #3fd5ae;
+$greenhover: #2ec99b;
+$greenwhats: #24cc63;
+$rewards: #fff9f9;
+
+//? Fonts
+$font: "jokker", sans-serif;
+$font2: "kinda", sans-serif;
+
+//? Effect
+$transition1: 0.3s ease;
+$transition1_delay: 0.3s 0.3s ease;
+
+//? Filters
+$filter_white: invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg)
+  brightness(108%) contrast(116%);
+$filter_red: invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg)
+  brightness(108%) contrast(116%);
+$filter_blue: invert(62%) sepia(36%) saturate(7040%) hue-rotate(200deg)
+  brightness(96%) contrast(76%);
+$filter_green: invert(67%) sepia(70%) saturate(373%) hue-rotate(113deg)
+  brightness(93%) contrast(90%);
+
+// Utils
+
+@mixin hover-siblings {
+  // cuando el contenedor se hace hover
+  > * {
+    transition: opacity $transition1;
+  }
+
+  &:hover {
+    // todos los hijos bajan opacidad
+    > * {
+      opacity: 0.6;
+    }
+
+    // pero el elemento hovered recupera su opacidad total
+    > *:hover {
+      opacity: 1;
+    }
+  }
+}
+
+@mixin basic-bg {
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+
+@mixin img-bg {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+@mixin center-a-element {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+
+// MV/🟡 Title Big - MD
+@mixin title-big-md {
+  font-family: $font;
+  font-weight: 400;
+  font-size: 4.4rem;
+  line-height: 5.8rem;
+
+  @media #{$mobile} {
+    font-size: 3rem;
+    line-height: 4rem;
+  }
+
+  @media #{$mobileSmall} {
+    font-size: 2.4rem;
+    line-height: 3rem;
+  }
+}
+
+// 🟡 Title Big - RG
+@mixin title-big-rg {
+  font-family: $font;
+  font-weight: 300;
+  font-size: 4.4rem;
+  line-height: 5.8rem;
+
+  @media #{$desktopSmall} {
+    font-size: 3.6rem;
+    line-height: 4.8rem;
+  }
+
+  @media #{$mobile} {
+    font-size: 3rem;
+    line-height: 4rem;
+  }
+
+  @media #{$mobileSmall} {
+    font-size: 2.4rem;
+    line-height: 3rem;
+  }
+}
+
+@mixin title-grand-big {
+  font-family: $font;
+  font-weight: 400;
+  font-size: 5.5rem;
+  line-height: 5.8rem;
+  letter-spacing: -0.055rem;
+
+  @media #{$desktopSmall} {
+    font-size: 4.2rem;
+    line-height: 4.6rem;
+  }
+
+  @media #{$tabletH} {
+    font-size: 5.5rem;
+    line-height: 5.8rem;
+  }
+
+  @media #{$mobile} {
+    font-size: 4.2rem;
+    line-height: 4.6rem;
+  }
+
+  @media #{$mobileSmall} {
+    font-size: 3rem;
+    line-height: 3.8rem;
+  }
+}
+
+// 🟢 Subtitle Big - MD
+@mixin subtitle-big {
+  font-family: $font;
+  font-weight: 400;
+  font-size: 3.2rem;
+  line-height: 3.8rem;
+
+  @media #{$desktopSmall} {
+    font-weight: 400;
+    font-size: 2.8rem;
+    line-height: 3.2rem;
+  }
+
+  @media #{$tabletH} {
+    font-weight: 400;
+    font-size: 3.2rem;
+    line-height: 3.8rem;
+  }
+}
+
+// 🟢🟠 Subtitle Text - RG 2
+@mixin subtitle-text-rg2 {
+  font-family: $font;
+  font-weight: 300;
+  font-size: 3.2rem;
+  line-height: 4.6rem;
+
+  @media #{$desktopSmall} {
+    font-size: 2.8rem;
+    line-height: 3.8rem;
+  }
+
+  @media #{$tabletH} {
+    font-size: 3.2rem;
+    line-height: 4.6rem;
+  }
+
+  @media #{$mobile} {
+    font-size: 2.8rem;
+    line-height: 3.8rem;
+  }
+
+  @media #{$mobileSmall} {
+    font-size: 2.2rem;
+    line-height: 3rem;
+  }
+}
+
+// 🟢🟠 Subtitle Text - MD 2
+@mixin subtitle-text-md2 {
+  font-family: $font;
+  font-weight: 400;
+  font-size: 3.2rem;
+  line-height: 5rem;
+
+  @media #{$mobileSmall} {
+    font-size: 2.8rem;
+    line-height: 3.8rem;
+  }
+}
+
+// But/🟨 Button Box
+@mixin text-button-box {
+  font-family: $font;
+  font-weight: 500;
+  font-size: 1.8rem;
+
+  @media #{$mobileSmall} {
+    font-size: 1.6rem;
+  }
+}
+
+// But/Button mini
+@mixin text-button-mini {
+  font-family: $font;
+  font-weight: 400;
+  font-size: 1.3rem;
+  line-height: 100%;
+
+  //TODO no sabemos el responsive
+}
+
+// Breadcrumbs
+@mixin text-breadcrumbs {
+  font-family: $font;
+  font-weight: 400;
+  font-style: Medium;
+  font-size: 1.3rem;
+  line-height: 100%;
+
+  //TODO no sabemos el responsive
+}
+
+// Text Motor
+@mixin text-motor {
+  font-family: $font;
+  font-weight: 300;
+  font-size: 1.3rem;
+  line-height: 100%;
+
+  //TODO no veo el responsive en figma, falta añadirlo
+}
+
+// 🟠🟠 Text Medium - MD
+@mixin text-medium-md {
+  font-family: $font;
+  font-weight: 400;
+  font-size: 2.8rem;
+  line-height: 3.6rem;
+
+  @media #{$mobileSmall} {
+    font-size: 2.2rem;
+    line-height: 2.6rem;
+  }
+}
+
+// 🟠 Text - RG
+@mixin text-rg {
+  font-family: $font;
+  font-weight: 300;
+  font-size: 2rem;
+  line-height: 3.9rem;
+  @media #{$desktopSmall} {
+    font-size: 1.5rem;
+    line-height: 3rem;
+  }
+  @media #{$mobile} {
+    font-size: 1.1rem;
+    line-height: 2rem;
+  }
+}
+
+// 🔴 Text Medium - RG
+@mixin text-medium-rg {
+  font-family: $font;
+  font-weight: 300;
+  font-size: 2.8rem;
+  line-height: 3.6rem;
+
+  @media #{$mobileSmall} {
+    font-size: 2.2rem;
+    line-height: 2.6rem;
+  }
+}
+
+// 🔵 Header
+@mixin text-header {
+  font-family: $font;
+  font-weight: 400;
+  font-size: 1.8rem;
+  line-height: 100%;
+  letter-spacing: 0.18rem;
+  text-transform: uppercase;
+
+  @media #{$mobileSmall} {
+    font-size: 1.4rem;
+    letter-spacing: 0.056rem;
+  }
+}
+
+// Adventges photo MD
+@mixin text-adventges {
+  font-family: $font;
+  font-size: 1.8rem;
+  line-height: 1.8rem;
+  letter-spacing: 0.036rem;
+
+  @media #{$mobileSmall} {
+    font-size: 1.6rem;
+    line-height: 1.6rem;
+    letter-spacing: 0.032rem;
+  }
+}
+
+// Fot/🟢 Subtilte Footer - RG
+@mixin subtitle-footer-rg {
+  font-family: $font;
+  font-weight: 300;
+  font-size: 2rem;
+  line-height: 3rem;
+
+  @media #{$mobileSmall} {
+    font-size: 2rem;
+  }
+}
+
+// Fot/🟠 List Footer
+@mixin list-footer {
+  font-family: $font;
+  font-weight: 300;
+  font-size: 1.6rem;
+  line-height: 4rem;
+}
+
+// List H+A/Subtitle Hotel-Aprt - RG
+@mixin subtitle-hotel-aprt-rg {
+  font-family: $font;
+  font-weight: 300;
+  font-size: 1.6rem;
+  line-height: 100%;
+}
+
+// List seo
+@mixin list-seo {
+  font-family: $font;
+  font-weight: 400;
+  font-size: 1.6rem;
+  line-height: 2.8rem;
+}
+// Fot/🟢 Subtitle Footer - MD
+@mixin subtitle-footer-md {
+  font-family: $font;
+  font-weight: 400;
+  font-size: 2rem;
+  line-height: 100%;
+  @media #{$desktopSmall} {
+    font-size: 1.5rem;
+  }
+  @media #{$tabletH} {
+    font-size: 1.1rem;
+  }
+}
+
+// Fot/🟡 Title Footer - RG
+@mixin subtitle-footer-title {
+  font-family: $font;
+  font-weight: 300;
+  font-size: 3.8rem;
+  line-height: 4.4rem;
+
+  @media #{$mobileSmall} {
+    font-size: 2.8rem;
+  }
+}
+
+@mixin subtitle-text--faqs {
+  font-family: $font;
+  font-weight: 300;
+  font-size: 3.2rem;
+  line-height: 4.6rem;
+
+  @media #{$desktopSmall} {
+    font-size: 2.4rem;
+    line-height: 3.4rem;
+  }
+
+  @media #{$tabletH} {
+    font-size: 1.8rem;
+    line-height: 2.6rem;
+  }
+}
+
+// MV/🟠 Text - RG - M540
+@mixin text-rg-m540 {
+  font-family: $font;
+  font-weight: 300;
+  font-size: 2rem;
+  line-height: 3rem;
+
+  @media #{$mobileSmall} {
+    font-size: 1.6rem;
+    line-height: 2.2rem;
+  }
+}
+
+// 🟡🟩 Title Ofert
+@mixin title-ofert {
+  font-family: $font;
+  font-weight: 300;
+  font-size: 3.2rem;
+  line-height: 100%;
+
+  @media #{$mobile} {
+    font-size: 2.4rem;
+    line-height: 2.8rem;
+  }
+  @media #{$mobileSmall} {
+    font-size: 2rem;
+    line-height: 2.6rem;
+  }
+}
+
+// 🟩 Price Ofert
+@mixin price-ofert {
+  font-family: $font;
+  font-weight: 300;
+  font-size: 4.4rem;
+  line-height: 100%;
+
+  @media #{$mobileSmall} {
+    font-size: 3.8rem;
+  }
+}
+
+// 🟡 Title Grand Big
+@mixin title-grand-big {
+  font-family: $font;
+  font-weight: 500;
+  font-size: 5.5rem;
+  line-height: 5.8rem;
+}
+
+// Title item
+@mixin title-item {
+  font-family: $font;
+  font-weight: 400;
+  font-size: 1.8rem;
+  line-height: 2.8rem;
+  @media #{$mobileSmall} {
+    line-height: 2.4rem;
+  }
+}
+// Text Service Subt.
+@mixin text-service-subt {
+  font-family: $font;
+  font-weight: 400;
+  font-size: 1.4rem;
+  line-height: 1.7rem;
+  @media #{$mobileSmall} {
+    line-height: 2.4rem;
+  }
+}
+
+// But/🟨 button campo line
+@mixin button-campo-line {
+  font-family: $font;
+  font-weight: 500;
+  font-size: 1.5rem;
+  line-height: 100%;
+}

package/lib/styles/styles/babylon/inputs.css

@@ -0,0 +1 @@
+input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset !important;-webkit-text-fill-color:#fff !important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:"calc(100% - 0.8rem)";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0 !important;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:rgba(0,0,0,0);padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:"calc(100% - 5rem)"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:rgba(0,0,0,0);border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff !important}.m-radio-group .m-radio:checked::after{content:" ";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%, -50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:"calc(100% - 5rem)"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:"calc(100% - 2rem)";background-position-y:50%}

package/lib/styles/styles/babylon/inputs.scss

@@ -0,0 +1,168 @@
+@use 'funciones.scss' as *;
+
+//? INPUTS
+input[type='date']::-webkit-inner-spin-button,
+input[type='date']::-webkit-calendar-picker-indicator {
+    display: none;
+    -webkit-appearance: none;
+}
+
+input:not([type='radio']):not([type='checkbox']),
+textarea,
+select {
+    background-color: transparent;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    /* font-family: $font; */
+    font-size: 1.4rem;
+    font-weight: 500;
+    &::placeholder {
+        /* font-family: $font; */
+        font-size: 1.4rem;
+        font-weight: 500;
+    }
+    &::-moz-placeholder {
+        /* font-family: $font; */
+        font-size: 1.4rem;
+        font-weight: 500;
+    }
+    &::-ms-input-placeholder {
+        /* font-family: $font; */
+        font-size: 1.4rem;
+        font-weight: 500;
+    }
+    &::-webkit-input-placeholder {
+        /* font-family: $font; */
+        font-size: 1.4rem;
+        font-weight: 500;
+    }
+
+    // &:focus {
+    // background-color: #f9f9f9;
+    // }
+}
+
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active {
+    -webkit-box-shadow: 0 0 0 30px $color3 inset !important;
+    -webkit-text-fill-color: white !important;
+    transition: background-color 5000s ease-in-out 0s;
+}
+
+//* SELECT
+select {
+    position: relative;
+    cursor: pointer;
+    &.mini-arrow {
+        position: relative;
+        /* background-image: url('../../../assets/babylon/svg/img/icon-caret-down.svg'); */
+        background-repeat: no-repeat;
+        background-position-x: 'calc(100% - 0.8rem)';
+        background-position-y: 50%;
+        min-width: 0.8rem;
+    }
+    option {
+        /*  font-family: $font; */
+        font-size: 1.4rem;
+        font-weight: 500;
+        color: #000;
+    }
+}
+
+//* CHECKBOX
+.m-checkbox-group {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    .m-checkbox,
+    input {
+        border-radius: 0 !important;
+        position: relative;
+        -webkit-appearance: none;
+        -moz-appearance: none;
+        appearance: none;
+        width: 2.8rem;
+        height: 2.8rem;
+        border: 0.1rem solid #d2d2d2;
+        background-color: transparent;
+        padding: 0;
+        margin-right: 2rem;
+        border-radius: 0;
+        cursor: pointer;
+        position: relative;
+        // &:hover {
+        // background-color: $color3;
+        // }
+        &:checked {
+            background-color: white;
+            /* background-image: url('../../../assets/babylon/svg/img/icon-check.svg'); */
+            background-position: center;
+            background-repeat: no-repeat;
+            background-size: 1.6rem;
+            position: relative;
+            left: 0rem;
+            top: 0rem;
+        }
+    }
+    label {
+        /* font-family: $font; */
+        font-size: 1.3rem;
+        font-weight: 600;
+        max-width: 'calc(100% - 5rem)';
+    }
+}
+
+//* INPUT RADIO
+.m-radio-group {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    .m-radio {
+        -webkit-appearance: none;
+        width: 2.8rem;
+        height: 2.8rem;
+        border: 0.2rem solid #d2d2d2;
+        background-color: transparent;
+        border-radius: 50%;
+        padding: 0;
+        margin-right: 2rem;
+        cursor: pointer;
+        position: relative;
+        &:checked {
+            background-color: white !important;
+            &::after {
+                content: ' ';
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                width: 1.6rem;
+                height: 1.6rem;
+                border-radius: 50%;
+                background-color: $color4;
+                transform: translate(-50%, -50%);
+            }
+        }
+        // &:hover {
+        // background-color: $color3;
+        // }
+        // &:disabled {
+        //   background-color: $color3;
+        // }
+    }
+    label {
+        /* font-family: $font; */
+        font-size: 1.4rem;
+        font-weight: 500;
+        max-width: 'calc(100% - 5rem)';
+    }
+}
+
+.m-input.m-calendar {
+    /* background-image: url('../../../assets/babylon/svg/img/icon-calendar-blue.svg'); */
+    background-repeat: no-repeat;
+    background-position-x: 'calc(100% - 2rem)';
+    background-position-y: 50%;
+}