/* Para los items de extension */ 

.buscador-extension .sin-resultados {
	text-align: center;
	margin: 10px;
}

.propuestas-wrapper {
/*
  padding: 10px 18px;
  gap: 10px;
  */
  display: flex; 
  
  overflow: hidden;
  margin-block-start: 0px !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-evenly;
  gap: 5px;
  transition: height 0.5s ease-in-out;
}

.filtros-buscador-extension {
    background-color: antiquewhite;
	border-radius: 5px;
}

.filtros-buscador-extension .select-unidad-container,
.filtros-buscador-extension .select-anio-container {
	display: inline-block;
}

.filtros-buscador-extension .selects {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
	
.filtros-buscador-extension form select {
	background-color: var(--wp--preset--color--base);
	color: #000000;
	padding: 10px;
	border-color: var(--wp--preset--color--secondary);
	font-size: medium;
	margin: 5px;
	cursor: pointer;
}

.filtros-buscador-extension form select[name="unidad"] {
	padding-left: 30px; /* Espacio para el icono */
	
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 16 16'%3E%3Cpath fill='%23008357' d='M16 6.28a1.23 1.23 0 0 0-.62-1.07l-6.74-4a1.27 1.27 0 0 0-1.28 0l-6.75 4a1.25 1.25 0 0 0 0 2.15l1.92 1.12v2.81a1.28 1.28 0 0 0 .62 1.09l4.25 2.45a1.28 1.28 0 0 0 1.24 0l4.25-2.45a1.28 1.28 0 0 0 .62-1.09V8.45l1.24-.73v2.72H16zm-3.73 5L8 13.74l-4.22-2.45V9.22l3.58 2.13a1.29 1.29 0 0 0 1.28 0l3.62-2.16zM8 10.27l-6.75-4L8 2.26l6.75 4z'/%3E%3C/svg%3E") no-repeat left center;
	background-size: 20px; /* Ajusta el tamaño del icono */
	background-position-x: 5px;
	border: none;
	border-bottom: 1px solid var(--wp--preset--color--secondary);
	border-bottom-color: var(--wp--preset--color--primary);
	border-bottom-width: 3px;
	font-weight: 600;
}

.filtros-buscador-extension form select[name="anio"] {
	padding-left: 30px; /* Espacio para el icono */
	


  background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2218%22%20rx%3D%223%22%20ry%3D%223%22%20fill%3D%22%234CAF50%22%2F%3E%3Cpath%20d%3D%22M7%206V4M17%206V4%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M2%2010h20%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M2%2013h20%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M2%2016h20%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') no-repeat left center;

	background-size: 20px; /* Ajusta el tamaño del icono */
	background-position-x: 5px;
	border: none;
	border-bottom: 1px solid var(--wp--preset--color--secondary);
	border-bottom-color: var(--wp--preset--color--primary);
	border-bottom-width: 3px;
	font-weight: 600;
}



.propuesta-item {
	width: 270px;
	
	flex-wrap: nowrap;
	display: flex; 
	align-items: stretch;
	flex-direction: column;
	
	border-radius: 10px;
    background-color: #f3f3f3;
	border: 1px solid #e7e7e7;
	margin: 5px;
	padding: 5px;
}

.propuesta-item:hover {
	background-color: #FFFFFF;
	border: 1px solid #444;
	box-shadow: 0 0 2px #444; 
}

.propuesta-item .propuesta-contenido {
	
}

.propuesta-item a {
	text-decoration: none;
	color: #000000;

}



.propuesta-item .propuesta-flyer {	
	display: flex;
	padding: 5px;
}

.propuesta-item .propuesta-flyer img {	
	width: 100%;
}

.propuesta-item .propuesta-flyer .bg-imagen {
	width: 50px;
	height: 50px;
	/* min-height: 100px; */
	background-repeat: no-repeat;
    background-size: cover;
	box-shadow: 0 0 5px 5px white inset;
}

.propuesta-item .propuesta_nombre {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	padding: 5px 15px 5px 5px;
}



.propuesta-item .propuesta-contenido img {
	width: 18px;
	margin: 0px 5px 0px 5px;
	vertical-align: text-bottom;
}

.propuesta-item .propuesta-contenido .mas-info {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	padding-left: 5px;
}

.propuesta-a-distancia::before{
    content: '';
    background: url(laptop.png);
    position:absolute;
    top:0px;
    left:0px;
}



.propuesta-item .propuesta-contenido .propuesta-inicio,
.propuesta-item .propuesta-contenido .propuesta-a-distancia,
.propuesta-item .propuesta-contenido .propuesta-unidad-nombre   {
	font-size: small;	
    display: flex;
    align-items: center;
	color: #4d4d4d;
	margin: 1px;
}

.propuesta-item .propuesta-contenido .propuesta-unidad-nombre   {
	font-size: x-small;	
}


.propuesta-item:hover {
	/*
	background-color: #FFFFFF;
	border: 1px solid #444;
	box-shadow: 0 0 2px #444; 
	*/
}


.propuesta-item .propuesta-icon {
    padding: 5px 5px 5px 10px;
	display: none;
}


.propuesta-item .icon-wrapper svg {
	width: 12px;
    height: 12px;
    transform: rotate(0deg);
    fill: #737438;
    filter: drop-shadow( 0px 0px 0px #00000070 );
}

.propuesta-item .icon-wrapper svg path {
	fill: #008357;
	text-align: center;
	
}


@media (max-width: 640px){
	.propuesta-item .propuesta-contenido .propuesta_nombre {	
		font-size: smaller;	
	}
	.propuesta-item .propuesta-contenido .propuesta-inicio,
	.propuesta-item .propuesta-contenido .propuesta-a-distancia   {
		font-size: 0.7em;	
	}
	.propuestas-wrapper {
	  padding: 2px;
	}
	
	.filtros-buscador-extension form select {
		font-size: x-small;
	}

	.select-unidad-container select option {
		line-height: 1; 
		font-size: x-small;
		padding: 0px 0px;
	}

}