🚀 Taller intensivo con Kelly Brown: lo ves en vivo y lo replicas. Apúntate Aquí <
<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"
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"
Reservar en Booking
</a>
<a class="btn" target="_blank" rel="noopener noreferrer"
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"
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"
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"
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"
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"
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"
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"
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"
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"
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"
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>

FDF Infantil
Convención líder en fotografía newborn y de familia.
CONTACTO
© 2025. All rights reserved.
