/* * Theme Tuquesa (Turquoise) * Aplicar com . * Define variáveis e aplica gradientes turquesa ao hero e timeline, * e cor carrot na section-video. */ /* Paleta e variáveis do tema */ body.theme-tuquoise { --carrot: #ED9121; /* Gradiente principal turquesa */ --turquoise-top: #2fb8ae; /* topo vibrante */ --turquoise-mid: #0d5c5f; /* meio */ --turquoise-base: #053632; /* base profunda */ /* Elementos de linha/pontos na timeline */ --turquoise-line-top: #bdf9f3; /* claro para início da linha */ --turquoise-line-base: #2cd4c7; /* base da linha */ --turquoise-dot: #a7fff1; /* ponto da timeline */ /* Gradiente reutilizado pela timeline (compatível com main.css) */ --timeline-top: #2fb8ae; --timeline-mid: #0d5c5f; --timeline-base: #063d39; --turquoise-line-base: #d32189; --organge-dark: #D48728; /* VARIÁVEL ESSENCIAL: Armazena a cor como componentes RGB */ --primary-color-rgb: 237, 145, 33; } .plan-card:hover { box-shadow: 0 0 0 8px rgba(var(--primary-color-rgb), 0.3) !important; } /* Hero com gradiente turquesa */ body.theme-tuquoise #section-hero { background-image: linear-gradient( 180deg, var(--turquoise-top) 0%, var(--turquoise-mid) 55%, var(--turquoise-base) 100% ); } /* Suavização do glow do hero */ body.theme-tuquoise #section-hero:before { background-image: linear-gradient( 180deg, var(--turquoise-base) 0%, var(--turquoise-mid) 55%, var(--turquoise-top) 100% ); opacity: .35; } body.theme-tuquoise #section-hero:after{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Creator: CorelDRAW --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='497.47mm' height='94.6087mm' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'%0AviewBox='0 0 95182.5 18101.78' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .fil1 %7Bfill:%23ED9121;fill-rule:nonzero%7D .fil0 %7Bfill:%23ED9121;fill-rule:nonzero;fill-opacity:0.301961%7D %5D%5D%3E%3C/style%3E%3C/defs%3E%3Cg id='Camada_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpath class='fil0' d='M46163.64 16365.32c-1184.7,-20.24 -2379.32,-86.14 -3558.85,-202.43 -1194.82,-116.5 -2399.57,-278.47 -3579.1,-486.06 -3989.14,-688.51 -7861.78,-1938.89 -11501.61,-3710.68 -2728.64,-1331.37 -5376.29,-2976.72 -7654.38,-4875.15 -2607.16,-2171.71 -4865.01,-4535.95 -8221.22,-5811.53 -3695.6,-1402.22 -7811.16,-1625.13 -11648.48,-799.85l0 12757.16c1063.24,-1220.23 6176.14,-5882.59 18285.27,-15.29 6707.64,3254.98 13855.71,4363.66 20537.95,4363.66 5984.54,0 12592.99,-871.73 17689.3,-2038.12 -3394.82,722.63 -6878.43,879 -10348.9,818.31l0.02 -0.02z'/%3E%3Cpath class='fil1' d='M95182.27 12947.97c-197.49,-101.22 -394.97,-197.49 -592.25,-293.54 -845.5,-410.05 -1726.34,-784.56 -2612.12,-1123.76 -4540.89,-1721.18 -9532.33,-2440.05 -14437.85,-2141.34 -3007.09,187.37 -5700.2,860.58 -8347.85,1741.42l0 0c-1949.02,648.03 -7871.9,3194.25 -10949.84,3994.1 -5264.95,1371.86 -12731.75,2460.3 -19419.15,2460.3 -6682.23,0 -13830.31,-1108.68 -20537.95,-4363.66 -12109.13,-5867.31 -17222.03,-1204.94 -18285.27,15.29l0 4865.01 69187.27 0 25995.23 0 0 -5153.39 -0.23 -0.42z'/%3E%3C/g%3E%3C/svg%3E%0A") !important; background-repeat: no-repeat; background-position: center bottom -3px; } /* Texto deslizante do hero com gradiente turquesa */ body.theme-tuquoise #section-hero .title-slider { background: linear-gradient( 180deg, var(--turquoise-base) 100%, var(--turquoise-mid) 55%, var(--turquoise-top) 0% ); -webkit-text-fill-color: transparent; background-clip: text; } body.theme-tuquoise .page-home{ color: #FFF !important; } body.theme-tuquoise .text-warning { color: var(--carrot) !important; } body.theme-tuquoise #footer{ color: #555; } body.theme-tuquoise footer{ background: var(--carrot); } body.theme-tuquoise a.btn_anual{ border: 3px solid var(--organge-dark) !important; color: #FFF !important; background: var(--carrot) !important; } body.theme-tuquoise a:hover.btn_anual{ border: 3px solid var(--carrot) !important; background: #FFF !important; } body.theme-tuquoise .footer-copyright{ background: var(--carrot) !important; } #section-hero .btn{ background: var(--carrot) !important; border: 6px solid var(--organge-dark); width: 400px; box-shadow: 0 0 0 8px rgba(var(--primary-color-rgb), 0.15), 0 0 30px var(--carrot), 0 0 20px rgba(var(--primary-color-rgb), 0.5); } #section-hero .btn:hover{ background: var(--organge-dark) !important; border: 6px solid var(--carrot); } body.page-home{ color:#FFF !important; } .page-home #menu.bg-solid { background: var(--turquoise-base); } @media (max-width: 767px) { .page-home #menu { background: var(--turquoise-base) !important; } } body.theme-tuquoise #planos .card { border: 2px solid var(--carrot); } body.theme-tuquoise #planos .btn { width: 100%; margin: 0 0 10px 0; border: 2px solid var(--carrot); } body.theme-tuquoise #planos .btn:hover { background: var(--carrot) !important; } body.theme-tuquoise #planos .btn-warning { background-color: var(--carrot) !important; } body.theme-tuquoise #planos .btn-warning { background-color: var(--organge-dark) !important; } /* Timeline com gradiente turquesa */ body.theme-tuquoise .section-timeline { background: linear-gradient( 180deg, var(--timeline-top) 0%, var(--timeline-mid) 55%, var(--timeline-base) 100% ) !important; background-repeat: no-repeat; background-position: bottom; background-size: 100vw; } /* Timeline com gradiente turquesa */ body.theme-tuquoise .section-manifest { background-image: url('../images/cidade.png'), linear-gradient( 180deg, var(--timeline-base) 100%, var(--timeline-mid) 55%, var(--timeline-top) 0% ) !important; background-repeat: no-repeat; background-position: bottom; background-size: 100vw; } body.theme-tuquoise .section-partner { position: relative; } body.theme-tuquoise .section-partner::before{ content: ""; position: absolute; inset: auto 0 0 0; bottom: -3px; height: clamp(80px, 20vw, 330px); background-color:var(--timeline-top); -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Creator: CorelDRAW --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='508mm' height='41.4176mm' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'%0AviewBox='0 0 3804.18 310.16' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .fil0 %7Bfill:%232FB8AE;fill-rule:nonzero%7D %5D%5D%3E%3C/style%3E%3C/defs%3E%3Cg id='Camada_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpath id='partner-bg-curve.svg' class='fil0' d='M3804.18 310.16l-3804.18 0 0 -310.15c0.48,0.18 50.67,18.82 140.64,45.98 53.08,16.02 109.58,31.87 167.93,47.13 72.94,19.07 148.98,37.25 226,54.03 196.08,42.72 399.72,76.75 605.25,101.17 59.41,7.06 119.77,13.39 179.41,18.82 62.79,5.72 126.49,10.61 189.34,14.52 65.91,4.1 132.74,7.25 198.62,9.35 68.87,2.2 138.59,3.31 207.23,3.31l0.2 0c654.3,0 1290.04,-99.02 1889.55,-294.3l0 310.16 0.01 0z'/%3E%3C/g%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Creator: CorelDRAW --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='508mm' height='41.4176mm' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'%0AviewBox='0 0 3804.18 310.16' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .fil0 %7Bfill:%232FB8AE;fill-rule:nonzero%7D %5D%5D%3E%3C/style%3E%3C/defs%3E%3Cg id='Camada_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpath id='partner-bg-curve.svg' class='fil0' d='M3804.18 310.16l-3804.18 0 0 -310.15c0.48,0.18 50.67,18.82 140.64,45.98 53.08,16.02 109.58,31.87 167.93,47.13 72.94,19.07 148.98,37.25 226,54.03 196.08,42.72 399.72,76.75 605.25,101.17 59.41,7.06 119.77,13.39 179.41,18.82 62.79,5.72 126.49,10.61 189.34,14.52 65.91,4.1 132.74,7.25 198.62,9.35 68.87,2.2 138.59,3.31 207.23,3.31l0.2 0c654.3,0 1290.04,-99.02 1889.55,-294.3l0 310.16 0.01 0z'/%3E%3C/g%3E%3C/svg%3E%0A"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center bottom; mask-position: center bottom; -webkit-mask-size: 100% auto; mask-size: 100% auto; pointer-events: none; } /* Linha vertical da timeline em turquesa */ body.theme-tuquoise .page-home .section-timeline .timeline:before, body.theme-tuquoise .page-home #section-timeline .timeline:before { background: linear-gradient( 180deg, var(--turquoise-line-top) 0%, var(--turquoise-line-base) 100% ) !important; } /* Ponto inicial da timeline em turquesa */ body.theme-tuquoise .page-home .section-timeline .timeline .timeline-text:before, body.theme-tuquoise .page-home #section-timeline .timeline .timeline-text:before { background: var(--turquoise-dot); box-shadow: 0 0 0 8px rgba(12, 194, 178, 0.35); } /* Section vídeo com carrot */ body.theme-tuquoise .section-video, .section-orca { background-color: var(--carrot) !important; } body.theme-tuquoise .section-depoimentos { position: relative; background: linear-gradient(180deg, #fff 0%, #d9e2ff 100%) !important; } body.theme-tuquoise .section-depoimentos::before{ content: ""; position: absolute; inset: auto 0 0 0; bottom: -3px; height: clamp(80px, 20vw, 330px); background-color: var(--carrot); -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Creator: CorelDRAW --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='513.853mm' height='89.6096mm' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'%0AviewBox='0 0 301682.39 52609.71' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cg id='Camada_x0020_1'%3E%3Cpath id='domain-bg-wave.svg' d='M0.7 52545.72c36969.39,-37953.72 98849.7,11685.74 148432.62,-22834.75 49582.92,-34519.78 91580.18,-39769.03 153249.06,-11486.3 0,37432.56 -76.38,34321.81 -76.38,34321.81l-301606.01 -0.7 0.7 -0.06z'/%3E%3C/g%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Creator: CorelDRAW --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='513.853mm' height='89.6096mm' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'%0AviewBox='0 0 301682.39 52609.71' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cg id='Camada_x0020_1'%3E%3Cpath id='domain-bg-wave.svg' d='M0.7 52545.72c36969.39,-37953.72 98849.7,11685.74 148432.62,-22834.75 49582.92,-34519.78 91580.18,-39769.03 153249.06,-11486.3 0,37432.56 -76.38,34321.81 -76.38,34321.81l-301606.01 -0.7 0.7 -0.06z'/%3E%3C/g%3E%3C/svg%3E%0A"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center bottom; mask-position: center bottom; -webkit-mask-size: 100% auto; mask-size: 100% auto; pointer-events: none; } /* Legibilidade na section vídeo */ body.theme-tuquoise .section-video .title, body.theme-tuquoise .section-video .subtitle { color: #fff; } @media (min-width: 1200px) { .page-home .section-video { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Creator: CorelDRAW --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='208.941mm' height='255.588mm' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'%0AviewBox='0 0 610.5 746.8' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .fil0 %7Bfill:%23D48728;fill-rule:nonzero%7D %5D%5D%3E%3C/style%3E%3C/defs%3E%3Cg id='Camada_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpath id='bg-feature01.svg' class='fil0' d='M610.5 84.96c-64.47,-53.11 -147.04,-84.96 -237.1,-84.96 -206.26,0 -373.4,167.14 -373.4,373.4 0,206.26 167.14,373.4 373.4,373.4 90.06,0 172.63,-31.85 237.1,-84.96l-0 -576.87z'/%3E%3C/g%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Creator: CorelDRAW --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='174.902mm' height='302.394mm' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'%0AviewBox='0 0 527.15 911.41' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .fil0 %7Bfill:%23D48728;fill-rule:nonzero%7D %5D%5D%3E%3C/style%3E%3C/defs%3E%3Cg id='Camada_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpath id='bg-feature02.svg' class='fil0' d='M0.04 0c0,144.1 125.2,176.96 230.15,198.09 14.35,2.87 25.12,5.18 37.88,7.89 151.2,31.34 259.09,175.76 259.09,337.48 0,192.9 -127.59,297.93 -271.13,337.8 -143.54,39.87 -258.38,28.71 -255.98,28.71l0 -909.98z'/%3E%3C/g%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Creator: CorelDRAW --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='148.086mm' height='362.827mm' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'%0AviewBox='0 0 442.75 1084.79' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:xodm='http://www.corel.com/coreldraw/odm/2003'%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .fil0 %7Bfill:%23D48728;fill-rule:nonzero%7D %5D%5D%3E%3C/style%3E%3C/defs%3E%3Cg id='Camada_x0020_1'%3E%3Cmetadata id='CorelCorpID_0Corel-Layer'/%3E%3Cpath id='bg-feature03.svg' class='fil0' d='M442.67 0c-17.4,1.9 -34.33,7.12 -49.84,15.58 -7.67,4.19 -14.95,9.18 -21.68,14.79 -19.86,16.61 -34.49,38.68 -42.08,63.44 -5.14,16.69 -6.96,34.17 -5.3,51.58 0.87,9.02 2.61,17.88 5.3,26.58 7.04,23.34 20.41,44.3 38.6,60.52 35.76,36.07 53.48,86.3 48.18,136.85 -3.48,32.75 -16.3,63.76 -37.02,89.31 -13.92,17.25 -31.09,31.56 -50.47,42.16 -21.52,11.71 -45.25,18.59 -69.69,20.33l0.08 0.16c-9.89,0.87 -19.7,2.21 -29.43,4.03 -19.38,3.72 -38.37,9.49 -56.56,17.09 -123.41,51.81 -193.33,183.21 -167.39,314.45 3.72,18.91 9.41,37.42 16.85,55.22 39.79,94.85 128.15,160.51 230.51,171.18l0.32 0c27.85,2.93 56.01,1.58 83.46,-3.8 9.41,-1.9 18.83,-4.19 28,-7.04 21.99,-6.72 43.11,-16.06 62.89,-27.92l0.16 0.16c4.9,-3.48 9.97,-6.72 15.19,-9.81l0 -1034.86 -0.08 0z'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size: 560px, 600px, 460px; background-position: right top, top 830px left -30px, top 1420px right; } } @media (max-width: 767px) { #section-hero .btn{ width: 250px; } }