<div class=""></div>
<section class="splitter splitter_bg-color_white splitter_padding_top_small splitter_padding_bottom_large ">
<div class="container">
<div class="splitter__wrapper">
<div class="row">
<div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
<div class="subsidy-finder">
<div class="row">
<div class="col-xs-12 col-ms-12 col-ms-mr-ml col-sm-4 col-lg-4 col">
<form>
<div class="subsidy-finder__form">
<div class="row">
<div class="col-xs-12 col-ms-12 col-ms-mr-ml col-sm-12 col-lg-12 col">
<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>
</div>
</div>
</form>
</div>
<div class="col-xs-12 col-ms-12 col-ms-mr-ml col-sm-8 col-lg-8 col">
<div class="subsidy-finder__message">
</div>
<div class="subsidy-finder__results">
<div class="subsidy-finder__title">
<span class="title-l
">
<h3>XX resultados</h3>
</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) -->
</div>
<div class="subsidy-finder__summary">
<div class="quota-simulation-summary withBtn">
<div class="quota-simulation-summary--wrap">
<div class="quota-simulation-summary--content">
</div>
<div class="quota-simulation-summary--btn">
<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>
</div>
<div class="subsidy-finder__functionality-bar">
<div class="functionality-bar">
<ul>
<li>
<div class="wrap"><a href=""><span class="bodycopy-s">Ordenar por: <span>Ninguno</span></span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --><svg class="icon icon-16_sort ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_sort"></use>
</svg>
</a></div>
<div class="dropdown-menu__wrap">
<div class="dropdown-menu__overlay false"></div>
<div class="dropdown-menu false" tabindex="-1">
<div class="dropdown-menu__close">
<button class="dropdown-menu__close--btn" type="button" title="Close" id="closeDropdownMenu">
<svg class="icon icon-close ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#close"></use>
</svg>
</button>
</div>
<nav class="dropdown-menu__list">
<a class="dropdown-menu__list-item dropdown-menu__list-item--active" data-idficha="0" href="" aria-current="page" tabindex="-1">
<span class="caption"></span>
<span class="dropdown-menu__list-item__ripple"></span>
<!-- No sé para que está este span vacío, no tiene estilos asociados ni contenido (CA.R.) -->
<span class="dropdown-menu__list-item__text bodycopys-m">Fecha: más reciente</span>
</a>
<a class="dropdown-menu__list-item dropdown-menu__list-item--active" data-idficha="0" href="" aria-current="page" tabindex="-1">
<span class="dropdown-menu__list-item__ripple"></span>
<!-- No sé para que está este span vacío, no tiene estilos asociados ni contenido (CA.R.) -->
<span class="dropdown-menu__list-item__text bodycopys-m">Fecha: más lejana</span>
</a>
<a class="dropdown-menu__list-item dropdown-menu__list-item--active" data-idficha="0" href="" aria-current="page" tabindex="-1">
<span class="dropdown-menu__list-item__ripple"></span>
<!-- No sé para que está este span vacío, no tiene estilos asociados ni contenido (CA.R.) -->
<span class="dropdown-menu__list-item__text bodycopys-m">Fondos: menor a mayor</span>
</a>
<a class="dropdown-menu__list-item dropdown-menu__list-item--active" data-idficha="0" href="" aria-current="page" tabindex="-1">
<span class="dropdown-menu__list-item__ripple"></span>
<!-- No sé para que está este span vacío, no tiene estilos asociados ni contenido (CA.R.) -->
<span class="dropdown-menu__list-item__text bodycopys-m">Fondos: mayor a menor</span>
</a>
</nav>
</div>
</div>
</li>
<li>
<div class="wrap"><a href=""><span class="bodycopy-s">Compartir resultados</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --><svg class="icon icon-16_share ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_share"></use>
</svg>
</a></div>
</li>
<li>
<div class="wrap"><a href=""><span class="bodycopy-s">Descargar listado (.pdf)</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --><svg class="icon icon-16_download ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_download"></use>
</svg>
</a></div>
</li>
</ul>
</div>
</div>
<div class="subsidy-finder__results_list">
<div class="subsidy-result pending">
<div class="subsidy-result__head">
<span class="title-m
">Título ayuda/subvención c. elipsis a partir de 50 caracteres</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --> <span class="caption-label">Convocatoria pendiente</span>
</div>
<ul class="subsidy-result__data">
<li>
<div class="
bodycopy-m
">
Ámbito geográfico:
</div>
<div class="
bodycopy-m
">
Lorem ipsum
</div>
</li>
<li>
<div class="
bodycopy-m
">
Cuantía máxima:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto mínimo:
</div>
<div class="
bodycopy-m
">
9.999€
</div>
</li>
</ul>
<div class="subsidy-result__links">
<div class="wrap">
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Visitar página oficial</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Abrir pdf (opcional)</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
</div>
<a class="btn
btn_dark
" href="#" id="">
Más información
<svg class="icon icon-16_arrow-right icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_arrow-right"></use>
</svg>
</a>
</div>
</div>
<div class="subsidy-result closed">
<div class="subsidy-result__head">
<span class="title-m
">Título ayuda/subvención c. elipsis a partir de 50 caracteres</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --> <span class="caption-label">Convocatoria cerrada</span>
</div>
<ul class="subsidy-result__data">
<li>
<div class="
bodycopy-m
">
Ámbito geográfico:
</div>
<div class="
bodycopy-m
">
Lorem ipsum
</div>
</li>
<li>
<div class="
bodycopy-m
">
Cuantía máxima:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto mínimo:
</div>
<div class="
bodycopy-m
">
9.999€
</div>
</li>
</ul>
<div class="subsidy-result__links">
<div class="wrap">
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Visitar página oficial</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Abrir pdf (opcional)</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
</div>
<a class="btn
btn_dark
" href="#" id="">
Más información
<svg class="icon icon-16_arrow-right icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_arrow-right"></use>
</svg>
</a>
</div>
</div>
<div class="subsidy-result">
<div class="subsidy-result__head">
<span class="title-m
">Título ayuda/subvención c. elipsis a partir de 50 caracteres</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --> <span class="caption-label">ABIERTA hasta agotar fondos</span>
</div>
<ul class="subsidy-result__data">
<li>
<div class="
bodycopy-m
">
Ámbito geográfico:
</div>
<div class="
bodycopy-m
">
Lorem ipsum
</div>
</li>
<li>
<div class="
bodycopy-m
">
Cuantía máxima:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto mínimo:
</div>
<div class="
bodycopy-m
">
9.999€
</div>
</li>
</ul>
<div class="subsidy-result__links">
<div class="wrap">
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Visitar página oficial</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Abrir pdf (opcional)</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
</div>
<a class="btn
btn_dark
" href="#" id="">
Más información
<svg class="icon icon-16_arrow-right icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_arrow-right"></use>
</svg>
</a>
</div>
</div>
<div class="subsidy-result">
<div class="subsidy-result__head">
<span class="title-m
">Título ayuda/subvención c. elipsis a partir de 50 caracteres</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --> <span class="caption-label">ABIERTA hasta agotar fondos</span>
</div>
<ul class="subsidy-result__data">
<li>
<div class="
bodycopy-m
">
Ámbito geográfico:
</div>
<div class="
bodycopy-m
">
Lorem ipsum
</div>
</li>
<li>
<div class="
bodycopy-m
">
Cuantía máxima:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto mínimo:
</div>
<div class="
bodycopy-m
">
9.999€
</div>
</li>
</ul>
<div class="subsidy-result__links">
<div class="wrap">
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Visitar página oficial</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Abrir pdf (opcional)</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
</div>
<a class="btn
btn_dark
" href="#" id="">
Más información
<svg class="icon icon-16_arrow-right icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_arrow-right"></use>
</svg>
</a>
</div>
</div>
<div class="subsidy-result">
<div class="subsidy-result__head">
<span class="title-m
">Título ayuda/subvención c. elipsis a partir de 50 caracteres</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --> <span class="caption-label">ABIERTA hasta agotar fondos</span>
</div>
<ul class="subsidy-result__data">
<li>
<div class="
bodycopy-m
">
Ámbito geográfico:
</div>
<div class="
bodycopy-m
">
Lorem ipsum
</div>
</li>
<li>
<div class="
bodycopy-m
">
Cuantía máxima:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto mínimo:
</div>
<div class="
bodycopy-m
">
9.999€
</div>
</li>
</ul>
<div class="subsidy-result__links">
<div class="wrap">
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Visitar página oficial</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Abrir pdf (opcional)</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
</div>
<a class="btn
btn_dark
" href="#" id="">
Más información
<svg class="icon icon-16_arrow-right icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_arrow-right"></use>
</svg>
</a>
</div>
</div>
<div class="subsidy-result">
<div class="subsidy-result__head">
<span class="title-m
">Título ayuda/subvención c. elipsis a partir de 50 caracteres</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --> <span class="caption-label">ABIERTA hasta agotar fondos</span>
</div>
<ul class="subsidy-result__data">
<li>
<div class="
bodycopy-m
">
Ámbito geográfico:
</div>
<div class="
bodycopy-m
">
Lorem ipsum
</div>
</li>
<li>
<div class="
bodycopy-m
">
Cuantía máxima:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto mínimo:
</div>
<div class="
bodycopy-m
">
9.999€
</div>
</li>
</ul>
<div class="subsidy-result__links">
<div class="wrap">
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Visitar página oficial</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Abrir pdf (opcional)</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
</div>
<a class="btn
btn_dark
" href="#" id="">
Más información
<svg class="icon icon-16_arrow-right icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_arrow-right"></use>
</svg>
</a>
</div>
</div>
<div class="subsidy-result">
<div class="subsidy-result__head">
<span class="title-m
">Título ayuda/subvención c. elipsis a partir de 50 caracteres</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --> <span class="caption-label">ABIERTA hasta agotar fondos</span>
</div>
<ul class="subsidy-result__data">
<li>
<div class="
bodycopy-m
">
Ámbito geográfico:
</div>
<div class="
bodycopy-m
">
Lorem ipsum
</div>
</li>
<li>
<div class="
bodycopy-m
">
Cuantía máxima:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto mínimo:
</div>
<div class="
bodycopy-m
">
9.999€
</div>
</li>
</ul>
<div class="subsidy-result__links">
<div class="wrap">
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Visitar página oficial</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Abrir pdf (opcional)</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
</div>
<a class="btn
btn_dark
" href="#" id="">
Más información
<svg class="icon icon-16_arrow-right icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_arrow-right"></use>
</svg>
</a>
</div>
</div>
<div class="subsidy-result">
<div class="subsidy-result__head">
<span class="title-m
">Título ayuda/subvención c. elipsis a partir de 50 caracteres</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --> <span class="caption-label">ABIERTA hasta agotar fondos</span>
</div>
<ul class="subsidy-result__data">
<li>
<div class="
bodycopy-m
">
Ámbito geográfico:
</div>
<div class="
bodycopy-m
">
Lorem ipsum
</div>
</li>
<li>
<div class="
bodycopy-m
">
Cuantía máxima:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto mínimo:
</div>
<div class="
bodycopy-m
">
9.999€
</div>
</li>
</ul>
<div class="subsidy-result__links">
<div class="wrap">
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Visitar página oficial</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Abrir pdf (opcional)</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
</div>
<a class="btn
btn_dark
" href="#" id="">
Más información
<svg class="icon icon-16_arrow-right icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_arrow-right"></use>
</svg>
</a>
</div>
</div>
<div class="subsidy-result">
<div class="subsidy-result__head">
<span class="title-m
">Título ayuda/subvención c. elipsis a partir de 50 caracteres</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --> <span class="caption-label">ABIERTA hasta agotar fondos</span>
</div>
<ul class="subsidy-result__data">
<li>
<div class="
bodycopy-m
">
Ámbito geográfico:
</div>
<div class="
bodycopy-m
">
Lorem ipsum
</div>
</li>
<li>
<div class="
bodycopy-m
">
Cuantía máxima:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto mínimo:
</div>
<div class="
bodycopy-m
">
9.999€
</div>
</li>
</ul>
<div class="subsidy-result__links">
<div class="wrap">
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Visitar página oficial</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Abrir pdf (opcional)</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
</div>
<a class="btn
btn_dark
" href="#" id="">
Más información
<svg class="icon icon-16_arrow-right icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_arrow-right"></use>
</svg>
</a>
</div>
</div>
<div class="subsidy-result">
<div class="subsidy-result__head">
<span class="title-m
">Título ayuda/subvención c. elipsis a partir de 50 caracteres</span>
<!-- Las variantes por hs son exclusivamente para Fractal. No se migra a Storybook (CA.R.) --> <span class="caption-label">ABIERTA hasta agotar fondos</span>
</div>
<ul class="subsidy-result__data">
<li>
<div class="
bodycopy-m
">
Ámbito geográfico:
</div>
<div class="
bodycopy-m
">
Lorem ipsum
</div>
</li>
<li>
<div class="
bodycopy-m
">
Cuantía máxima:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto:
</div>
<div class="
bodycopy-m
">
999.999€
</div>
</li>
<li>
<div class="
bodycopy-m
">
Presupuesto mínimo:
</div>
<div class="
bodycopy-m
">
9.999€
</div>
</li>
</ul>
<div class="subsidy-result__links">
<div class="wrap">
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Visitar página oficial</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
<a class="link
link_has-icon link_has-icon_after
" href="#">
<span>Abrir pdf (opcional)</span>
<svg class="icon icon-16_external-link icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_external-link"></use>
</svg>
</a>
</div>
<a class="btn
btn_dark
" href="#" id="">
Más información
<svg class="icon icon-16_arrow-right icon-after">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#16_arrow-right"></use>
</svg>
</a>
</div>
</div>
</div>
<div class="subsidy-finder__pagination">
<!-- La variante "for integration" refleja lo que debe ser integrado para que funcione como un componente. La default es necesaria para la previsualización en fractal (CA) -->
<div class="pagination ">
<ul class="pagination__list">
<li class="pagination__item pagination-1">
<div class="pagination__link pagination__prev">
<svg class="icon icon-chebron-left ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-left"></use>
</svg>
</div>
</li>
<li class="pagination__item pagination-2 active">
<span class="pagination__link">1</span>
</li>
<li class="pagination__item pagination-3">
<span>...</span>
</li>
<li class="pagination__item pagination-4">
<span class="pagination__link"></span>
</li>
<li class="pagination__item pagination-5">
<span class="pagination__link"></span>
</li>
<li class="pagination__item pagination-6">
<span class="pagination__link"></span>
</li>
<li class="pagination__item pagination-7">
<span>...</span>
</li>
<li class="pagination__item pagination-8">
<span class="pagination__link total"></span>
</li>
<li class="pagination__item pagination-9">
<div class="pagination__link pagination__next">
<svg class="icon icon-chebron-left ">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#chebron-left"></use>
</svg>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class=""></div>
{{#extend '@splitter' splitter }}
{{#content 'content-first-column'}}
<div{{#if hasID}} id="{{idComponent}}" {{/if}} class="subsidy-finder">
<div class="row">
<div class="col-xs-12 col-ms-12 col-ms-mr-ml col-sm-4 col-lg-4 col">
<form>
<div class="subsidy-finder__form">
<div class="row">
<div class="col-xs-12 col-ms-12 col-ms-mr-ml col-sm-12 col-lg-12 col">
{{ render '@subsidy-finder-form' }}
</div>
</div>
</div>
</form>
</div>
<div class="col-xs-12 col-ms-12 col-ms-mr-ml col-sm-8 col-lg-8 col">
<div class="subsidy-finder__message">
{{#if isWithoutResults}}
<img src="{{src-withoutresults}}" src="{{alt-withoutresults}}" />
{{> @title withoutresults-title }}
{{> @bodycopy withoutresults-bodycopy }}
{{else if isNotFound}}
<img src="{{src-notfound}}" src="{{alt-notfound}}" />
{{> @title notfound-title }}
{{> @bodycopy notfound-bodycopy }}
{{> @bodycopy notfound-bodycopy2 }}
{{else}}
</div>
<div class="subsidy-finder__results">
<div class="subsidy-finder__title">
{{> @title title }}
</div>
<div class="subsidy-finder__summary">
{{> @quota-simulation-summary resumen-busqueda }}
</div>
<div class="subsidy-finder__functionality-bar">
{{> @functionality-bar functionality-bar }}
</div>
<div class="subsidy-finder__results_list">
{{#each item-result}}
{{> @subsidy-result subsidy-result }}
{{/each}}
</div>
<div class="subsidy-finder__pagination">
{{> @pagination pagination }}
</div>
</div>
{{/if}}
</div>
</div>
</div>
{{/content}}
{{/extend}}
{
"hasID": false,
"splitter": {
"oneColumn": true,
"bgColorWhite": true,
"paddingTopSmall": true,
"paddingBottomLarge": true
},
"src-withoutresults": "/dist/images/ilustration-subsidy.svg",
"alt-withoutresults": "Imagen",
"src-notfound": "/dist/images/ilustration-subsidy.svg",
"alt-notfound": "Imagen",
"submit-btn": {
"btn": {
"type": "submit",
"text": "Buscar"
}
},
"functionality-bar": {
"item": [
{
"bodycopy": {
"text": "Ordenar por: <span>Ninguno</span>",
"type": "-s"
},
"icon": {
"name": "16_sort"
},
"options": {
"isOpen": false,
"menuList": [
{
"date": true,
"state": "active",
"text": "Fecha: más reciente"
},
{
"date": false,
"state": "active",
"text": "Fecha: más lejana"
},
{
"date": false,
"state": "active",
"text": "Fondos: menor a mayor"
},
{
"date": false,
"state": "active",
"text": "Fondos: mayor a menor"
}
]
}
},
{
"bodycopy": {
"text": "Compartir resultados",
"type": "-s"
},
"icon": {
"name": "16_share"
}
},
{
"bodycopy": {
"text": "Descargar listado (.pdf)",
"type": "-s"
},
"icon": {
"name": "16_download"
}
}
]
},
"title": {
"text": "<h3>XX resultados</h3>",
"type": "-l"
},
"resumen-busqueda": {
"btn": {
"text": "Borrar filtros",
"href": "#",
"isSecondary": true,
"icon-before": {
"name": "16_close",
"isBefore": true
}
},
"one": {
"text": "Madrid, GRANDES EMPRESAS",
"type": "-label"
},
"icon-one": {
"name": "16_map-pin"
},
"two": {
"text": "OTRA: CAMBIAR PUERTA ASCENSORES, 400.000 €",
"type": "-label"
},
"icon-two": {
"name": "16_savings"
},
"three": {
"text": "Abierta hasta agotar fondos, SIEMPRE ABIERTA, CERRADA, PENDIENTE",
"type": "-label"
},
"icon-three": {
"name": "16_calendar"
}
},
"item-result": [
{
"subsidy-result": {
"pending": true,
"title": {
"text": "Título ayuda/subvención c. elipsis a partir de 50 caracteres",
"type": "-m"
},
"label": {
"text": "Convocatoria pendiente",
"type": "-label"
},
"link1": {
"href": "#",
"text": "Visitar página oficial",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"link2": {
"href": "#",
"text": "Abrir pdf (opcional)",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"btn": {
"href": "#",
"text": "Más información",
"isDark": true,
"icon-after": {
"name": "16_arrow-right",
"isAfter": true
}
},
"item": [
{
"nom": {
"text": "Ámbito geográfico:"
},
"desc": {
"text": "Lorem ipsum"
}
},
{
"nom": {
"text": "Cuantía máxima:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto mínimo:"
},
"desc": {
"text": "9.999€"
}
}
]
}
},
{
"subsidy-result": {
"closed": true,
"title": {
"text": "Título ayuda/subvención c. elipsis a partir de 50 caracteres",
"type": "-m"
},
"label": {
"text": "Convocatoria cerrada",
"type": "-label"
},
"link1": {
"href": "#",
"text": "Visitar página oficial",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"link2": {
"href": "#",
"text": "Abrir pdf (opcional)",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"btn": {
"href": "#",
"text": "Más información",
"isDark": true,
"icon-after": {
"name": "16_arrow-right",
"isAfter": true
}
},
"item": [
{
"nom": {
"text": "Ámbito geográfico:"
},
"desc": {
"text": "Lorem ipsum"
}
},
{
"nom": {
"text": "Cuantía máxima:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto mínimo:"
},
"desc": {
"text": "9.999€"
}
}
]
}
},
{
"subsidy-result": {
"title": {
"text": "Título ayuda/subvención c. elipsis a partir de 50 caracteres",
"type": "-m"
},
"label": {
"text": "ABIERTA hasta agotar fondos",
"type": "-label"
},
"link1": {
"href": "#",
"text": "Visitar página oficial",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"link2": {
"href": "#",
"text": "Abrir pdf (opcional)",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"btn": {
"href": "#",
"text": "Más información",
"isDark": true,
"icon-after": {
"name": "16_arrow-right",
"isAfter": true
}
},
"item": [
{
"nom": {
"text": "Ámbito geográfico:"
},
"desc": {
"text": "Lorem ipsum"
}
},
{
"nom": {
"text": "Cuantía máxima:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto mínimo:"
},
"desc": {
"text": "9.999€"
}
}
]
}
},
{
"subsidy-result": {
"title": {
"text": "Título ayuda/subvención c. elipsis a partir de 50 caracteres",
"type": "-m"
},
"label": {
"text": "ABIERTA hasta agotar fondos",
"type": "-label"
},
"link1": {
"href": "#",
"text": "Visitar página oficial",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"link2": {
"href": "#",
"text": "Abrir pdf (opcional)",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"btn": {
"href": "#",
"text": "Más información",
"isDark": true,
"icon-after": {
"name": "16_arrow-right",
"isAfter": true
}
},
"item": [
{
"nom": {
"text": "Ámbito geográfico:"
},
"desc": {
"text": "Lorem ipsum"
}
},
{
"nom": {
"text": "Cuantía máxima:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto mínimo:"
},
"desc": {
"text": "9.999€"
}
}
]
}
},
{
"subsidy-result": {
"title": {
"text": "Título ayuda/subvención c. elipsis a partir de 50 caracteres",
"type": "-m"
},
"label": {
"text": "ABIERTA hasta agotar fondos",
"type": "-label"
},
"link1": {
"href": "#",
"text": "Visitar página oficial",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"link2": {
"href": "#",
"text": "Abrir pdf (opcional)",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"btn": {
"href": "#",
"text": "Más información",
"isDark": true,
"icon-after": {
"name": "16_arrow-right",
"isAfter": true
}
},
"item": [
{
"nom": {
"text": "Ámbito geográfico:"
},
"desc": {
"text": "Lorem ipsum"
}
},
{
"nom": {
"text": "Cuantía máxima:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto mínimo:"
},
"desc": {
"text": "9.999€"
}
}
]
}
},
{
"subsidy-result": {
"title": {
"text": "Título ayuda/subvención c. elipsis a partir de 50 caracteres",
"type": "-m"
},
"label": {
"text": "ABIERTA hasta agotar fondos",
"type": "-label"
},
"link1": {
"href": "#",
"text": "Visitar página oficial",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"link2": {
"href": "#",
"text": "Abrir pdf (opcional)",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"btn": {
"href": "#",
"text": "Más información",
"isDark": true,
"icon-after": {
"name": "16_arrow-right",
"isAfter": true
}
},
"item": [
{
"nom": {
"text": "Ámbito geográfico:"
},
"desc": {
"text": "Lorem ipsum"
}
},
{
"nom": {
"text": "Cuantía máxima:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto mínimo:"
},
"desc": {
"text": "9.999€"
}
}
]
}
},
{
"subsidy-result": {
"title": {
"text": "Título ayuda/subvención c. elipsis a partir de 50 caracteres",
"type": "-m"
},
"label": {
"text": "ABIERTA hasta agotar fondos",
"type": "-label"
},
"link1": {
"href": "#",
"text": "Visitar página oficial",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"link2": {
"href": "#",
"text": "Abrir pdf (opcional)",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"btn": {
"href": "#",
"text": "Más información",
"isDark": true,
"icon-after": {
"name": "16_arrow-right",
"isAfter": true
}
},
"item": [
{
"nom": {
"text": "Ámbito geográfico:"
},
"desc": {
"text": "Lorem ipsum"
}
},
{
"nom": {
"text": "Cuantía máxima:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto mínimo:"
},
"desc": {
"text": "9.999€"
}
}
]
}
},
{
"subsidy-result": {
"title": {
"text": "Título ayuda/subvención c. elipsis a partir de 50 caracteres",
"type": "-m"
},
"label": {
"text": "ABIERTA hasta agotar fondos",
"type": "-label"
},
"link1": {
"href": "#",
"text": "Visitar página oficial",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"link2": {
"href": "#",
"text": "Abrir pdf (opcional)",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"btn": {
"href": "#",
"text": "Más información",
"isDark": true,
"icon-after": {
"name": "16_arrow-right",
"isAfter": true
}
},
"item": [
{
"nom": {
"text": "Ámbito geográfico:"
},
"desc": {
"text": "Lorem ipsum"
}
},
{
"nom": {
"text": "Cuantía máxima:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto mínimo:"
},
"desc": {
"text": "9.999€"
}
}
]
}
},
{
"subsidy-result": {
"title": {
"text": "Título ayuda/subvención c. elipsis a partir de 50 caracteres",
"type": "-m"
},
"label": {
"text": "ABIERTA hasta agotar fondos",
"type": "-label"
},
"link1": {
"href": "#",
"text": "Visitar página oficial",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"link2": {
"href": "#",
"text": "Abrir pdf (opcional)",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"btn": {
"href": "#",
"text": "Más información",
"isDark": true,
"icon-after": {
"name": "16_arrow-right",
"isAfter": true
}
},
"item": [
{
"nom": {
"text": "Ámbito geográfico:"
},
"desc": {
"text": "Lorem ipsum"
}
},
{
"nom": {
"text": "Cuantía máxima:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto mínimo:"
},
"desc": {
"text": "9.999€"
}
}
]
}
},
{
"subsidy-result": {
"title": {
"text": "Título ayuda/subvención c. elipsis a partir de 50 caracteres",
"type": "-m"
},
"label": {
"text": "ABIERTA hasta agotar fondos",
"type": "-label"
},
"link1": {
"href": "#",
"text": "Visitar página oficial",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"link2": {
"href": "#",
"text": "Abrir pdf (opcional)",
"icon-after": {
"name": "16_external-link",
"isAfter": true
}
},
"btn": {
"href": "#",
"text": "Más información",
"isDark": true,
"icon-after": {
"name": "16_arrow-right",
"isAfter": true
}
},
"item": [
{
"nom": {
"text": "Ámbito geográfico:"
},
"desc": {
"text": "Lorem ipsum"
}
},
{
"nom": {
"text": "Cuantía máxima:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto:"
},
"desc": {
"text": "999.999€"
}
},
{
"nom": {
"text": "Presupuesto mínimo:"
},
"desc": {
"text": "9.999€"
}
}
]
}
}
],
"pagination": {}
}
.subsidy-finder {
&__message {
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
padding: 40px 180px;
gap: 16px;
text-align: center;
.bodycopy-m+.bodycopy-m {
color: var(--color-text-subtle);
a {
color: var(--color-text-link-secondary);
}
}
img {
margin-bottom: 32px;
}
@media (--viewport-ms-max) {
padding: 80px 0;
img {
margin-bottom: 9px;
}
}
}
&__preloader {
position: relative;
height: 0;
top: 200px;
}
&__pagination {
.pagination__list {
justify-content: center;
padding-top: 24px;
}
}
&__title {
text-align: center;
margin-bottom: 64px;
@media (--viewport-ms-min) {
margin-bottom: 40px;
}
@media (--viewport-ms-max) {}
}
&__functionality-bar {
margin: 24px 0;
}
&__results {
@media (--viewport-ms-max) {
margin-top: 64px;
}
}
}
Variantes: Default, Without results, Alert.