/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Jul 29 2025 | 15:45:53 */ /* Add your CSS code here. For example: .example { color: red; } For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp End of comment */ /*.elementor-widget-video .elementor-custom-embed-image-overlay img{ height: 530px; }*/ /* ============================= BASE: Com borda degradê e canto chanfrado ============================= */ .border_deg_updown { --bg-color: #131418; --gradient: linear-gradient(135deg, #00f0ff 0%, #0072ff 100%); --hover-gradient: linear-gradient(135deg, #00f0ff 0%, #0072ff 100%); --clip-shape-desktop: polygon(0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%, 0 90%); --clip-shape-tablet: polygon(0 0, 85% 0, 100% 12%, 100% 100%, 15% 100%, 0 88%); --clip-shape-mobile: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 15% 100%, 0 85%); clip-path: var(--clip-shape-desktop); -webkit-clip-path: var(--clip-shape-desktop); position: relative; padding: 2rem; color: white; background: transparent; z-index: 1; transition: all 0.3s ease; overflow: hidden; min-height: 100px; will-change: clip-path; transform: translateZ(0); } /* Pseudo-elementos com a mesma inclinação */ .border_deg_updown::before, .border_deg_updown::after { content: ""; position: absolute; inset: 0; clip-path: var(--clip-shape-desktop); -webkit-clip-path: var(--clip-shape-desktop); will-change: clip-path; transform: translateZ(0); } /* Borda degradê (invisível até hover ou classe ativa) */ .border_deg_updown::before { background: var(--hover-gradient); z-index: -2; opacity: 0; transition: opacity 0.4s ease; } /* Fundo interno (cor de fundo) */ .border_deg_updown::after { inset: 2px; /* borda */ background: var(--bg-color); z-index: -1; } /* Hover ativa a borda */ .border_deg_updown:hover::before, .border_deg_updown.border_deg_updown_active::before { opacity: 1; } /* ============================= MEDIA QUERIES: Ajustes por tamanho ============================= */ /* TABLET */ @media (min-width: 768px) and (max-width: 1024px) { .border_deg_updown { clip-path: var(--clip-shape-tablet); -webkit-clip-path: var(--clip-shape-tablet); } .border_deg_updown::before, .border_deg_updown::after { clip-path: var(--clip-shape-tablet); -webkit-clip-path: var(--clip-shape-tablet); } } /* MOBILE */ @media (max-width: 767px) { .border_deg_updown { clip-path: var(--clip-shape-mobile); -webkit-clip-path: var(--clip-shape-mobile); } .border_deg_updown::before, .border_deg_updown::after { clip-path: var(--clip-shape-mobile); -webkit-clip-path: var(--clip-shape-mobile); } } /* ========== TABLET (min 1080px) ========== */ @media (min-width:1080px) { .chanfro_cta { clip-path: polygon( 0 0, 96% 0, 100% 10%, 100% 100%, 4% 100%, 0 90% ); -webkit-clip-path: polygon( 0 0, 96% 0, 100% 10%, 100% 100%, 4% 100%, 0 90% ); } } /* ========== MOBILE (até 1080px) ========== */ @media (max-width: 1080px) { .chanfro_cta { clip-path: polygon( 0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%, 0 90% ); -webkit-clip-path: polygon( 0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%, 0 90% ); } } /* ========== TABLET (min 1080px) ========== */ @media (min-width:1080px) { .chanfro_img { clip-path: polygon( 0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%, 0 90% ); -webkit-clip-path: polygon( 0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%, 0 90% ); } } /* ========== MOBILE (até 1080px) ========== */ @media (max-width: 1080px) { .chanfro_img { clip-path: polygon( 0 0, 85% 0, 100% 12%, 100% 100%, 15% 100%, 0 88% ); -webkit-clip-path: polygon( 0 0, 85% 0, 100% 12%, 100% 100%, 15% 100%, 0 88% ); } } /* depoimentos */ #depoimentos .elementskit-single-testimonial-slider { clip-path: polygon(0 0, 85% 0%, 100% 15%, 100% 100%, 0% 100%); } /*botao animado principal*/ /* === core === */ .cga8x{isolation:isolate;overflow:hidden;border-radius:999px;position:relative;width:100%;max-width:400px;margin:auto;--animation-speed:2s} .g3l2a .l9p1n,.g3l2a .z3m5q{opacity:1} .l9p1n,.f2k7s{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1} .l9p1n:before,.f2k7s:before{content:"";float:left;padding-top:100%} .l9p1n:after,.f2k7s:after{clear:both;content:"";display:block} .l9p1n{opacity:0;pointer-events:none;transition:1s ease opacity} .l9p1n *{height:100%;left:0;position:absolute;top:0;width:100%} .f2k7s,.t5c2e,.w4h9j{animation:borderTurn var(--animation-speed) infinite linear;background-image:conic-gradient(from 0 at 50% 50%,rgba(255,136,72,1) 0deg,rgba(100,132,139,0) 60deg,rgba(100,132,139,0) 300deg,rgba(255,198,164,1) 360deg);background-position:center center;background-repeat:no-repeat;background-size:cover} .r8v6d{-webkit-mask:url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0534 15.732C13.8444 15.283 14.2848 14.8489 14.7326 15.051C14.8296 15.0959 14.9043 15.1707 14.949 15.268C15.1506 15.717 14.7177 16.1511 14.2698 15.949C14.1728 15.9041 14.0982 15.8293 14.0534 15.732Z' fill='black'/%3E%3Cpath d='M18.8001 13.5093C19.0016 13.0603 18.5687 12.6263 18.1209 12.8283C18.0239 12.8732 17.9492 12.9481 17.9045 13.0453C17.6955 13.4944 18.1358 13.9284 18.5837 13.7264C18.6807 13.6815 18.7553 13.6066 18.8001 13.5093Z' fill='black'/%3E%3Cpath d='M0.949043 2.732C1.15057 2.28297 0.717663 1.84891 0.269836 2.05097C0.172806 2.09587 0.098162 2.17071 0.0533793 2.268C-0.155607 2.71703 0.284759 3.15109 0.732587 2.94903C0.829616 2.90413 0.90426 2.82929 0.949043 2.732Z' fill='black'/%3E%3Cpath d='M26.9489 7.732C27.151 7.28297 26.7169 6.84891 26.2679 7.05097C26.1706 7.09587 26.0958 7.17071 26.0508 7.268C25.8488 7.71703 26.2828 8.15109 26.7319 7.94903C26.8292 7.90413 26.904 7.82929 26.9489 7.732Z' fill='black'/%3E%3Cpath d='M13.0534 5.732C12.8444 5.28297 13.2848 4.84891 13.7326 5.05097C13.8296 5.09587 13.9043 5.17071 13.949 5.268C14.1506 5.71703 13.7177 6.15109 13.2698 5.94903C13.1728 5.90413 13.0982 5.82929 13.0534 5.732Z' fill='black'/%3E%3Cpath d='M10.0534 17.732C9.84439 17.283 10.2848 16.8489 10.7326 17.051C10.8296 17.0959 10.9043 17.1707 10.949 17.268C11.1506 17.717 10.7177 18.1511 10.2698 17.949C10.1728 17.9041 10.0982 17.8293 10.0534 17.732Z' fill='black'/%3E%3Cpath d='M15.0534 21.732C14.8444 21.283 15.2848 20.8489 15.7326 21.051C15.8296 21.0959 15.9043 21.1707 15.949 21.268C16.1506 21.717 15.7177 22.1511 15.2698 21.949C15.1728 21.9041 15.0982 21.8293 15.0534 21.732Z' fill='black'/%3E%3C/svg%3E");mask:url("data:image/svg+xml,%3Csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0534 15.732C13.8444 15.283 14.2848 14.8489 14.7326 15.051C14.8296 15.0959 14.9043 15.1707 14.949 15.268C15.1506 15.717 14.7177 16.1511 14.2698 15.949C14.1728 15.9041 14.0982 15.8293 14.0534 15.732Z' fill='black'/%3E%3Cpath d='M18.8001 13.5093C19.0016 13.0603 18.5687 12.6263 18.1209 12.8283C18.0239 12.8732 17.9492 12.9481 17.9045 13.0453C17.6955 13.4944 18.1358 13.9284 18.5837 13.7264C18.6807 13.6815 18.7553 13.6066 18.8001 13.5093Z' fill='black'/%3E%3Cpath d='M0.949043 2.732C1.15057 2.28297 0.717663 1.84891 0.269836 2.05097C0.172806 2.09587 0.098162 2.17071 0.0533793 2.268C-0.155607 2.71703 0.284759 3.15109 0.732587 2.94903C0.829616 2.90413 0.90426 2.82929 0.949043 2.732Z' fill='black'/%3E%3Cpath d='M26.9489 7.732C27.151 7.28297 26.7169 6.84891 26.2679 7.05097C26.1706 7.09587 26.0958 7.17071 26.0508 7.268C25.8488 7.71703 26.2828 8.15109 26.7319 7.94903C26.8292 7.90413 26.904 7.82929 26.9489 7.732Z' fill='black'/%3E%3Cpath d='M13.0534 5.732C12.8444 5.28297 13.2848 4.84891 13.7326 5.05097C13.8296 5.09587 13.9043 5.17071 13.949 5.268C14.1506 5.71703 13.7177 6.15109 13.2698 5.94903C13.1728 5.90413 13.0982 5.82929 13.0534 5.732Z' fill='black'/%3E%3Cpath d='M10.0534 17.732C9.84439 17.283 10.2848 16.8489 10.7326 17.051C10.8296 17.0959 10.9043 17.1707 10.949 17.268C11.1506 17.717 10.7177 18.1511 10.2698 17.949C10.1728 17.9041 10.0982 17.8293 10.0534 17.732Z' fill='black'/%3E%3Cpath d='M15.0534 21.732C14.8444 21.283 15.2848 20.8489 15.7326 21.051C15.8296 21.0959 15.9043 21.1707 15.949 21.268C16.1506 21.717 15.7177 22.1511 15.2698 21.949C15.1728 21.9041 15.0982 21.8293 15.0534 21.732Z' fill='black'/%3E%3C/svg%3E");mask-repeat:repeat;-webkit-mask-repeat:repeat;mask-size:auto;-webkit-mask-size:auto} .t5c2e{filter:blur(8px);opacity:.12} .f2k7s{animation-name:borderTurnWithTranslate} .z3m5q{border-radius:999px;content:"";height:100%;inset:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;top:0;transition:1s ease opacity;width:100%;z-index:1} @keyframes borderTurn{0%{transform:rotate(0)}to{transform:rotate(360deg)}} @keyframes borderTurnWithTranslate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}} /* === button === */ .d1b0y{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 20px 10px 10px;background-color:#0F0D0D;background:linear-gradient(225deg,rgba(240,242,255,.24) 5%,rgba(255,255,255,.08) 43%,rgba(255,255,255,.03) 68%);border:1px solid rgba(132,117,110,.26);border-radius:100px;box-shadow:23.9px 19.78px 82.49px 0 #00000094;flex-wrap:nowrap} .k6u3f{position:relative;z-index:2;text-align:center;padding:14px 16px; background: linear-gradient(307deg, #850058 5.88%, rgb(113 38 19) 50.22%, #b45900 95.32%);border:1px solid rgba(132,117,110,.55);border-radius:100px;letter-spacing:.8px;font-family:"Aspekta",sans-serif;font-weight:600;font-size:15px;color:#fff;box-shadow:-4.15px 10.39px 70.01px 0 #1B1111E3,-2.08px 4.15px 38.22px 0 #0F0F0F,-5.2px -4px 12.3px -10.4px #FFE5BC57 inset;overflow:hidden} .k6u3f::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("https://cdn.snappages.com.br/imagens/component-assets/button-lava-background.webp") no-repeat center/cover;border-radius:100px;transform:scale(1.1);opacity:.8;transition:transform .3s ease,opacity .3s ease;z-index:-1} .k6u3f:hover::before{transform:scale(1);opacity:1} .s0a8l{display:inline-block;width:18px;height:auto;opacity:1} /* === responsive === */ @media(max-width:480px){ .d1b0y{gap:10px;padding:8px 12px 8px 8px} .k6u3f{font-size:14px;padding:12px 14px} .s0a8l{width:16px} } @media(max-width:320px){ .d1b0y{gap:8px;padding:6px 8px 6px 6px} .k6u3f{font-size:12px;padding:10px 12px} .s0a8l{width:14px} }