.elementor-26 .elementor-element.elementor-element-3d25619{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-26 .elementor-element.elementor-element-3d25619:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-3d25619 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.ultragasmexico.com/wp-content/uploads/2018/09/IMAGEN-SITIO-WEB-SERVICIOS_Mesa-de-trabajo-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-cac557b .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:2rem;font-weight:700;text-transform:uppercase;color:#FFDE00;}.elementor-26 .elementor-element.elementor-element-c754987 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:3rem;font-weight:700;text-transform:uppercase;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-485900f4{--display:flex;}.elementor-26 .elementor-element.elementor-element-12d12c3{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-26 .elementor-element.elementor-element-22db82de{text-align:center;}.elementor-26 .elementor-element.elementor-element-30356e1{--display:flex;--padding-top:5rem;--padding-bottom:5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-26 .elementor-element.elementor-element-7506b7b > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0rem 0rem 0rem 0rem;}.elementor-26 .elementor-element.elementor-element-7506b7b{text-align:center;}.elementor-26 .elementor-element.elementor-element-7506b7b .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-weight:600;color:var( --e-global-color-text );}.elementor-26 .elementor-element.elementor-element-d369d4e{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-26 .elementor-element.elementor-element-73865a2{--display:flex;--background-transition:0.3s;}.elementor-26 .elementor-element.elementor-element-73865a2:hover{background-color:#F5F6FA;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-26 .elementor-element.elementor-element-5b5b757{text-align:center;}.elementor-26 .elementor-element.elementor-element-5b5b757 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-weight:600;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-26 .elementor-element.elementor-element-de69642{text-align:center;}.elementor-26 .elementor-element.elementor-element-becb7d8{--display:flex;--background-transition:0.3s;}.elementor-26 .elementor-element.elementor-element-becb7d8:hover{background-color:#F5F6FA;}.elementor-26 .elementor-element.elementor-element-fb23e13{text-align:center;}.elementor-26 .elementor-element.elementor-element-fb23e13 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-weight:600;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-26 .elementor-element.elementor-element-47ae262{text-align:center;}.elementor-26 .elementor-element.elementor-element-1c3d689{--display:flex;--background-transition:0.3s;}.elementor-26 .elementor-element.elementor-element-1c3d689:hover{background-color:#F5F6FA;}.elementor-26 .elementor-element.elementor-element-9e86e08{text-align:center;}.elementor-26 .elementor-element.elementor-element-9e86e08 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-weight:600;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-26 .elementor-element.elementor-element-b1af31d{text-align:center;}.elementor-26 .elementor-element.elementor-element-f99368a{--display:flex;--background-transition:0.3s;}.elementor-26 .elementor-element.elementor-element-f99368a:hover{background-color:#F5F6FA;}.elementor-26 .elementor-element.elementor-element-d75dc5a{text-align:center;}.elementor-26 .elementor-element.elementor-element-d75dc5a .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-weight:600;text-transform:uppercase;color:var( --e-global-color-text );}.elementor-26 .elementor-element.elementor-element-2f4964a{text-align:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-26 .elementor-element.elementor-element-26468ba .elementor-button{font-family:"Roboto Condensed", Sans-serif;font-size:2rem;font-weight:400;text-transform:uppercase;border-radius:0px 0px 0px 0px;padding:1rem 8rem 1rem 8rem;}.elementor-26 .elementor-element.elementor-element-7b2742f > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0rem 0rem 0rem 0rem;}.elementor-26 .elementor-element.elementor-element-7b2742f{text-align:center;}.elementor-26 .elementor-element.elementor-element-7b2742f .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-weight:600;color:var( --e-global-color-text );}@media(max-width:1024px){.elementor-26 .elementor-element.elementor-element-3d25619{--padding-top:10rem;--padding-bottom:2rem;--padding-left:2rem;--padding-right:2rem;}.elementor-26 .elementor-element.elementor-element-d369d4e{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-cac557b{text-align:center;}.elementor-26 .elementor-element.elementor-element-cac557b .elementor-heading-title{font-size:1rem;}.elementor-26 .elementor-element.elementor-element-c754987{text-align:center;}.elementor-26 .elementor-element.elementor-element-c754987 .elementor-heading-title{font-size:2rem;}.elementor-26 .elementor-element.elementor-element-12d12c3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26 .elementor-element.elementor-element-d369d4e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-26 .elementor-element.elementor-element-26468ba .elementor-button{font-size:1.5em;padding:1rem 3rem 1rem 3rem;}.elementor-26 .elementor-element.elementor-element-7b2742f .elementor-heading-title{font-size:1rem;}}/* Start custom CSS for html, class: .elementor-element-5cd62aa */:root {
	--primary: #7F348B;
	--primary-dark: #5F1B59;
	--secondary: #333;
	--accent: #FFCC00;
	--light: #F1FAEE;
	--dark: #0D1B2A;
	--gray-100: #F8F9FA;
	--gray-200: #E9ECEF;
	--gray-300: #DEE2E6;
	--gray-400: #CED4DA;
	--gray-500: #6C757D;
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 20px;
	--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
	--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.12);
	--shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.16);
	--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.centros-container {
	max-width: 1400px;
	margin: 0 auto;
}

.centros-header {
	text-align: center;
	margin-bottom: 50px;
}

.centros-header h2 {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: clamp(2rem, 5vw, 3rem);
	font-weight: 800;
	color: var(--secondary);
	margin-bottom: 16px;
	letter-spacing: -0.02em;
}

.centros-header p {
	font-size: 1.1rem;
	color: var(--gray-500);
	max-width: 700px;
	margin: 0 auto;
}

.centros-wrapper {
	display: grid;
	grid-template-columns: 380px 1fr;
	gap: 0;
	background: white;
	border-radius: var(--radius-lg);
	overflow: hidden;
	box-shadow: var(--shadow-lg);
	min-height: 600px;
}

@media (max-width: 968px) {
	.centros-wrapper {
		grid-template-columns: 1fr;
	}
}

/* Sidebar */
.centros-sidebar {
	background: var(--secondary);
	display: flex;
	flex-direction: column;
}

/* Category Tabs */
.category-tabs {
	display: flex;
	flex-direction: column;
	padding: 0;
	background: var(--dark);
}

.category-tab {
	padding: 18px 24px;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 0.6);
	background: transparent;
	border: none;
	cursor: pointer;
	transition: var(--transition);
	text-align: left;
	position: relative;
	overflow: hidden;
}

.category-tab::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 4px;
	height: 100%;
	background: var(--primary);
	transform: scaleY(0);
	transition: var(--transition);
}

.category-tab:hover {
	background: rgba(255, 255, 255, 0.05);
	color: rgba(255, 255, 255, 0.9);
}

.category-tab.active {
	background: var(--secondary);
	color: white;
}

.category-tab.active::before {
	transform: scaleY(1);
}

/* Stations List */
.stations-list {
	flex: 1;
	overflow-y: auto;
	padding: 8px;
	max-height: 400px;
}

.stations-list::-webkit-scrollbar {
	width: 6px;
}

.stations-list::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.05);
}

.stations-list::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.2);
	border-radius: 3px;
}

.station-card {
	padding: 16px 20px;
	margin-bottom: 4px;
	border-radius: var(--radius-sm);
	cursor: pointer;
	transition: var(--transition);
	border: 1px solid transparent;
}

.station-card:hover {
	background: rgba(255, 255, 255, 0.08);
}

.station-card.active {
	background: var(--primary);
	border-color: var(--primary);
}

.station-card h4 {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 1rem;
	font-weight: 600;
	color: white;
	margin-bottom: 6px;
}

.station-card p {
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.5;
}

.station-card.active p {
	color: rgba(255, 255, 255, 0.9);
}

/* Map Container */
.map-container {
	position: relative;
	min-height: 600px;
}

#map {
	width: 100%;
	height: 100%;
	min-height: 600px;
}

/* Info Window Styles */
.info-window {
	padding: 8px;
	max-width: 280px;
}

.info-window h3 {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--secondary);
	margin-bottom: 8px;
}

.info-window p {
	font-size: 0.9rem;
	color: var(--gray-500);
	line-height: 1.5;
}

.info-window .directions-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 12px;
	padding: 10px 16px;
	background: var(--primary);
	color: white;
	text-decoration: none;
	border-radius: var(--radius-sm);
	font-size: 0.85rem;
	font-weight: 600;
	transition: var(--transition);
}

.info-window .directions-btn:hover {
	background: var(--primary-dark);
}

/* Mobile Styles */
@media (max-width: 968px) {
	.centros-wrapper {
		grid-template-columns: 1fr;
	}

	.category-tabs {
		flex-direction: row;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.category-tab {
		white-space: nowrap;
		padding: 14px 20px;
		font-size: 0.8rem;
	}

	.category-tab::before {
		top: auto;
		bottom: 0;
		width: 100%;
		height: 3px;
		transform: scaleX(0);
	}

	.category-tab.active::before {
		transform: scaleX(1);
	}

	.stations-list {
		max-height: 250px;
	}

	.map-container {
		min-height: 400px;
	}

	#map {
		min-height: 400px;
	}
}

/* Loading State */
.map-loading {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--gray-100);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
}

.map-loading.hidden {
	display: none;
}

.spinner {
	width: 48px;
	height: 48px;
	border: 4px solid var(--gray-200);
	border-top-color: var(--primary);
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* Station Count Badge */
.station-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 8px;
	background: var(--primary);
	color: white;
	font-size: 0.75rem;
	font-weight: 700;
	border-radius: 12px;
	margin-left: 10px;
}

.category-tab .station-count {
	background: rgba(255, 255, 255, 0.2);
}

.category-tab.active .station-count {
	background: var(--primary);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7506b7b */.elementor-26 .elementor-element.elementor-element-7506b7b h2:after {
    content: '';
    left: 50%;
    margin-left: -40px;
    width: 80px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: -20px;
    background-color: #7a4475;
    position: absolute;
}/* End custom CSS */