/* RESET */
* {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; box-sizing: border-box;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} a {text-decoration:none;} ol, ul {list-style: none;} *:active, *:focus {border: none; outline: none;}
/* RESET */

:root {
	--brand-red: #e8002a;
	--container-side-padding: 15px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
a {
	transition: color 0.3s ease;
}
svg path {
	transition: fill 0.3s ease;
}

.container {
	/* width: min(100%, 2040px); */
	width: min(100%, 1640px);
	padding: 0 var(--container-side-padding);
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
section .container {
	min-height: 80vh;
	/* padding-top: max(150px, 8vw); */
	padding-top: min(230px, 15vw);
}

header {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
header .wrapperHeaderCols {
	display: grid;
	grid-template-columns: repeat(2, calc(50% - 10px));
	column-gap: 20px;
}
header .wrapperHeaderCols > .colLeft {
	padding-right: 50px;
	position: relative;
}
header .logo {
	width: min(100%, 253px);
	display: block;
}
header .colLeft .titleDesktop {
	width: min(100%, 760px);
	display: block;
}
header .colRight div.wrapperRadiosMovidilidad {
	height: max-content;
	display: flex;
}
.triangulosCostados {
	width: max-content;
	padding: 0 30px;
	position: relative;
}
.triangulosCostados > div {
	padding-top: 5px;
	padding-bottom: 5px;
}
.triangulosCostados > div, 
.triangulosCostados::after, 
.triangulosCostados::before {
	transition: background-color 0.3s ease;
}
.triangulosCostados::after, 
.triangulosCostados::before {
	content: "";
	width: 30px;
	height: 100%;
	position: absolute;
	top: 0;
}
.triangulosCostados::before {
	left: 0;
	clip-path: polygon(100% -2px, 0% 100%, 100% 100%);
}
.triangulosCostados::after {
	right: 1px;
	clip-path: polygon(100% 0, 0 0, 0 100%);
}
.wrapperBtnsRadios > div {
	display: grid;
	grid-template-columns: repeat(5, max-content);
	column-gap: 20px;
	align-items: center;
	background-color: var(--brand-red);
}
.wrapperBtnsRadios.triangulosCostados::after, 
.wrapperBtnsRadios.triangulosCostados::before {
	background-color: var(--brand-red);
}
/* .wrapperBtnsRadios.gray > div, 
.wrapperBtnsRadios.gray.triangulosCostados::after, 
.wrapperBtnsRadios.gray.triangulosCostados::before {
	background-color: #e8e8e8;
} */
.wrapperBtnsRadios p {
	position: relative;
	display: flex;
	column-gap: 5px;
	align-items: center;
	color: #ffffff;
}
.wrapperBtnsRadios p img {
	width: 40px;
}
.wrapperBtnsRadios .btnRadio {
	width: 40px;
	/* height: 40px; */
	position: relative;
}
.wrapperBtnsRadios .btnRadio .imgRadioSelected {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.wrapperBtnsRadios .btnRadio.active .imgRadioSelected {
	opacity: 1;
}
.wrapperBtnMovilidad.triangulosCostados::after, 
.wrapperBtnMovilidad.triangulosCostados::before {
	background-color: #e8e8e8;
}
.wrapperBtnMovilidad > div {
	height: 100%;
	display: grid;
	grid-template-columns: max-content;
	align-items: center;
	background-color: #e8e8e8;
}
.wrapperBtnMovilidad.active > div, 
.noTouch .wrapperBtnMovilidad:hover > div, 
.wrapperBtnMovilidad.triangulosCostados.active::after, 
.wrapperBtnMovilidad.triangulosCostados.active::before, 
.noTouch .wrapperBtnMovilidad.triangulosCostados:hover::after, 
.noTouch .wrapperBtnMovilidad.triangulosCostados:hover::before {
	background-color: var(--brand-red);
}
.wrapperBtnMovilidad .btnMovilidad {
	display: flex;
	align-items: center;
	column-gap: 10px;
	color: #545454;
}
.wrapperBtnMovilidad.active .btnMovilidad, 
.noTouch .wrapperBtnMovilidad:hover .btnMovilidad {
	color: #ffffff;
}
.wrapperBtnMovilidad .btnMovilidad svg {
	width: 40px;
}
.wrapperBtnMovilidad .btnMovilidad svg path {
	fill: #545454;
	transition: all 0.3s ease;
}
.wrapperBtnMovilidad.active .btnMovilidad svg path, 
.noTouch .wrapperBtnMovilidad:hover .btnMovilidad svg path {
	fill: #ffffff;
}

.wrapperDataSection {
	margin-top: min(65px, 3vw);
}
.wrapperDataSection img[alt="LOS 4 RADIOS"] {
	width: min(100%, 320px);
	margin-bottom: 15px;
}
.wrapperDataSection p {
	font-size: 21px;
	color: #333333;
	line-height: 1.4;
}
.wrapperDataSection .dataRadios .colLeft {
	margin-bottom: 15px;
	display: grid;
	grid-template-columns: max-content auto;
	column-gap: 20px;
}
.wrapperDataSection .dataRadios .colLeft p {
	font-size: 26px;
	font-weight: bold;
}
.wrapperDataSection .dataRadios .colLeft p.radioArea {
	color: var(--brand-red);
}
.wrapperDataSection .dataRadios .colLeft p.radioArea, 
.wrapperDataSection .dataRadios .colLeft p.subtitleRadio {
	line-height: 1.2;
}
.wrapperDataSection .dataRadios .colLeft p.subtitleRadio {
	color: #6e7171;
	text-transform: uppercase;
}
.wrapperDataSection .dataRadios .colRight {
	display: grid;
	grid-template-columns: repeat(3, max-content);
	column-gap: 25px;
}
.wrapperDataSection .dataMovilidad .tableData .dataCol.col1 p, 
.wrapperDataSection .dataRadios .colRight .dataLeft p, 
.wrapperDataSection .dataRadios .colRight .dataRight p {
	color: #003764;
}
.wrapperDataSection .dataMovilidad .tableData .dataCol.col1 > div p, 
.wrapperDataSection .dataRadios .colRight .dataLeft p {
	display: grid;
	grid-template-columns: 110px max-content;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
}
.wrapperDataSection .dataMovilidad .tableData .dataCol.col1 > div p span img, 
.wrapperDataSection .dataRadios .colRight .dataLeft p span img {
	width: 25px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}
.wrapperDataSection .dataRadios .colRight .dataRight {
	display: grid;
	grid-template-columns: repeat(2, auto);
	column-gap: 8px;
	text-align: center;
}
.wrapperDataSection .dataRadios .colRight .dataRight p {
	font-size: 14px;
}
.wrapperDataSection .dataRadios .colRight .dataRight > p:last-child {
	display: block;
	font-size: 11px;
}
.wrapperDataSection .dataRadios .colRight .dataRight > div p:first-child {
	margin-bottom: 8px;
	white-space: nowrap;
	text-transform: uppercase;
}
.wrapperDataSection .dataRadios .colRight .dataRight > div p:last-child {
	min-width: 130px;
	min-height: 64px;
	padding: 5px;
	display: grid;
	grid-template-columns: repeat(2, min-content);
	column-gap: 5px;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-align: center;
	/* border: 1px solid #003764 */
}
.wrapperDataSection .dataRadios .colRight .dataRight p:last-child span {
	display: inline-block;
}
.wrapperDataSection .dataRadios .colRight .dataRight p:last-child span:first-child {
	font-size: 26px;
}
.verticalDottedLine {
	width: 0;
	height: 100%;
	display: block;
	border-left: 2px dotted #545454;
}
.wrapperDataSection .dataMovilidad > p {
	margin-bottom: 15px;
}
.wrapperDataSection .dataMovilidad .tableData {
	display: grid;
	grid-template-columns: min-content max-content min(33%, 220px) max-content auto;
	column-gap: 15px;
}
.wrapperDataSection .dataMovilidad .tableData .dataCol > * + * {
	margin-top: 15px;
}
.wrapperDataSection .dataMovilidad .tableData .dataCol p {
	font-size: 16px;
}
.wrapperDataSection .dataMovilidad .tableData .dataCol.col1 > div p {
	grid-template-columns: 120px max-content;
	column-gap: 10px;
}
.wrapperDataSection .dataMovilidad .tableData .dataCol.col2 p, 
.wrapperDataSection .dataMovilidad .tableData .dataCol.col3 p {
	color: #7c98b0;
}
.wrapperDataSection .dataMovilidad .tableData .dataCol.col3 p, 
.wrapperDataSection .dataMovilidad .tableData .dataCol.col2 p:first-child {
	font-weight: bold;
}
.wrapperDataSection .dataMovilidad .tableData .dataCol.col2 p img {
	width: auto;
	height: 20px;
	max-width: 100%;
	display: block;
}
.wrapperDataSection .dataMovilidad .tableData .dataCol.col3 p {
	text-transform: uppercase;
}
.wrapperDataSection .dataMovilidad .tableData .dataCol.col3 img {
	width: 100%;
	max-width: 160px;
}

.wrapperTitleRadioSelected {
	width: 100%;
	max-width: 580px;
	margin-bottom: 20px;
	position: relative;
	display: none;
	opacity: 0;
}
.wrapperTitleRadioSelected .radioSelectedId, 
.wrapperTitleRadioSelected .radioSelectedTitle {
	font-size: 36px;
	font-weight: bold;
	color: #000000;
}
.wrapperTitleRadioSelected .radioSelectedId {
	margin-right: 8px;
	color: var(--brand-red);
}
.wrapperTitleRadioSelected .radioSelectedTitle {
	text-transform: uppercase;
}
.wrapperTitleRadioSelected.active {
	display: block;
}

section {
	position: relative;
}
.wrapperMapa {
	width: min(100%, 1520px);
	margin: 0 auto;
	position: relative;
}
.wrapperMapa svg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}
.wrapperMapa svg .btnRadioSvg {
	cursor: pointer;
	fill: var(--brand-red);
	opacity: 0;
	transition: opacity 0.3s ease;
}
.noTouch .wrapperMapa svg .btnRadioSvg:hover {
	opacity: .05;
}
.wrapperMapa img {
	width: 100%;
}
.wrapperMapa img:not(.mapaBase) {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.wrapperMapa img.mapaBase {
	position: relative;
	z-index: 0;
}
.wrapperMapa img.mapaLayer {
	z-index: 3;
}
.wrapperMapa img.mapaLayer.active {
	opacity: 1;
}
.wrapperMapa img.mapaRadio {
	z-index: 1;
}
.wrapperMapa img.mapaRadio.active {
	opacity: 1;
}
.wrapperMapa img.mapaMovilidad {
	z-index: 2;
}
.wrapperMapa img.mapaMovilidad.active {
	opacity: 1;
}
.wrapperLayerBtns, 
.wrapperContactoDescargar {
	position: absolute;
	bottom: 0;
	z-index: 10;
}
.wrapperLayerBtns {
	left: var(--container-side-padding);
}
.wrapperContactoDescargar {
	right: var(--container-side-padding);
}
.wrapperLayerBtns a, 
.wrapperContactoDescargar a {
	width: 190px;
	white-space: nowrap;
	padding: 8px 10px;
	display: block;
	font-size: 14px;
	color: #545454;
	border-radius: 20px;
	background-color: #e8e8e8;
	transition: background-color 0.3s ease, color 0.3s ease;
}
.wrapperContactoDescargar a {
	width: 180px;
	color: #e8e8e8;
	background-color: #545454;
}
.wrapperLayerBtns a + a, 
.wrapperContactoDescargar a + a {
	margin-top: 10px;
}
.noTouch .wrapperLayerBtns a:hover, 
.wrapperLayerBtns a.active, 
.noTouch .wrapperContactoDescargar a:hover, 
.wrapperContactoDescargar a.active {
	color: #ffffff;
	background-color: var(--brand-red);
}
.wrapperLayerBtns a > *, 
.wrapperContactoDescargar a > * {
	display: inline-block;
	vertical-align: middle;
}
.wrapperLayerBtns a svg, 
.wrapperContactoDescargar a svg {
	width: 20px;
}
.wrapperLayerBtns a svg path {
	fill: #545454;
}
.wrapperContactoDescargar a svg path {
	fill: #e8e8e8;
}
.wrapperLayerBtns a.active svg path, 
.noTouch .wrapperLayerBtns a:hover svg path, 
.wrapperContactoDescargar a.active svg path, 
.noTouch .wrapperContactoDescargar a:hover svg path {
	fill: #ffffff;
}

footer {
	padding: 10px 0;
	margin-top: 30px;
	text-align: center;
	background-color: #e8e8e8;
}
footer a {
	display: inline-block;
	color: #545454;
	line-height: 0;
}
footer a + a {
	margin-left: 100px;
}
.noTouch footer a:hover {
	color: #7e8284;
}
footer a > * {
	display: inline-block;
	vertical-align: middle;
}
footer a svg {
	width: 30px;
}
footer a svg path {
	fill: #545454;
}
.noTouch footer a:hover svg path {
	fill: #7e8284;
}

.wrapperModal {
	width: 100%;
	height: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.5);
	transition: height 0.3s ease;
}
.wrapperModal.welcome.active, 
.wrapperModal.active {
	height: 100vh;
}
.wrapperModal.welcome {
	top: 0;
	bottom: unset;
}
.wrapperModal .modalWelcome {
	width: min(calc(100% - var(--container-side-padding) * 2), 820px);
	padding: 50px 45px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #ffffff;
	border-radius: 15px;
}
.wrapperModal .modalWelcome h1, 
.wrapperModal .modalWelcome p span, 
.wrapperModal .modalWelcome a {
	font-weight: bold;
}
.wrapperModal .modalWelcome h1 {
	margin-bottom: 25px;
	font-size: clamp(20px, 4vw, 36px);
	color: #6e7171;
}
.wrapperModal .modalWelcome p {
	font-size: clamp(16px, 2.6vw, 21px);
	color: #6e7171;
	line-height: 1.4;
}
.wrapperModal .modalWelcome a {
	width: max-content;
	margin: 25px auto 0;
	display: block;
	font-size: clamp(20px, 4vw, 36px);
	color: var(--brand-red);
}
.noTouch .wrapperModal .modalWelcome a:hover {
	color: #6e7171;
}
.wrapperModal .wrapperDataModal {
	height: auto;
	/* max-height: 60%; */
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
}
.wrapperModal .wrapperDataModal .btnCloseModal {
	/* position: absolute;
	top: 30px;
	right: 30px;
	line-height: 0; */
	font-size: 30px;
	color: #333333;
	/* width: max-content; */
	width: 30px;
	height: auto;
	position: relative;
	display: block;
	margin-top: 20px;
	margin-right: 5px;
	margin-left: auto;
}
.wrapperModal .wrapperDataModal .data {
	width: 100%;
	padding: 0 60px 15px;
	display: grid;
	/* grid-template-columns: 600px auto; */
	grid-template-columns: max(50%, 550px) auto;
	column-gap: 50px;
	align-items: center;
	justify-items: center;
}
.wrapperModal .wrapperDataModal .data img {
	width: 100%;
}
.wrapperModal .wrapperDataModal .data .title {
	font-size: 32px;
	color: var(--brand-red);
	text-transform: uppercase;
}
.wrapperModal .wrapperDataModal .data .line {
	width: 100%;
	height: 2px;
	margin: 20px 0 25px;
	background-color: #545454;
}
.wrapperModal .wrapperDataModal .data .txt {
	font-size: 24px;
	color: #333333;
	line-height: 1.4;
}



@media (max-width: 1350px) {
	.wrapperDataSection p {
		font-size: 21px;
		line-height: 1.3;
	}
	.wrapperDataSection .dataMovilidad p {
		font-size: 18px;
	}
	.wrapperDataSection .dataRadios .colRight p.subtitleRadio {
		font-size: 25px;
	}
}
@media (max-width: 1270px) {
	.wrapperBtnsRadios p, 
	.wrapperBtnMovilidad .btnMovilidad {
		font-size: 14px;
	}
	.wrapperBtnsRadios p img, 
	.wrapperBtnsRadios .btnRadio, 
	.wrapperBtnMovilidad .btnMovilidad svg {
		width: 30px;
	}
	.wrapperDataSection img[alt="LOS 4 RADIOS"] {
		width: min(100%, 280px);
	}
	.wrapperDataSection p {
		font-size: 18px;
	}

	/* section .container {
		padding-top: 70px;
	} */
}
@media (max-width: 1215px) {
	header .wrapperHeaderCols {
		grid-template-columns: 40% auto;
	}
}
@media (max-width: 1192px) {
	.wrapperDataSection .dataMovilidad .tableData .dataCol > * + * {
		margin-top: 10px;
	}
}
@media (max-width: 1186px) {
	/* .wrapperModal .wrapperDataModal .data {
		grid-template-columns: auto;
	} */
	.wrapperModal .wrapperDataModal .data {
		grid-template-columns: 520px auto;
	}
	.wrapperModal .wrapperDataModal .data .title {
		font-size: 24px;
	}
	.wrapperModal .wrapperDataModal .data .line {
		margin: 10px 0 15px;
	}
	.wrapperModal .wrapperDataModal .data .txt {
		font-size: 20px;
	}
}
@media (max-width: 1140px) {
	.wrapperDataSection .dataMovilidad .tableData .dataCol.col1 > div p, 
	.wrapperDataSection .dataMovilidad .tableData .dataCol p {
		font-size: 15px;
	}
}
@media (max-width: 1110px) {
	.wrapperDataSection img[alt="LOS 4 RADIOS"] {
		width: min(100%, 250px);
	}
	.wrapperDataSection p {
		font-size: 16px;
	}
	.wrapperDataSection .dataRadios .colLeft p, 
	.wrapperDataSection .dataRadios .colRight p.subtitleRadio {
		font-size: 20px;
	}
	.wrapperDataSection .dataRadios .colRight p:not(.subtitleRadio) {
		font-size: 16px;
	}
}
@media (max-width: 1090px) {
	.wrapperDataSection {
		margin-top: 18px;
	}
}
@media (max-width: 1080px) {
	.wrapperDataSection .dataMovilidad p {
		font-size: 17px;
	}
}
@media (max-width: 1045px) {
	.wrapperDataSection .dataRadios .colRight .dataRight {
		grid-template-columns: auto;
		row-gap: 15px;
	}
}
@media (max-width: 1024px) {
	.wrapperTitleRadioSelected .radioSelectedId, 
	.wrapperTitleRadioSelected .radioSelectedTitle {
		font-size: 32px;
	}
	.wrapperDataSection .dataMovilidad .tableData .dataCol.col1 > div p, 
	.wrapperDataSection .dataMovilidad .tableData .dataCol p {
		font-size: 14px;
	}
}
@media (max-width: 1024px) {
	header .container {
		text-align: center;
	}
	header .logo, 
	header .titleDesktop {
		display: inline-block;
		vertical-align: top;
	}
	header .logo {
		width: 30vw;
		min-width: 150px;
	}
	header .titleDesktop {
		/* width: 60%; */
		width: 100%;
		min-width: 335px;
		max-width: 420px;
	}
	header .wrapperHeaderCols {
		margin-top: 20px;
		grid-template-columns: 100%;
		justify-items: center;
	}

	section .container {
		padding-top: 90px;
	}
	.wrapperTitleRadioSelected {
		max-width: unset;
		position: relative;
		right: unset;
		text-align: left;
	}

	.wrapperLayerBtns, 
	.wrapperContactoDescargar {
		width: max-content;
		position: relative;
		right: unset;
		bottom: unset;
		left: unset;
		margin: 30px auto 0;
	}
	.wrapperLayerBtns a, 
	.wrapperContactoDescargar a {
		width: 185px;
	}
	.wrapperLayerBtns a svg, 
	.wrapperContactoDescargar a svg {
		width: 30px;
	}
	.wrapperLayerBtns {
		display: grid;
		grid-template-columns: repeat(4, auto);
		column-gap: 20px;
	}
	.wrapperLayerBtns a.btnMapaLayer {
		width: auto;
		padding-right: 15px;
		display: grid;
		grid-template-columns: auto min-content;
		column-gap: 5px;
		align-items: center;
		justify-content: start;
		white-space: unset;
	}
	.wrapperLayerBtns a.btnMapaLayer + a {
		margin-top: 0;
	}

	.wrapperDataSection .dataRadios .colRight .dataRight {
		grid-template-columns: repeat(2, auto);
	}
}
@media (max-width: 950px) {
	.wrapperModal .wrapperDataModal .data {
		padding: 0 20px 20px;
		grid-template-columns: 100%;
		row-gap: 25px;
	}
	.wrapperModal .wrapperDataModal .data .colLeft {
		max-width: 450px;
	}
}
@media (max-width: 690px) {
	.wrapperDataSection .dataMovilidad .tableData {
		display: block;
	}
	.wrapperDataSection .dataMovilidad .tableData .dataCol.col1 {
		width: 100%;
		display: grid;
		grid-template-columns: min-content auto;
		column-gap: max(50px, 10vw);
		align-items: start;
		margin-bottom: 25px;
	}
	.wrapperDataSection .dataMovilidad .tableData .dataCol.col1 p {
		font-size: 20px;
	}
	.wrapperDataSection .dataMovilidad .tableData .dataCol.col1 > * + * {
		margin-top: 0;
	}
	.wrapperDataSection .dataMovilidad .tableData .dataCol:not(.col1) {
		display: inline-block;
		vertical-align: top;
	}
	.wrapperDataSection .dataMovilidad .tableData .dataCol.col2 {
		width: 220px;
		margin-right: max(50px, 10vw);
	}
	.wrapperDataSection .dataMovilidad .tableData .dataCol.col3 {
		width: 160px;
	}
	.wrapperDataSection .dataMovilidad .tableData .verticalDottedLine {
		display: none;
	}
	
	.wrapperModal .modalWelcome {
		padding: 25px 20px;
	}
}
@media (max-width: 649px) {
	:root {
		--container-side-padding: 10px;
	}
	.wrapperBtnsRadios > div {
		column-gap: 10px;
	}
	.wrapperBtnsRadios p, 
	.wrapperBtnMovilidad .btnMovilidad {
		font-size: 12px;
	}
	.wrapperBtnsRadios p img, 
	.wrapperBtnsRadios .btnRadio, 
	.wrapperBtnMovilidad .btnMovilidad svg {
		width: 25px;
	}
	section .container {
		padding-top: 150px;
	}

	.wrapperDataSection {
		margin-top: 25px;
	}
	.wrapperTitleRadioSelected .radioSelectedId, 
	.wrapperTitleRadioSelected .radioSelectedTitle {
		font-size: 24px;
	}
	.wrapperDataSection .dataRadios .colLeft p, 
	.wrapperDataSection .dataRadios .colRight p.subtitleRadio {
		font-size: 18px;
	}
}
@media (max-width: 610px) {
	.wrapperDataSection .dataRadios .colRight .dataRight {
		grid-template-columns: auto;
	}
}
@media (max-width: 590px) {
	.wrapperDataSection .dataRadios .colLeft p, 
	.wrapperDataSection .dataRadios .colRight p.subtitleRadio {
		font-size: 16px;
	}
	.wrapperDataSection .dataRadios .colRight p:not(.subtitleRadio) {
		font-size: 14px;
	}
	
	.wrapperLayerBtns {
		column-gap: 10px;
	}
	.wrapperLayerBtns a.btnMapaLayer svg {
		width: 20px;
	}
	
	footer a {
		display: block;
	}
	footer a + a {
		margin-top: 15px;
		margin-left: 0;
	}
}
@media (max-width: 525px) {
	.triangulosCostados {
		padding-right: 15px;
		padding-left: 15px;
	}
	.triangulosCostados::after, 
	.triangulosCostados::before {
		width: 15px;
	}
	.triangulosCostados::after {
		right: 0;
	}

	.wrapperLayerBtns {
		grid-template-columns: repeat(2, auto);
		column-gap: 10px;
		row-gap: 10px;
	}
}
@media (max-width: 490px) {
	.wrapperDataSection .dataMovilidad .tableData .dataCol.col1 p {
		font-size: 18px;
	}
}
@media (max-width: 455px) {
	.wrapperDataSection .dataMovilidad .tableData {
		display: grid;
		grid-template-columns: 100%;
		row-gap: 25px;
	}
	.wrapperDataSection .dataMovilidad .tableData .dataCol.col1 {
		width: auto;
		margin-bottom: 0;
		display: block;
	}
	.wrapperDataSection .dataMovilidad .tableData .dataCol.col1 p {
		font-size: 14px;
	}
	.wrapperDataSection .dataMovilidad .tableData .dataCol.col1 > * + * {
		margin-top: 10px;
	}
	.wrapperDataSection .dataMovilidad .tableData .verticalDottedLine {
		width: 100%;
		height: 0;
		display: block;
		border-left: unset;
		border-top: 2px dotted #545454;
	}
}
@media (max-width: 450px) {
	.wrapperDataSection .dataRadios .colRight {
		grid-template-columns: repeat(2, max-content);
	}
	.wrapperDataSection .dataRadios .colRight .verticalDottedLine {
		display: none;
	}
}
@media (max-width: 430px) {
	.wrapperDataSection .dataRadios .colRight {
		grid-template-columns: 100%;
	}
	.wrapperDataSection .dataRadios .colRight {
		row-gap: 20px;
	}
	.wrapperDataSection .dataRadios .colRight .dataRight {
		grid-template-columns: repeat(2, auto);
	}
	.wrapperDataSection .dataRadios .colRight .verticalDottedLine {
		width: 100%;
		height: 0;
		border-left: unset;
		border-top: 2px dotted #545454;
	}
	.wrapperDataSection .dataRadios .colLeft {
		grid-template-columns: 100%;
	}
}