/*
Theme Name: SiteOrigin Corp Child
Author: SiteOrigin
Author URI: https://siteorigin.com/
Theme URI: https://siteorigin.com/theme/corp
Description: SiteOrigin Corp Child Theme
Version: 1.0.0
Template: siteorigin-corp
Text Domain: siteorigin-corp
Domain Path: /languages/
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
.corp-container {
	max-width: 80% !important;	
}

body {
	    font-size: 17px !important;
}

.breadcrumbs {
	display: none !important;
}

@font-face {
    font-family: 'PPWriter-Thin';
    src: url('./fonts/PPWriter-Thin.otf') format('opentype');
    font-weight: lighter;
    font-style: normal;
    font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'PPWriter-Thin', sans-serif !important;
	font-weight: 100 !important;
}

.hero-playa {
	position: relative;
}

.hero-playa h1 {
	font-size:100px;
	margin: 0;
    line-height: 1 !important;
	color: white !important;
	padding:350px 0;
}

.playa-logo {
	top: 50px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute !important;
}

.sunzal {	
}

.sunzal .siteorigin-widget-tinymce {
	display:flex;	
	min-width: 285vw;
	padding-top: 150px !important;
    padding-bottom: 100px !important;
    box-sizing: border-box;
    height: 100vh;
}

.scroll-track .sunzal-inside:last-child {
    padding-right: 9%;
	padding-left:80px;
}

.sunzal.scroll-track {
    gap: 80px; /* el gap que tenía antes, ahora en el track directamente */
}

#seccion-lateral {
    padding-top: unset !important;
    padding-bottom: unset !important;
}

.sunzal .scroll-track {
    height: 100% !important;
}

#seccion-lateral {
    overflow: visible !important;
    clip-path: inset(0) !important;
}

.vive-mar h3 {
	color: white !important;
	font-size:30px !important;
	line-height:1.2;
}

.footer-pool {
	display:flex;
	gap: 80px;	
	min-width: 337vw;
	padding:10px 0 80px 0 !important;
	align-items: baseline;
}

.olimpic {
	margin-left: -170px;
}

.olimpic img {
	position: relative;
	top:-80px;
}

.child, .roof {
	text-align:center;
}

.roof img {
	position: relative;
	top:-80px;
}

.lounge {
	margin-left: -170px;
}

.lounge h3 {
    text-align: right;
    margin-right: 70px;
}

.cowork h3, .bar h3 {
	margin-right:70px;
}

.verde {
	margin-left: -120px;
	text-align: center
}

.tienda {
	margin-left: -120px;
	text-align: center
	padding-right: 9%;
}

.tienda img {
	position: relative;
	top:-180px;
}

.footer-pool h3 {
	color: white !important;
	line-height:1.2;
}

.sunzal h2 {
	font-size:48px;
	line-height: 1 !important;
}

.sunzal .sunzal-inside {
	display:flex;
	gap: 80px;
	align-items: center;
}

.sunzal-img {
	position: relative;
	flex-shrink: 0;
    width: 800px;
}

.sunzal .sunzal-inside .surf-girl {
	position: relative;
    min-width: 600px;
}
.sunzal .sunzal-inside .surf-couple {
	position: relative;
    min-width: 400px; 
    margin-top: -300px;
    margin-left: 200px;
}

.sunzal .sunzal-inside .surf-friend {
	position: relative;
    min-width: 400px;   
}

.sunzal .sunzal-inside .surf-wave {
	position: relative;
    min-width: 400px; 
    margin-top: -300px;
    margin-left: 200px;
}

.img-palmera {
	position: relative;	
}

.img-palmera h2 {
	color:white !important;
	font-size:100px;	
    padding: 190px 0;
    z-index: 2;
    position: relative;
}

.img-palmera img {
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

.lines {
	position: relative;
	z-index:1;
	padding: 40px 10px;
}

.lines:before {
	position: absolute;
	content:'';
	z-index:-1;
	width: 450px;
	background: black;
	height:80px;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

.lines:after {
	position: absolute;
	content:'';
	z-index:-2;
	width:100%;
	background: white;
	height:1px;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

.destino-global h3 {
	font-size: 25px !important;
	color: white !important;
	line-height:1.1 !important;	
}

.destino-global p {
	font-family: 'PPWriter-Thin', sans-serif !important;
	color: white !important;
	line-height:1.1;
	font-size:18px !important;
}

.video-footer .surf-live {
	padding:150px 0;
}

.video-footer .footer-logo {
	margin-bottom:50px;
}

.site-footer {
	display: none !important;
}

@media screen and (max-width: 600px) {

	.hero-playa h1 {
		font-size:80px;	
		padding:200px 0;
	}
	
	.sunzal .siteorigin-widget-tinymce {
		min-width: 795vw;
	}

	.sunzal h2 {
		font-size: 28px;
	}
	
	.img-palmera h2 {
		font-size: 80px;
    	padding: 140px 0;
	}
	
	.lines:before {
		width:300px;
	}
	
	.footer-pool {
		min-width: 1080vw;
	}
	
}