@import url('https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css');
@import url('https://fonts.googleapis.com/css?family=Poppins:600,500,400,700|Plus+Jakarta+Sans:400');
* {
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: 'Poppins', Helvetica;
}

body {
	background-color: #ffffff;
	display: flex;
	align-items: center;
	min-height: 100vh;
	width: 100%;
	margin: 0 auto;
	flex-direction: column;
	position: relative;
	font-family: 'Poppins', Helvetica;
}
/* a blue color as a generic focus style */
button:focus-visible {
	outline: 2px solid #4a90e2 !important;
	outline: -webkit-focus-ring-color auto 5px !important;
}
a {
	text-decoration: none;
}

/* Main content */
#block-steps {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1;
	padding: 0 24px;
	position: relative;
	width: 100%;
	max-width: 408px;
	height: 100%;
	margin-inline: auto;
}

/* Floating action button WHATSAPP */
.floating-action {
	position: fixed;
	bottom: 20px;
	right: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.form-step1, .main-content{
	width: 100%;
}
.action-button {
	width: 66px;
	height: 66px;
	background-color: var(--ce-travel);
	border-radius: 33px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
}

.action-button img {
	width: 36px;
	height: 36px;
}

/* Navigation dots */
.navigation-dots {
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-top: auto;
	padding: 16px;
	padding-bottom: 30px;
	background-color: #ffffff;
}

.dot {
	width: 8px;
	height: 8px;
	background-color: #e4e4e8;
	border-radius: 4px;
}

.dot.active {
	background-color: var(--azul-2);
}

@media (min-width: 768px) {
	#block-steps {
		width: 100%;
		max-width: 100rem;
	}
}


:root {
	--x-0: rgba(255, 255, 255, 1);
	--textos: rgba(110, 108, 131, 1);
	--azul-2: rgba(51, 121, 246, 1);
	--cian: rgba(51, 204, 246, 1);
	--celeste: rgba(51, 121, 246, 1);
	--ce-travel: rgba(69, 224, 139, 1);
	--azul-4: rgba(14, 32, 108, 1);
	--seguros: rgba(171, 118, 235, 1);
	--text-black: #464646;
	--text-gray: #494949;
}

/* Header */
.header {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	padding: 1rem;
	width: 100%;
	border-bottom: 1px solid #e4e4e8;
}

.logo {
	width: auto;
	height: 25px;
}

.contact-button {
	display: none;
	width: fit-content;
	padding: 0.7rem 1rem;
	background-color: var(--azul-2);
	font-family: 'Poppins', Helvetica, serif;
	font-weight: 600;
	border-radius: 5px;
	font-size: 12px;
	color: #fff;
	outline: none;
	border: none;
	cursor: pointer;
}
.header-locations-section2{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#back-button-container {
	position: absolute;
	left: 0;
	top: 10px;

}
.back-button {
	position: absolute;
	left: 20px;
	width: 42px;
	height: 42px;
	background-color: #cccccc;
	border-radius: 21px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.back-button img {
	width: 20px;
	height: 20px;
}
.back-button-visible{
	position: absolute;
	left: 0;
	top: 15px;
	width: 42px;
	height: 42px;
	background-color: #cccccc;
	border-radius: 21px;
	display: none;
	justify-content: center;
	align-items: center;
}
.back-button-visible img {
	width: 20px;
	height: 20px;
}

.intro-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 2rem;
}
.intro-section-steps {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-block: 1rem;
	margin-bottom: 4rem;
	min-height: 80vh;
	max-width: 700px;
}
.intro-section-steps2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-block: 2rem;
	margin-bottom: 4rem;
	min-height: 80vh;
	max-width: 1000px;
}
.intro-section-404{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	gap: 1rem;
	margin-block: 2rem;
	margin-inline: auto;
	margin-bottom: 4rem;
	min-height: 80vh;
	max-width: 700px;
	padding-inline: 1rem;
}

.tag {
	font-family: 'Poppins', Helvetica;
	font-weight: 500;
	color: var(--textos);
	font-size: 16px;
	text-align: center;
	letter-spacing: 0;
	line-height: 23px;
}
.info-tag {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 32px;
	font-family: 'Poppins', Helvetica;
	font-weight: 600;
	color: var(--seguros);
	font-size: 14px;
	text-align: center;
	letter-spacing: 0;
	line-height: 19.6px;
}

.title {
	font-family: 'Poppins', Helvetica;
	font-weight: 600;
	color: var(--azul-2);
	font-size: 28px;
	text-align: center;
	letter-spacing: 0;
	line-height: 39.2px;
	margin: 1rem 0;
	max-width: 293px;
}

.description {
	font-family: 'Poppins', Helvetica;
	font-weight: 400;
	color: var(--textos);
	font-size: 14px;
	text-align: center;
	letter-spacing: 0;
	line-height: 22.4px;
	max-width: 295px;
}

/* Input section */
.input-section {
	display: flex;
	justify-content: center;
	margin-block: 2rem;
	width: 100%;
}

.input-container {
	position: relative;
	display: flex;
	width: 100%;
	height: 58px;
	align-items: center;
	border: 1px solid #a2a2a7;
	border-radius: 5px;
	padding: 0 20px;
}
.input-container ul{
	position: absolute;
	bottom: -1.3rem;
	left: 0;
	text-align: center;
	width: 100%;
	color: #a62e2e;
	font-family: 'Poppins', Helvetica;
	font-size: 14px;
}
.license-plate-input,
.date-input,
.name-input,
.email-input{
	width: 100%;
	height: 100%;
	border: none;
	background: transparent;
	font-family: 'Poppins', Helvetica;
	font-weight: 500;
	color: var(--textos);
	font-size: 16px;
	padding: 0;
	outline: none;
}

.license-plate-input::placeholder,
.date-input::placeholder,
.name-input::placeholder,
.email-input::placeholder{
	color: #a2a2a7;
	opacity: 0.4;
}

/* Phone section */
.phone-section {
	display: flex;
	justify-content: center;
	margin-block: 2rem;
	width: 100%;
}

.phone-input-group {
	display: flex;
	width: 100%;
	gap: 8px;
}

.phone-prefix,
.phone-area,
.phone-number {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 58px;
	border: 1px solid #a2a2a7;
	border-radius: 10px;
	font-family: 'Poppins', Helvetica;
	font-weight: 500;
	color: var(--textos);
	font-size: 16px;
}

.phone-prefix {
	width: 90px;
	background-color: #f4f4f4;
}

.phone-area {
	width: 90px;
	background-color: transparent;
}

.phone-number {
	flex: 1;
	background-color: transparent;
}
.phone-prefix input,
.phone-area input,
.phone-number input {
	width: 100%;
	height: 100%;
	border: none;
	background: transparent;
	font-family: 'Poppins', Helvetica;
	font-weight: 500;
	color: var(--textos);
	font-size: 16px;
	padding: 0;
	outline: none;
	text-align: center;
}

.phone-prefix input::placeholder,
.phone-area input::placeholder,
.phone-number input::placeholder {
	color: #a2a2a7;
	opacity: 0.9;
}

/* Actions section */
.actions-section {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	margin-block: 1rem;
	width: 100%;
}

.primary-button {
	display: flex;
	height: 58px;
	width: 100%;
	align-items: center;
	justify-content: center;
	background-color: var(--azul-2);
	border-radius: 5px;
	border: none;
	font-family: 'Poppins', Helvetica;
	font-weight: 600;
	color: #f7f9fc;
	font-size: 16px;
	cursor: pointer;
}

.primary-button-wsp{
	background-color: #21A55C;
}

/* Estilos para botones WhatsApp deshabilitados */
.whatsapp-button-disabled {
	background-color: #9CA3AF !important;
	color: #6B7280 !important;
	cursor: not-allowed !important;
	opacity: 0.6 !important;
}

.whatsapp-button-disabled:hover {
	background-color: #9CA3AF !important;
	transform: none !important;
}

.secondary-button, .secondary-button-step1 {
	display: none;
	height: 58px;
	width: 100%;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border-radius: 5px;
	border: none;
	font-family: 'Poppins', Helvetica;
	font-weight: 500;
	color: #6E6C83;
	font-size: 16px;
	cursor: pointer;
}
.secondary-button-step1 {
	display: flex;
	color: var(--azul-2);
}

/* Vehicle section */
.vehicle-section {
	display: grid;
	grid-template-columns: repeat(2, minmax(auto, 1fr));
	gap: 10px;
	margin-block: 1rem;
	width: 100%;
}

.vehicle-card {
	width: 100%;
	height: 85px;
	background-color: #fff;
	border-radius: 12px;
	border: none;
	box-shadow: 0px 0px 30px 0px #0000001a;
}
.vehicle-card:hover{
	border-color: #007bff;
	box-shadow: 0 0 10px rgba(0, 123, 255, 0.8);
}

.vehicle-icon {
	width: 100%;
	height: 100%;
	padding: 1rem 1.5rem;
}

/* Search section */
.search-section {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	width: 100%;
}

.search-container {
	display: flex;
	width: 100%;
	height: 58px;
	align-items: center;
	border: 1px solid #a2a2a7;
	border-radius: 12px;
	padding: 0 20px;
	position: relative;
}

.search-input {
	width: 100%;
	height: 100%;
	border: none;
	background: transparent;
	font-family: 'Poppins', Helvetica;
	font-weight: 500;
	color: var(--textos);
	font-size: 16px;
	padding: 0;
	padding-right: 30px;
	outline: none;
}

.search-input::placeholder {
	color: #a2a2a7;
	opacity: 0.4;
}

.search-icon {
	position: absolute;
	right: 20px;
	width: 17.58px;
	height: 17.58px;
}

/* Locations section */
.locations-section {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	max-height: 300px;
	overflow-y: auto;
	width: 100%;
}
.locations-section2 {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	width: 100%;
}

.location-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 34px;
	padding-inline: 1rem;
	padding-block: 0.2rem;
	text-decoration: none;
	cursor: pointer;
	color: black;
	transition: background-color 0.1s ease-in;
}
.location-item:hover{
	background-color: rgba(0, 123, 255, 0.3);
}

.location-name {
	font-family: 'Poppins', Helvetica;
	font-weight: 500;
	color: var(--textos);
	font-size: 16px;
	letter-spacing: 0;
	line-height: 1.1;
	padding-inline: 1rem;
}
.location-name2{
	font-family: 'Poppins', Helvetica;
	font-weight: 400;
	color: #A2A2A7;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 14px;
}
.arrow-icon {
	width: 24px;
	height: 24px;
}

.divider-light {
	width: 100%;
	height: 1px;
	background-color: #F4F4F4;
	margin: 10px 0;
}
.divider-light2 {
	width: 100%;
	background-color: #6E6C83;
	height: 0.5px;
	margin: 10px 0;
}
.vehicle-card-age {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 85px;
	background-color: #fff;
	border-radius: 12px;
	border: none;
	box-shadow: 0px 0px 30px 0px #0000001a;
	padding: 1rem 1.5rem;
	text-decoration: none;
	color: #6e6c83;
	font-family: 'Poppins', Helvetica;
}
.vehicle-card-age:hover{
	border-color: #007bff;
	box-shadow: 0 0 10px rgba(0, 123, 255, 0.8);
}

.last-step-section{
	align-items: flex-start;
	width: fit-content;
}
.last-step-section .location-item{
	min-height: 34px;
	height: 100%;
}
.last-step-section .location-item:hover{
	background-color: transparent;
}
.last-step-section .location-name{
	line-height: 1.2;
}

/* Radius section */
.radius-section {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-block: 20px;
	width: 100%;
}
.radius-container {
	display: flex;
	gap: 1rem;
	width: 100%;
	max-width: 150px;
	height: 58px;
	align-items: center;
	border: 1px solid #a2a2a7;
	border-radius: 12px;
	position: relative;
	cursor: pointer;
}
.radius-container label {
	width: 100%;
	height: 100%;
	padding: 0 20px;
	border-radius: 11px;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.radius-input {
	border: none;
	background: transparent;
	font-family: 'Poppins', Helvetica;
	font-weight: 500;
	color: var(--azul-2);
	font-size: 15px;
	padding: 0;
	padding-right: 30px;
	outline: none;
	cursor: pointer;
}

.radius-input::placeholder {
	color: #a2a2a7;
	opacity: 0.4;
}

.radius-icon {
	position: absolute;
	right: 20px;
	width: 17.58px;
	height: 17.58px;
}

/* Animation section */
.animation-section {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
}
.animation-section-404{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.vector {
	width: 212px;
	height: 215px;
	z-index: 1;
}

.car-animation {
	/*position: absolute;*/
	width: 259px;
	height: 291px;
	z-index: 2;
}
.car-animation2-7{
	position: absolute;
	width: 259px;
	height: 291px;
	z-index: 2;
}
.car-animation404{
	position: absolute;
	width: 259px;
	height: auto;
	z-index: 2;
}
.description2-7{
	font-family: 'Poppins', Helvetica;
	font-weight: 400;
	color: var(--textos);
	font-size: 14px;
	text-align: center;
	letter-spacing: 0;
	line-height: 22.4px;
	max-width: 319px;
	margin-top: 34px;
}
.description3-1{
	font-family: 'Poppins', Helvetica;
	font-weight: 400;
	color: var(--textos);
	font-size: 14px;
	text-align: center;
	letter-spacing: 0;
	line-height: 22.4px;
	max-width: 319px;
	margin-top: 34px;
	margin-inline: auto;
}

/* Vehicle section */
.vehicle-section-cp {
	display: flex;
	margin-top: 40px;
	width: 100%;
}

.vehicle-card-cp {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 180px;
	background-color: #f4f4f4;
	border-radius: 12px;
	padding: 25px;
	position: relative;
}

.vehicle-icon-cp {
	width: 61px;
	height: 38px;
	margin-bottom: 20px;
}

.vehicle-title-cp {
	font-family: 'Poppins', Helvetica;
	font-weight: 700;
	color: var(--textos);
	font-size: 18px;
	letter-spacing: 0;
	line-height: 24px;
}

.vehicle-description-cp {
	font-family: 'Plus Jakarta Sans', Helvetica;
	font-weight: 400;
	color: var(--textos);
	font-size: 16px;
	letter-spacing: 0;
	line-height: 24px;
	margin-top: 5px;
}

.quotations-container{
	width: 100%;
}
/* Insurance Cards */
.insurance-main{
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 2rem;
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 15px 16px -13px rgba(0, 0, 0, 0.08);
}
.insurance-main2{
	display: flex;
	flex-direction: column;
	gap: 2px;
	width: 100%;
	border-radius: 20px;
}
.insurance-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #EBF2FE;
	padding: 20px;
	color: #494949;
}
.insurance-header h2{
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 8px;
}
.insurance-header p{
	font-size: 12px;
	font-weight: 400;
}
.insurance-header button{
	background-color: transparent;
	border: none;
	transition: scale 0.1s ease-in;
}
.insurance-header button:hover{
	scale: 1.1;
}

.insurance-header2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 2rem;
	color: #494949;
}
.insurance-header2 label{
	font-family: 'Poppins', Helvetica;
	font-weight: 500;
	color: #0E206C;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 14px;
	padding-inline: 1rem;
}
.accordion-item input {
	display: none;
}
.insurance-cards {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}
.accordion-content {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.4s ease;
	overflow: hidden;
	/*max-height: 0;*/
	/*height: 100%;*/
	/*overflow: hidden;*/
	/*transition: max-height 0.4s ease;*/
	padding: 0 1rem;
	background: #fff;
}
.accordion-inner {
	overflow: hidden; /* evita que se vea contenido fuera al colapsar */
}
.accordion-item input:checked ~ .accordion-content {
	grid-template-rows: 1fr;
	padding: 1rem;
	transition: grid-template-rows 0.4s ease;
}
.insurance-container-card, .insurance-container-card2{
	display: flex;
	flex-direction: column;
}
.insurance-card {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	background: white;
	border-radius: 0px 20px 20px 20px;
	padding: 20px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	border: 1px solid #f0f0f0;
}
.insurance-card2 {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	background: #F4F4F4;
	border-radius: 20px;
	padding: 20px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	border: 1px solid #f0f0f0;
}

.card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.card-header-desktop{
	display: none;
	justify-content: space-between;
	align-items: center;
}
.card-header2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.company-logo img {
	height: 32px;
	width: auto;
}

.info-btn {
	background: none;
	border: 2px solid #AB76EB;
	padding: 8px;
	cursor: pointer;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.info-btn img{
	transition: scale 0.1s ease-in;
}
.info-btn img:hover{
	scale: 1.1;
}

.info-btn2 {
	background: none;
	color: #6E6C83;
	border: 1px solid #6E6C83;
	padding: 8px;
	margin-bottom: 0.2rem;
	cursor: pointer;
	border-radius: 12px;
	width: 100%;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.premium-badge {
	display: flex;
}
.premium-badge-desktop{
	display: none;
}

.company-name {
	margin-bottom: 16px;
}

.company-name h3 {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 4px;
}

.company-name p {
	font-size: 12px;
	color: #666;
}

.plan-details {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	width: 100%;
}
.plan-details2, .plan-details3 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	width: 100%;
}
.plan-details3 .price{
	flex-direction: column;
}
.plan-details3 .price .amount{
	font-size: 18px;
	color: #6E6C83;
}
.plan-details2 .primary-button, .plan-details2 .info-btn2{
	display: none;
}

.plan-description {
	font-size: 12px;
	color: #666;
	line-height: 1.4;
}

.price {
	display: flex;
	align-items: baseline;
	gap: 4px;
}

.amount {
	font-size: 24px;
	font-weight: 700;
	color: #333;
}
.amount2 {
	font-size: 28px;
	font-weight: 700;
	color: #3379F6;
}

.period {
	font-size: 14px;
	color: #666;
	font-weight: 400;
	list-style-position: inside;
}
.period-ul {
	font-size: 14px;
	line-height: 1.2;
	margin-left: 20px;
	color: #666;
	font-weight: 400;
	list-style-position: outside;
	list-style-type: disc;
}

/* Integrity Section */
.integrity-section {
	margin-top: 32px;
	padding: 20px 0;
}

.integrity-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.integrity-content h3 {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 4px;
}

.integrity-content p {
	font-size: 12px;
	color: #666;
}

.refresh-btn {
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	color: #4a90e2;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
}



@media (min-width: 768px) {
	.header {
		justify-content: space-around;
	}
	.contact-button {
		display: flex;
	}
	.insurance-main2{
		box-shadow: none;
	}
	.title {
		font-weight: 700;
		color: var(--text-black);
		font-size: 40px;
		max-width: 100%;
	}
	.description {
		font-family: 'Poppins', Helvetica;
		color: var(--text-gray);
		font-size: 20px;
		max-width: 100%;
	}
	.input-section {
		margin-top: 5rem;
		margin-bottom: 5rem;
	}
	.input-container {
		width: 100%;
		max-width: 390px;
		height: 40px;
	}
	.phone-section {
		margin-top: 4rem;
		margin-bottom: 4rem;
	}
	.phone-input-group {
		width: 100%;
		max-width: 390px;
	}
	.phone-prefix,
	.phone-area,
	.phone-number {
		height: 40px;
	}
	.vehicle-section {
		display: grid;
		grid-template-columns: repeat(5, minmax(auto, 1fr));
		gap: 16px;
	}
	.actions-section {
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	.primary-button, .info-btn2 {
		height: 40px;
		max-width: 270px;
	}
	.secondary-button {
		display: flex;
		height: 40px;
		max-width: 270px;
		border: 1px solid #A2A2A7;
	}
	.secondary-button-step1{
		display: flex;
		height: 40px;
		max-width: 270px;
		border: 1px solid var(--azul-2);
	}
	.description2-7,
	.tag2-7,
	.navigation-dots2-7,
	.back-button{
		display: none;
	}
	.back-button-visible{
		display: flex;
	}
	.header-locations-section2 h1{
		padding-inline: 2.8rem;
	}
	.insurance-container-card{
		flex-direction: row;
		height: 138px;
	}
	.insurance-container-card2{
		flex-direction: row;
	}
	.insurance-card{
		height: 138px;
		flex-direction: row;
		padding: 0 20px 0 0;
		border-radius: 20px;
	}
	.insurance-card3{
		display: flex;
		justify-content: space-between;
	}
	.insurance-card3 > .divider-light2:last-child{
		display: none;
	}
	.insurance-card3 .card-header2, .direction-header{
		flex-direction: row;
	}
	.insurance-card3 .card-header2 .divider-light2, .direction-header .divider-light2{
		width: 0.5px;
		background-color: #6E6C83;
		height: 100%;
		margin: 0 2rem;
	}
	.plan-details2 .primary-button, .plan-details2 .info-btn2{
		display: flex;
	}
	.direction{
		flex-direction: row;
	}
	.plan-details3{
		width: fit-content;
		gap: 1rem;
	}
	.amount2 {
		font-size: 43px;
		font-weight: 700;
		color: #3379F6;
	}
	.card-header .info-btn{
		display: none;
	}
	.card-header-desktop{
		display: flex;
	}
	.plan-details {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.premium-badge{
		display: none;
	}
	.premium-badge-desktop{
		display: flex;
		width: 3.8rem;
	}
	.two-button{
		display: none;
	}
	.sin-patente{
		display: flex;
		align-items: center;
		justify-content: center;
		height: 138px !important;
	}
	.sin-patente img{
		max-height: 98px !important;
	}
}

form{
	width: 100%;
}
input[type="radio"] {
    display: none;
}

label {
    cursor: pointer;
}

input[type="radio"]:checked + label {
	border: 1px solid var(--azul-2);
	/*border-color: #007bff;  Color cuando está seleccionado */
	box-shadow: 0 0 10px rgba(0, 123, 255, 0.8);
}
.radius-container input[type="radio"]:checked + label{
	border: none;
	box-shadow: 0 0 10px rgba(0, 123, 255, 0.8);
}


/* HTML: <div class="loader"></div> */
#loading, #loading-provinces, #loading-localities{
	margin-top: 1rem;
}
.loader {
	width: 30px;
	margin: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 5px solid;
	border-color: #3379F6 #0000;
	animation: l1 0.5s infinite;
}
@keyframes l1 {to{transform: rotate(.5turn)}}

.loading-section {
	margin: 1rem;
}

.disabled {
	opacity: 0.5;
}

/* reCAPTCHA footer */
.recaptcha-footer {
	margin: 20px auto 0 auto;
	padding: 12px;
	text-align: center;
	max-width: 300px;
}

.recaptcha-footer p {
	font-size: 9px;
	color: #999;
	line-height: 1.3;
	margin: 0;
}

.recaptcha-footer a {
	color: #4285f4;
	text-decoration: none;
}

.recaptcha-footer a:hover {
	text-decoration: underline;
}

/* Ocultar el ícono flotante de reCAPTCHA */
.grecaptcha-badge {
	visibility: hidden !important;
}