@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:ital@1&display=swap');


.BOX_BannerMax360-FullScreen {
    width: 100%;
	height: 420px;
    background-image: -webkit-linear-gradient(0deg,rgba(0,96,96,1.00) 25%,rgba(117,176,171,1.00) 75%);
    background-image: -moz-linear-gradient(0deg,rgba(0,96,96,1.00) 25%,rgba(117,176,171,1.00) 75%);
    background-image: -o-linear-gradient(0deg,rgba(0,96,96,1.00) 25%,rgba(117,176,171,1.00) 75%);
    background-image: linear-gradient(90deg,rgba(0,96,96,1.00) 25%,rgba(117,176,171,1.00) 75%);
	margin-bottom: 50px;
}

.BOX_BannerMax360 {
    width: 100%;
	background-image: url(../images/Max360/banner.png);
    background-position: center top;
    background-repeat: no-repeat;
    height: 420px;
    background-size: 2480px 420px;
}

.BOX_ColumnaMax360-L {
    width: 560px;
	height: 400px;
	padding-top: 20px;
    float: left;
}

.BOX_ColumnaMax360-R {
    width: 640px;
	height: 400px;
	padding: 0px;
    float: left;
}	

.IMG_AjusteMax360 {
	width: 100%; /* you can use % */
	height: auto;
	max-width: 560px;
}

.MAX360cita4 {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 34px;
    font-style: italic;
    color: #E8E3E3;
    font-weight: 600;
    text-shadow: 1px 1px 3px #005F60;
    display: block;
    margin-top: 20px;
    line-height: 42px;
}

.TXTReels {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 24px;
    font-style: italic;
    color: #FFFFFF;
    font-weight: 600;
}

.TXT-NameBar {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 24px;
    font-style: italic;
    color: #FFFFFF;
    font-weight: 600;
    display: block;
    height: 55px;
    background-image: url(../images/Max360/NameBar.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    padding-top: 15px;
	z-index: 50;
}

.MAX360cita-Experiencia {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 26px;
    font-style: italic;
    color: #005F60;
     font-weight: 600;
	display: block;
	margin-top: 0px;
}

/* Responsivo */
@media (max-width: 768px) {
.BOX_BannerMax360-FullScreen {
    width: 100%;
    height: 1020px;
    background-image: -webkit-linear-gradient(90deg,rgba(0,96,96,1.00) 89.25%,rgba(117,176,171,1.00) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(0,96,96,1.00) 89.25%,rgba(117,176,171,1.00) 100%);
    background-image: -o-linear-gradient(90deg,rgba(0,96,96,1.00) 89.25%,rgba(117,176,171,1.00) 100%);
    background-image: linear-gradient(0deg,rgba(0,96,96,1.00) 89.25%,rgba(117,176,171,1.00) 100%);
}

.BOX_BannerMax360 {
    width: 100%;
	background-image: url(../images/Max360/banner.png);
    background-position: center top;
    background-repeat: no-repeat;
    height: 320px;
    background-size: 1140px 290px;
	display: block;    
}

.IMG_AjusteMax360 {
	width: auto; 
	height: 270px;
}

	
.BOX_ColumnaMax360-L {
    width: 100%;
	height: 320px;
	padding-top: 20px;
    float: left;
}

.BOX_ColumnaMax360-R {
    width: 100%;
	height: 320px;
	padding: 0px;
    float: left;
}	
	

.MAX360cita4 {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 22px;
    font-style: italic;
    color: #E8E3E3;
    font-weight: 600;
    text-shadow: 1px 1px 3px #005F60;
    text-align: center;
    display: block;
    margin-top: 0px;
    line-height: 26px;
}


.TXTReels {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 14px;
    font-style: italic;
    color: #FFFFFF;
    font-weight: 600;
	text-align: center;
}
.TXT-NameBar {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 32px;
    font-style: italic;
    color: #005F60;
    font-weight: 600;
    display: block;
    height: 25px;
    background-image: url(../images/master/Space.png);
    background-repeat: no-repeat;
    padding-left: 0px;
    padding-top: 0px;
    z-index: 50;
}
	.MAX360cita-Experiencia {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 26px;
    font-style: italic;
    color: #005F60;
    font-weight: 600;
    display: block;
    margin-top: 0px;
    text-align: center;
}