.elementor-76 .elementor-element.elementor-element-6a857ac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-76 .elementor-element.elementor-element-3c465e9{width:100%;max-width:100%;padding:0px 0px 100px 0px;text-align:center;}.elementor-76 .elementor-element.elementor-element-3c465e9 .elementor-heading-title{font-family:"Boska", Sans-serif;font-size:60px;font-weight:600;text-transform:uppercase;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-76 .elementor-element.elementor-element-5044210{width:100%;max-width:100%;padding:100px 0px 100px 0px;text-align:center;}.elementor-76 .elementor-element.elementor-element-5044210 .elementor-heading-title{font-family:"Boska", Sans-serif;font-size:60px;font-weight:600;text-transform:uppercase;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-76 .elementor-element.elementor-element-8e783ab{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-76 .elementor-element.elementor-element-8e783ab.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-76 .elementor-element.elementor-element-d8ed18b{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-76 .elementor-element.elementor-element-d8ed18b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-76 .elementor-element.elementor-element-6af1db4{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-76 .elementor-element.elementor-element-6af1db4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-76 .elementor-element.elementor-element-c111985{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-76 .elementor-element.elementor-element-c111985.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-76 .elementor-element.elementor-element-c876d26{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-76 .elementor-element.elementor-element-c876d26.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-76 .elementor-element.elementor-element-180ebc9{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;}.elementor-76 .elementor-element.elementor-element-180ebc9.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-76 .elementor-element.elementor-element-90b2f73{width:100%;max-width:100%;padding:100px 0px 100px 0px;text-align:center;}.elementor-76 .elementor-element.elementor-element-90b2f73 .elementor-heading-title{font-family:"Boska", Sans-serif;font-size:60px;font-weight:600;text-transform:uppercase;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-76 .elementor-element.elementor-element-6a857ac{--content-width:90vw;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-76 .elementor-element.elementor-element-3c465e9 .elementor-heading-title{font-size:40px;}.elementor-76 .elementor-element.elementor-element-5044210 .elementor-heading-title{font-size:50px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-76 .elementor-element.elementor-element-8e783ab{width:var( --container-widget-width, 539.672px );max-width:539.672px;--container-widget-width:539.672px;--container-widget-flex-grow:0;}.elementor-76 .elementor-element.elementor-element-d8ed18b{width:var( --container-widget-width, 539.672px );max-width:539.672px;--container-widget-width:539.672px;--container-widget-flex-grow:0;}.elementor-76 .elementor-element.elementor-element-6af1db4{width:var( --container-widget-width, 539.672px );max-width:539.672px;--container-widget-width:539.672px;--container-widget-flex-grow:0;}.elementor-76 .elementor-element.elementor-element-c111985{width:var( --container-widget-width, 539.672px );max-width:539.672px;--container-widget-width:539.672px;--container-widget-flex-grow:0;}.elementor-76 .elementor-element.elementor-element-c876d26{width:var( --container-widget-width, 539.672px );max-width:539.672px;--container-widget-width:539.672px;--container-widget-flex-grow:0;}.elementor-76 .elementor-element.elementor-element-180ebc9{width:var( --container-widget-width, 539.672px );max-width:539.672px;--container-widget-width:539.672px;--container-widget-flex-grow:0;}.elementor-76 .elementor-element.elementor-element-90b2f73 .elementor-heading-title{font-size:40px;}}/* Start custom CSS for icon-box, class: .elementor-element-8e783ab *//* ========================================== GOTHIC WARNING CARDS — DARK BLOOD Tattoo Studio | Elementor Container + Icon Box ========================================== */ .elementor-76 .elementor-element.elementor-element-8e783ab { --warning-red: #691F2B; --warning-light: #9A545F; --warning-dark: #35151D; position: relative; background: rgba(19, 18, 21, 0.75); border: 1px solid rgba(145, 88, 99, 0.22); border-radius: 20px; padding: 30px 26px; min-height: 235px; overflow: hidden; isolation: isolate; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: transform 0.4s ease, background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; } /* ========================================== LINHA DECORATIVA SUPERIOR ========================================== */ .elementor-76 .elementor-element.elementor-element-8e783ab::before { content: ""; position: absolute; top: 0; left: 26px; width: 65px; height: 2px; background: linear-gradient( 90deg, #9A545F 0%, #691F2B 55%, transparent 100% ); opacity: 0.8; pointer-events: none; } /* ========================================== HOVER DO CARD ========================================== */ @media (hover: hover) { .elementor-76 .elementor-element.elementor-element-8e783ab:hover { transform: translateY(-6px); background: rgba(30, 22, 27, 0.90); border-color: rgba(154, 84, 95, 0.48); box-shadow: 0 18px 40px rgba(0,0,0,0.38), 0 0 25px rgba(105,31,43,0.10), inset 0 1px 0 rgba(255,255,255,0.04); } } /* ========================================== REMOVE O ÍCONE DE ESTRELA ORIGINAL ========================================== */ .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-icon .elementor-icon { display: none !important; } /* ========================================== ÁREA DO SÍMBOLO DE ALERTA GÓTICO ========================================== */ .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-icon { position: relative; display: flex !important; align-items: center; justify-content: center; width: 76px; height: 82px; margin: 0 0 20px !important; isolation: isolate; overflow: visible; } /* ========================================== DESENHO ABSTRATO — ESPINHOS GÓTICOS ========================================== */ .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-icon::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 145deg, rgba(161, 92, 105, 0.88) 0%, rgba(105, 31, 43, 0.78) 45%, rgba(53, 21, 29, 0.65) 100% ); /* Forma pontiaguda assimétrica */ clip-path: polygon( 50% 0%, 60% 29%, 81% 12%, 70% 39%, 100% 50%, 71% 60%, 83% 87%, 60% 71%, 50% 100%, 39% 72%, 17% 87%, 29% 60%, 0% 50%, 29% 40%, 18% 13%, 40% 29% ); filter: drop-shadow( 0 0 8px rgba(105,31,43,0.20) ); transition: transform 0.5s ease, background 0.4s ease, filter 0.4s ease; } /* ========================================== SÍMBOLO DE IMPORTANTE / ALERTA ========================================== */ .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-icon::after { content: "!"; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; font-family: Georgia, "Times New Roman", serif; font-size: 39px; font-weight: 700; line-height: 1; color: #F2EFEA; transform: translateY(-2px); text-shadow: 0 2px 8px rgba(0,0,0,0.65); transition: color 0.3s ease, transform 0.4s ease; } /* ========================================== HOVER DO SÍMBOLO ========================================== */ @media (hover: hover) { .elementor-76 .elementor-element.elementor-element-8e783ab:hover .elementor-icon-box-icon::before { transform: rotate(45deg) scale(1.08); background: linear-gradient( 145deg, rgba(180,110,122,0.92), rgba(120,42,56,0.84), rgba(58,23,32,0.72) ); filter: drop-shadow( 0 0 12px rgba(135,50,65,0.28) ); } .elementor-76 .elementor-element.elementor-element-8e783ab:hover .elementor-icon-box-icon::after { color: #FFFFFF; transform: translateY(-2px) scale(1.08); } } /* ========================================== TIPOGRAFIA ========================================== */ /* Caso exista título no Icon Box */ .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-title, .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-title a { color: #F2EFEA; font-weight: 600; line-height: 1.3; transition: color 0.3s ease; } .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-title { margin: 0 0 12px !important; } /* Textos das recomendações */ .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-description { color: #A9A6AA; font-family: "Manrope", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.7; margin: 0; transition: color 0.35s ease; } .elementor-76 .elementor-element.elementor-element-8e783ab:hover .elementor-icon-box-description { color: #D2CDD0; } /* ========================================== TABLET ========================================== */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-76 .elementor-element.elementor-element-8e783ab { padding: 26px 22px; min-height: 245px; } .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-description { font-size: 14px; line-height: 1.65; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .elementor-76 .elementor-element.elementor-element-8e783ab { min-height: 0; padding: 26px 24px; border-radius: 18px; } .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-icon { width: 65px; height: 70px; margin-bottom: 16px !important; } .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-icon::after { font-size: 34px; } .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-description { font-size: 14px; line-height: 1.7; } .elementor-76 .elementor-element.elementor-element-8e783ab::before { left: 24px; width: 55px; } } /* ========================================== ACESSIBILIDADE ========================================== */ @media (prefers-reduced-motion: reduce) { .elementor-76 .elementor-element.elementor-element-8e783ab, .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-icon::before, .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-icon::after, .elementor-76 .elementor-element.elementor-element-8e783ab .elementor-icon-box-description { transition: none !important; } .elementor-76 .elementor-element.elementor-element-8e783ab:hover { transform: none; } .elementor-76 .elementor-element.elementor-element-8e783ab:hover .elementor-icon-box-icon::before { transform: none; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d8ed18b *//* ========================================== GOTHIC WARNING CARDS — DARK BLOOD Tattoo Studio | Elementor Container + Icon Box ========================================== */ .elementor-76 .elementor-element.elementor-element-d8ed18b { --warning-red: #691F2B; --warning-light: #9A545F; --warning-dark: #35151D; position: relative; background: rgba(19, 18, 21, 0.75); border: 1px solid rgba(145, 88, 99, 0.22); border-radius: 20px; padding: 30px 26px; min-height: 235px; overflow: hidden; isolation: isolate; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: transform 0.4s ease, background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; } /* ========================================== LINHA DECORATIVA SUPERIOR ========================================== */ .elementor-76 .elementor-element.elementor-element-d8ed18b::before { content: ""; position: absolute; top: 0; left: 26px; width: 65px; height: 2px; background: linear-gradient( 90deg, #9A545F 0%, #691F2B 55%, transparent 100% ); opacity: 0.8; pointer-events: none; } /* ========================================== HOVER DO CARD ========================================== */ @media (hover: hover) { .elementor-76 .elementor-element.elementor-element-d8ed18b:hover { transform: translateY(-6px); background: rgba(30, 22, 27, 0.90); border-color: rgba(154, 84, 95, 0.48); box-shadow: 0 18px 40px rgba(0,0,0,0.38), 0 0 25px rgba(105,31,43,0.10), inset 0 1px 0 rgba(255,255,255,0.04); } } /* ========================================== REMOVE O ÍCONE DE ESTRELA ORIGINAL ========================================== */ .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-icon .elementor-icon { display: none !important; } /* ========================================== ÁREA DO SÍMBOLO DE ALERTA GÓTICO ========================================== */ .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-icon { position: relative; display: flex !important; align-items: center; justify-content: center; width: 76px; height: 82px; margin: 0 0 20px !important; isolation: isolate; overflow: visible; } /* ========================================== DESENHO ABSTRATO — ESPINHOS GÓTICOS ========================================== */ .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-icon::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 145deg, rgba(161, 92, 105, 0.88) 0%, rgba(105, 31, 43, 0.78) 45%, rgba(53, 21, 29, 0.65) 100% ); /* Forma pontiaguda assimétrica */ clip-path: polygon( 50% 0%, 60% 29%, 81% 12%, 70% 39%, 100% 50%, 71% 60%, 83% 87%, 60% 71%, 50% 100%, 39% 72%, 17% 87%, 29% 60%, 0% 50%, 29% 40%, 18% 13%, 40% 29% ); filter: drop-shadow( 0 0 8px rgba(105,31,43,0.20) ); transition: transform 0.5s ease, background 0.4s ease, filter 0.4s ease; } /* ========================================== SÍMBOLO DE IMPORTANTE / ALERTA ========================================== */ .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-icon::after { content: "!"; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; font-family: Georgia, "Times New Roman", serif; font-size: 39px; font-weight: 700; line-height: 1; color: #F2EFEA; transform: translateY(-2px); text-shadow: 0 2px 8px rgba(0,0,0,0.65); transition: color 0.3s ease, transform 0.4s ease; } /* ========================================== HOVER DO SÍMBOLO ========================================== */ @media (hover: hover) { .elementor-76 .elementor-element.elementor-element-d8ed18b:hover .elementor-icon-box-icon::before { transform: rotate(45deg) scale(1.08); background: linear-gradient( 145deg, rgba(180,110,122,0.92), rgba(120,42,56,0.84), rgba(58,23,32,0.72) ); filter: drop-shadow( 0 0 12px rgba(135,50,65,0.28) ); } .elementor-76 .elementor-element.elementor-element-d8ed18b:hover .elementor-icon-box-icon::after { color: #FFFFFF; transform: translateY(-2px) scale(1.08); } } /* ========================================== TIPOGRAFIA ========================================== */ /* Caso exista título no Icon Box */ .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-title, .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-title a { color: #F2EFEA; font-weight: 600; line-height: 1.3; transition: color 0.3s ease; } .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-title { margin: 0 0 12px !important; } /* Textos das recomendações */ .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-description { color: #A9A6AA; font-family: "Manrope", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.7; margin: 0; transition: color 0.35s ease; } .elementor-76 .elementor-element.elementor-element-d8ed18b:hover .elementor-icon-box-description { color: #D2CDD0; } /* ========================================== TABLET ========================================== */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-76 .elementor-element.elementor-element-d8ed18b { padding: 26px 22px; min-height: 245px; } .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-description { font-size: 14px; line-height: 1.65; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .elementor-76 .elementor-element.elementor-element-d8ed18b { min-height: 0; padding: 26px 24px; border-radius: 18px; } .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-icon { width: 65px; height: 70px; margin-bottom: 16px !important; } .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-icon::after { font-size: 34px; } .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-description { font-size: 14px; line-height: 1.7; } .elementor-76 .elementor-element.elementor-element-d8ed18b::before { left: 24px; width: 55px; } } /* ========================================== ACESSIBILIDADE ========================================== */ @media (prefers-reduced-motion: reduce) { .elementor-76 .elementor-element.elementor-element-d8ed18b, .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-icon::before, .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-icon::after, .elementor-76 .elementor-element.elementor-element-d8ed18b .elementor-icon-box-description { transition: none !important; } .elementor-76 .elementor-element.elementor-element-d8ed18b:hover { transform: none; } .elementor-76 .elementor-element.elementor-element-d8ed18b:hover .elementor-icon-box-icon::before { transform: none; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6af1db4 *//* ========================================== GOTHIC WARNING CARDS — DARK BLOOD Tattoo Studio | Elementor Container + Icon Box ========================================== */ .elementor-76 .elementor-element.elementor-element-6af1db4 { --warning-red: #691F2B; --warning-light: #9A545F; --warning-dark: #35151D; position: relative; background: rgba(19, 18, 21, 0.75); border: 1px solid rgba(145, 88, 99, 0.22); border-radius: 20px; padding: 30px 26px; min-height: 235px; overflow: hidden; isolation: isolate; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: transform 0.4s ease, background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; } /* ========================================== LINHA DECORATIVA SUPERIOR ========================================== */ .elementor-76 .elementor-element.elementor-element-6af1db4::before { content: ""; position: absolute; top: 0; left: 26px; width: 65px; height: 2px; background: linear-gradient( 90deg, #9A545F 0%, #691F2B 55%, transparent 100% ); opacity: 0.8; pointer-events: none; } /* ========================================== HOVER DO CARD ========================================== */ @media (hover: hover) { .elementor-76 .elementor-element.elementor-element-6af1db4:hover { transform: translateY(-6px); background: rgba(30, 22, 27, 0.90); border-color: rgba(154, 84, 95, 0.48); box-shadow: 0 18px 40px rgba(0,0,0,0.38), 0 0 25px rgba(105,31,43,0.10), inset 0 1px 0 rgba(255,255,255,0.04); } } /* ========================================== REMOVE O ÍCONE DE ESTRELA ORIGINAL ========================================== */ .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-icon .elementor-icon { display: none !important; } /* ========================================== ÁREA DO SÍMBOLO DE ALERTA GÓTICO ========================================== */ .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-icon { position: relative; display: flex !important; align-items: center; justify-content: center; width: 76px; height: 82px; margin: 0 0 20px !important; isolation: isolate; overflow: visible; } /* ========================================== DESENHO ABSTRATO — ESPINHOS GÓTICOS ========================================== */ .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-icon::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 145deg, rgba(161, 92, 105, 0.88) 0%, rgba(105, 31, 43, 0.78) 45%, rgba(53, 21, 29, 0.65) 100% ); /* Forma pontiaguda assimétrica */ clip-path: polygon( 50% 0%, 60% 29%, 81% 12%, 70% 39%, 100% 50%, 71% 60%, 83% 87%, 60% 71%, 50% 100%, 39% 72%, 17% 87%, 29% 60%, 0% 50%, 29% 40%, 18% 13%, 40% 29% ); filter: drop-shadow( 0 0 8px rgba(105,31,43,0.20) ); transition: transform 0.5s ease, background 0.4s ease, filter 0.4s ease; } /* ========================================== SÍMBOLO DE IMPORTANTE / ALERTA ========================================== */ .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-icon::after { content: "!"; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; font-family: Georgia, "Times New Roman", serif; font-size: 39px; font-weight: 700; line-height: 1; color: #F2EFEA; transform: translateY(-2px); text-shadow: 0 2px 8px rgba(0,0,0,0.65); transition: color 0.3s ease, transform 0.4s ease; } /* ========================================== HOVER DO SÍMBOLO ========================================== */ @media (hover: hover) { .elementor-76 .elementor-element.elementor-element-6af1db4:hover .elementor-icon-box-icon::before { transform: rotate(45deg) scale(1.08); background: linear-gradient( 145deg, rgba(180,110,122,0.92), rgba(120,42,56,0.84), rgba(58,23,32,0.72) ); filter: drop-shadow( 0 0 12px rgba(135,50,65,0.28) ); } .elementor-76 .elementor-element.elementor-element-6af1db4:hover .elementor-icon-box-icon::after { color: #FFFFFF; transform: translateY(-2px) scale(1.08); } } /* ========================================== TIPOGRAFIA ========================================== */ /* Caso exista título no Icon Box */ .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-title, .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-title a { color: #F2EFEA; font-weight: 600; line-height: 1.3; transition: color 0.3s ease; } .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-title { margin: 0 0 12px !important; } /* Textos das recomendações */ .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-description { color: #A9A6AA; font-family: "Manrope", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.7; margin: 0; transition: color 0.35s ease; } .elementor-76 .elementor-element.elementor-element-6af1db4:hover .elementor-icon-box-description { color: #D2CDD0; } /* ========================================== TABLET ========================================== */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-76 .elementor-element.elementor-element-6af1db4 { padding: 26px 22px; min-height: 245px; } .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-description { font-size: 14px; line-height: 1.65; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .elementor-76 .elementor-element.elementor-element-6af1db4 { min-height: 0; padding: 26px 24px; border-radius: 18px; } .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-icon { width: 65px; height: 70px; margin-bottom: 16px !important; } .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-icon::after { font-size: 34px; } .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-description { font-size: 14px; line-height: 1.7; } .elementor-76 .elementor-element.elementor-element-6af1db4::before { left: 24px; width: 55px; } } /* ========================================== ACESSIBILIDADE ========================================== */ @media (prefers-reduced-motion: reduce) { .elementor-76 .elementor-element.elementor-element-6af1db4, .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-icon::before, .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-icon::after, .elementor-76 .elementor-element.elementor-element-6af1db4 .elementor-icon-box-description { transition: none !important; } .elementor-76 .elementor-element.elementor-element-6af1db4:hover { transform: none; } .elementor-76 .elementor-element.elementor-element-6af1db4:hover .elementor-icon-box-icon::before { transform: none; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c111985 *//* ========================================== GOTHIC WARNING CARDS — DARK BLOOD Tattoo Studio | Elementor Container + Icon Box ========================================== */ .elementor-76 .elementor-element.elementor-element-c111985 { --warning-red: #691F2B; --warning-light: #9A545F; --warning-dark: #35151D; position: relative; background: rgba(19, 18, 21, 0.75); border: 1px solid rgba(145, 88, 99, 0.22); border-radius: 20px; padding: 30px 26px; min-height: 235px; overflow: hidden; isolation: isolate; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: transform 0.4s ease, background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; } /* ========================================== LINHA DECORATIVA SUPERIOR ========================================== */ .elementor-76 .elementor-element.elementor-element-c111985::before { content: ""; position: absolute; top: 0; left: 26px; width: 65px; height: 2px; background: linear-gradient( 90deg, #9A545F 0%, #691F2B 55%, transparent 100% ); opacity: 0.8; pointer-events: none; } /* ========================================== HOVER DO CARD ========================================== */ @media (hover: hover) { .elementor-76 .elementor-element.elementor-element-c111985:hover { transform: translateY(-6px); background: rgba(30, 22, 27, 0.90); border-color: rgba(154, 84, 95, 0.48); box-shadow: 0 18px 40px rgba(0,0,0,0.38), 0 0 25px rgba(105,31,43,0.10), inset 0 1px 0 rgba(255,255,255,0.04); } } /* ========================================== REMOVE O ÍCONE DE ESTRELA ORIGINAL ========================================== */ .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-icon .elementor-icon { display: none !important; } /* ========================================== ÁREA DO SÍMBOLO DE ALERTA GÓTICO ========================================== */ .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-icon { position: relative; display: flex !important; align-items: center; justify-content: center; width: 76px; height: 82px; margin: 0 0 20px !important; isolation: isolate; overflow: visible; } /* ========================================== DESENHO ABSTRATO — ESPINHOS GÓTICOS ========================================== */ .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-icon::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 145deg, rgba(161, 92, 105, 0.88) 0%, rgba(105, 31, 43, 0.78) 45%, rgba(53, 21, 29, 0.65) 100% ); /* Forma pontiaguda assimétrica */ clip-path: polygon( 50% 0%, 60% 29%, 81% 12%, 70% 39%, 100% 50%, 71% 60%, 83% 87%, 60% 71%, 50% 100%, 39% 72%, 17% 87%, 29% 60%, 0% 50%, 29% 40%, 18% 13%, 40% 29% ); filter: drop-shadow( 0 0 8px rgba(105,31,43,0.20) ); transition: transform 0.5s ease, background 0.4s ease, filter 0.4s ease; } /* ========================================== SÍMBOLO DE IMPORTANTE / ALERTA ========================================== */ .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-icon::after { content: "!"; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; font-family: Georgia, "Times New Roman", serif; font-size: 39px; font-weight: 700; line-height: 1; color: #F2EFEA; transform: translateY(-2px); text-shadow: 0 2px 8px rgba(0,0,0,0.65); transition: color 0.3s ease, transform 0.4s ease; } /* ========================================== HOVER DO SÍMBOLO ========================================== */ @media (hover: hover) { .elementor-76 .elementor-element.elementor-element-c111985:hover .elementor-icon-box-icon::before { transform: rotate(45deg) scale(1.08); background: linear-gradient( 145deg, rgba(180,110,122,0.92), rgba(120,42,56,0.84), rgba(58,23,32,0.72) ); filter: drop-shadow( 0 0 12px rgba(135,50,65,0.28) ); } .elementor-76 .elementor-element.elementor-element-c111985:hover .elementor-icon-box-icon::after { color: #FFFFFF; transform: translateY(-2px) scale(1.08); } } /* ========================================== TIPOGRAFIA ========================================== */ /* Caso exista título no Icon Box */ .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-title, .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-title a { color: #F2EFEA; font-weight: 600; line-height: 1.3; transition: color 0.3s ease; } .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-title { margin: 0 0 12px !important; } /* Textos das recomendações */ .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-description { color: #A9A6AA; font-family: "Manrope", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.7; margin: 0; transition: color 0.35s ease; } .elementor-76 .elementor-element.elementor-element-c111985:hover .elementor-icon-box-description { color: #D2CDD0; } /* ========================================== TABLET ========================================== */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-76 .elementor-element.elementor-element-c111985 { padding: 26px 22px; min-height: 245px; } .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-description { font-size: 14px; line-height: 1.65; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .elementor-76 .elementor-element.elementor-element-c111985 { min-height: 0; padding: 26px 24px; border-radius: 18px; } .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-icon { width: 65px; height: 70px; margin-bottom: 16px !important; } .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-icon::after { font-size: 34px; } .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-description { font-size: 14px; line-height: 1.7; } .elementor-76 .elementor-element.elementor-element-c111985::before { left: 24px; width: 55px; } } /* ========================================== ACESSIBILIDADE ========================================== */ @media (prefers-reduced-motion: reduce) { .elementor-76 .elementor-element.elementor-element-c111985, .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-icon::before, .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-icon::after, .elementor-76 .elementor-element.elementor-element-c111985 .elementor-icon-box-description { transition: none !important; } .elementor-76 .elementor-element.elementor-element-c111985:hover { transform: none; } .elementor-76 .elementor-element.elementor-element-c111985:hover .elementor-icon-box-icon::before { transform: none; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-c876d26 *//* ========================================== GOTHIC WARNING CARDS — DARK BLOOD Tattoo Studio | Elementor Container + Icon Box ========================================== */ .elementor-76 .elementor-element.elementor-element-c876d26 { --warning-red: #691F2B; --warning-light: #9A545F; --warning-dark: #35151D; position: relative; background: rgba(19, 18, 21, 0.75); border: 1px solid rgba(145, 88, 99, 0.22); border-radius: 20px; padding: 30px 26px; min-height: 235px; overflow: hidden; isolation: isolate; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: transform 0.4s ease, background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; } /* ========================================== LINHA DECORATIVA SUPERIOR ========================================== */ .elementor-76 .elementor-element.elementor-element-c876d26::before { content: ""; position: absolute; top: 0; left: 26px; width: 65px; height: 2px; background: linear-gradient( 90deg, #9A545F 0%, #691F2B 55%, transparent 100% ); opacity: 0.8; pointer-events: none; } /* ========================================== HOVER DO CARD ========================================== */ @media (hover: hover) { .elementor-76 .elementor-element.elementor-element-c876d26:hover { transform: translateY(-6px); background: rgba(30, 22, 27, 0.90); border-color: rgba(154, 84, 95, 0.48); box-shadow: 0 18px 40px rgba(0,0,0,0.38), 0 0 25px rgba(105,31,43,0.10), inset 0 1px 0 rgba(255,255,255,0.04); } } /* ========================================== REMOVE O ÍCONE DE ESTRELA ORIGINAL ========================================== */ .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-icon .elementor-icon { display: none !important; } /* ========================================== ÁREA DO SÍMBOLO DE ALERTA GÓTICO ========================================== */ .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-icon { position: relative; display: flex !important; align-items: center; justify-content: center; width: 76px; height: 82px; margin: 0 0 20px !important; isolation: isolate; overflow: visible; } /* ========================================== DESENHO ABSTRATO — ESPINHOS GÓTICOS ========================================== */ .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-icon::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 145deg, rgba(161, 92, 105, 0.88) 0%, rgba(105, 31, 43, 0.78) 45%, rgba(53, 21, 29, 0.65) 100% ); /* Forma pontiaguda assimétrica */ clip-path: polygon( 50% 0%, 60% 29%, 81% 12%, 70% 39%, 100% 50%, 71% 60%, 83% 87%, 60% 71%, 50% 100%, 39% 72%, 17% 87%, 29% 60%, 0% 50%, 29% 40%, 18% 13%, 40% 29% ); filter: drop-shadow( 0 0 8px rgba(105,31,43,0.20) ); transition: transform 0.5s ease, background 0.4s ease, filter 0.4s ease; } /* ========================================== SÍMBOLO DE IMPORTANTE / ALERTA ========================================== */ .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-icon::after { content: "!"; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; font-family: Georgia, "Times New Roman", serif; font-size: 39px; font-weight: 700; line-height: 1; color: #F2EFEA; transform: translateY(-2px); text-shadow: 0 2px 8px rgba(0,0,0,0.65); transition: color 0.3s ease, transform 0.4s ease; } /* ========================================== HOVER DO SÍMBOLO ========================================== */ @media (hover: hover) { .elementor-76 .elementor-element.elementor-element-c876d26:hover .elementor-icon-box-icon::before { transform: rotate(45deg) scale(1.08); background: linear-gradient( 145deg, rgba(180,110,122,0.92), rgba(120,42,56,0.84), rgba(58,23,32,0.72) ); filter: drop-shadow( 0 0 12px rgba(135,50,65,0.28) ); } .elementor-76 .elementor-element.elementor-element-c876d26:hover .elementor-icon-box-icon::after { color: #FFFFFF; transform: translateY(-2px) scale(1.08); } } /* ========================================== TIPOGRAFIA ========================================== */ /* Caso exista título no Icon Box */ .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-title, .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-title a { color: #F2EFEA; font-weight: 600; line-height: 1.3; transition: color 0.3s ease; } .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-title { margin: 0 0 12px !important; } /* Textos das recomendações */ .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-description { color: #A9A6AA; font-family: "Manrope", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.7; margin: 0; transition: color 0.35s ease; } .elementor-76 .elementor-element.elementor-element-c876d26:hover .elementor-icon-box-description { color: #D2CDD0; } /* ========================================== TABLET ========================================== */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-76 .elementor-element.elementor-element-c876d26 { padding: 26px 22px; min-height: 245px; } .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-description { font-size: 14px; line-height: 1.65; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .elementor-76 .elementor-element.elementor-element-c876d26 { min-height: 0; padding: 26px 24px; border-radius: 18px; } .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-icon { width: 65px; height: 70px; margin-bottom: 16px !important; } .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-icon::after { font-size: 34px; } .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-description { font-size: 14px; line-height: 1.7; } .elementor-76 .elementor-element.elementor-element-c876d26::before { left: 24px; width: 55px; } } /* ========================================== ACESSIBILIDADE ========================================== */ @media (prefers-reduced-motion: reduce) { .elementor-76 .elementor-element.elementor-element-c876d26, .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-icon::before, .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-icon::after, .elementor-76 .elementor-element.elementor-element-c876d26 .elementor-icon-box-description { transition: none !important; } .elementor-76 .elementor-element.elementor-element-c876d26:hover { transform: none; } .elementor-76 .elementor-element.elementor-element-c876d26:hover .elementor-icon-box-icon::before { transform: none; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-180ebc9 *//* ========================================== GOTHIC WARNING CARDS — DARK BLOOD Tattoo Studio | Elementor Container + Icon Box ========================================== */ .elementor-76 .elementor-element.elementor-element-180ebc9 { --warning-red: #691F2B; --warning-light: #9A545F; --warning-dark: #35151D; position: relative; background: rgba(19, 18, 21, 0.75); border: 1px solid rgba(145, 88, 99, 0.22); border-radius: 20px; padding: 30px 26px; min-height: 235px; overflow: hidden; isolation: isolate; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); transition: transform 0.4s ease, background 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; } /* ========================================== LINHA DECORATIVA SUPERIOR ========================================== */ .elementor-76 .elementor-element.elementor-element-180ebc9::before { content: ""; position: absolute; top: 0; left: 26px; width: 65px; height: 2px; background: linear-gradient( 90deg, #9A545F 0%, #691F2B 55%, transparent 100% ); opacity: 0.8; pointer-events: none; } /* ========================================== HOVER DO CARD ========================================== */ @media (hover: hover) { .elementor-76 .elementor-element.elementor-element-180ebc9:hover { transform: translateY(-6px); background: rgba(30, 22, 27, 0.90); border-color: rgba(154, 84, 95, 0.48); box-shadow: 0 18px 40px rgba(0,0,0,0.38), 0 0 25px rgba(105,31,43,0.10), inset 0 1px 0 rgba(255,255,255,0.04); } } /* ========================================== REMOVE O ÍCONE DE ESTRELA ORIGINAL ========================================== */ .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-icon .elementor-icon { display: none !important; } /* ========================================== ÁREA DO SÍMBOLO DE ALERTA GÓTICO ========================================== */ .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-icon { position: relative; display: flex !important; align-items: center; justify-content: center; width: 76px; height: 82px; margin: 0 0 20px !important; isolation: isolate; overflow: visible; } /* ========================================== DESENHO ABSTRATO — ESPINHOS GÓTICOS ========================================== */ .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-icon::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 145deg, rgba(161, 92, 105, 0.88) 0%, rgba(105, 31, 43, 0.78) 45%, rgba(53, 21, 29, 0.65) 100% ); /* Forma pontiaguda assimétrica */ clip-path: polygon( 50% 0%, 60% 29%, 81% 12%, 70% 39%, 100% 50%, 71% 60%, 83% 87%, 60% 71%, 50% 100%, 39% 72%, 17% 87%, 29% 60%, 0% 50%, 29% 40%, 18% 13%, 40% 29% ); filter: drop-shadow( 0 0 8px rgba(105,31,43,0.20) ); transition: transform 0.5s ease, background 0.4s ease, filter 0.4s ease; } /* ========================================== SÍMBOLO DE IMPORTANTE / ALERTA ========================================== */ .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-icon::after { content: "!"; position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; font-family: Georgia, "Times New Roman", serif; font-size: 39px; font-weight: 700; line-height: 1; color: #F2EFEA; transform: translateY(-2px); text-shadow: 0 2px 8px rgba(0,0,0,0.65); transition: color 0.3s ease, transform 0.4s ease; } /* ========================================== HOVER DO SÍMBOLO ========================================== */ @media (hover: hover) { .elementor-76 .elementor-element.elementor-element-180ebc9:hover .elementor-icon-box-icon::before { transform: rotate(45deg) scale(1.08); background: linear-gradient( 145deg, rgba(180,110,122,0.92), rgba(120,42,56,0.84), rgba(58,23,32,0.72) ); filter: drop-shadow( 0 0 12px rgba(135,50,65,0.28) ); } .elementor-76 .elementor-element.elementor-element-180ebc9:hover .elementor-icon-box-icon::after { color: #FFFFFF; transform: translateY(-2px) scale(1.08); } } /* ========================================== TIPOGRAFIA ========================================== */ /* Caso exista título no Icon Box */ .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-title, .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-title a { color: #F2EFEA; font-weight: 600; line-height: 1.3; transition: color 0.3s ease; } .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-title { margin: 0 0 12px !important; } /* Textos das recomendações */ .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-description { color: #A9A6AA; font-family: "Manrope", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.7; margin: 0; transition: color 0.35s ease; } .elementor-76 .elementor-element.elementor-element-180ebc9:hover .elementor-icon-box-description { color: #D2CDD0; } /* ========================================== TABLET ========================================== */ @media (min-width: 768px) and (max-width: 1024px) { .elementor-76 .elementor-element.elementor-element-180ebc9 { padding: 26px 22px; min-height: 245px; } .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-description { font-size: 14px; line-height: 1.65; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .elementor-76 .elementor-element.elementor-element-180ebc9 { min-height: 0; padding: 26px 24px; border-radius: 18px; } .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-icon { width: 65px; height: 70px; margin-bottom: 16px !important; } .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-icon::after { font-size: 34px; } .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-description { font-size: 14px; line-height: 1.7; } .elementor-76 .elementor-element.elementor-element-180ebc9::before { left: 24px; width: 55px; } } /* ========================================== ACESSIBILIDADE ========================================== */ @media (prefers-reduced-motion: reduce) { .elementor-76 .elementor-element.elementor-element-180ebc9, .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-icon::before, .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-icon::after, .elementor-76 .elementor-element.elementor-element-180ebc9 .elementor-icon-box-description { transition: none !important; } .elementor-76 .elementor-element.elementor-element-180ebc9:hover { transform: none; } .elementor-76 .elementor-element.elementor-element-180ebc9:hover .elementor-icon-box-icon::before { transform: none; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Boska'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://madeos.com.br/wp-content/uploads/2026/11/Boska-Variable.ttf') format('truetype'); } /* End Custom Fonts CSS */