@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

@media (min-width: 200px) and (max-width: 767px) {
	.secc_desktop{
		display: none !important;
	}

	.secc_phone{
		display: -webkit-box !important;
	}

	.fondo-arriba{
		background-image: url(img/fondo_arriba.png);
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
		bottom: 30px;
	}

	.text01{
		color: #214a35;
		font-size: 20px;
		line-height: 30px;
		font-weight: 600;
		text-transform: uppercase;
		text-align: center;
		letter-spacing: 0px;
		margin-bottom: 20px;
	}

	.img01{
		width: 100%;
	}

	.text02{
		color: #214a35;
		font-size: 19px;
		line-height: 30px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0px;
		margin-top: 20px;
		margin-bottom: 40px;
	}

	.icon-boda01{
		background-image: url(img/icon01.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 130px;
		height: 130px;
		transition: .6s ease-in-out;
	}

	.icon-boda01:hover{
		background-image: url(img/icon01-hover.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 130px;
		height: 130px;
		transition: .6s ease-in-out;
	}

	.text03{
		font-size: 20px;
		line-height: 30px;
		font-weight: 600;
		text-align: center;
		color: #214a35;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin-top: 25px;
		margin-bottom: 0px;
	}

	.text04{
		text-align: center;
		color: #214a35;
		font-size: 14px;
		line-height: 20px;
		font-weight: 600;
		text-transform: uppercase;
		font-style: italic;
		letter-spacing: 1px;
	}

	.btn-map{
		width: 180px;
	}

	.icon-boda02{
		background-image: url(img/icon02.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 110px;
		height: 130px;
		transition: .6s ease-in-out;
	}

	.icon-boda02:hover{
		background-image: url(img/icon02-hover.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 110px;
		height: 130px;
		transition: .6s ease-in-out;
	}

	.fondo-timer{
		background-image: url(img/CuentaRegresiva.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.fondo-general{
		background-image: url(img/fondo_general.jpg);
		background-repeat: repeat;
		background-size: 100% auto;
	}

	.img02{
		width: 230px;
		margin-bottom: 30px;
	}

	.galerias{
		width:100%;
		margin-bottom: 10px;
	}

	.galeria{
		font-size: 30px;
		color: #214a35;
		text-align: center;
		margin-top: 50px;
	}

	.galeria-img{
		width: 100%;
	}

	.mover-img03{
		position: relative;
		bottom: 100px;
		z-index: -1;
	}

	.img03{
		width: 100%;
	}

	.text-song{
		color: #214a35;
		font-size: 20px;
		line-height: 30px;
		text-align: center;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 0px;
	}

	.section-padding-personalizado{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.form{
		display: block;
	}

	.btn-song, .btn-song:hover, .btn-song:focus{
		background: transparent;
		color: #214a35;
		border: 2px solid #214a35;
		text-transform: uppercase;
		font-weight: 700;
		border-radius: 0px;
		padding-left: 20px;
		padding-right: 20px;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-top: 15px;
	}

	.form-control{
		background-color: transparent;
		font-weight: 700;
		height: 50px;
		width: 100%;
		color: #214a35;
		border: 2px solid #214a35;
		border-radius: 0px;
		margin-right: 40px;
	}

	.form-control:focus{
		background-color: transparent;
		font-weight: 700;
		height: 50px;
		width: 100%;
		color: #214a35;
		border: 2px solid #214a35;
		border-radius: 0px;
		margin-right: 40px;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	::placeholder {
		color: #214a35 !important;
		letter-spacing: 1px;
		text-align: center;
	}

	.contenedor {
		position: relative;
		text-align: center;
	}

	.texto-modal {
		color: #fff;
		font-size: 20px;
		text-transform: uppercase;
		letter-spacing: 1px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.footer{
		width: 95%;
	}

	.titulo01{
		color: #214a35;
		font-size: 18px;
		font-weight: 700;
		text-align: center;
		margin-top: 50px;
	}

	.texto01{
		color: #214a35;
		font-size: 12px;
		text-transform: uppercase;
		line-height: 20px;
		font-weight: 500;
	}

	.rotating {
		width: 150px;
		-webkit-animation: rotating 10s linear infinite;
		-moz-animation: rotating 10s linear infinite;
		-ms-animation: rotating 10s linear infinite;
		-o-animation: rotating 10s linear infinite;
		animation: rotating 10s linear infinite;
	}

}