@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
	--miamimarmalade:#F3941B;
	--miamimarmalade-dark:#E08509;
	--migolblue:#2A3779;
	--migolblue-dark:#20254B;
	--gray: #1a1a1a;
	--color-adm: #1c9d75;
    --color-sti: #34b44b;
    --color-dsg: #c1213a;
    --color-mkt: #655ca8;
    --color-ino: #fdb614;
}

*, html, body {
	font-family: 'Ubuntu Sans', sans-serif;
}
 html {
     margin-top: 0 !important;
     padding-top: 0 !important;
 }
a, a:hover, a:visited, a:active, a:link {
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active {
	position: relative;
	color: #FF6347;
}
p a:hover {
	color: #FFFFFF;
	background: #ffa07f;
}
p a:hover::after {
	opacity: 0.2;
}
::selection, p::selection {
	background: rgba(0,15,50,0.15);
}
h1, h2, h3, h4, h5, h6 {
	-webkit-font-smoothing: antialiased;
	letter-spacing: -1px;
}

.form-control, .form-select {
	color: var(--migolblue);
}
.form-control:focus, .form-select:focus {
	color: var(--migolblue-dark);
	border-color: var(--miamimarmalade);
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(224, 134, 9, 0.25);
}
section {
	display: block;
	position: relative;
	box-sizing: border-box;
}


.header {
	position: fixed;
	top: 45px;
	left: 50%;
	transform: translateX(-50%);
	background: #FFFFFF;
	z-index: 10;
	transition: all 200ms ease;
}
.header.scrolled {	
	top: 15px;
}

.logo span {
	font-family: 'Ubuntu Sans', sans-serif;
	font-size: 30px;
	font-weight: 900;
	color: #3a3a3a;
	vertical-align: middle;
	text-transform: uppercase;
	margin-left: 3px;
}
.logo img {
	max-height: 50px;
	height: 50px;
	width: auto !important;
}
@media only screen and (max-width: 575px) {
	.logo img {
		max-height: 30px;
		height: 30px;
		width: auto !important;
	}	
}

.main_nav_container {
	display: inline-block;
	margin-left: auto;
	padding-right: 93px;
}
.main_nav {
	margin-top: 7px;
}
.nav-item {
	display: inline-block;
	margin-right: 40px;
}
.nav-item:last-child
{
	margin-right: 0px;
}
.nav-item a.nav-link
{
	font-family: 'Ubuntu Sans', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	color: #3a3a3a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.nav-item a.nav-link:hover
{
	color: var(--miamimarmalade);
}

.whatsapp-button{
    vertical-align: middle;
}

.whatsapp-button a {
	cursor: pointer;
    display: block;
    width: 60px;
    height: 60px;
    background-color: rgba(0, 200, 0, 1);
    color: white;
    border-radius: 50px;
    text-align: center;
    padding-top: 15%;
    font-size: 30px;
    transition-duration: 0.5s;
    animation: pulse 3s infinite;
}

@keyframes pulse{
	0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 200, 0, 1);
}
    70% {
    -webkit-box-shadow: 0 0 0 20px rgba(0, 200, 0, 0);
}
    100% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 200, 0, 0);
}
}

/*********************************
4. Menu
*********************************/

.menu_container
{
	position: fixed;
	top: 0;
	right: -50vw;
	width: 50vw;
	height: 100vh;
	background: #FFFFFF;
	z-index: 12;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	visibility: hidden;
	opacity: 0;
}
.menu_container.active
{
	visibility: visible;
	opacity: 1;
	right: 0;
}
.menu {
	position: absolute;
	top:150px;
	left: 0;
	padding-left: 15%;
}
.menu_item {
	margin-bottom: 9px;
}
.menu_item a {
	font-family: 'Ubuntu Sans', sans-serif;
	font-size: 36px;
	font-weight: 700;
	color: #3a3a3a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_item a:hover {
	color: var(--miamimarmalade);
}

/*********************************
4.1 Menu Social
*********************************/

.menu_social_container
{
	margin-top: 100px;
	-webkit-transform: translateY(3.5rem);
	-moz-transform: translateY(3.5rem);
	-ms-transform: translateY(3.5rem);
	-o-transform: translateY(3.5rem);
	transform: translateY(3.5rem);
	-webkit-transition: all 1000ms 1000ms ease;
	-moz-transition: all 1000ms 1000ms ease;
	-ms-transition: all 1000ms 1000ms ease;
	-o-transition: all 1000ms 1000ms ease;
	transition: all 1000ms 1000ms ease;
	opacity: 0;
	padding-left: 4px;
}
.menu_social_item
{
	display: inline-block;
	margin-right: 30px;
}
.menu_social_item a i
{
	width: 2vw; 
  	height: 2vw;
  	min-width: 16px; 
  	min-height: 16px;
	color: #3a3a3a;
}
.menu_social_item a i:hover
{
	color: var(--miamimarmalade);
}
.menu_container.active .menu_social_container
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}

/*********************************
4.2 Menu copyright
*********************************/

.menu_copyright
{
	margin-top: 60px;
	-webkit-transform: translateY(3.5rem);
	-moz-transform: translateY(3.5rem);
	-ms-transform: translateY(3.5rem);
	-o-transform: translateY(3.5rem);
	transform: translateY(3.5rem);
	-webkit-transition: all 1000ms 1200ms ease;
	-moz-transition: all 1000ms 1200ms ease;
	-ms-transition: all 1000ms 1200ms ease;
	-o-transition: all 1000ms 1200ms ease;
	transition: all 1000ms 1200ms ease;
	opacity: 0;
	padding-left: 3px;
}
.menu_container.active .menu_copyright
{
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}

/*********************************
7. Page Section
*********************************/

.page_section {
	padding-top: 117px;
	padding-bottom: 117px;
}
.section_title {
    position: relative;
    text-align: center;
}

.section_title .heading {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem; /* Ajuste conforme necessário */
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom:0;
}

.section_title .heading::before,
.section_title .heading::after {
    content: "";
    flex-grow: 1;
    height: 5px;
    border-bottom:5px dotted var(--miamimarmalade);
}

.section_title .heading::before {
    margin-right: 1rem;
}

.section_title .heading::after {
    margin-left: 1rem;
}

.section_title small {
    font-style: italic;
}

.btn {
	border-radius: 50px;
}
.btn:hover {
	box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
.btn-primary { background-color: var(--miamimarmalade); border-color: var(--miamimarmalade); color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: var(--miamimarmalade-dark); border-color: var(--miamimarmalade-dark); color: #fff; }
.btn-outline-primary { background-color: transparent; border-color: var(--miamimarmalade); color: var(--miamimarmalade); }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active { background-color: var(--miamimarmalade); border-color: var(--miamimarmalade); color: #fff; }
.btn-secondary { background-color: var(--migolblue); border-color: var(--migolblue); color: #fff; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { background-color: var(--migolblue-dark); border-color: var(--migolblue-dark); color: #fff; }
.btn-outline-secondary { background-color: transparent; border-color: var(--migolblue); color: var(--migolblue); }
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active { background-color: var(--migolblue); border-color: var(--migolblue); color: #fff; }

  
.text-migolblue {
	color: var(--migolblue);
}
.text-miamimarmalade {
	color: var(--miamimarmalade);
}
#courses .card-title {
    line-height:1.15rem;
}
#courses .card-title a {
	color: var(--migolblue);
}
#courses .card:hover {
    border-color:rgba(0,0,0,0,15);
	box-shadow: 0 0 50px rgba(255,255,255,0.25);
	transition: all 400ms ease;
}
#courses .card:hover a {
	color: var(--miamimarmalade-dark);
	transition: all 400ms linear;
}
#courses .card:hover a.btn {
	color: var(--migolblue-dark);
	transition: all 400ms linear;
}


#register {

}

.bg-miamimarmalade {
	background: var(--miamimarmalade);
}

.bg-miagolblue {
	background: var(--migolblue);
}


/*********************************
12. Services
*********************************/

.services
{
	padding-bottom: 76px;
}
.services_row {
	margin-top: 65px;
}
.service_item {
	margin-bottom: 41px;
}
.service_item h3 {
	font-size: 22px;
	font-weight: 500;
	color: #1a1a1a;
	margin-bottom: 13px;
}
.service_item p {
	font-size: 14px;
	font-weight: 500;
	color: #a5a5a5;
	max-width: 100%;
	margin-bottom: 0px;
}
.icon_container {
	height: 41px;
	width: auto;
	margin-bottom: 30px;
}
.icon_container img {
	height: 100%;
}

/*********************************
13. Testimonials
*********************************/

.testimonials
{
	width: 100%;
	background: #1a1a1a;
}
.testimonials .section_title h1
{
	color: #FFFFFF;
}
.testimonials_slider_container
{
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 56px;
}
.testimonials_item
{
	width: 100%;
	padding-bottom: 75px;
}
.quote
{
	font-size: 36px;
	color: var(--miamimarmalade);
}
.testimonials_text
{
	color: #FFFFFF;
	margin-bottom: 0px;
}
.testimonial_user
{
	margin-top: 43px;
}
.testimonial_image
{
	width: 98px;
	height: 98px;
	border-radius: 50%;
	overflow: hidden;
}
.testimonial_image img
{
	width: 100%;
	height: auto;
}
.testimonial_name
{
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #f6af03;
	margin-top: 21px;
}
.testimonial_title
{
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	margin-top: 6px;
}
.testimonials_slider .owl-dots
{
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: row !important;
	justify-content: center;
	align-items: center;
}
.testimonials_slider .owl-dot span
{
	width: 8px !important;
	height: 8px !important;
	border: solid 2px #FFFFFF;
	background: transparent !important;
}
.testimonials_slider .owl-dot.active span
{
	width: 16px !important;
	height: 16px !important;
	border: none;
	background: var(--miamimarmalade) !important;
}

/*********************************
14. Events
*********************************/

.blog_date {
	width: 101px;
	height: 101px;
	border: solid 2px var(--miamimarmalade);
	margin-bottom: 18px;
	border-radius: 50%;
}
.blog_day {
	font-size: 38px;
	font-weight: 700;
	color: var(--miamimarmalade);
	margin-bottom: 1px;
	line-height: 1;
}
.blog_month
{
	font-size: 14px;
	font-weight: 700;
	color: var(--miamimarmalade);
}
.blog_name a
{
	font-size: 22px;
	font-weight: 500;
	color: #1a1a1a;
}
.blog_name a:hover
{
	color: var(--miamimarmalade);
}
.blog_location
{
	font-size: 14px;
	font-weight: 500;
	color: #1a1a1a;
	margin-top: 2px;
}
.blog_content p
{
	font-weight: 500;
	color: #a5a5a5;
	margin-top: 21px;
	margin-bottom: 13px;
}
.blog_image
{

}
.blog_image img
{
	width: 100%;
}

/*********************************
15. Footer
*********************************/

.footer {
	width: 100%;
	background: #1a1a1a;
}
.footer .section_title h1 {
	color: #FFFFFF;
}

/*********************************
15.1 Newsletter
*********************************/

#curso_gratuito {
	border-bottom: solid 2px #4d4e4e;
}
.newsletter_form_container
{
	width: 60%;
	margin-top: 48px;
}
.newsletter_email
{
	width: calc(100% - 164px);
	height: 42px;
	border: none;
	padding-left: 27px;
	font-weight: 500;
	color: #1a1a1a;
}
.newsletter_email:focus
{
	outline: solid 2px var(--miamimarmalade);
}
.newsletter_submit_btn
{
	width: 164px;
	height: 42px;
	border: none;
	background: var(--miamimarmalade);
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
}
.newsletter_submit_btn:focus
{
	border: solid 2px #FFFFFF;
}

/*********************************
15.2 Footer Content
*********************************/

.footer_content 
{
	padding-top: 80px;
	padding-bottom: 83px;
	border-bottom: solid 2px #4d4e4e;
}
.footer_content .logo_container
{
	padding-left: 0px;
}
.footer_content .logo span
{
	color: #FFFFFF;
}
.footer_about_text
{
	color: #a5a5a5;
	margin-top: 24px;
	margin-bottom: 0px;
	padding-right: 20px;
}
.footer_column_title
{
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	padding-top: 15px;
}
.footer_column_content
{
	margin-top: 32px;
}
.footer_list_item
{
	margin-bottom: 11px;
}
.footer_list_item a
{
	font-size: 14px;
	color: #a5a5a5;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_list_item a:hover
{
	color: var(--miamimarmalade);
}
.footer_contact_item
{
	font-size: 14px;
	font-weight: 400;
	color: #a5a5a5;
	margin-bottom: 22px;
}
.footer_contact_item:last-child
{
	margin-bottom: 0px;
}
.footer_contact_icon
{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right: 10px;
}
.footer_contact_icon img
{
	width: 100%;
}

/*********************************
15.3 Footer Copyright
*********************************/

.footer_bar
{
	padding-top: 19px;
	padding-bottom: 19px;
}
.footer_social .menu_social_item a i {
	color: #a5a5a5;
}
.footer_social .menu_social_item a i:hover {
	color: var(--miamimarmalade);
}
.footer_social .menu_social_item:last-child
{
	margin-right: 0px;
}
.footer_copyright{
	color: #a5a5a5;
}

/******************************/

/***************ESTILO PARA TIMELINE***************/

/* Estilo base da seta */
.linha-tempo-setas {
    height: 20px;
    width: 100%;
    border: none;
    position: relative;
    margin: 15px 0;
}

/* Degradê aplicado à seta */
.linha-tempo-setas::after {
    position: absolute;
    left: 50%;
    border-image: linear-gradient(to right, #FF7A00, #2A3779);
}

/******************************/


/* Estilo para o menu colapsado em telas menores */
@media (max-width: 991.98px) {
    #main_menu {
        position: absolute;
        top: 100%; /* Posiciona o menu abaixo do header */
        left: 0;
        right: 0;
        margin-top:10px;
        background-color: #fff; /* Cor de fundo */
        border-radius: 20px; /* Bordas arredondadas apenas na parte inferior */
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra */
        z-index: 1000; /* Garante que o menu fique acima de outros elementos */
        padding: 10px 20px; /* Espaçamento interno */
    }

    .navbar-nav {
        flex-direction: column; /* Alinha os itens verticalmente */
    }

    .nav-item {
        margin: 5px 0; /* Espaçamento entre os itens */
    }

    .nav-link {
        padding: 10px 15px; /* Espaçamento interno dos links */
        border-radius: 10px; /* Bordas arredondadas nos links */
        transition: background-color 0.3s ease; /* Transição suave */
    }

    .nav-link:hover {
        background-color: #f8f9fa; /* Cor de fundo ao passar o mouse */
    }

    .btn-miamimarmalade {
        margin-top: 10px; /* Espaçamento acima do botão */
    }
}

/**********  HOME E HERO **************/
.hero_container { width: 100%; min-height: 100vh; text-shadow: 2px 2px 4px var(--gray); background-image: url('https://www.cedaspy.com.br/wp-content/uploads/2025/01/cedaspy-bg-pages.webp'); background-size: cover; background-position: center; background-attachment: fixed; color: white; }
.hero_slider .carousel-item { height: 100vh; max-height: 100vh; min-width: 100%; }
.hero_slider .carousel-item .carousel-caption { max-width: 80%; top: 20%; }
.hero_slider .carousel-item .carousel-caption h1 { font-size: 72px; font-weight: 800; color: #FFFFFF; }
.hero_slider .carousel-item .carousel-caption p { font-size: 1.25rem; font-weight: 600; }
.hero_slider .carousel-item .carousel-caption mark { background: var(--miamimarmalade); color: var(--migolblue); padding: 0 13px; margin: 0 -12px; border-radius: 1rem; text-shadow: none; }
.hero_boxes { width: 100%; height: 0px; z-index: 9; padding-top: 0px; }
.hero_boxes_inner { position: absolute; top: 0; left: 0; width: 100%; }
.hero_box { width: 100%; height: 161px; background: #2a3779be; backdrop-filter: blur(5px); padding-left: 50px; cursor: pointer; transition: ease-in-out all 200ms; }
.hero_box:hover { background: var(--migolblue-dark); }
.hero_box img { width: 62px; height: auto; margin-top: -6px; }
.hero_box .svg path { fill: var(--miamimarmalade); }
.hero_box svg { width: 62px; height: auto; }
.hero_box:hover svg path { fill: #FFFFFF; }
.hero_box_content { padding-left: 13px; padding-top: 11px; margin-top: -6px; }
.hero_box h2 { font-size: 24px; font-weight: 700; color: #FFFFFF; margin-bottom: 7px; text-wrap: wrap; width: 50%; }
.hero_box a { font-size: 12px; font-weight: 500; text-transform: uppercase; color: #FFFFFF; padding-left: 3px; }
.hero_box a:hover { color: var(--miamimarmalade); }

.head_section {
    position: relative;
    width: 100%;
    height: 300px; 
    background-image: url('https://www.cedaspy.com.br/wp-content/uploads/2025/01/cedaspy-bg-pages.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
}
.head_section::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px; /* Altura do degradê */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
    z-index:0;
}

.head_section h1 {
    text-shadow: 2px 2px var(--migolblue);
}

/* -------------------------- ESTILIAÇÃO PARA O CONTACT FORM 7 -------------------- */

/* Container principal unificado */
#cedaspy-contact-form {
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 1.5rem;
    background-color: #f8f9fa;
    border-radius: 0.5rem;
}

/* Campos do formulário */
#cedaspy-contact-form .cf7-form-control {
    padding: 0.75rem 1rem;
    font-size: 1rem;
    width: 100%;
    margin-bottom: 1rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

#cedaspy-contact-form .cf7-form-control:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    outline: 0;
}

/* Botão de submit */
#cedaspy-contact-form .cf7-submit-btn {
    background-color: #0d6efd;
    border: none;
    transition: all 0.3s ease;
    color: white;
    padding: 0.75rem 1rem;
    border-radius: 0.25rem;
    font-size: 1rem;
    width: 100%;
    cursor: pointer;
}

#cedaspy-contact-form .cf7-submit-btn:hover {
    background-color: #0b5ed7;
    transform: translateY(-2px);
}

/* Validação e mensagens */
#cedaspy-contact-form .wpcf7-not-valid-tip {
    font-size: 0.8rem;
    margin: -0.5rem 0 0.5rem 0;
    color: #dc3545;
}

#cedaspy-contact-form .wpcf7-response-output {
    margin: 1rem 0 0 !important;
    padding: 0.75rem !important;
    border-radius: 0.25rem !important;
}

/* Checkbox de aceitação */
#cedaspy-contact-form .cf7-acceptance {
    margin-top: 1rem;
    font-size: 0.875rem;
}

#cedaspy-contact-form .cf7-acceptance input {
    margin-right: 0.5rem;
}


     .rounded-image-mj {
       border-radius: 8px; !important
     }