<section class="fdf-hotels" aria-labelledby="fdf-hotels-title">

<style>

.fdf-hotels{

--bg:#ffffff;

--card:#ffffff;

--text:#121212;

--muted:#666666;

--border:#e9e9e9;

--chip:#f5f5f5;

--shadow: 0 8px 24px rgba(0,0,0,.06);

background:var(--bg);

color:var(--text);

font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";

padding: clamp(18px, 2.5vw, 28px);

}

.fdf-hotels .wrap{ max-width: 980px; margin: 0 auto; }

.fdf-hotels h2{

font-size: clamp(20px, 2.1vw, 26px);

line-height: 1.2;

margin: 0 0 10px 0;

letter-spacing: -0.02em;

}

.fdf-hotels .sub{

margin: 0 0 18px 0;

color: var(--muted);

font-size: 14px;

line-height: 1.5;

}

.fdf-hotels .note{

border: 1px solid var(--border);

background: #fbfbfb;

border-radius: 12px;

padding: 12px 14px;

margin: 14px 0 18px;

color: var(--muted);

font-size: 13px;

line-height: 1.45;

}

.fdf-hotels .grid{

display: grid;

grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

gap: 14px;

}

.fdf-hotels .card{

background: var(--card);

border: 1px solid var(--border);

border-radius: 16px;

padding: 14px 14px 12px;

box-shadow: var(--shadow);

}

.fdf-hotels .top{

display:flex;

align-items:flex-start;

justify-content:space-between;

gap: 10px;

margin-bottom: 10px;

}

.fdf-hotels .name{

font-weight: 650;

font-size: 15px;

line-height: 1.35;

margin: 0;

}

.fdf-hotels .meta{

margin: 6px 0 0 0;

color: var(--muted);

font-size: 13px;

line-height: 1.35;

}

.fdf-hotels .chips{ display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }

.fdf-hotels .chip{

white-space: nowrap;

background: var(--chip);

border: 1px solid var(--border);

color: #2b2b2b;

border-radius: 999px;

padding: 6px 10px;

font-size: 12px;

font-weight: 650;

}

.fdf-hotels .actions{ display:flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }

.fdf-hotels a.btn{

display:inline-flex;

align-items:center;

justify-content:center;

text-decoration:none;

border: 1px solid var(--border);

background:#ffffff;

color: var(--text);

border-radius: 12px;

padding: 9px 10px;

font-size: 13px;

font-weight: 650;

line-height: 1;

}

.fdf-hotels a.btn.primary{ border-color:#1b1b1b; background:#1b1b1b; color:#ffffff; }

.fdf-hotels a.btn:focus{ outline: 2px solid #000; outline-offset: 2px; }

.fdf-hotels .mini-link{

display:inline-block;

margin-top: 10px;

font-size: 12.5px;

color: var(--muted);

text-decoration: underline;

text-underline-offset: 2px;

}

.fdf-hotels .foot{ margin-top: 14px; color: var(--muted); font-size: 12.5px; line-height: 1.45; }

</style>

<div class="wrap">

<h2 id="fdf-hotels-title">Alojamientos cerca de FIBES (Sevilla)</h2>

<p class="sub">

Lugar del evento: <strong>FIBES</strong> — Av. Alcalde Luis Uruñuela, 1, 41020 Sevilla.

<br/>12 opciones cercanas para reservar rápido.

</p>

<div class="note">

<strong>Tip:</strong> si quieres ir andando, fíjate en la etiqueta “A pie”. Si no, “Coche/taxi” y listo.

Para tiempos reales, usa “Cómo llegar”.

</div>

<div class="grid" role="list">

<!-- Helper: Booking search links use the hotel name as query -->

<!-- 1 -->

<article class="card" role="listitem">

<div class="top">

<div>

<p class="name">Hotel M.A. Sevilla Congresos</p>

<p class="meta">Hotel</p>

</div>

<div class="chips">

<span class="chip">~0,2 km</span>

<span class="chip">A pie</span>

</div>

</div>

<div class="actions">

<a class="btn primary" target="_blank" rel="noopener noreferrer"

href="https://www.booking.com/searchresults.es.html?ss=Hotel%20M.A.%20Sevilla%20Congresos%20Sevilla">

Reservar en Booking

</a>

<a class="btn" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/dir/?api=1&origin=FIBES%2C%20Av.%20Alcalde%20Luis%20Uru%C3%B1uela%2C%201%2C%2041020%20Sevilla&destination=Hotel%20M.A.%20Sevilla%20Congresos%2C%20Sevilla">

Cómo llegar

</a>

</div>

<a class="mini-link" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/search/?api=1&query=Hotel%20M.A.%20Sevilla%20Congresos%2C%20Sevilla">Ver en Google Maps</a>

</article>

<!-- 2 -->

<article class="card" role="listitem">

<div class="top">

<div>

<p class="name">Apartamentos Vértice Bib Rambla</p>

<p class="meta">Apartamentos</p>

</div>

<div class="chips">

<span class="chip">~0,4 km</span>

<span class="chip">A pie</span>

</div>

</div>

<div class="actions">

<a class="btn primary" target="_blank" rel="noopener noreferrer"

href="https://www.booking.com/searchresults.es.html?ss=Apartamentos%20V%C3%A9rtice%20Bib%20Rambla%20Sevilla">

Reservar en Booking

</a>

<a class="btn" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/dir/?api=1&origin=FIBES%2C%20Av.%20Alcalde%20Luis%20Uru%C3%B1uela%2C%201%2C%2041020%20Sevilla&destination=Apartamentos%20V%C3%A9rtice%20Bib%20Rambla%2C%20Sevilla">

Cómo llegar

</a>

</div>

<a class="mini-link" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/search/?api=1&query=Apartamentos%20V%C3%A9rtice%20Bib%20Rambla%2C%20Sevilla">Ver en Google Maps</a>

</article>

<!-- 3 -->

<article class="card" role="listitem">

<div class="top">

<div>

<p class="name">San Pablo Sevilla</p>

<p class="meta">Hotel</p>

</div>

<div class="chips">

<span class="chip">~0,5 km</span>

<span class="chip">A pie</span>

</div>

</div>

<div class="actions">

<a class="btn primary" target="_blank" rel="noopener noreferrer"

href="https://www.booking.com/searchresults.es.html?ss=San%20Pablo%20Sevilla%20hotel%20Sevilla">

Reservar en Booking

</a>

<a class="btn" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/dir/?api=1&origin=FIBES%2C%20Av.%20Alcalde%20Luis%20Uru%C3%B1uela%2C%201%2C%2041020%20Sevilla&destination=San%20Pablo%20Sevilla%2C%20Sevilla">

Cómo llegar

</a>

</div>

<a class="mini-link" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/search/?api=1&query=San%20Pablo%20Sevilla%2C%20Sevilla">Ver en Google Maps</a>

</article>

<!-- 4 -->

<article class="card" role="listitem">

<div class="top">

<div>

<p class="name">AC Hotel Sevilla Fórum by Marriott</p>

<p class="meta">Hotel</p>

</div>

<div class="chips">

<span class="chip">~1,2 km</span>

<span class="chip">Coche/taxi</span>

</div>

</div>

<div class="actions">

<a class="btn primary" target="_blank" rel="noopener noreferrer"

href="https://www.booking.com/searchresults.es.html?ss=AC%20Hotel%20Sevilla%20F%C3%B3rum%20Sevilla">

Reservar en Booking

</a>

<a class="btn" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/dir/?api=1&origin=FIBES%2C%20Av.%20Alcalde%20Luis%20Uru%C3%B1uela%2C%201%2C%2041020%20Sevilla&destination=AC%20Hotel%20Sevilla%20F%C3%B3rum%20by%20Marriott%2C%20Sevilla">

Cómo llegar

</a>

</div>

<a class="mini-link" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/search/?api=1&query=AC%20Hotel%20Sevilla%20F%C3%B3rum%20by%20Marriott%2C%20Sevilla">Ver en Google Maps</a>

</article>

<!-- 5 -->

<article class="card" role="listitem">

<div class="top">

<div>

<p class="name">Ibis Budget Sevilla Aeropuerto</p>

<p class="meta">Hotel</p>

</div>

<div class="chips">

<span class="chip">~1,5 km</span>

<span class="chip">Coche/taxi</span>

</div>

</div>

<div class="actions">

<a class="btn primary" target="_blank" rel="noopener noreferrer"

href="https://www.booking.com/searchresults.es.html?ss=Ibis%20Budget%20Sevilla%20Aeropuerto">

Reservar en Booking

</a>

<a class="btn" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/dir/?api=1&origin=FIBES%2C%20Av.%20Alcalde%20Luis%20Uru%C3%B1uela%2C%201%2C%2041020%20Sevilla&destination=Ibis%20Budget%20Sevilla%20Aeropuerto">

Cómo llegar

</a>

</div>

<a class="mini-link" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/search/?api=1&query=Ibis%20Budget%20Sevilla%20Aeropuerto">Ver en Google Maps</a>

</article>

<!-- 6 -->

<article class="card" role="listitem">

<div class="top">

<div>

<p class="name">ibis Sevilla</p>

<p class="meta">Hotel</p>

</div>

<div class="chips">

<span class="chip">~1,6 km</span>

<span class="chip">Coche/taxi</span>

</div>

</div>

<div class="actions">

<a class="btn primary" target="_blank" rel="noopener noreferrer"

href="https://www.booking.com/searchresults.es.html?ss=ibis%20Sevilla">

Reservar en Booking

</a>

<a class="btn" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/dir/?api=1&origin=FIBES%2C%20Av.%20Alcalde%20Luis%20Uru%C3%B1uela%2C%201%2C%2041020%20Sevilla&destination=ibis%20Sevilla">

Cómo llegar

</a>

</div>

<a class="mini-link" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/search/?api=1&query=ibis%20Sevilla">Ver en Google Maps</a>

</article>

<!-- 7 -->

<article class="card" role="listitem">

<div class="top">

<div>

<p class="name">Hotel Vértice Sevilla</p>

<p class="meta">Hotel</p>

</div>

<div class="chips">

<span class="chip">~2,2 km</span>

<span class="chip">Coche/taxi</span>

</div>

</div>

<div class="actions">

<a class="btn primary" target="_blank" rel="noopener noreferrer"

href="https://www.booking.com/searchresults.es.html?ss=Hotel%20V%C3%A9rtice%20Sevilla">

Reservar en Booking

</a>

<a class="btn" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/dir/?api=1&origin=FIBES%2C%20Av.%20Alcalde%20Luis%20Uru%C3%B1uela%2C%201%2C%2041020%20Sevilla&destination=Hotel%20V%C3%A9rtice%20Sevilla">

Cómo llegar

</a>

</div>

<a class="mini-link" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/search/?api=1&query=Hotel%20V%C3%A9rtice%20Sevilla">Ver en Google Maps</a>

</article>

<!-- 8 -->

<article class="card" role="listitem">

<div class="top">

<div>

<p class="name">Catalonia Híspalis</p>

<p class="meta">Hotel</p>

</div>

<div class="chips">

<span class="chip">~2,3 km</span>

<span class="chip">Coche/taxi</span>

</div>

</div>

<div class="actions">

<a class="btn primary" target="_blank" rel="noopener noreferrer"

href="https://www.booking.com/searchresults.es.html?ss=Catalonia%20H%C3%ADspalis%20Sevilla">

Reservar en Booking

</a>

<a class="btn" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/dir/?api=1&origin=FIBES%2C%20Av.%20Alcalde%20Luis%20Uru%C3%B1uela%2C%201%2C%2041020%20Sevilla&destination=Catalonia%20H%C3%ADspalis%2C%20Sevilla">

Cómo llegar

</a>

</div>

<a class="mini-link" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/search/?api=1&query=Catalonia%20H%C3%ADspalis%2C%20Sevilla">Ver en Google Maps</a>

</article>

<!-- 9 -->

<article class="card" role="listitem">

<div class="top">

<div>

<p class="name">Hostal Alamare</p>

<p class="meta">Hostal</p>

</div>

<div class="chips">

<span class="chip">~2,7 km</span>

<span class="chip">Coche/taxi</span>

</div>

</div>

<div class="actions">

<a class="btn primary" target="_blank" rel="noopener noreferrer"

href="https://www.booking.com/searchresults.es.html?ss=Hostal%20Alamare%20Sevilla">

Reservar en Booking

</a>

<a class="btn" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/dir/?api=1&origin=FIBES%2C%20Av.%20Alcalde%20Luis%20Uru%C3%B1uela%2C%201%2C%2041020%20Sevilla&destination=Hostal%20Alamare%2C%20Sevilla">

Cómo llegar

</a>

</div>

<a class="mini-link" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/search/?api=1&query=Hostal%20Alamare%2C%20Sevilla">Ver en Google Maps</a>

</article>

<!-- 10 -->

<article class="card" role="listitem">

<div class="top">

<div>

<p class="name">Hostal San Vicente II</p>

<p class="meta">Hostal</p>

</div>

<div class="chips">

<span class="chip">~4,0 km</span>

<span class="chip">Coche/taxi</span>

</div>

</div>

<div class="actions">

<a class="btn primary" target="_blank" rel="noopener noreferrer"

href="https://www.booking.com/searchresults.es.html?ss=Hostal%20San%20Vicente%20II%20Sevilla">

Reservar en Booking

</a>

<a class="btn" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/dir/?api=1&origin=FIBES%2C%20Av.%20Alcalde%20Luis%20Uru%C3%B1uela%2C%201%2C%2041020%20Sevilla&destination=Hostal%20San%20Vicente%20II%2C%20Sevilla">

Cómo llegar

</a>

</div>

<a class="mini-link" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/search/?api=1&query=Hostal%20San%20Vicente%20II%2C%20Sevilla">Ver en Google Maps</a>

</article>

<!-- 11 -->

<article class="card" role="listitem">

<div class="top">

<div>

<p class="name">Only YOU Hotel Sevilla</p>

<p class="meta">Hotel</p>

</div>

<div class="chips">

<span class="chip">~4,1 km</span>

<span class="chip">Coche/taxi</span>

</div>

</div>

<div class="actions">

<a class="btn primary" target="_blank" rel="noopener noreferrer"

href="https://www.booking.com/searchresults.es.html?ss=Only%20YOU%20Hotel%20Sevilla">

Reservar en Booking

</a>

<a class="btn" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/dir/?api=1&origin=FIBES%2C%20Av.%20Alcalde%20Luis%20Uru%C3%B1uela%2C%201%2C%2041020%20Sevilla&destination=Only%20YOU%20Hotel%20Sevilla">

Cómo llegar

</a>

</div>

<a class="mini-link" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/search/?api=1&query=Only%20YOU%20Hotel%20Sevilla">Ver en Google Maps</a>

</article>

<!-- 12 -->

<article class="card" role="listitem">

<div class="top">

<div>

<p class="name">Hesperia Sevilla</p>

<p class="meta">Hotel</p>

</div>

<div class="chips">

<span class="chip">~4,4 km</span>

<span class="chip">Coche/taxi</span>

</div>

</div>

<div class="actions">

<a class="btn primary" target="_blank" rel="noopener noreferrer"

href="https://www.booking.com/searchresults.es.html?ss=Hesperia%20Sevilla">

Reservar en Booking

</a>

<a class="btn" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/dir/?api=1&origin=FIBES%2C%20Av.%20Alcalde%20Luis%20Uru%C3%B1uela%2C%201%2C%2041020%20Sevilla&destination=Hesperia%20Sevilla">

Cómo llegar

</a>

</div>

<a class="mini-link" target="_blank" rel="noopener noreferrer"

href="https://www.google.com/maps/search/?api=1&query=Hesperia%20Sevilla">Ver en Google Maps</a>

</article>

</div>

<p class="foot">

Si quieres que lo deje todavía más fino: puedo convertir esto en 3 bloques (“A pie”, “Coche/taxi”, “Centro”) y reordenarlo.

</p>

</div>

</section>