@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--colfondo: #f5f5f5;
	--coltagsa: #006f80;
	--coltagsaclaro: #00d1f1;
	--coltagsaclarotrans: rgba(0, 209, 241, .3);
	--coltagsaoscuro: hsl(188, 100%, 14%);
	--colamarillo: #fec726;
	--colcafe: #766d5a;
	--colhover: color-mix(in srgb, #006f80, white 20%);
	--z-tooltip: 10;
	--z-fixed: 100;
	--fontsans: "Montserrat", sans-serif;
	--fontmain: "Noto Serif", serif;
	--fontthin: "Noto Sans", sans-serif;
	--fontserif: "DM Serif Text", serif;
}

@view-transition { navigation: auto; }

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.ancla {
	position: absolute;
}
.nomob {
	display: none;
}

main {
	margin: 0 auto;
	padding: 0 5vw 4em 5vw;
	max-width: 540px;
	font-family: var(--fontmain);
}
section {
	margin-bottom: 4em;
}
.section-title {
	font-weight: normal;
	background-color: #006f80;
	color: #fff;
	border-right: 40px solid #847671;
	font-size: 1em;
	line-height: 2em;
	padding-left: 10px;
}
.section-subtitle {
	font-size: 1em;
	line-height: 2em;
	border-left: .5em solid #006f80;
	padding-left: .5em;
	margin-bottom: .5em;
}
.live-chat-link, .live-phone a {
	display: block;
	background-color: #ffc627;
	text-decoration: none;
	text-align: center;
	color: #000;
	line-height: 40px;
}
.live-phone a {
	background-color: #fff;
	color: #000;
}
.live-date p {
	text-align: center;
	line-height: 2em;
}
#TT_RwhwbhYhYcUaa9NUKfqjzjDzzWaUTzaDzgcxaCitCv4 {
	margin: 7px auto;
}
#fixedbottom {
	background-color: #222;
	color: #fff;
	text-align: center;
	font-family: var(--fontsans);
	font-size: .8em;
	line-height: 2.95rem;
	bottom: 0;
}

/*MARK: 768
*/

@media screen and (min-width:768px) {
	
	.nomob {
		display: block;
	}
	.barra-info-content {
		width: 720px;
	}
	.main-wrap {
		max-width: 720px;
		padding: 0;
		overflow: auto;
	}
	.empresas {
		width: 400px;
		margin: 0 auto;
	}
	.empresas a {
		display: inline-block;
		height: 90px;
		background-repeat: no-repeat;
	}
	.live-phone a {
		background-color: #006f80;
		color: #fff;
		font-size: 1.1em;
	}
	.live-chat-link p {
		display: none;
	}
	.live-chat-link {
		height: 100px;
		background-image: url(../tagsa-imagen/chat-box.jpg);
		background-size: 100%;
	}
	.live-chat-link-en {
		background-image: url(../tagsa-imagen/chat-box-en.jpg);
	}
	.logomunicipio {
		background: url(../tagsa-imagen/logomunicipio.svg);
		width: 150px;
		background-size: auto 100%;
	}
	.logotagsav {
		background: url(../tagsa-imagen/logotagsa.svg);
		width: 250px;
		background-size: 90% auto;
		background-position: right;
	}
	
}

/*MARK: 1100
*/
@media screen and (min-width:1100px) {
	
	.main-wrap {
		max-width: 1080px;
	}
	.live-chat-link {
		height: 150px;
	}
	
}