@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body{
	font-family: 'Poppins', sans-serif;
}
.hero{
	background-color: #032A4B;
}
.logo img{
	width: 300px;
	height: 70px;
	object-fit: contain;
}
.sigu__card{
	background-color: #f0f0f0;
	border-radius: 30px;
}
.sigu__card__heading{
	color:#fdce46;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 10px;
}
.logoclaim {
	width:100%;
	max-width:480px;
}
.sigu__card{
	min-height: 320px;
}
.sigu__card__text span{
	color:#15153e;
}
.sigu__card__text span:nth-of-type(1){
	font-size: 19px;
	font-weight: 600;
	line-height: 20px;
}
.sigu__card__text span:nth-of-type(2){
	font-size: 19px;
	font-weight: 300;
	line-height: 20px;
}
.sigu__card__text span:nth-of-type(3){
	font-size: 14px;
	line-height: 15px;
}
.card__section__heading{
	color:#15153E;
}
.cards_btn a{
	color:#15153E;
	border:1px solid #15153E;
	font-size: 14px;
}
.form__wrapper{
	background-color: #F0F0F0;
}
.form__heading{
	color:#15153E;
}
.form__heading span span:nth-of-type(2){
	font-weight: 600;
}
.offset-left {
	padding-left:10%;
}
input::placeholder , 
.radio__text ,
.radio__div label,
#comunidad:invalid {
	color:#979797 !important;
	font-size: 15px;
	font-weight: 400;
}
.form__link{
	font-size: 15px;
	font-weight: 400;
	color:#15153E;
}
.form__link a{
	font-size: 15px;
	font-weight: 400;
	color:#FCCE46;
}
.form__btn a{
	color:#ffff;
	background-color:#EF7D00;
	padding: 0.75rem 0;
}
.yellow{
	background-color:#FCCE46;
}
.yellow .col-lg-6 img{
	max-width:200px;
	display:block;
}
.entradas img{
	width:100%;
	max-width:220px;
	display:block;
}
.entradas img.compra{
	width:100%;
	max-width:170px;
	display:block;
}
.hero__btn a{
	font-weight:700 !important;
	color:#FCCE46;
	background-color:#000000;
	padding: 0.55rem 5rem;
}
.hero__btn a:hover{
	color:#FFFFFF;
	background-color:#000000;
	padding: 0.55rem 5rem;
}

.footer{
	background-color: #15153E;
}
.footer .siteLink{
	font-weight: 600;
}
.hero-col-right{
	background-image: url(../images/imagen-toca-itv-2.png);
	background-repeat: no-repeat;
	background-position-y: center;
	background-size: cover;
	min-height: 700px;
    position: relative;
    height: 100%; /* Asegura que ocupe todo el alto disponible */
    display: flex;
    align-items: flex-end; /* Alinea el contenido en la parte inferior */
    padding: 20px; /* Espaciado opcional */
}

.hero-text-bottom {
    color: white; /* Ajusta el color según el fondo */
    font-size: 14px;
	line-height:1.2em;
    text-align: center;
    width: 100%;
}
.right-image img{
	width: 200px;
	height: 200px;
	object-fit: contain;
	position: absolute;
	top: 3rem;
	right: 6rem;
}
.hero__btn__link__text{
	color:#ffffff;
}
.text-right {
	text-align: right;
}
.hero img.bolo {
	max-width: 250px;
}
.form-check-input:checked[type=radio]{
	accent-color: #666666 !important;
	background-color: #ffffff !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='66666650'/%3e%3c/svg%3e") !important;
	filter:grayscale(50%) !important;

}


@media only screen and (max-width:500px){
.hero__btn a{
	display: block !important;
	}
	.logoclaim {
		width:100%;
		max-width:300px;
	}
}
@media only screen and (max-width:992px){
	.radio__div{
		padding: 1.8rem 1rem !important;
		flex-direction: column;
		border-radius: 30px !important;
	}
	.radio__div .radio__text{
		text-align: center !important;
		padding-bottom: 1rem;
	}
	.hero-col-right{
		background-image: url(../images/imagen-toca-itv.png);
		background-repeat: no-repeat;
		background-position-y: center;
		background-size: cover;
		min-height: 500px !important; 
	}
	.right-image img{
		width: 200px;
		height: 200px;
		object-fit: contain;
		position: absolute;
		top: 2rem;
		right: 3rem;
	}
	.entradas .col-lg-6 {
			text-align:center !important;
	}
	.entradas .text-end {
		text-align:center !important;
	}
	.entradas img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.entradas img.leo{
		margin-bottom: 40px;
	}
	.entradas img.participa, .entradas img.compra{
		max-width:70%;
		margin-bottom: 40px;
	}
	.hero img.bolo {
		max-width: 150px !important;
	}
	.logoclaim {
		width:100%;
		max-width:500px;
	}
}