/**/
.filtro-buscador {
	display: flex; justify-content: space-between; align-items: center;
	padding:5px 16px; min-height:46px;
	background:#002A67; color:#fff; font-size: 14px; font-weight:400; line-height:125%;
}
.filtro-buscador .editar {display:inline-block; padding:7px; border:2px solid #FF436E; border-radius: 100%;}


/* listado de planes */
.planes {padding-bottom:70px;}

.planes .cabecera {margin-bottom:15px;}
.planes .cabecera .titulo {padding:6px 16px; margin-bottom:10px; font-size:15px; font-weight:600; color:#fff; line-height:1.2; border-radius:16px;}
.planes .cabecera.cabecera-anual  .titulo {background:#ff436e;}
.planes .cabecera.cabecera-diario .titulo {background:#00B2C2;}
.planes .cabecera.cabecera-precompra .titulo {background:#005191;}
.planes .cabecera .titulo .sub {padding-left:10px; font-weight:300;}
.planes .cabecera .lead {font-size:14px; font-weight:500; line-height:1.25;}
.planes .cabecera.cabecera-anual .lead {color:#ff436e;}
.planes .cabecera.cabecera-diario .lead {color:#002447;}
.planes .cabecera.cabecera-precompra .lead {color:#002447;}



/* tarjetas */
.tarjeta {position:relative; margin-bottom:16px;}
.tarjeta-anual{
	--ua-tarjeta-color-asociado:#FF436E;
	--ua-tarjeta-filter-asociado: brightness(0) saturate(100%) invert(40%) sepia(17%) saturate(7499%) hue-rotate(322deg) brightness(101%) contrast(101%);
}
.tarjeta-diario {
	--ua-tarjeta-color-asociado:#00B2C2;
	--ua-tarjeta-filter-asociado: brightness(0) saturate(100%) invert(53%) sepia(90%) saturate(1899%) hue-rotate(145deg) brightness(91%) contrast(102%);;
}
.tarjeta-precompra {
	--ua-tarjeta-color-asociado:#005191;
	--ua-tarjeta-filter-asociado: brightness(0) saturate(100%) invert(18%) sepia(93%) saturate(2178%) hue-rotate(191deg) brightness(93%) contrast(101%);;
}

.tarjeta.tarjeta-selected .cuerpo {border:2px solid var(--ua-tarjeta-color-asociado);}


.tarjeta .promo {
	display: inline-block; padding:5px 20px; background-color: #002447; border-radius: 10px 10px 0 0;
	font-size: 15px; font-weight:500; color:#fff; line-height:1.3; text-transform: uppercase;
}

.tarjeta .cuerpo {padding:10px 15px 20px; border-radius:20px; background: #fff; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.10); color:#002447; line-height:1.25;}
.tarjeta .promo + .cuerpo {border-radius:0 20px 20px 20px;}


/* elementos comunes */
.tarjeta .cuerpo .vermas {font-size:12px; font-style:italic; font-weight:600; text-decoration:underline; color:var(--ua-tarjeta-color-asociado);}
.tarjeta .cuerpo .vermas.icon-eye::before {
	content:''; display:inline-block; width:13px; height:9px; margin-right:7px;
	background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.40927 8.53948C10.2362 8.53948 12.8092 5.27743 12.8092 4.26728C12.8092 3.25713 10.2269 0 6.40927 0C2.63829 0 0 3.25713 0 4.26728C0 5.27743 2.62897 8.53948 6.40927 8.53948ZM6.40927 7.57368C3.43537 7.57368 1.08142 4.95714 1.08142 4.26728C1.08142 3.69075 3.43537 0.965804 6.40927 0.965804C9.36919 0.965804 11.7278 3.69075 11.7278 4.26728C11.7278 4.95714 9.36919 7.57368 6.40927 7.57368ZM6.40927 6.91338C7.79834 6.91338 8.91238 5.70613 8.91238 4.26728C8.91238 2.79393 7.79834 1.6261 6.40927 1.6261C5.01089 1.6261 3.89218 2.79393 3.89684 4.26728C3.90616 5.70613 5.01089 6.91338 6.40927 6.91338ZM6.40461 5.11975C5.95713 5.11975 5.59355 4.7354 5.59355 4.26728C5.59355 3.79916 5.95713 3.41481 6.40461 3.41481C6.85209 3.41481 7.21568 3.79916 7.21568 4.26728C7.21568 4.7354 6.85209 5.11975 6.40461 5.11975Z'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat; background-position: left center;
	filter: var(--ua-tarjeta-filter-asociado);
}

.tarjeta .cuerpo .form-check-button {--ua-check-button-bg: var(--ua-tarjeta-color-asociado);}

.tarjeta .cuerpo .form-check-alt {line-height:1.4;}
.tarjeta .cuerpo .form-check-alt .form-check-label {font-size:11px; text-decoration:underline; color:var(--ua-tarjeta-color-asociado);}
.tarjeta .cuerpo .form-check-alt .form-check-input {border-color:#C4C4C4;}


/* tarjeta - encabezado*/
.tarjeta .cuerpo .encabezado {
	display: flex; justify-content:space-between; align-items:flex-end;
	padding-bottom:10px; margin-bottom:20px; border-bottom:2px solid #d9d9d9;
}
.tarjeta .cuerpo .encabezado .titulo {margin-bottom:5px; font-size: 16px; font-weight: 700;}
.tarjeta .cuerpo .encabezado .subtitulo {font-size: 13px; font-weight: 300;}
.tarjeta .cuerpo .encabezado .vermas {padding: 0 5px;}

/* tarjeta - cobertura */
.tarjeta .cuerpo .cobertura {margin-bottom:14px;}
.tarjeta .cuerpo .cobertura ul {margin: 0; padding: 0; list-style: none; font-size: 15px; font-weight: 300;}
.tarjeta .cuerpo .cobertura ul li {margin-bottom:10px;}
.tarjeta .cuerpo .cobertura ul strong,
.tarjeta .cuerpo .cobertura ul b {font-weight:500;}
.tarjeta .cuerpo .cobertura ul:not(.mostrar-todo) li:nth-child(n+2) {display: none;}
.tarjeta .cuerpo .cobertura ul .icon-question {width:16px; height:17px; margin-left:8px; vertical-align: top;}
.tarjeta .cuerpo .cobertura .vermas {display:none;}

/* tarjeta - precios/acciones */
.tarjeta .cuerpo .precios {display: flex; justify-content: space-between; align-items: center;}
.tarjeta .cuerpo .precios .col2 {min-width:145px; text-align:center;}

.tarjeta .cuerpo .precios .btn {
	--bs-btn-bg:var(--ua-tarjeta-color-asociado);
	--bs-btn-border-color:var(--ua-tarjeta-color-asociado);
	--bs-btn-hover-bg:var(--ua-tarjeta-color-asociado);
	--bs-btn-hover-border-color:var(--ua-tarjeta-color-asociado);
	--bs-btn-active-bg:var(--ua-tarjeta-color-asociado);
	--bs-btn-active-border-color:var(--ua-tarjeta-color-asociado);
	--bs-btn-disabled-bg: #C4C4C4;
	--bs-btn-disabled-border-color: #C4C4C4;
	--bs-btn-disabled-opacity: 1;
	--bs-btn-color:#fff;
	--bs-btn-hover-color:#fff;
	min-width: 145px;
}

.tarjeta .cuerpo .precios .nota {margin:4px 0 0 0; font-size:10px; color:#4F748E;}
.tarjeta .cuerpo .precios .importe {font-size:20px; font-weight:600;}
.tarjeta .cuerpo .precios .importe span {font-size:15px;}
.tarjeta .cuerpo .precios .importe-anterior {font-size:15px; font-weight:400; color: #4F748E; text-decoration:line-through;}
.tarjeta .cuerpo .precios .importe-anterior span {font-size:12px;}





@media (min-width:992px) {
	
	.tarjeta .cuerpo .form-check-button .form-check-label {
		padding:6px 10px; min-width:165px; font-size:13px; text-align:center;
	}
	.tarjeta .cuerpo .form-check-button .form-check-input {float:none; margin:2px 8px 0 0;}
	
	.tarjeta {}
	
	.tarjeta .promo {
		position: absolute;	top: 0; left:39px; min-width:150px; padding:5px 15px;
		font-size:14px; border-radius: 0 0 10px 10px;	text-align:center;
	}
	
	.tarjeta .cuerpo {
		display: flex; justify-content: space-between; align-items: stretch;
		padding:3px 0; min-height:140px; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.15); border-radius:7px !important;
	}
	
	.tarjeta .cuerpo .encabezado {
		flex-direction: column; justify-content: center; align-items: center; text-align: center;
		margin:0; padding:13px 20px; min-width:230px; max-width:230px;
		border-bottom:0; border-right:2px solid #d9d9d9;
	}
	.tarjeta .promo + .cuerpo .encabezado {padding-top:35px;}
	
	.tarjeta .cuerpo .encabezado .titulo {margin-bottom:10px;}
	.tarjeta .cuerpo .encabezado .subtitulo {font-size:12px;}
	.tarjeta .cuerpo .encabezado .vermas {display:none;}

	.tarjeta .cuerpo .cobertura {margin:0; padding:5px 15px; flex-grow:1; align-self:center;}
	.tarjeta .cuerpo .cobertura ul {font-size:12px; font-weight: 300;}
	.tarjeta .cuerpo .cobertura ul:not(.mostrar-todo) li:nth-child(n+2) {display: block;}
	.tarjeta .cuerpo .cobertura .icon-question {display:none;}
	.tarjeta .cuerpo .cobertura .vermas {display:inline-block;}
	
	.tarjeta .cuerpo .precios {
		flex-direction: column; justify-content: center;
		padding:15px; min-width:230px; max-width:230px;
		border-left:2px solid #d9d9d9;
	}
	.tarjeta .cuerpo .precios .col2 {}
	
	.tarjeta .cuerpo .precios .btn {--bs-btn-font-size: 0.8125rem; padding: 4px var(--bs-btn-padding-x); min-width:165px;}
	
	.tarjeta .cuerpo .precios .wrapper-lg-right {min-width:165px; padding:0 20px 7px 0; text-align:right;}
	.tarjeta .cuerpo .precios .wrapper-lg-center {min-width:165px; padding:0 0 5px 0; text-align:center;}
	.tarjeta .cuerpo .precios .nota {margin:4px 0 2px 0;}
	.tarjeta .cuerpo .precios .importe {font-size:20px; font-weight:600;}
	.tarjeta .cuerpo .precios .importe span {font-size:20px;}
	.tarjeta .cuerpo .precios .importe-anterior {font-size:11px; font-weight:500; color: #4F748E; letter-spacing:0.217px; text-decoration:line-through;}
	.tarjeta .cuerpo .precios .importe-anterior span {font-size:11px;}
	
}