Generador de gradientes CSS

:root { --colorInner: {{colorInner}}; --colorOuter: {{colorOuter}}; --colorUI: {{colorUI}}}; }

.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em;}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none;}body .is-layout-flow > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em;}body .is-layout-flow > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0;}body .is-layout-flow > .aligncenter{margin-left:auto !important;margin-right:auto !important;}body .is-layout-constrained > .alignleft{float:left;margin-inline-start:0;margin-inline-end:2em;}body .is-layout-constrained > .alignright{float:right;margin-inline-start:2em;margin-inline-end:0;}body .is-layout-constrained > .aligncenter{margin-left:auto !important;margin-right:auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--wp--style--global--content-size);margin-left:auto !important;margin-right:auto !important;}body .is-layout-constrained > .alignwide{max-width:var(--wp--style--global--wide-size);}body .is-layout-flex{display:flex;}body .is-layout-flex{flex-wrap:wrap;align-items:center;}body .is-layout-flex > *{margin:0;}body .is-layout-grid{display:grid;}body .is-layout-grid > *{margin:0;}.has-black-color{color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color:var(--wp--preset--color--white) !important;}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color:var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color:var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color:var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important;}.wp-block-navigation a:where(:not(.wp-element-button)){color:inherit;}.wp-block-pullquote{font-size:1.5em;line-height:1.6;}button:hover{color:#fff !important;background-color:unset !important;}input{background-color:transparent !important;}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}input[type=range]{margin:0;width:20vmin;}input[type=range]:focus{outline:none;}input[type=range]::-webkit-slider-runnable-track{width:100%;height:1.4vmin;cursor:pointer;animate:.2s;background:transparent;color:transparent;border-radius:0;border:solid var(--colorInner);border-width:0 0 1px;}input[type=range]::-webkit-slider-thumb{position:relative;z-index:1;font-size:1.9vmin;border-radius:50%;border-bottom-left-radius:0;width:1em;height:1em;background-color:var(--colorInner);box-shadow:0 0 0 .1em var(--colorUI);-webkit-transition:200ms box-shadow linear;transition:200ms box-shadow linear;cursor:pointer;-webkit-appearance:none;transform:translateY(-.8em) rotate(-45deg);}input[type=range]::-moz-range-track{width:100%;height:1.4vmin;cursor:pointer;animate:.2s;background:transparent;color:transparent;border-radius:0;border:solid var(--colorInner);border-width:0 0 1px;}input[type=range]::-moz-range-thumb{position:relative;z-index:1;font-size:1.9vmin;border-radius:50%;border-bottom-left-radius:0;width:1em;height:1em;background-color:var(--colorInner);box-shadow:0 0 0 .1em var(--colorUI);-moz-transition:200ms box-shadow linear;transition:200ms box-shadow linear;cursor:pointer;-webkit-appearance:none;transform:translateY(-.8em) rotate(-45deg);}input[type=range]::-ms-track{width:100%;height:1.4vmin;cursor:pointer;animate:.2s;background:transparent;color:transparent;border-radius:0;border:solid var(--colorInner);border-width:0 0 1px;}input[type=range]::-ms-fill-lower{background:var(--colorUI);-ms-transition:200ms background-color linear;transition:200ms background-color linear;border:none;border-radius:100%;}input[type=range]::-ms-fill-upper{background:var(--colorUI);-ms-transition:200ms background-color linear;transition:200ms background-color linear;border-radius:100%;box-shadow:none;}input[type=range]::-ms-thumb{position:relative;z-index:1;font-size:1.9vmin;border-radius:50%;border-bottom-left-radius:0;width:1em;height:1em;background-color:var(--colorInner);box-shadow:0 0 0 .1em var(--colorUI);-ms-transition:200ms box-shadow linear;transition:200ms box-shadow linear;cursor:pointer;-webkit-appearance:none;transform:translateY(-.8em) rotate(-45deg);}.gradient{transition:200ms box-shadow linear;}.gradient__text{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}.gradient ::before{transition:200ms background-color linear;}.gradient__text{line-height:1.6;text-align:center;width:20vmin;font-size:1.9vmin;color:var(--colorInner);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:8vmin;}.gradient__text strong{display:block;margin-bottom:.5em;}.gradient__text.pouf-enter-active,.gradient__text.pouf-leave-active{opacity:1;transition:opacity .3s linear,transform .4s cubic-bezier(.7,.3,0,1);}.gradient__text.pouf-enter,.gradient__text.pouf-leave-to{opacity:0;transform:translate(-50%,-75%);transform-origin:50% 0%;}.picker .ellipse{opacity:0;}.picker__svg{stroke-width:15;overflow:auto;width:100%;height:100%;transform:scale(.925);}.picker--inner .ellipse{transform:translate(2px,2px) scale(.98);}.pointer,.pointer__marker{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:57vmin;height:57vmin;}.pointer{cursor:move;width:100%;height:100%;}.pointer__marker{width:51.6vmin;height:51.6vmin;}.pointer__marker::before,.pointer__marker::after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);}.pointer__marker::before{height:5vmin;width:.1rem;background:var(--colorUI);transition:200ms background-color linear;}.pointer__marker::after{background:currentColor;border-radius:50%;transform:translateX(-50%) rotate(-45deg);border-bottom-left-radius:0;font-size:1.9vmin;margin-top:-.5em;width:1em;height:1em;box-shadow:0 0 0 .1rem var(--colorUI);transition:200ms box-shadow linear;}.pointer--lower .pointer__marker{margin-top:-.7rem;}.pointer--lower .pointer__marker::before{box-shadow:0 0 0 .6rem var(--colorUI);transition:200ms box-shadow linear;width:.7rem;border-radius:100%;}.pointer--lower .pointer__marker::after{display:none;}.title{position:absolute;top:50%;left:0;right:0;text-align:center;font-size:.8em;margin-top:-6vmin;}.ratio{z-index:2;position:absolute;pointer-events:auto;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 0 .5em var(--colorUI);transition:200ms text-shadow linear;}.ratio__label{display:none;font-size:.7rem;text-align:center;margin-bottom:.5em;}.gradientval{display:none;}.actions--up .actions__button{transform:translateY(-8vmin);transition:340ms transform cubic-bezier(.8,.3,.5,1.2);}.actions--up .actions__button:nth-child(1){transition-delay:100ms;transform:translate(-3.5vmin,-8vmin);}.actions--up .actions__button:nth-child(2){transition-delay:170ms;}.actions--up .actions__button:nth-child(3){transition-delay:240ms;transform:translate(3.5vmin,-8vmin);}.actions--up .actions__button:nth-child(4){transition-delay:250ms;}.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;}.button:hover svg{transform:scale(1);}.button:hover .button__text{opacity:1;transform:translateX(50%);}.button__text{pointer-events:none;transition:transform 200ms,opacity 100ms;transition-delay:100ms,100ms;}.button svg{transition:100ms transform ease-out;}.app--uianimate .controls{transition:444ms transform ease-in-out 200ms;will-change:transform;}.app--uianimate .gradient::before{transition:444ms transform ease-in-out 100ms;will-change:transform;}.app--uihide .controls{transform:translate(-50%,-50%) scale(0);}.app--uihide .gradient::before{transform:translate(-50%,-50%) scale(0);}.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container{line-height:1;font-size:0;}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid;}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center);}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);line-height:var(--icon-size,25px);width:calc(var(--icon-size,25px) + ( 2 * var(--icon-padding,.5em) ));height:calc(var(--icon-size,25px) + ( 2 * var(--icon-padding,.5em) ));}.elementor-social-icon{--e-social-icon-icon-color:#fff;display:inline-flex;background-color:#69727d;align-items:center;justify-content:center;text-align:center;cursor:pointer;}.elementor-social-icon i{color:var(--e-social-icon-icon-color);}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color);}.elementor-social-icon:last-child{margin:0;}.elementor-social-icon:hover{opacity:.9;color:#fff;}.elementor-social-icon-android{background-color:#a4c639;}.elementor-social-icon-apple{background-color:#999;}.elementor-social-icon-behance{background-color:#1769ff;}.elementor-social-icon-bitbucket{background-color:#205081;}.elementor-social-icon-codepen{background-color:#000;}.elementor-social-icon-delicious{background-color:#39f;}.elementor-social-icon-deviantart{background-color:#05cc47;}.elementor-social-icon-digg{background-color:#005be2;}.elementor-social-icon-dribbble{background-color:#ea4c89;}.elementor-social-icon-elementor{background-color:#d30c5c;}.elementor-social-icon-envelope{background-color:#ea4335;}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998;}.elementor-social-icon-flickr{background-color:#0063dc;}.elementor-social-icon-foursquare{background-color:#2d5be3;}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400;}.elementor-social-icon-github{background-color:#333;}.elementor-social-icon-gitlab{background-color:#e24329;}.elementor-social-icon-globe{background-color:#69727d;}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39;}.elementor-social-icon-houzz{background-color:#7ac142;}.elementor-social-icon-instagram{background-color:#262626;}.elementor-social-icon-jsfiddle{background-color:#487aa2;}.elementor-social-icon-link{background-color:#818a91;}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5;}.elementor-social-icon-medium{background-color:#00ab6b;}.elementor-social-icon-meetup{background-color:#ec1c40;}.elementor-social-icon-mixcloud{background-color:#273a4b;}.elementor-social-icon-odnoklassniki{background-color:#f4731c;}.elementor-social-icon-pinterest{background-color:#bd081c;}.elementor-social-icon-product-hunt{background-color:#da552f;}.elementor-social-icon-reddit{background-color:#ff4500;}.elementor-social-icon-rss{background-color:#f26522;}.elementor-social-icon-shopping-cart{background-color:#4caf50;}.elementor-social-icon-skype{background-color:#00aff0;}.elementor-social-icon-slideshare{background-color:#0077b5;}.elementor-social-icon-snapchat{background-color:#fffc00;}.elementor-social-icon-soundcloud{background-color:#f80;}.elementor-social-icon-spotify{background-color:#2ebd59;}.elementor-social-icon-stack-overflow{background-color:#fe7a15;}.elementor-social-icon-steam{background-color:#00adee;}.elementor-social-icon-stumbleupon{background-color:#eb4924;}.elementor-social-icon-telegram{background-color:#2ca5e0;}.elementor-social-icon-thumb-tack{background-color:#1aa1d8;}.elementor-social-icon-tripadvisor{background-color:#589442;}.elementor-social-icon-tumblr{background-color:#35465c;}.elementor-social-icon-twitch{background-color:#6441a5;}.elementor-social-icon-twitter{background-color:#1da1f2;}.elementor-social-icon-viber{background-color:#665cac;}.elementor-social-icon-vimeo{background-color:#1ab7ea;}.elementor-social-icon-vk{background-color:#45668e;}.elementor-social-icon-weibo{background-color:#dd2430;}.elementor-social-icon-weixin{background-color:#31a918;}.elementor-social-icon-whatsapp{background-color:#25d366;}.elementor-social-icon-wordpress{background-color:#21759b;}.elementor-social-icon-xing{background-color:#026466;}.elementor-social-icon-yelp{background-color:#af0606;}.elementor-social-icon-youtube{background-color:#cd201f;}.elementor-social-icon-500px{background-color:#0099e5;}.elementor-shape-rounded .elementor-icon.elementor-social-icon{border-radius:10%;}.elementor-shape-circle .elementor-icon.elementor-social-icon{border-radius:50%;}.elementor-heading-title{padding:0;margin:0;line-height:1;}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit;}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px;}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px;}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px;}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px;}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px;}.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x;}.elementor-widget-divider .elementor-divider{display:flex;}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%;}.elementor-widget-divider .elementor-divider__element{margin:0 var(--divider-element-spacing);flex-shrink:0;}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size);}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr;}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center;}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:"";border-bottom:0;flex-grow:1;border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color);}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100;}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none;}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0;}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100;}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none;}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0;}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-top:var(--divider-border-width) var(--divider-border-style) var(--divider-color);}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none;}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url);}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto;}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round;}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl;}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var(--container-widget-flex-grow);}.elementor-column .elementor-spacer-inner{height:var(--spacer-size);}.e-con{--container-widget-width:100%;}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0;}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%;}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%;}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size));}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{position:relative;min-height:22px;min-width:22px;}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:22px;height:22px;}