/*  COLORES */
.bg-color-white{
	background-color: #ffffff;
}
.colorbase-white a,
.colorbase-white p,
.colorbase-white{
	color: #ffffff; /*blanco*/
}

.colorbase1 a,
.colorbase1 p,
.colorbase1{
	color: #510A81; /*morado*/
}
.bg-color-1{
	background-color:#510A81;
}
	.bg-color-1:hover{
		background-color:#3c0760;
	}
.colorbase1-linea-texto{
    -webkit-text-stroke: 2px #510A81;
    text-stroke: 2px #510A81;
}


.colorbase2 a,
.colorbase2 p,
.colorbase2{
	color: #00FFCE;
}
.bg-color-2{
	background-color:#00FFCE; /*verde*/
}
.colorbase2-linea-texto{
    -webkit-text-stroke: 2px #00FFCE;
    text-stroke: 2px #00FFCE;
}




.colorbase3 a,
.colorbase3 p,
.colorbase3{
	color: #f8f8f8;
}
.colorbase3-linea-texto{
    -webkit-text-stroke: 2px #f8f8f8;
    text-stroke: 2px #f8f8f8;
}

.opacity03{	opacity: 0.03;}
.opacity10{	opacity: 0.1;}
.opacity20{	opacity: 0.2;}
.opacity30{	opacity: 0.3;}
.opacity40{	opacity: 0.4;}
.opacity50{	opacity: 0.5;}

.fontsize-title-1{font-size: 170px;}
.fontsize-title-2{font-size: 145px;}
.fontsize-title-3{font-size: 120px;}
.fontsize-title-4{font-size: 100px;}
.fontsize-title-5{font-size: 75px;}

.fontsize-t1{font-size: 70px;}
.fontsize-t2{font-size: 55px;}
.fontsize-t3{font-size: 40px;}
.fontsize-t4{font-size: 25px;}
.fontsize-t5{font-size: 18px;}

@media (max-width: 768px) {
    .fontsize-title-1 { font-size: 85px; }
    .fontsize-title-2 { font-size: 72.5px; }
    .fontsize-title-3 { font-size: 60px; }
    .fontsize-title-4 { font-size: 50px; }
    .fontsize-title-5 { font-size: 37.5px; }

    .fontsize-t1 { font-size: 35px; }
    .fontsize-t2 { font-size: 27.5px; }
    .fontsize-t3 { font-size: 20px; }
    .fontsize-t4 { font-size: 17px; }
    .fontsize-t5 { font-size: 14px; }
}



.font-weight800{font-weight: 800;}
.font-weight700{font-weight: 700;}
.font-weight600{font-weight: 600;}
.font-weight500{font-weight: 500;}
.font-weight400{font-weight: 400;}
.font-weight300{font-weight: 300;}


.externa {
	width: 100%;
	height: 100%;
	position: relative;
}

.interna {
	width: 100%;
	height: 50vh;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}


.slide-call{
	font-size: clamp(1rem, 9vmin, 5rem);
	line-height:1.1;
	text-transform: uppercase;
}
.slide-subtitulo{
	font-size: 3em;
	line-height:1.1;
}
.lineamorada{
  position: absolute;
  width: 60%;
  height: 4px;
  /*background-color: #00FFCE;*/
  bottom: 10px;
  right:45px;
}

.elemento {
	width: 350px;
	height: 350px;
	background-color: #00FFCE;
	border: 0px solid #00FFCE;
	border-radius: 50%;
	position: absolute;
	transition: all 0.3s ease;
	mix-blend-mode: screen;
	backdrop-filter: blur(0px);
	-webkit-backdrop-filter: blur(5px);
}


@media (max-width: 768px) {
	.elemento {
		width: 150px;
		height: 150px;
		background-color: #00FFCE;
		border: 2px solid #00FFCE;
		border-radius: 50%;
		position: absolute;
		transition: all 0.3s ease;
		mix-blend-mode: screen;
	}
	.externa{
		top:-200px;
	}
}

/*btn hablamos*/
.circle {
    width: 200px;
    height: 200px;
    border: 1px solid #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
}
.circle:hover {
	background-color:#FFE400;
	border: 1px solid #FFE400;
}
.circle:hover a{
	color: #000;
}

.arrow {
    position: absolute;
    top: 30%;
    width: 2px;
    height: 50px;
    background-color: black;
}

.arrow::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid black;
}

.text {
    position: absolute;
    bottom: 20%;
    font-size: 20px;
    font-weight: bold;
}

/* HERO - SLIDE */
.areageral-slide{
  width: 100px; 
  height: 100px; 
}    
.slide-arrow-container {
  display: flex;
  align-items: center;
  justify-content: left;
  width: 100%; 
  height: 100px; 
  transform: rotate(90deg);
} 

.slide-arrow-line {
  width: 70px;
  height: 1.5px;
  position: relative;
}

.slide-arrow-head {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0px;
  overflow: hidden;
}

.slide-arrow-head-top,
.slide-arrow-head-bottom {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: transparent;
  position: absolute;
}

.slide-arrow-head-top {
  top: -50%;
  border-bottom-color: transparent;
  border-right-color: transparent;
  transform: rotate(-45deg);
}

.slide-arrow-head-bottom {
  bottom: -50%;
  border-top-color: transparent;
  border-right-color: transparent;
  transform: rotate(45deg);
}


.img60{width: 60%;}
.img70{width: 70%;}
.img80{width: 80%;}
.img90{width: 90%;}

.ngmt-10{margin-top: -10px;}
.ngmt-20{margin-top: -20px;}
.ngmt-30{margin-top: -30px;}
.ngmt-40{margin-top: -40px;}
.ngmt-50{margin-top: -50px;}
.ngmt-60{margin-top: -60px;}
.ngmt-70{margin-top: -70px;}
.ngmt-80{margin-top: -80px;}
.ngmt-90{margin-top: -90px;}
.ngmt-100{margin-top: -100px;}


.ngmb-10{margin-bottom: -10px;}
.ngmb-20{margin-bottom: -20px;}
.ngmb-30{margin-bottom: -30px;}
.ngmb-40{margin-bottom: -40px;}
.ngmb-50{margin-bottom: -50px;}
.ngmb-60{margin-bottom: -60px;}
.ngmb-70{margin-bottom: -70px;}
.ngmb-80{margin-bottom: -80px;}
.ngmb-90{margin-bottom: -90px;}
.ngmb-100{margin-bottom: -100px;}


.ngmt-80p{margin-top: -80%;}
.ngmt-70p{margin-top: -70%;}
.ngmt-60p{margin-top: -60%;}
.ngmt-50p{margin-top: -50%;}
.ngmt-40p{margin-top: -40%;}
.ngmt-30p{margin-top: -30%;}
.ngmt-20p{margin-top: -20%;}
.ngmt-10p{margin-top: -10%;}




.border-radius-top {
	border-top-left-radius: 80px 80px;
	border-top-right-radius: 80px 80px;
}
.border-radius-bottom {
  position: relative;
}
.border-radius-bottom::after {
  	content: '';
  	position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    height: 100px;
    background: white;
    border-radius: 80px 80px 0% 0%;
    transform: translateY(50%);
    z-index: 0;
}

.border-radius-image{
	border-radius: 30px;
}

@media (max-width: 768px) {
    .border-radius-image{
        border-radius: 10px;
    }
    .border-radius-top {
        border-top-left-radius: 30px 30px;
        border-top-right-radius: 30px 30px;
    }    
}
/* AGENCIA */
.agencia-titulo{
	font-size: 3em;
	font-weight: 700;
}
.agencia-subtitulo{
	font-size: 3em;
	font-weight: 700;
}


.agencia-header-interna{
    font-size: 18em;
    letter-spacing: -20px;
    font-weight: 300;
    line-height: 0.68;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.scroll-text {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  transform: translateX(0);
}

    .img-custom {
      width: 100%;
      height: auto;
      border-radius: 20px;
      object-fit: cover;
    }
    .row-gap {
      row-gap: 1.5rem;
    }

    /* PARALLAX*/
	.parallax-container {
	    position: relative;
	    overflow: hidden;
	}

	.parallax-section {
	    position: relative;
	    display: flex;
	}

	.parallax-content {
	    display: flex;
	    flex-wrap: wrap;
	}

    .text-bubble {
        padding: 15px 30px;
        font-size: 1.5rem;
        font-weight: bold;
        color: #4b0076;
        border: 2px solid #4b0076;
        border-radius: 50px;
        text-transform: uppercase;
        background-color: white;
        opacity: 1;
        transform: translateY(-100px) rotate(0deg);
        position: absolute;
        white-space: nowrap;
    }

    #bubble1 { bottom: 50px; left: 100px; rotate: -5deg; }
    #bubble2 { bottom: 120px; left: 50px; rotate: 10deg; }
    #bubble3 { bottom: 190px; left: 80px; rotate: -15deg;}
    #bubble4 { bottom: 260px; left: 100px; rotate: 15deg;}
    #bubble5 { bottom: 330px; left: 60px; rotate: -10deg;}
    #bubble6 { bottom: 400px; left: 80px; rotate: 10deg; }

	/* Adicione mais seções conforme necessário */
	@media (max-width: 768px) {
	    .parallax-content {
	        flex-direction: column;
	    }
        .agencia-header-interna{
            font-size: 10em;        
        }

        #bubble1 { bottom: 50px; left: 40px; rotate: -5deg; }
        #bubble2 { bottom: 120px; left: 0px; rotate: 10deg; }
        #bubble3 { bottom: 190px; left: 20px; rotate: -15deg;}
        #bubble4 { bottom: 260px; left: 40px; rotate: 15deg;}
        #bubble5 { bottom: 330px; left: 00px; rotate: -10deg;}
        #bubble6 { bottom: 400px; left: 20px; rotate: 10deg; }        
	}


/* VIDEO */
.video-area{

}
.video-overlay{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	background:rgba(255, 228, 0,0.35);
	z-index: 999;
}

/* SERVICIOS */
.titularservicios{
	font-size: clamp(18rem, 29vmin, 25rem);
	word-break: break-word;
    line-height: 0.75;
    text-align: left;
}
.areageral-servicios{
  width: 90px; 
  height: 100px; 
}    
.servicios-arrow-container {
  display: flex;
  align-items: center;
  justify-content: left;
  width: 100%; 
  height: 100px; 
} 

.servicios-arrow-line {
  width: 60px;
  height: 1.5px;
  position: relative;
}

.servicios-arrow-head {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0px;
  overflow: hidden;
}

.servicios-arrow-head-top,
.servicios-arrow-head-bottom {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: transparent;
  position: absolute;
}

.servicios-arrow-head-top {
  top: -50%;
  border-bottom-color: transparent;
  border-right-color: transparent;
  transform: rotate(-45deg);
}

.servicios-arrow-head-bottom {
  bottom: -50%;
  border-top-color: transparent;
  border-right-color: transparent;
  transform: rotate(45deg);
}

/* PROYECTO */
.proyectos-section h3{
	font-size: clamp(1rem, 9vmin, 5rem);
}
.proyectos-section h4{
	font-size: clamp(1rem, 3.5vmin, 4rem);
	line-height: 1;
	font-weight:300;
}
    @media (max-width: 767px){
        .proyectos-section h4{
            font-size: calc(1.275rem + 0.3vw);
        }
    }
.proyectos-image{
	border-radius: 30px;
}

.proyectos-text-background{	
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20vw;
    font-weight: 400;
    width: 100%;
    text-align: center;
    line-height: .8;
    z-index: 0;	
    margin: 0 auto;
}


.area-cruz {  position: relative;  width: 80px;  height: 80px;  display: inline-block;}
.area-cruz-square {  position: absolute;  top: 9px;  left: 9px;  width: 60px;  height: 60px;  background-color: #00fff0;  transition: background-color 0.3s;}
.area-cruz-horizontal-line, .area-cruz-vertical-line {  position: absolute;  background-color: #4b0082;  transition: background-color 0.3s;}
.area-cruz-horizontal-line {  top: 50%;  left: 0;  width: 100%;  height: 2px;  transform: translateY(-50%);}
.area-cruz-vertical-line {  left: 50%;  top: 0;  width: 2px;  height: 100%;  transform: translateX(-50%);}
.area-cruz a {  display: block;  width: 100%;  height: 100%;  text-decoration: none;}
.area-cruz a:hover .area-cruz-square {  background-color: #4b0082;}
.area-cruz a:hover .area-cruz-horizontal-line,.area-cruz a:hover .area-cruz-vertical-line {  background-color: #00fff0;}



/* BLOG */
.blog-image{
	border-radius: 30px;
}
/* SINGLE */

.simpleshare,
.simpleshare_area {
    position: relative;
}
.simpleshare_link {
    visibility: hidden;
}
.direcion_link_left,
.direcion_link_right {
    height: 75px;
}
.direcion_link_left .ui-state-hover {
    visibility: visible;
    position: relative;
    top: -65px;
    left: -65px;
}
.direcion_link_right .ui-state-hover {
    visibility: visible;
    position: relative;
    top: -65px;
    left: 75px;
    width: 70%;
}
.simpleshare_icon {
    font-size: 2em;
}
.icon_facebook a {
    color: #3c589a;
}
.icon_twitter a {
    color: #55acee;
}
.icon_whatsapp a {
    color: #55eb4c;
}
.icon_linkedin a {
    color: #0077b5;
}


/* CONTATO */
.formhome{
}
.formhome h3{font-size: clamp(1rem, 11vmin, 5rem);line-height:1.1;}
.formhome h4{font-size: clamp(1rem, 8vmin, 5rem);line-height:1.1; font-weight: 700}

.wpcf7-form-control-wrap{
	width: 100%;
}
.formhome p{
	margin: 0px 0px -6px 0px;
}
.formhome label{
	display: none;
}
.formhome .wpcf7-form-control{
	display: block;
	float: right;
}
.form-home-field{border: 1px solid #510A81; border-radius: 0px; background-color:#00FFCE; height:70px !important; line-height: 1 !important; font-size:1.3em; color: color: #510A81;}
.form-home-textarea{border: 1px solid #510A81; border-radius: 0px; background-color:#00FFCE; height:170px !important; line-height: 1 !important; font-size:1.3em; color: color: #510A81;}
input:-internal-autofill-selected {	background-color:#00FFCE !important;}
.formhome .wpcf7-validates-as-required,
.formhome .form-home-textarea:focus,
.formhome .form-home-field:focus{	border: 1px solid #510A81;background-color:#00FFCE !important;box-shadow: none;}
.formhome .form-home-textarea{ 	border: 1px solid #510A81;	border-radius: 0px;	background-color:#00FFCE; color: color: #510A81;}
.formhome .wpcf7-not-valid-tip{ height: 40px; color: #510A81; float: right; position: absolute; bottom: -20px; left: 15px; font-size: 80%;}
.formhome .form-home-submit{}
.wpcf7-response-output{ text-align: center;}

.form-item { position: relative;}
.form-item .icon { position: absolute; top: 35px; right: 20px; transform: translateY(-50%); height: 70px; line-height: 70px;}






/* FOOTER */
.footer{
	border-top: 1px solid #00FFCE;
}



@media (max-width: 1024px){
	.titularservicios{
		font-size: clamp(12rem, 29vmin, 25rem);
	}	
}

@media (max-width: 767px){
	.interna {
		height: auto;
	}
	.mobile-center{
		margin: 0 auto;
	}
	.mobile-mt-1{
		margin-top: 1em;
	}
	.mobile-mt-2{
		margin-top: 2em;
	}
	.mobile-mt-3{
		margin-top: 3em;
	}		
	.titularservicios{
		font-size: clamp(8rem, 29vmin, 25rem);
	}
}

@media (max-width: 500px){
	.titularservicios{
		font-size: clamp(4rem, 29vmin, 25rem);
	}	
}




.switch-block{
    position: fixed;
    top: 40%;
    right: 0%;
    width: 40px;
    height: auto;
    z-index: 99;
}    
.btnSwitch{
    position: relative;
}    
.btnSwitch span{
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    font-size: 22px;
    text-align: center;
}
.dark{
    background-color: #000000 !important;
}
.blue{
    background-color: #1269DB !important;
}
.purple{
    background-color: #5C55BF !important;
}
.light{
    background-color: #3697E1 !important;
}
.green{
    background-color: #2BB930 !important;
}
.orange{
    background-color: #FF9E27 !important;
}
.red{
    background-color: #EA4d56 !important;
}