<div class="subsidy-finder-form">
<form>
<div class="menu-tab__wrapper">
<div class="menu-tab" role="tablist">
<div class="menu-tab-scroller">
<div class="menu-tab-scroller__scroll menu-tab-scroller__scroll--fixed ">
<div class="menu-tab-scroller__scroll-content">
<button class="menu-tab-button menu-tab-item active " role="tab" aria-selected="true" tabindex="0" id="tab-1">
<span class="menu-tab__content">
<i class="menu-tab__content--icon" aria-hidden="true">
<svg class="icon icon-16_archive ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_archive"></use>
</svg>
</i>
<span class="menu-tab__text-label"> <span class="caption-call-to-action">Autónomos<span class='hide'> / Sociedades</span></span>
</span>
</span>
<span class="menu-tab-indicator menu-tab-indicator">
<span class="menu-tab-indicator__content menu-tab-indicator__content--underline"></span>
</span>
<span class="menu-tab__ripple mdc-ripple-upgraded"></span>
</button>
<button class="menu-tab-button menu-tab-item " role="tab" aria-selected="true" tabindex="0" id="tab-2">
<span class="menu-tab__content">
<i class="menu-tab__content--icon" aria-hidden="true">
<svg class="icon icon-16_users ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_users"></use>
</svg>
</i>
<span class="menu-tab__text-label"> <span class="caption-call-to-action">Particulares<span class='hide'> / Familia</span></span>
</span>
</span>
<span class="menu-tab-indicator menu-tab-indicator">
<span class="menu-tab-indicator__content menu-tab-indicator__content--underline"></span>
</span>
<span class="menu-tab__ripple mdc-ripple-upgraded"></span>
</button>
</div>
</div>
</div>
</div>
<!--content menu-tab-->
</div>
<div class="block search">
<div class="form-search" id="">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Palabras clave</label>
<div class="field-top__wrap">
</div>
</div> <input class="input
input-distinguisher_name
" id="randomInputId211" type="text" name="" title="Name" autocomplete="" placeholder="Si lo tienes claro, indica palabras clave de búsqueda" />
<div class="form-search__icon">
<svg class="icon icon-search ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#search"></use>
</svg>
</div>
<div class="field-bottom">
</div>
</div>
<div class="botonera">
<a class="btn
" href="#" id="">
Buscar
</a>
<a class="btn
btn_secondary
" href="#" id="">
<svg class="icon icon-16_close icon-before">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_close"></use>
</svg>
Borrar filtros
</a>
</div>
</div>
<div class="block one">
<div class="head-block">
<span class="title-m
">Sobre ti</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --> <a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Ocultar</span>
<svg class="icon icon-16_chevron-up icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_chevron-up"></use>
</svg>
</a>
</div>
<div class="form-select " id="where">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Provincia</label>
<div class="field-top__wrap">
</div>
</div>
<div class="access-select ">
<div class="access-select__chosen">
<input class="access-select__chosen-option_hidden" value="" type="hidden">
<div class="access-select__option access-select__chosen-option">Elige</div>
<div class="access-select__chosen-icon">
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</div>
</div>
<ul class="access-select__list">
<li class="access-select__item">
<input class="access-select__option access-select__input" id="where1" type="radio" title="Provincia 1" name="where" value="">
<label class="access-select__option access-select__label" for="where1">
Provincia 1
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="where2" type="radio" title="Provincia 2" name="where" value="">
<label class="access-select__option access-select__label" for="where2">
Provincia 2
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="where3" type="radio" title="Provincia 3" name="where" value="">
<label class="access-select__option access-select__label" for="where3">
Provincia 3
</label>
</li>
</ul>
</div>
<div class="field-bottom">
</div>
</div>
<div class="form-checkbox-group" id="perfil">
<div class="field-top fieldset form-list__tooltip-label_default">
<!-- para los radio y checkbox group -->
<fieldset class="label-m " for="">Perfil</fieldset>
<div class="field-top__wrap">
</div>
</div>
<div class="checkbox-group" id="">
<ul class="column">
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="perfil_asociaciones" type="checkbox" name="Asociaciones o fundaciones" title="Asociaciones o fundaciones">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="perfil_asociaciones">
<span class="caption-placeholder-m">Asociaciones o fundaciones</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="perfil_autonomos" type="checkbox" name="Autonomos" title="Autonomos">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="perfil_autonomos">
<span class="caption-placeholder-m">Autónomos</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="perfil_entidades" type="checkbox" name="Entidades publicas" title="Entidades publicas">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="perfil_entidades">
<span class="caption-placeholder-m">Entidades públicas</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="perfil_grandesempresas" type="checkbox" name="Grandes empresas" title="Grandes empresas">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="perfil_grandesempresas">
<span class="caption-placeholder-m">Grandes empresas</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="perfil_empresassinanimolucro" type="checkbox" name="Empresa sin animo de lucro" title="Empresa sin animo de lucro">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="perfil_empresassinanimolucro">
<span class="caption-placeholder-m">Empresa sin ánimo de lucro</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="perfil_PYMEs" type="checkbox" name="PYMEs" title="PYMEs">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="perfil_PYMEs">
<span class="caption-placeholder-m">PYMEs</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="perfil_startup" type="checkbox" name="startup" title="startup">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="perfil_startup">
<span class="caption-placeholder-m">startup</span>
</label>
</div>
</li>
</ul>
</div>
<div class="field-bottom">
</div>
</div>
</div>
<div class="block two">
<div class="head-block">
<span class="title-m
">Sobre la subvención</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --> <a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Ocultar</span>
<svg class="icon icon-16_chevron-up icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_chevron-up"></use>
</svg>
</a>
</div>
<div class="form-checkbox-group" id="objetivo">
<div class="field-top fieldset form-list__tooltip-label_default">
<!-- para los radio y checkbox group -->
<fieldset class="label-m " for="">¿Qué quieres hacer?</fieldset>
<div class="field-top__wrap">
</div>
</div>
<div class="checkbox-group" id="">
<ul class="column">
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="objetivo_envolvente" type="checkbox" name="Envolvente térmico / fachada" title="Envolvente térmico / fachada">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="objetivo_envolvente">
<span class="caption-placeholder-m">Envolvente térmico / fachada</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="objetivo_climatizacion" type="checkbox" name="Sistemas de climatización" title="Sistemas de climatización">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="objetivo_climatizacion">
<span class="caption-placeholder-m">Sistemas de climatización</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="objetivo_fotovoltaica" type="checkbox" name="Fotovoltaica" title="Fotovoltaica">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="objetivo_fotovoltaica">
<span class="caption-placeholder-m">Fotovoltaica</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="objetivo_produccion" type="checkbox" name="Producción eléctrica y/o térmica" title="Producción eléctrica y/o térmica">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="objetivo_produccion">
<span class="caption-placeholder-m">Producción eléctrica y/o térmica</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="objetivo_ascensores" type="checkbox" name="Ascensores" title="Ascensores">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="objetivo_ascensores">
<span class="caption-placeholder-m">Ascensores</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="objetivo_amianto" type="checkbox" name="Amianto" title="Amianto">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="objetivo_amianto">
<span class="caption-placeholder-m">Amianto</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="perfil_otra" type="checkbox" name="Otra" title="Otra">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="perfil_otra">
<span class="caption-placeholder-m">Otra</span>
</label>
</div>
</li>
</ul>
</div>
<div class="field-bottom">
</div>
</div>
<div class="form-input">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Presupuesto</label>
<div class="field-top__wrap">
</div>
</div>
<div class="form-input__fieldset ">
<input class="form-input__input " id="" type="text" name="" title="Presupuesto" value="">
<div class="form-input__symbol" for="">
<div class="bodycopy-xs
">
€
</div>
</div>
</div>
<div class="field-bottom">
</div>
</div>
<div class="form-checkbox-group" id="tipoOrganismo">
<div class="field-top fieldset form-list__tooltip-label_default">
<!-- para los radio y checkbox group -->
<fieldset class="label-m " for="">Organismo que lo ofrece</fieldset>
<div class="field-top__wrap">
</div>
</div>
<div class="checkbox-group" id="">
<ul class="column">
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="tipoOrganismo_estado" type="checkbox" name="Estado" title="Estado">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="tipoOrganismo_estado">
<span class="caption-placeholder-m">Estado</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="tipoOrganismo_comunidadAutonoma" type="checkbox" name="Comunidad-Autonoma" title="Comunidad-Autonoma">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="tipoOrganismo_comunidadAutonoma">
<span class="caption-placeholder-m">Comunidad Autónoma</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="tipoOrganismo_provincia" type="checkbox" name="Provincia" title="Provincia">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="tipoOrganismo_provincia">
<span class="caption-placeholder-m">Provincia</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="tipoOrganismo_municipio" type="checkbox" name="Municipio" title="Municipio">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="tipoOrganismo_municipio">
<span class="caption-placeholder-m">Municipio / Ayuntamiento</span>
</label>
</div>
</li>
</ul>
</div>
<div class="field-bottom">
</div>
</div>
<div class="form-fieldset" id="">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Nombre</label>
<div class="field-top__wrap">
</div>
</div> <input class="input
input-distinguisher_nombre-organismo
" id="nombre-organismo" type="text" name="" title="nombre-organismo" autocomplete="" placeholder="¿Cómo se llama el organismo?" />
<div class="form-fieldset__valid-indicator">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
</div>
<div class="field-bottom">
</div>
</div>
</div>
<div class="block three">
<div class="head-block">
<span class="title-m
">Filtros avanzados</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --> <a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Ocultar</span>
<svg class="icon icon-16_chevron-up icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_chevron-up"></use>
</svg>
</a>
</div>
<div class="form-checkbox-group" id="estado">
<div class="field-top fieldset form-list__tooltip-label_default">
<!-- para los radio y checkbox group -->
<fieldset class="label-m " for="">Estado</fieldset>
<div class="field-top__wrap">
</div>
</div>
<div class="checkbox-group" id="">
<ul class="column">
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="estado_abierta-fondos" type="checkbox" name="Abierta hasta agotar fondos" title="Abierta hasta agotar fondos">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="estado_abierta-fondos">
<span class="caption-placeholder-m">Abierta hasta agotar fondos</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="estado_abierta-siempre" type="checkbox" name="Siempre abierta" title="Siempre abierta">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="estado_abierta-siempre">
<span class="caption-placeholder-m">Siempre abierta</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="estado_pendiente" type="checkbox" name="Convocatoria pendiente" title="Convocatoria pendiente">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="estado_pendiente">
<span class="caption-placeholder-m">Convocatoria pendiente</span>
</label>
</div>
</li>
<li class="checkbox-group__item">
<div class="checkbox">
<input class="checkbox-input" id="estado_cerrada" type="checkbox" name="Convocatoria cerrada" title="Convocatoria cerrada">
<svg class="icon icon-icon-check ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#icon-check"></use>
</svg>
<label class="checkbox-label" for="estado_cerrada">
<span class="caption-placeholder-m">Convocatoria cerrada</span>
</label>
</div>
</li>
</ul>
</div>
<div class="field-bottom">
</div>
</div>
<div class="rango">
<p class="label-rango"> <span class="caption-label">Fecha de publicación</span>
</p>
<div class="wrap">
<div class="form-select " id="fecha-publicacion-inicio-mes">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Inicio</label>
<div class="field-top__wrap">
</div>
</div>
<div class="access-select ">
<div class="access-select__chosen">
<input class="access-select__chosen-option_hidden" value="" type="hidden">
<div class="access-select__option access-select__chosen-option">Mes</div>
<div class="access-select__chosen-icon">
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</div>
</div>
<ul class="access-select__list">
<li class="access-select__item">
<input class="access-select__option access-select__input" id="mes1" type="radio" title="mes1" name="mes" value="">
<label class="access-select__option access-select__label" for="mes1">
mes1
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="mes2" type="radio" title="mes2" name="mes" value="">
<label class="access-select__option access-select__label" for="mes2">
mes2
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="mes3" type="radio" title="mes3" name="mes" value="">
<label class="access-select__option access-select__label" for="mes3">
mes3
</label>
</li>
</ul>
</div>
<div class="field-bottom">
</div>
</div>
<div class="form-select " id="fecha-publicacion-inicio-anho">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for=""></label>
<div class="field-top__wrap">
</div>
</div>
<div class="access-select ">
<div class="access-select__chosen">
<input class="access-select__chosen-option_hidden" value="" type="hidden">
<div class="access-select__option access-select__chosen-option">Año</div>
<div class="access-select__chosen-icon">
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</div>
</div>
<ul class="access-select__list">
<li class="access-select__item">
<input class="access-select__option access-select__input" id="anho1" type="radio" title="año1" name="anho" value="">
<label class="access-select__option access-select__label" for="anho1">
año1
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="anho2" type="radio" title="año2" name="anho" value="">
<label class="access-select__option access-select__label" for="anho2">
año2
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="anho3" type="radio" title="año3" name="anho" value="">
<label class="access-select__option access-select__label" for="anho3">
año3
</label>
</li>
</ul>
</div>
<div class="field-bottom">
</div>
</div>
</div>
<div class="wrap">
<div class="form-select " id="fecha-publicacion-fin-mes">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Fin</label>
<div class="field-top__wrap">
</div>
</div>
<div class="access-select ">
<div class="access-select__chosen">
<input class="access-select__chosen-option_hidden" value="" type="hidden">
<div class="access-select__option access-select__chosen-option">Mes</div>
<div class="access-select__chosen-icon">
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</div>
</div>
<ul class="access-select__list">
<li class="access-select__item">
<input class="access-select__option access-select__input" id="mes1" type="radio" title="mes1" name="mes" value="">
<label class="access-select__option access-select__label" for="mes1">
mes1
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="mes2" type="radio" title="mes2" name="mes" value="">
<label class="access-select__option access-select__label" for="mes2">
mes2
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="mes3" type="radio" title="mes3" name="mes" value="">
<label class="access-select__option access-select__label" for="mes3">
mes3
</label>
</li>
</ul>
</div>
<div class="field-bottom">
</div>
</div>
<div class="form-select " id="fecha-publicacion-fin-anho">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for=""></label>
<div class="field-top__wrap">
</div>
</div>
<div class="access-select ">
<div class="access-select__chosen">
<input class="access-select__chosen-option_hidden" value="" type="hidden">
<div class="access-select__option access-select__chosen-option">Año</div>
<div class="access-select__chosen-icon">
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</div>
</div>
<ul class="access-select__list">
<li class="access-select__item">
<input class="access-select__option access-select__input" id="anho1" type="radio" title="año1" name="anho" value="">
<label class="access-select__option access-select__label" for="anho1">
año1
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="anho2" type="radio" title="año2" name="anho" value="">
<label class="access-select__option access-select__label" for="anho2">
año2
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="anho3" type="radio" title="año3" name="anho" value="">
<label class="access-select__option access-select__label" for="anho3">
año3
</label>
</li>
</ul>
</div>
<div class="field-bottom">
</div>
</div>
</div>
</div>
<div class="rango">
<p class="label-rango"> <span class="caption-label">Fecha de cierre</span>
</p>
<div class="wrap">
<div class="form-select " id="fecha-cierre-inicio-mes">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Inicio</label>
<div class="field-top__wrap">
</div>
</div>
<div class="access-select ">
<div class="access-select__chosen">
<input class="access-select__chosen-option_hidden" value="" type="hidden">
<div class="access-select__option access-select__chosen-option">Mes</div>
<div class="access-select__chosen-icon">
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</div>
</div>
<ul class="access-select__list">
<li class="access-select__item">
<input class="access-select__option access-select__input" id="mes1" type="radio" title="mes1" name="mes" value="">
<label class="access-select__option access-select__label" for="mes1">
mes1
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="mes2" type="radio" title="mes2" name="mes" value="">
<label class="access-select__option access-select__label" for="mes2">
mes2
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="mes3" type="radio" title="mes3" name="mes" value="">
<label class="access-select__option access-select__label" for="mes3">
mes3
</label>
</li>
</ul>
</div>
<div class="field-bottom">
</div>
</div>
<div class="form-select " id="fecha-cierre-inicio-anho">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for=""></label>
<div class="field-top__wrap">
</div>
</div>
<div class="access-select ">
<div class="access-select__chosen">
<input class="access-select__chosen-option_hidden" value="" type="hidden">
<div class="access-select__option access-select__chosen-option">Año</div>
<div class="access-select__chosen-icon">
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</div>
</div>
<ul class="access-select__list">
<li class="access-select__item">
<input class="access-select__option access-select__input" id="anho1" type="radio" title="año1" name="anho" value="">
<label class="access-select__option access-select__label" for="anho1">
año1
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="anho2" type="radio" title="año2" name="anho" value="">
<label class="access-select__option access-select__label" for="anho2">
año2
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="anho3" type="radio" title="anho3" name="anho" value="">
<label class="access-select__option access-select__label" for="anho3">
anho3
</label>
</li>
</ul>
</div>
<div class="field-bottom">
</div>
</div>
</div>
<div class="wrap">
<div class="form-select " id="fecha-cierre-fin-mes">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Fin</label>
<div class="field-top__wrap">
</div>
</div>
<div class="access-select ">
<div class="access-select__chosen">
<input class="access-select__chosen-option_hidden" value="" type="hidden">
<div class="access-select__option access-select__chosen-option">Mes</div>
<div class="access-select__chosen-icon">
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</div>
</div>
<ul class="access-select__list">
<li class="access-select__item">
<input class="access-select__option access-select__input" id="mes1" type="radio" title="mes1" name="mes" value="">
<label class="access-select__option access-select__label" for="mes1">
mes1
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="mes2" type="radio" title="mes2" name="mes" value="">
<label class="access-select__option access-select__label" for="mes2">
mes2
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="mes3" type="radio" title="mes3" name="mes" value="">
<label class="access-select__option access-select__label" for="mes3">
mes3
</label>
</li>
</ul>
</div>
<div class="field-bottom">
</div>
</div>
<div class="form-select " id="fecha-cierre-fin-anho">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for=""></label>
<div class="field-top__wrap">
</div>
</div>
<div class="access-select ">
<div class="access-select__chosen">
<input class="access-select__chosen-option_hidden" value="" type="hidden">
<div class="access-select__option access-select__chosen-option">Año</div>
<div class="access-select__chosen-icon">
<svg class="icon icon-chebron-down ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-down"></use>
</svg>
</div>
</div>
<ul class="access-select__list">
<li class="access-select__item">
<input class="access-select__option access-select__input" id="anho1" type="radio" title="año1" name="anho" value="">
<label class="access-select__option access-select__label" for="anho1">
año1
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="anho2" type="radio" title="año2" name="anho" value="">
<label class="access-select__option access-select__label" for="anho2">
año2
</label>
</li>
<li class="access-select__item">
<input class="access-select__option access-select__input" id="anho3" type="radio" title="anho3" name="anho" value="">
<label class="access-select__option access-select__label" for="anho3">
anho3
</label>
</li>
</ul>
</div>
<div class="field-bottom">
</div>
</div>
</div>
</div>
<div class="rango">
<p class="label-rango"> <span class="caption-label">Presupuesto de la convocatoria</span>
</p>
<div class="wrap">
<div class="form-input">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Mínimo</label>
<div class="field-top__wrap">
</div>
</div>
<div class="form-input__fieldset ">
<input class="form-input__input " id="" type="text" name="" title="Presupuesto convocatoria minimo" value="">
<div class="form-input__symbol" for="">
<div class="bodycopy-xs
">
€
</div>
</div>
</div>
<div class="field-bottom">
</div>
</div>
</div>
<div class="wrap">
<div class="form-input">
<div class="field-top form-list__tooltip-label_default">
<label class="label-m" for="">Máximo</label>
<div class="field-top__wrap">
</div>
</div>
<div class="form-input__fieldset ">
<input class="form-input__input " id="" type="text" name="" title="Presupuesto convocatoria maximo" value="">
<div class="form-input__symbol" for="">
<div class="bodycopy-xs
">
€
</div>
</div>
</div>
<div class="field-bottom">
</div>
</div>
</div>
</div>
</div>
<div class="block four">
<div class="botonera">
<a class="btn
" href="#" id="">
Buscar
</a>
<a class="btn
btn_secondary
" href="#" id="">
<svg class="icon icon-16_close icon-before">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_close"></use>
</svg>
Borrar filtros
</a>
</div>
</div>
</form>
</div>
<div class="subsidy-finder-form">
<form>
{{> @menu-tab menu-tab }}
<div class="block search">
{{> @form-search buscador }}
<div class="botonera">
{{> @btn buscar }}
{{> @btn resetear }}
</div>
</div>
<div class="block one">
<div class="head-block">
{{> @title title-one }}
{{#if hide}}
{{> @link hide }}
{{else}}
{{> @link show }}
{{/if}}
</div>
{{> @form-select provincia}}
{{> @form-checkbox-group checkboxes-one}}
</div>
<div class="block two">
<div class="head-block">
{{> @title title-two }}
{{#if hide}}
{{> @link hide }}
{{else}}
{{> @link show }}
{{/if}}
</div>
{{> @form-checkbox-group checkboxes-two}}
{{> @form-input presupuesto}}
{{> @form-checkbox-group tipo-organismo}}
{{> @form-fieldset nombre-organismo}}
</div>
<div class="block three">
<div class="head-block">
{{> @title title-three }}
{{#if hide}}
{{> @link hide }}
{{else}}
{{> @link show }}
{{/if}}
</div>
{{> @form-checkbox-group checkboxes-three}}
<div class="rango">
<p class="label-rango">{{> @caption fecha-publicacion-label}}</p>
<div class="wrap">
{{> @form-select fecha-publicacion-inicio-mes}}
{{> @form-select fecha-publicacion-inicio-anho}}
</div>
<div class="wrap">
{{> @form-select fecha-publicacion-fin-mes}}
{{> @form-select fecha-publicacion-fin-anho}}
</div>
</div>
<div class="rango">
<p class="label-rango">{{> @caption fecha-cierre-label}}</p>
<div class="wrap">
{{> @form-select fecha-cierre-inicio-mes}}
{{> @form-select fecha-cierre-inicio-anho}}
</div>
<div class="wrap">
{{> @form-select fecha-cierre-fin-mes}}
{{> @form-select fecha-cierre-fin-anho}}
</div>
</div>
<div class="rango">
<p class="label-rango">{{> @caption presupuesto-convocatoria}}</p>
<div class="wrap">
{{> @form-input presupuesto-convocatoria-min}}
</div>
<div class="wrap">
{{> @form-input presupuesto-convocatoria-max}}
</div>
</div>
</div>
<div class="block four">
<div class="botonera">
{{> @btn buscar }}
{{> @btn resetear }}
</div>
</div>
</form>
</div>
{
"menu-tab": {
"isNoSplitter": true,
"menuTabContent": false,
"type": "fixed",
"menuTab": [
{
"idItem": "tab-1",
"hasIcon": true,
"state": "active",
"labelCta": {
"type": "-call-to-action",
"text": "Autónomos<span class='hide'> / Sociedades</span>"
},
"iconTab": {
"name": "16_archive"
}
},
{
"idItem": "tab-2",
"hasIcon": true,
"state": "",
"labelCta": {
"type": "-call-to-action",
"text": "Particulares<span class='hide'> / Familia</span>"
},
"iconTab": {
"name": "16_users"
}
}
]
},
"buscador": {
"field-top": {
"label": {
"text": "Palabras clave"
}
},
"input": {
"distinguisher": "name",
"id": "randomInputId211",
"type": "text",
"title": "Name",
"placeholder": "Si lo tienes claro, indica palabras clave de búsqueda"
}
},
"buscar": {
"text": "Buscar",
"href": "#"
},
"resetear": {
"text": "Borrar filtros",
"href": "#",
"isSecondary": true,
"icon-before": {
"name": "16_close",
"isBefore": true
}
},
"show": {
"text": "Ocultar",
"href": "#",
"icon-after": {
"name": "16_chevron-up",
"isAfter": true
}
},
"title-one": {
"text": "Sobre ti",
"type": "-m"
},
"title-two": {
"text": "Sobre la subvención",
"type": "-m"
},
"title-three": {
"text": "Filtros avanzados",
"type": "-m"
},
"provincia": {
"field-top": {
"label": {
"text": "Provincia"
}
},
"extraclass": "caption-placeholder-m",
"id": "where",
"select": {
"chosen-placeholder": "Elige",
"option": [
{
"id": "where1",
"select-name": "where",
"text": "Provincia 1"
},
{
"id": "where2",
"select-name": "where",
"text": "Provincia 2"
},
{
"id": "where3",
"select-name": "where",
"text": "Provincia 3"
}
]
}
},
"checkboxes-one": {
"field-top": {
"fieldset": true,
"label": {
"text": "Perfil",
"fieldset": true
}
},
"id": "perfil",
"checkbox-group": {
"isColumn": true,
"checkbox-group": [
{
"id": "perfil_asociaciones",
"title": "Asociaciones o fundaciones",
"name": "perfil",
"label": {
"text": "Asociaciones o fundaciones",
"type": "-placeholder-m"
}
},
{
"id": "perfil_autonomos",
"title": "Autonomos",
"name": "perfil",
"label": {
"text": "Autónomos",
"type": "-placeholder-m"
}
},
{
"id": "perfil_entidades",
"title": "Entidades publicas",
"name": "perfil",
"label": {
"text": "Entidades públicas",
"type": "-placeholder-m"
}
},
{
"id": "perfil_grandesempresas",
"title": "Grandes empresas",
"name": "perfil",
"label": {
"text": "Grandes empresas",
"type": "-placeholder-m"
}
},
{
"id": "perfil_empresassinanimolucro",
"title": "Empresa sin animo de lucro",
"name": "perfil",
"label": {
"text": "Empresa sin ánimo de lucro",
"type": "-placeholder-m"
}
},
{
"id": "perfil_PYMEs",
"title": "PYMEs",
"name": "perfil",
"label": {
"text": "PYMEs",
"type": "-placeholder-m"
}
},
{
"id": "perfil_startup",
"title": "startup",
"name": "perfil",
"label": {
"text": "startup",
"type": "-placeholder-m"
}
}
]
}
},
"checkboxes-two": {
"field-top": {
"fieldset": true,
"label": {
"text": "¿Qué quieres hacer?",
"fieldset": true
}
},
"id": "objetivo",
"checkbox-group": {
"isColumn": true,
"checkbox-group": [
{
"id": "objetivo_envolvente",
"title": "Envolvente térmico / fachada",
"name": "objetivo",
"label": {
"text": "Envolvente térmico / fachada",
"type": "-placeholder-m"
}
},
{
"id": "objetivo_climatizacion",
"title": "Sistemas de climatización",
"name": "objetivo",
"label": {
"text": "Sistemas de climatización",
"type": "-placeholder-m"
}
},
{
"id": "objetivo_fotovoltaica",
"title": "Fotovoltaica",
"name": "objetivo",
"label": {
"text": "Fotovoltaica",
"type": "-placeholder-m"
}
},
{
"id": "objetivo_produccion",
"title": "Producción eléctrica y/o térmica",
"name": "objetivo",
"label": {
"text": "Producción eléctrica y/o térmica",
"type": "-placeholder-m"
}
},
{
"id": "objetivo_ascensores",
"title": "Ascensores",
"name": "objetivo",
"label": {
"text": "Ascensores",
"type": "-placeholder-m"
}
},
{
"id": "objetivo_amianto",
"title": "Amianto",
"name": "objetivo",
"label": {
"text": "Amianto",
"type": "-placeholder-m"
}
},
{
"id": "perfil_otra",
"title": "Otra",
"name": "objetivo",
"label": {
"text": "Otra",
"type": "-placeholder-m"
}
}
]
}
},
"presupuesto": {
"field-top": {
"label": {
"text": "Presupuesto"
}
},
"hasID": false,
"inputTitle": "Presupuesto",
"idComponent": "presupuesto",
"inputValue": "",
"symbol": {
"text": "€"
}
},
"tipo-organismo": {
"field-top": {
"fieldset": true,
"label": {
"text": "Organismo que lo ofrece",
"fieldset": true
}
},
"id": "tipoOrganismo",
"checkbox-group": {
"isColumn": true,
"checkbox-group": [
{
"id": "tipoOrganismo_estado",
"title": "Estado",
"name": "tipoOrganismo",
"label": {
"text": "Estado",
"type": "-placeholder-m"
}
},
{
"id": "tipoOrganismo_comunidadAutonoma",
"title": "Comunidad-Autonoma",
"name": "tipoOrganismo",
"label": {
"text": "Comunidad Autónoma",
"type": "-placeholder-m"
}
},
{
"id": "tipoOrganismo_provincia",
"title": "Provincia",
"name": "tipoOrganismo",
"label": {
"text": "Provincia",
"type": "-placeholder-m"
}
},
{
"id": "tipoOrganismo_municipio",
"title": "Municipio",
"name": "tipoOrganismo",
"label": {
"text": "Municipio / Ayuntamiento",
"type": "-placeholder-m"
}
}
]
}
},
"nombre-organismo": {
"field-top": {
"label": {
"text": "Nombre"
}
},
"input": {
"distinguisher": "nombre-organismo",
"id": "nombre-organismo",
"type": "text",
"title": "nombre-organismo",
"placeholder": "¿Cómo se llama el organismo?"
}
},
"checkboxes-three": {
"field-top": {
"fieldset": true,
"label": {
"text": "Estado",
"fieldset": true
}
},
"id": "estado",
"checkbox-group": {
"isColumn": true,
"checkbox-group": [
{
"id": "estado_abierta-fondos",
"title": "Abierta hasta agotar fondos",
"name": "estado",
"label": {
"text": "Abierta hasta agotar fondos",
"type": "-placeholder-m"
}
},
{
"id": "estado_abierta-siempre",
"title": "Siempre abierta",
"name": "estado",
"label": {
"text": "Siempre abierta",
"type": "-placeholder-m"
}
},
{
"id": "estado_pendiente",
"title": "Convocatoria pendiente",
"name": "estado",
"label": {
"text": "Convocatoria pendiente",
"type": "-placeholder-m"
}
},
{
"id": "estado_cerrada",
"title": "Convocatoria cerrada",
"name": "estado",
"label": {
"text": "Convocatoria cerrada",
"type": "-placeholder-m"
}
}
]
}
},
"fecha-publicacion-label": {
"type": "-label",
"text": "Fecha de publicación"
},
"fecha-publicacion-inicio-mes": {
"field-top": {
"label": {
"text": "Inicio"
}
},
"extraclass": "caption-placeholder-m",
"id": "fecha-publicacion-inicio-mes",
"select": {
"chosen-placeholder": "Mes",
"option": [
{
"id": "mes1",
"select-name": "mes",
"text": "mes1"
},
{
"id": "mes2",
"select-name": "mes",
"text": "mes2"
},
{
"id": "mes3",
"select-name": "mes",
"text": "mes3"
}
]
}
},
"fecha-publicacion-inicio-anho": {
"field-top": {
"label": {
"text": ""
}
},
"extraclass": "caption-placeholder-m",
"id": "fecha-publicacion-inicio-anho",
"select": {
"chosen-placeholder": "Año",
"option": [
{
"id": "anho1",
"select-name": "anho",
"text": "año1"
},
{
"id": "anho2",
"select-name": "anho",
"text": "año2"
},
{
"id": "anho3",
"select-name": "anho",
"text": "año3"
}
]
}
},
"fecha-publicacion-fin-mes": {
"field-top": {
"label": {
"text": "Fin"
}
},
"extraclass": "caption-placeholder-m",
"id": "fecha-publicacion-fin-mes",
"select": {
"chosen-placeholder": "Mes",
"option": [
{
"id": "mes1",
"select-name": "mes",
"text": "mes1"
},
{
"id": "mes2",
"select-name": "mes",
"text": "mes2"
},
{
"id": "mes3",
"select-name": "mes",
"text": "mes3"
}
]
}
},
"fecha-publicacion-fin-anho": {
"field-top": {
"label": {
"text": ""
}
},
"extraclass": "caption-placeholder-m",
"id": "fecha-publicacion-fin-anho",
"select": {
"chosen-placeholder": "Año",
"option": [
{
"id": "anho1",
"select-name": "anho",
"text": "año1"
},
{
"id": "anho2",
"select-name": "anho",
"text": "año2"
},
{
"id": "anho3",
"select-name": "anho",
"text": "año3"
}
]
}
},
"fecha-cierre-label": {
"type": "-label",
"text": "Fecha de cierre"
},
"fecha-cierre-inicio-mes": {
"field-top": {
"label": {
"text": "Inicio"
}
},
"extraclass": "caption-placeholder-m",
"id": "fecha-cierre-inicio-mes",
"select": {
"chosen-placeholder": "Mes",
"option": [
{
"id": "mes1",
"select-name": "mes",
"text": "mes1"
},
{
"id": "mes2",
"select-name": "mes",
"text": "mes2"
},
{
"id": "mes3",
"select-name": "mes",
"text": "mes3"
}
]
}
},
"fecha-cierre-inicio-anho": {
"field-top": {
"label": {
"text": ""
}
},
"extraclass": "caption-placeholder-m",
"id": "fecha-cierre-inicio-anho",
"select": {
"chosen-placeholder": "Año",
"option": [
{
"id": "anho1",
"select-name": "anho",
"text": "año1"
},
{
"id": "anho2",
"select-name": "anho",
"text": "año2"
},
{
"id": "anho3",
"select-name": "anho",
"text": "anho3"
}
]
}
},
"fecha-cierre-fin-mes": {
"field-top": {
"label": {
"text": "Fin"
}
},
"extraclass": "caption-placeholder-m",
"id": "fecha-cierre-fin-mes",
"select": {
"chosen-placeholder": "Mes",
"option": [
{
"id": "mes1",
"select-name": "mes",
"text": "mes1"
},
{
"id": "mes2",
"select-name": "mes",
"text": "mes2"
},
{
"id": "mes3",
"select-name": "mes",
"text": "mes3"
}
]
}
},
"fecha-cierre-fin-anho": {
"field-top": {
"label": {
"text": ""
}
},
"extraclass": "caption-placeholder-m",
"id": "fecha-cierre-fin-anho",
"select": {
"chosen-placeholder": "Año",
"option": [
{
"id": "anho1",
"select-name": "anho",
"text": "año1"
},
{
"id": "anho2",
"select-name": "anho",
"text": "año2"
},
{
"id": "anho3",
"select-name": "anho",
"text": "anho3"
}
]
}
},
"presupuesto-convocatoria": {
"type": "-label",
"text": "Presupuesto de la convocatoria"
},
"presupuesto-convocatoria-min": {
"field-top": {
"label": {
"text": "Mínimo"
}
},
"hasID": false,
"inputTitle": "Presupuesto convocatoria minimo",
"idComponent": "",
"symbol": {
"text": "€"
}
},
"presupuesto-convocatoria-max": {
"field-top": {
"label": {
"text": "Máximo"
}
},
"hasID": false,
"inputTitle": "Presupuesto convocatoria maximo",
"idComponent": "",
"symbol": {
"text": "€"
}
}
}
.subsidy-finder-form {
.menu-tab {
&-scroller{
&__scroll{
&--fixed{
.menu-tab-item{
min-width:unset;
padding: 0;
width: calc(50% - 4px);
span.hide{
@media (--viewport-sm-max) {
display: none;
}
}
}
}
}
}
}
.block {
border-top: solid 1px var(--color-border);
padding-top: 32px;
&.search{
border-top: 0;
padding-bottom: 32px;
}
&.one {
border-top: 0;
padding-top: 0;
}
.rango {
display: flex;
flex-wrap: wrap;
column-gap: 32px;
.label-rango {
width: 100%;
}
.wrap {
width: calc(50% - 16px);
display: flex;
gap: 8px;
.form-select{
width: calc(50% - 4px);
}
@media (--viewport-sm-max) {
width: 100%;
}
}
}
}
.form-search {
margin-bottom: 32px;
}
.form-select,
.form-input,
.form-checkbox-group,
.form-fieldset {
margin-bottom: 16px;
}
.botonera {
display: flex;
gap: 16px;
.btn_secondary {
.icon {
fill: var(--color-icon-accent-bold);
}
}
}
.head-block {
display: flex;
justify-content: space-between;
margin-bottom: 16px;
.icon {
fill: var(--color-icon);
}
}
}
No notes defined.