@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: #15153E;
}
#formulario {
	padding: 30px 30px !important;
	background-color:#FFFFFF;
}
#certificado {
	padding: 60px 0;
	background-color:#2C2C58;
}
#certificado .h3, #tecnologia .h3{
	font-size:35px;
	font-weight:300;
	margin-bottom:20px;
}
#ventajas .h3{
	color:#128ACB;
	font-size:40px;
	font-weight:600;
}
#solicita{
	color:#15153E;
	font-weight:400 !important;
}
#solicita .h3{
	color:#15153E;
	font-size:30px;
	font-weight:600;
}
#ventajas .ventajas_info .h3{
	color:#FFFFFF;
	font-size:20px;
	font-weight:700;
}
#tecnologia {
	color: #15153E;
}
#ventajas {
	color: #128ACB;
}
#ventajas span.title_sec {
	color: #15153E;
	font-size:20px;
	font-weight:700;
	display:block;
}
.txiki {
	font-size:14px;
	line-height:1.4em;
}
#participa .form-control, #formulario .form-control {
	background-color:#F1F1F1 !important;
	border-radius:15px;
	text-transform:uppercase;
}
img.approved{
	max-width:200px;
	margin-bottom:20px;
}
img.automotive{
	max-width:300px;
	margin-bottom:20px;
}
#ventajas {
	background-color: #15153E;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
}
#ventajas .ventajas_title {
	background: #15153E;
	color:#FFFFFF;
}
#ventajas {
	background-image:url('../images/fondo-azul.webp');
	background-repeat:no-repeat;
	background-size: cover;
	background-position: bottom center;
}
#solicita .solicitaimg {
	background-image:url('../images/chico-itevelesa-automotive.webp');
	background-repeat:no-repeat;
	background-size: contain;
	background-position: bottom center;
}
#certificado .concesionario_foto {
	background-image:url('../images/concesionario-landing.webp');
	background-color: #15153E;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	border-top-left-radius:16px;
	border-bottom-left-radius:16px;
}
#tecnologia .fototec {
	background-image:url('../images/coche-landing.webp');
	background-color: #FFFFFF;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
}
#certificado .concesionario_info {
	padding:80px;
	border-top-right-radius:16px;
	border-bottom-right-radius:16px;
}
#certificado .concesionario_text {
	margin-top:20px;
}
#solicita .concesionario_text {
	color:#FFFFFF;
	margin-top:20px;
}
#tecnologia .tecnologia_text {
	margin-top:20px;
}
#certificado .concesionario_text {
	margin-top:20px;
}
.logo img{
	width: 300px;
	height: 70px;
	object-fit: contain;
}
.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: 12px;
	font-weight: 400;
	color:#15153E;
}
.form__link a{
	font-size: 15px;
	color:#15153E;
	font-weight:700;
}
.form__btn a{
	color:#ffff;
	background-color:#EF7D00;
	padding: 0.75rem 0;
}
.hero .h3 {
	font-size:2.3em !important;
	font-weight:500 !important;
}
.hero__btn a{
	font-weight:700 !important;
	color:#FFFFFF;
	background-color:#128ACB;
	padding: 0.85rem 2rem;
	text-transform:uppercase;
}
.hero__btn a:hover{
	color:#FFFFFF;
	background-color:#000000;
}
#certificado a{
	font-weight:700 !important;
	color:#FFFFFF;
	background-color:#128ACB;
	padding: 0.85rem 3rem;
}
#certificado a:hover{
	color:#FFFFFF;
	background-color:#000000;
}
#solicita a{
	font-weight:700 !important;
	color:#FFFFFF;
	background-color:#15153E;
	padding: 0.85rem 3rem;
}
#solicita a:hover{
	color:#FFFFFF;
	background-color:#000000;
}
header {
	background-color: #FCD576;
    position: relative;
    display: flex;
    justify-content:center;
}
header img.compra {
	max-width: 600px;
}
.footer{
	background-color: #15153E;
}
.footer .siteLink{
	font-weight: 600;
}
.hero-col-right{
	background-image: url(../images/inicio-landing.webp);
	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;

}
img.logoinfluencer  {
	max-width:350px;
}
img.bolotxiki {
	max-width:180px;
}
img.bolotxiki2 {
	max-width:325px;
}
/* Oculta los extras en móvil */
.influencers-grid .extra {
    display: none;
}

/* Mantener la grid como antes */
.influencers-grid {
    display: flex;
    flex-wrap: wrap;
}

.col-influencer {
    padding: 5px;
    width: 50%; /* 2 columnas en móvil */
}
#showMoreBtn {
    font-weight: 700 !important;
    color: #FCCE46;
    background-color: #000000;
    padding: 0.55rem 5rem;
}
@media (min-width: 992px) {
    .col-influencer {
        width: calc(100% / 7); /* 7 columnas en desktop */
    }
    /* Mostrar todo en desktop */
    .influencers-grid .extra {
        display: block;
    }

    /* Ocultar botón en desktop */
    #showMoreBtn {
        display: none;
		font-weight: 700 !important;
		color: #FCCE46;
		background-color: #000000;
		padding: 0.55rem 5rem;
    }
}


@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){
	img.bolotxiki {
		margin-bottom:30px !important;
	}
	.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/inicio-landing.webp);
		background-repeat: no-repeat;
		background-position-y: center;
		background-size: cover;
		min-height: 300px !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;
	}
	.col_hero_izda {
		padding:40px;
		text-align: left !important;
	}
	.certificado-box {
		padding:60px 40px !important;
	}
	#tecnologia .fototec, #solicita .solicitaimg {
		min-height:400px;
		margin-top:0px !important;
		margin-bottom:0px !important;
	}
	#tecnologia .tecfila {
		margin:0px !important;
		padding:0px !important;
	}
	#tecnologia .tecnologia_info  {
		margin:0px !important;
		padding:0px 30px !important;
	}
	#certificado .concesionario_foto {
		min-height:400px;
		border-radius:16px;
		margin-top:0px !important;
		margin-bottom:0px !important;
		z-index:1;
	}
	.concesionario_info {
		margin-top:-20px !important;
		margin-bottom:0px !important;
		border-top-left-radius:0px;
		border-top-right-radius:0px;
		border-bottom-left-radius:16px;
		border-bottom-right-radius:16px;
		padding:60px 40px 40px 40px !important;
		z-index:0;
	}
	img.approved, img.automotive {
		margin-bottom:0px;
	}
	#certificado {
		padding: 0px 0;
		background-color:#2C2C58;
	}
	#ventajas {
		padding: 20px;
	}
	#ventajas .ventajas_title {
		margin-top: 0px !important;
		margin-bottom: 30px !important;
	}
	#ventajas .h3, #solicita .h3 {
		font-size:25px;
	}
	.ventajas_info {
		margin:0px !important;
	}
	.solicita_info {
		margin:0px !important;
		padding:40px !important;
	}
	#participa .container {
		padding: 0 30px;
	}
	#certificado .h3, #tecnologia .h3{
		font-size:28px;
		font-weight:300;
		margin-bottom:20px;
	}
img.topo {
	max-width:150px;
}
}