/**--HEADER--**/

:root {
	--text-color: #1400CA;
	--green: #00FFA7;
}

body {
	color: var(--text-color);
	font-family: roc grotesk;
}

#landing a {
	text-decoration: none;
}

#landing h2 {
	color: var(--text-color);
	font-weight: 700;
	font-size: 3.75rem;
}

.box-bottom-header-custom-01,
.footer-internal-bottom,
.section-page-all-buttons {
	display: none;
}
#header {
	display: flex;
	align-items: center;
	background-image: url(/wp-content/themes/redi/assets/img/fondo-portada-1.webp);
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 50px;
	padding: 100px 0;
}
#header h1 {
	color: #fff;
	font-weight: 700;
	font-size: 7.813rem;
	line-height: 116.25px;
}
#header p {
	color: #fff;
	font-weight: 400;
	font-size: 1.375rem;
	line-height: 22.66px;
}
#header a {
	border-radius: 39px;
	background-color: var(--green);
	Padding: 16px 26px;
	font-weight: 700;
	text-decoration: none;
	border: 2px solid var(--green);
}
#header a:hover {
	border: 2px solid var(--green);
	background-color: transparent;
	color: var(--green);
}
/**--CONTACTO--**/
#contacto {
	margin-bottom: 50px;
}
#contacto .iframe {
	filter: grayscale(1);
}

#contacto .btn1 a {
	color: var(--text-color);
	font-weight: 700;
	font-size: 1.375rem;
	letter-spacing: 2px;
}

#contacto .btn2 a {
	color: var(--text-color);
	font-weight: 700;
	font-size: 1.125rem;
	border-radius: 50px;
	border: 2px solid var(--text-color);
	Padding: 10px 26px;
	text-transform: uppercase;
}

#contacto .btn2 a:hover {
	background: var(--text-color);
	color: var(--green);
}

/**--TARIFAS--**/

#tarifas {
	margin-bottom: 50px;
}

#tarifas .tarjeta {
	background: #5600ff;
	color: #fff;
	border-radius: 31px;
	padding: 16px 25px;
	height: auto;
	min-height: 360px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#tarifas .tarjeta h3 {
	font-size: 1.375rem;
	text-align: center;
}

#tarifas .tarjeta a {
	color: var(--text-color);
	font-weight: 700;
	font-size: 1.125rem;
	border-radius: 50px;
	border: 2px solid var(--green);
	Padding: 10px 26px;
	display: flex;
	background-color: var(--green);
	justify-content: center;
	text-decoration: none;
	align-items: center;
}

#tarifas .tarjeta a img {
	filter: brightness(0) saturate(100%) invert(12%) sepia(79%) saturate(5613%) hue-rotate(233deg) brightness(78%) contrast(92%);
	border: 2px solid white;
	padding: 10px;
	border-radius: 50%;
	margin-bottom: 0;
	width: 25%;
	margin-left: 15px;
}

#tarifas .tarjeta a:hover img {
	filter: brightness(0) saturate(100%) invert(74%) sepia(73%) saturate(1568%) hue-rotate(101deg) brightness(100%) contrast(105%);
}

#tarifas .tarjeta a:hover {
	color: var(--green);
	background-color: transparent;
}

#tarifas .tarjeta .descripcion {
	font-size: 0.875rem;
	height: 75px;
}

#tarifas .tarjeta .precio sub {
	font-size: 30%;
	right: 22%;
}

#tarifas .tarjeta .precio p:first-child {
	font-size: 0.875rem;
	margin: 0;
}

#tarifas .tarjeta .precio p:nth-child(2n) {
	font-size: 3rem;
	text-align: center;
	margin: 0;
	font-family: Roc Grotesk wide extra bold;
}
/**--SECCION1--**/
#seccion1 {
	background: var(--text-color);
	padding: 50px;
	margin: 50px 0;
}
#seccion1 h2 {
	color: #fff;
	font-size: 3.125rem;
	margin-bottom: 40px;
}
#seccion1 p {
	color: #fff;
}
#seccion1 img {
	filter: brightness(0) saturate(100%) invert(92%) sepia(38%) saturate(5929%) hue-rotate(78deg) brightness(99%) contrast(107%);
}
/**--FAQ--**/
#faq {
	margin-bottom: 50px;
	color: var(--text-color);
}
#faq .faq-item {
	border-bottom: 1px solid var(--text-color);
	margin: 10px;
}
#faq .faq-question {
	font-weight: 700;
	font-size: 1.25rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#faq .faq-question-text {
	flex: 1;
}
#faq .faq-toggle {
	font-size: 1.5rem;
	margin-left: 5px;
}
#faq .faq-answer {
	display: none;
	overflow: hidden;
}
#faq .faq-answer.active {
	display: block;
}
#faq .tab {
	overflow: hidden;
	margin-bottom: 20px;
}
#faq .tab button {
	background-color: inherit;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 5px 20px;
	transition: 0.3s;
	font-size: 1.063rem;
	color: var(--text-color);
}
#faq .tab button:hover {
	border-bottom: 1px solid;
}
#faq .tab button.active {
	border-bottom: 1px solid;
	font-weight: 700;
}
#faq .tabcontent {
	display: none;
}
/**--MAPA--**/
#mapa {
	margin-bottom: 50px;
}
#mapa .mapa {
	filter: grayscale(1);
}
#mapa .ciudad_mapa img {
	filter: invert(0%) sepia(8%) saturate(7469%) hue-rotate(315deg) brightness(100%) contrast(300%);
	border: 2px solid white;
	padding: 10px;
	border-radius: 50%;
	margin-bottom: 0;
	width: 35px;
	margin-left: 15px;
}
#mapa .ciudad_mapa:hover img {
	filter: brightness(0) saturate(100%) invert(74%) sepia(73%) saturate(1568%) hue-rotate(101deg) brightness(100%) contrast(105%);
}
#mapa .ciudad_mapa {
	color: #fff;
	font-weight: 700;
	font-size: 1.125rem;
	border-radius: 50px;
	border: 2px solid var(--text-color);
	background-color: var(--text-color);
	Padding: 16px 20px;
}
#mapa .pueblo_mapa {
	margin-bottom: 15px;
}
#mapa .pueblo_mapa p:first-child {
	color: var(--text-color);
	font-size: 1.375rem;
	font-weight: 700;
	margin: 0;
}
#mapa .pueblo_mapa p:nth-child(2n) {
	color: var(--text-color);
	margin: 0;
	line-height: 15px;
}
@media (max-width: 991px) {
	#landing h2 {
		font-size: 2.5rem;
	}
	#header h1 {
		font-size: 4rem;
		line-height: 1;
	}
	#header p {
    	font-size: 1rem;
	}
	#contacto .btn1 a, #contacto .btn2 a {
		font-size: 1rem !important;
	}
	#contacto .btn2 a {
		font-size: 1rem !important;
		padding: 10px 15px;
	}
	#contacto [class^="btn"] img {
		width: 35px !important;
		margin-right: 5px !important;
	}
	#seccion1 {
		padding: 25px 10px;
	}
	#tarifas .tarjeta {
		margin: 10px;
	}
	#tarifas .tarjeta a img {
		width: 15%;
	}
	#mapa .ciudades-pueblos {
		margin-top: 25px;
	}
	#mapa .ciudades-pueblos .row {
		flex-direction: column;
	}
	#mapa .ciudades-pueblos [class^="col-lg"]{
		margin: 10px 0 !important;
	}
	#faq .faq-question {
		line-height: 1;
	}
	#faq [class^="col-lg"] {
		margin-bottom: 25px;
	}
}