CINXE.COM
Beaches in Spain. Key destinations and cities on the coast | spain.info
<!DOCTYPE html> <html class="no-js" lang="en"> <head> <script type="text/javascript"> var texto = "(Opens in a new window)"; </script> <link rel='manifest' href='/manifest.json?loc=en'> <link rel="apple-touch-icon" href="/export/sites/segtur/.content/images/logo192.png"> <meta name="apple-mobile-web-app-capable" content="yes" /> <link rel="stylesheet" href="https://use.typekit.net/kmb1yfs.css"> <link rel="stylesheet" href="https://use.typekit.net/wip1dnr.css"> <link rel="preload" href="/export/system/modules/es.segittur.comun/resources/fonts/mega_fresh-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.5.1/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css"/> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.css"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style.min.css?tmp=20250214"> <link rel="stylesheet" href="/export/system/modules/es.segittur.comun/resources/css/style-cookies.css"> <link rel="dns-prefetch" href="https://a.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://b.tile.openstreetmap.se" /> <link rel="dns-prefetch" href="https://c.tile.openstreetmap.se" /> <title>Beaches in Spain. Key destinations and cities on the coast | spain.info</title> <meta name="description" content='Tourist information on beaches in Spain. Spain’s coasts. Information on coastal towns and villages with beaches, watersports and seaside resorts | spain.info'/> <link rel="alternate" href="https://www.spain.info/de/kuesten-straende/" hreflang="de"/> <link rel="alternate" href="https://www.spain.info/ru/poberezhe-pliazhi/" hreflang="ru"/> <link rel="alternate" href="https://www.spain.info/ja/kaigan-biichi/" hreflang="ja"/> <link rel="alternate" href="https://www.spain.info/en/coasts-beaches/" hreflang="en"/> <link rel="canonical" href="https://www.spain.info/en/coasts-beaches/"/> <link rel="alternate" href="https://www.spain.info/pt_BR/costas-praias/" hreflang="pt"/> <link rel="alternate" href="https://www.spain.info/it/coste-spiagge/" hreflang="it"/> <link rel="alternate" href="https://www.spain.info/pl/wybrzeza-plaze/" hreflang="pl"/> <link rel="alternate" href="https://www.spain.info/fr/cotes-plages/" hreflang="fr"/> <link rel="alternate" href="https://www.spain.info/es/costas-playas/" hreflang="es"/> <meta property="og:url" content='https://www.spain.info/en/coasts-beaches/'/> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Script de implantación para www.spain.info --> <script async="async" type="text/javascript" data-insuit-id="insuitlaunch" src="https://www--spain--info.insuit.net/i4tservice/insuit-app.js"></script> <style type="text/css"> #x-insuit-container #x-insuit-bar-container #x-insuit-content-bar, #x-insuit-container #x-insuit-bar-container #x-insuit-bar-tools, #x-insuit-container #x-insuit-bar-container .x-insuit-option-text, #x-insuit-container #x-insuit-bar-container *, #x-insuit-container #x-insuit-pdf-viewer-container, #x-insuit-container #x-insuit-tour-container #x-insuit-tour .x-insuit-tour-bar, #x-insuit-container #x-insuit-tour-container #x-insuit-tour .x-insuit-tour-bar * { background: #021F3C; } #x-insuit-container * { font-family: stolzl, sans-serif; } </style> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N7W4FXW');</script> <!-- End Google Tag Manager --></head> <body> <!-- Google Tag Manager --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7W4FXW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="gtmDin"></div> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'url-es':'/es/costas-playas/', 'tipo-recurso': 'subhome', 'tipo-plantilla': '', 'eje-primario': 'Que hacer', 'eje-secundario': 'Costas y playas' }); </script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.8"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <header class="header"> <div id="cabecera" ><div> <nav class="navbar navbar-expand-custom"> <a class="navbar-brand" href="/en/"> <img src="/export/sites/segtur/.content/images/logo_espana_menu.png" alt="Spain.info" class="img-fluid"></a> <p class="claim ">Spain's official tourism website</p> <button id="open-buscador" class="btn-lupa collapsed"><span class="icon-search animunderline" aria-label='Search'></span></button> <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainMenu" aria-controls="mainMenu" aria-expanded="false" aria-label="Toggle navigation"> <span> </span> <span> </span> <span> </span> </button> <div class="form-inline buscador-general"> <div class="container"> <!--ICONO PARA CERRAR SUBMENU--> <button class="icon-close" aria-label='Close'><span></span></button> <form action="/en/search-results/" aria-labelledby="open-buscador"> <fieldset> <label lang="es" for="Search" xml:lang="es" class="sr-only">Search</label> <input name="q" class="form-control input-visible" type="search" placeholder="Search" aria-label="Search"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="Search"> </fieldset> </form> </div> </div> <div class="collapse navbar-collapse" id="mainMenu"> <ul class="navbar-nav menu-items"> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-dondeir" aria-haspopup="true" aria-expanded="false"> <span>Where to go</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="mapamenu" class="dropdown-menu mapamenu list-sync-resource mapa-switch" aria-labelledby="dropdown-dondeir"> <div class="container"> <button class="icon-close" aria-label='Close'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Discover</strong> our destinations</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/en/destination/madrid/" id="list-mdn-madrid" class="dropdown-item active "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Madrid</a> </li> <li> <a href="/en/destination/barcelona/" id="list-mdn-barcelona" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Barcelona</a> </li> <li> <a href="/en/destination/valencia/" id="list-mdn-valencia" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Valencia</a> </li> <li> <a href="/en/destination/seville/" id="list-mdn-sevilla" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Seville</a> </li> <li> <a href="/en/destination/zaragoza/" id="list-mdn-zaragoza" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Zaragoza</a> </li> <li> <a href="/en/destination/malaga/" id="list-mdn-malaga" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Malaga</a> </li> <li> <a href="/en/destination/bilbao/" id="list-mdn-bilbao" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Bilbao</a> </li> <li> <a href="/en/destination/santiago-compostela/" id="list-mdn-santiago-de-compostela" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Santiago de Compostela</a> </li> <li> <a href="/en/destination/salamanca/" id="list-mdn-salamanca" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Salamanca</a> </li> <li> <a href="/en/destination/santander/" id="list-mdn-santander" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Santander</a> </li> <li> <a href="/en/destination/caceres/" id="list-mdn-caceres" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Cáceres</a> </li> <li> <a href="/en/region/canary-islands/" id="list-mdn-islas-canarias" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Canary Islands</a> </li> <li> <a href="/en/region/balearic-islands/" id="list-mdn-islas-baleares" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Balearic Islands</a> </li> <li> <a href="/en/destinations/" class="dropdown-item d-block d-customdk-none">See all the destinations</a> </li> </ul> <div class="wrapper-buscador-destinos container"> <form class="form-inline buscador-destinos" action="/en/search-results/"> <fieldset> <input type="hidden" value="SEG-TUR-Destino" name="typeFilter"> <input type="hidden" value="" name="reloaded"> <label lang="es" for="buscadorDestinos" xml:lang="es" class="sr-only">Search destinations</label> <input name="q" class="form-control input-visible" type="search" placeholder="SEARCH OTHER DESTINATIONS" aria-label="SEARCH OTHER DESTINATIONS"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="SEARCH OTHER DESTINATIONS"> </fieldset> </form> <a href="/en/destinations/" class="btn btn-dark text-uppercase">See all the destinations</a> </div> </div> <div class="wrapper-recurso-menu mapa-menu"> <!--MAPA MENU--> <div class="wrapper-menu-map d-none d-xl-block"> <div class="menuholder" data-lang="en" data-path="mapa_00_mapa-menu-destinos.svg"></div> </div> <!--END MAPA MENU--> </div> </div> </div> </li> <li class="nav-item dropdown list-images-dk"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-quehacer" aria-haspopup="true" aria-expanded="false"> <span>What to do</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="quehacer" class="dropdown-menu" aria-labelledby="dropdown-quehacer"> <div class="container"> <button class="icon-close" aria-label='Close'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Activities</strong> to suit all tastes</p></div> <hr> </div> <a class="dropdown-item" href="/en/art-culture/" title="Go to: Art and culture"> <img id="imgAct1" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sagrada-familia-c-jace-grandinetti-U167181.jpg" class="img-fluid img-menu" alt="Art and culture" title="Art and culture" /> <span>Art and culture</span> </a> <a class="dropdown-item" href="/en/coasts-beaches/" title="Go to: Coasts and beaches"> <img id="imgAct2" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/shutterstock_740751832.jpg" class="img-fluid img-menu" alt="Coasts and beaches" title="Coasts and beaches" /> <span>Coasts and beaches</span> </a> <a class="dropdown-item" href="/en/cities/" title="Go to: Urban tourism"> <img id="imgAct3" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/alcala-madrid-s378537616.jpg" class="img-fluid img-menu" alt="Urban tourism" title="Urban tourism" /> <span>Urban tourism</span> </a> <a class="dropdown-item" href="/en/nature/" title="Go to: Nature"> <img id="imgAct4" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/pn-garajonay-s381203209.jpg" class="img-fluid img-menu" alt="Nature" title="Nature" /> <span>Nature</span> </a> <a class="dropdown-item" href="/en/gastronomy-wine-tourism/" title="Go to: Food and wine"> <img id="imgAct5" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/sepia-s103864166.jpg" class="img-fluid img-menu" alt="Food and wine" title="Food and wine" /> <span>Food and wine</span> </a> <a class="dropdown-item" href="/en/adventure-sports/" title="Go to: Sport and adventure"> <img id="imgAct6" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-naturaleza-canarias-c-radek-u-zLWGDlOXCKs.jpg" class="img-fluid img-menu" alt="Sport and adventure" title="Sport and adventure" /> <span>Sport and adventure</span> </a> <a class="dropdown-item" href="/en/shopping/" title="Go to: Shopping"> <img id="imgAct7" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/compras-s343979471.jpg" class="img-fluid img-menu" alt="Shopping" title="Shopping" /> <span>Shopping</span> </a> <a class="dropdown-item" href="/en/routes/" title="Go to: Routes"> <img id="imgAct8" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="/export/sites/segtur/.content/imagenes/menu-navegacion/peregrino-santiago-s1465891958.jpg" class="img-fluid img-menu" alt="Routes" title="Routes" /> <span>Routes</span> </a> </div> </div> </li> <li class="nav-item dropdown list-sync-resource"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-info" aria-haspopup="true" aria-expanded="false"> <span>Plan your trip</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span> </a> <div id="info" class="dropdown-menu" aria-labelledby="dropdown-info"> <div class="container"> <button class="icon-close" aria-label='Close'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Book</strong> your trip to Spain.</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/en/about-spain/" id="info-1" class="dropdown-item active"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>About Spain</a> </li> <li> <a href="/en/info/" id="info-2" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Practical information</a> </li> <li> <a href="/en/how-to-get-there/" id="info-3" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>How to get to Spain</a> </li> <li> <a href="/en/getting-around/" id="info-4" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Getting around Spain</a> </li> <li> <a href="/en/activities/" id="info-5" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Book your experiences</a> </li> <li> <a href="/en/route-planner/" id="info-6" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Route planner</a> </li> <li> <a href="/en/brochures/" id="info-7" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Download brochures</a> </li> <li> <a href="/en/weather/" id="info-8" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>The weather</a> </li> <li> <a href="/en/travel-tips/visa-passport/" id="info-9" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Visa and passport</a> </li> <li> <a href="https://sustainability.spain.info/en/" id="info-10" title="Go to: Sustainability in Spain" class="dropdown-item hacerblank"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Sustainability in Spain</a> </li> </ul> </div> <div class="wrapper-recurso-menu imagen-menu"> <a href="/en/about-spain/" title="Go to: About Spain" id="card-1" class="card show standard-box-shadow"> <img id="imgAct9" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-museo-prado-mapa-madrid-s139919035.jpg" class="card-img-top" alt="About Spain" title="About Spain"/> <div class="card-body"> <p class="title text-uppercase">About Spain</p> <p class="card-text mb-0">Data and interesting facts about the country, its culture, nature, gastronomy and population.</p> </div> </a> <a href="/en/info/" title="Go to: Practical information" id="card-2" class="card standard-box-shadow"> <img id="imgAct10" src="/export/sites/segtur/.content/imagenes/menu-navegacion/informacion-turistica-madrid-c-madrid-destino-francesco-pinton.jpg" class="card-img-top" alt="Practical information" title="Practical information"/> <div class="card-body"> <p class="title text-uppercase">Practical information</p> <p class="card-text mb-0">Prepare for your trip in advance with our useful information on entrance requirements, money, safety, healthcare, opening times, etc.</p> </div> </a> <a href="/en/how-to-get-there/" title="Go to: How to get to Spain" id="card-3" class="card standard-box-shadow"> <img id="imgAct11" src="/export/sites/segtur/.content/imagenes/menu-navegacion/mapa-planificacion-s348683150.jpg" class="card-img-top" alt="How to get to Spain" title="How to get to Spain"/> <div class="card-body"> <p class="title text-uppercase">How to get to Spain</p> <p class="card-text mb-0">Find information on our airports and cruise ports and discover what the flight times are from different points across the world.</p> </div> </a> <a href="/en/getting-around/" title="Go to: Getting around Spain" id="card-4" class="card standard-box-shadow"> <img id="imgAct12" src="/export/sites/segtur/.content/imagenes/menu-navegacion/chica-transporte-s456518287.jpg" class="card-img-top" alt="Getting around Spain" title="Getting around Spain"/> <div class="card-body"> <p class="title text-uppercase">Getting around Spain</p> <p class="card-text mb-0">We provide you with useful information on the connections between Spain’s major cities.</p> </div> </a> <a href="/en/activities/" title="Go to: Book your experiences" id="card-5" class="card standard-box-shadow"> <img id="imgAct13" src="/export/sites/segtur/.content/imagenes/menu-navegacion/fotos-u311182.jpg" class="card-img-top" alt="Book your experiences" title="Book your experiences"/> <div class="card-body"> <p class="title text-uppercase">Book your experiences</p> <p class="card-text mb-0">Choose from thousands of activities thought out for you. You just have to pick a theme and a place where you want to enjoy it.</p> </div> </a> <a href="/en/route-planner/" title="Go to: Route planner" id="card-6" class="card standard-box-shadow"> <img id="imgAct14" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turista-fornalutx-mallorca-c-pedro-giraldez.jpg" class="card-img-top" alt="Route planner" title="Route planner"/> <div class="card-body"> <p class="title text-uppercase">Route planner</p> <p class="card-text mb-0">Create your own plan for your trip to Spain with a route to suit your requirements.</p> </div> </a> <a href="/en/brochures/" title="Go to: Download brochures" id="card-7" class="card standard-box-shadow"> <img id="imgAct15" src="/export/sites/segtur/.content/imagenes/menu-navegacion/folleto-turistas-u1118390.jpg" class="card-img-top" alt="Download brochures" title="Download brochures"/> <div class="card-body"> <p class="title text-uppercase">Download brochures</p> <p class="card-text mb-0">With our digital brochures and guides, you will be able to discover the best of our cuisine, culture and fiestas.</p> </div> </a> <a href="/en/weather/" title="Go to: The weather" id="card-8" class="card standard-box-shadow"> <img id="imgAct16" src="/export/sites/segtur/.content/imagenes/menu-navegacion/clima-movil-c-gavin-allanwood-u723586.jpg" class="card-img-top" alt="The weather" title="The weather"/> <div class="card-body"> <p class="title text-uppercase">The weather</p> <p class="card-text mb-0">Check the average temperatures and the hours of sunshine in different areas and the clothing you should wear according to the season.</p> </div> </a> <a href="/en/travel-tips/visa-passport/" title="Go to: Visa and passport" id="card-9" class="card standard-box-shadow"> <img id="imgAct17" src="/export/sites/segtur/.content/imagenes/menu-navegacion/pasaporte-u752510.jpg" class="card-img-top" alt="Visa and passport" title="Visa and passport"/> <div class="card-body"> <p class="title text-uppercase">Visa and passport</p> <p class="card-text mb-0">Do you want to know if you need a visa to visit Spain? Find out about the various types of visas and how to get them.</p> </div> </a> <a href="https://sustainability.spain.info/en/" title="Go to: Sustainability in Spain" id="card-10" class="card standard-box-shadow hacerblank"> <img id="imgAct18" src="/export/sites/segtur/.content/imagenes/menu-navegacion/menu-sostenibilidad.jpg" class="card-img-top" alt="Sustainability in Spain" title="Sustainability in Spain"/> <div class="card-body"> <p class="title text-uppercase">Sustainability in Spain</p> <p class="card-text mb-0">Plan an environmentally and socially responsible holiday. Help to care for the planet.</p> </div> </a> </div> </div> </div> </li> <li class="nav-item"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="/en/calendar/" role="button" id="link-agenda"> <span>Agenda</span><span class="icon-arrow-right-fill2 secondary-color d-customdk-none"></span></a> </li> </ul> <div class="navbar-nav alternate"> <ul class="list-idiomas"> <li class="nav-item"> <a class="nav-link" href="#" id="locale-en" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown"><span class="icon-globe"></span> English<span class="icon-angle-down float-right d-none d-customdk-block"></span> <span class="icon-arrow-right-fill2 secondary-color float-right d-customdk-none"></span> </a> <div id="cajaidioma" class="dropdown-menu" aria-labelledby="locale-en"> <ul> <li class="nav-item"> <a href="/es/costas-playas/" class="dropdown-item" id="locale-es"> Español</a> </li> <li class="nav-item"> <a href="/de/kuesten-straende/" class="dropdown-item" id="locale-de"> Deutsch</a> </li> <li class="nav-item"> <a href="/fr/cotes-plages/" class="dropdown-item" id="locale-fr"> Français</a> </li> <li class="nav-item"> <a href="/it/coste-spiagge/" class="dropdown-item" id="locale-it"> Italiano</a> </li> <li class="nav-item"> <a href="/pt_BR/costas-praias/" class="dropdown-item" id="locale-pt_BR"> Português</a> </li> <li class="nav-item"> <a href="/ru/poberezhe-pliazhi/" class="dropdown-item" id="locale-ru"> русский</a> </li> <li class="nav-item"> <a href="/pl/wybrzeza-plaze/" class="dropdown-item" id="locale-pl"> Polski</a> </li> <li class="nav-item"> <a href="/ja/kaigan-biichi/" class="dropdown-item" id="locale-ja"> 日本語</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/en/" class="dropdown-item hacerblank" id="locale-gcc_en">GCC (English)</a> </li> <li class="nav-item"> <a href="//www.spain.info/gcc/ar/" class="dropdown-item hacerblank" id="locale-gcc_ar">مجلس التعاون الخليجي (عربي)</a> </li> <li class="nav-item"> <a href="https://www.visitspain.com.cn/" class="dropdown-item hacerblank" id="locale-gcc">中国</a> </li> </ul> </div> </li> </ul> </div> <div class="enlaces-utiles"> <div class="container"> <ul class="list"> <li class="list-item"> <a href="/en/interactive-map/" class="" > <span class="icon-map-marker"></span> <span class="text">Interactive map</span> </a> </li> <li class="list-item"> <a href="/en/plan-trip-to-spain/" class="" > <span class="icon-mi-viaje"></span> <span class="text">My ideal trip</span> </a> </li> <li class="list-item"> <a href="/en/app/favourites/" class="" rel="nofollow" > <span class="icon-like"></span> <span class="text">My favourites</span> </a> </li> <li class="list-item"> <a href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Newsletter/NewsletterIngles.aspx" class="hacerblank" rel="nofollow" > <span class="icon-mail-social"></span> <span class="text">Newsletter</span> </a> </li> </ul> </div> </div> </div> </nav> </div> </div></header><main> <div id="cuerpo" ><div> <section class="cabecera-bg-thumb waaslider subhome"> <div id="sliderHome"> <div class="foto"> <!--<a href='https://travelsafe.spain.info/en/' class="cabecera-aviso hacerblank aviso-a"> <div class="wrapper-aviso"> <p class="text"><span class="text-color">Travel </span><span class="primary-color">Safe</span></p> <span class="description consejos">Advice for travelling safely</span> <span class="description d-block secondary-color font-weight-bolder">Latest news</span> </div> </a>--> <!----> <img class="img-fluid img-editable " src="/export/sites/segtur/.content/imagenes/cabecera-completa/familia-playa-s311247911.jpg" data-srcset="/export/sites/segtur/.content/imagenes/cabecera-completa/familia-playa-s311247911.jpg" alt="imagen-0"/> <img class="img-fluid img-editable siguiente" src="/export/sites/segtur/.content/imagenes/cabecera-completa/playa-cofete-atardecer-fuerteventura-s740751832.jpg" data-srcset="/export/sites/segtur/.content/imagenes/cabecera-completa/playa-cofete-atardecer-fuerteventura-s740751832.jpg" alt="imagen-0"/> <img class="img-fluid img-editable previa" src="/export/sites/segtur/.content/imagenes/cabecera-completa/calpe-alicante-s558895819.jpg" data-srcset="/export/sites/segtur/.content/imagenes/cabecera-completa/calpe-alicante-s558895819.jpg" alt="imagen-0"/> <div class="container"> <div class="wrapper-title text-white"> <h1 class="custom-title">Coasts and beaches</h1> <p class="text text-uppercase"><p>Enjoy being beside the sea</p></p> </div> <div class="lista-destinos"> <span id="none-1" aria-hidden="true">none</span> <span id="none-2" aria-hidden="true">none</span> <span id="none-3" aria-hidden="true">none</span> <span id="none-4" aria-hidden="true">none</span> </div> <div class="location position-absolute" style="display:none;"> <div class="wrapper"> <img src="/export/sites/segtur/.content/mapas/mapa-cabecera/none_mapa-mini-cabecera.png" alt="none" class="img-fluid"> <div class="text-white text-location"> <p>none</p> </div> </div> </div> </div> </div> <div class="modal-video noned"> <div class="container"> <div class="wrapper-video"> <iframe id="player1" src="" style="" frameborder="0" allow="autoplay; fullscreen" allowfullscreen=""></iframe> <span class="icon-close close-video"></span> </div> </div> </div> <div class="mask"> <div class="content-thumbs slidexs"> <div class="thumb" data-copy="" data-logo=""> <a id="none-5" href='/en/discover-spain/family-destinations-children-sea/' title='' rel=''> <img id='cabeceraThumb-1' data-src='/export/sites/segtur/.content/imagenes/cabecera-completa/familia-playa-s311247911.jpg' src='/export/sites/segtur/.content/imagenes/thumbnail-cabecera-completa/familia-playa-s1023017290.jpg' class='img-fluid' alt='Family on the beach' title='Family on the beach'> <div class="wrapper"> <p class="subtitle text-white"> Coasts and beaches</p> <p class="title text-white"> Beach destinations with the family tourism certification</p> </div> </a> </div> <div class="thumb" data-copy="" data-logo=""> <a id="none-6" href='/en/discover-spain/sun-sand-all-year-round/' title='' rel=''> <img id='cabeceraThumb-2' data-src='/export/sites/segtur/.content/imagenes/cabecera-completa/playa-cofete-atardecer-fuerteventura-s740751832.jpg' src='/export/sites/segtur/.content/imagenes/thumbnail-cabecera-completa/playa-cofete-fuerteventura-s385632337.jpg' class='img-fluid' alt='Cofete Beach, Fuerteventura' title='Cofete Beach, Fuerteventura'> <div class="wrapper"> <p class="subtitle text-white"> Coasts and beaches</p> <p class="title text-white"> Sun and sand all year round</p> </div> </a> </div> <div class="thumb" data-copy="" data-logo=""> <a id="none-7" href='/en/discover-spain/coastal-towns/' title='' rel=''> <img id='cabeceraThumb-3' data-src='/export/sites/segtur/.content/imagenes/cabecera-completa/san-vicente-barquera-cantabria-s1584961363.jpg' src='/export/sites/segtur/.content/imagenes/thumbnail-cabecera-completa/san-vicente-barquera-ria-123rf-77978084.jpg' class='img-fluid' alt='San Vicente de la Barquera, Cantabria' title='San Vicente de la Barquera, Cantabria'> <div class="wrapper"> <p class="subtitle text-white"> Coasts and beaches</p> <p class="title text-white"> Find calm in seaside towns</p> </div> </a> </div> <div class="thumb" data-copy="" data-logo=""> <a id="none-8" href='/en/top/best-swimming-beaches-spain/' title='' rel=''> <img id='cabeceraThumb-4' data-src='/export/sites/segtur/.content/imagenes/cabecera-completa/calpe-alicante-s558895819.jpg' src='/export/sites/segtur/.content/imagenes/thumbnail-cabecera-completa/gafas-playa-u-ethan-robertson-134952.jpg' class='img-fluid' alt='Calpe, Alicante' title='Calpe, Alicante'> <div class="wrapper"> <p class="subtitle text-white"> Coasts and beaches</p> <p class="title text-white"> Spain: enjoy world-class beaches</p> </div> </a> </div> </div> <svg class="waa waaleft" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleleft" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g class="DK/icono/flecha-izq-gris-claro-inactivo"> <g class="Flecha-izq" transform="translate(36.000000, 36.000000) rotate(-180.000000) translate(-36.000000, -36.000000) "> <circle class="circleleft" fill="#9B9B9B" opacity="0.59984189" cx="36" cy="36" r="36"></circle> <polyline class="angleleft" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </g> </g> </svg><svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg></div> </div> </section> </div><section class="breadcrumbs bg-primary-color"> <div class="container"> <div class="row align-items-center"> <div class="d-none d-sm-block col-sm-6 text-left"> <nav aria-label="Breadcrumb" class="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a class="breadcrumb-link" href="/en/" target="_self" title="" >Home</a></li> </ol> </nav> </div> <div class="col-sm-6"> </div> </div> </div> </section> <section class="module entradilla centered"> <div class="container"> <h2 class="title text-center">Places along the coast well worth a visit</h2> <p class="text-secundario text-center"> Spain boasts almost 8,000 kilometres of coastline where travellers can discover quaint little fishing villages or the grand seaside towns of the north. It is also home to the pristine coves lapped with turquoise water nestled between forests, like the ones in the Balearic Islands, and unspoilt, volcanic beaches in the Canary islands or the fine sand beaches of the Mediterranean.<span class="br"></span> Thousands of hours of sunshine every year. What’s not to love? Its beaches are famous for their quality and environmental respect. And enjoying the sea in Spain doesn’t just mean relaxing on a beach, but also setting sail and discovering spectacular places by boat, eating fresh fish next to the port, admiring the sunset behind a lighthouse or even spending the night aboard. It means disconnecting from the world and touching base with stunning nature.</p> </div> </section> <section class="module interactive-map__home d-none d-customdk-block"> <div class="container"> <div class="title-box "> <span class="subtitle">WHERE TO GO</span> <p class="title">Discover Spain’s coastlines</p> <hr> <p class="description"><p>Click on the map to get information about the coast you are interested in.</p></p> </div><section class="module interactive-map__infoinput mapa-switch"> <div class="card-info"> <a href="/en/region/costa-almeria/" id="card-c-costa-almeria"> <figure class="thumbnail bg-dark-gradient bg-cover zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-muertos-cabo-gata-almeria-s552241936.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-muertos-cabo-gata-almeria-s552241936.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-muertos-cabo-gata-almeria-s552241936.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-muertos-cabo-gata-almeria-s552241936.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-muertos-cabo-gata-almeria-s552241936.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='Playa de los Muertos beach at Cabo de Gata, Almería' title='Playa de los Muertos beach at Cabo de Gata, Almería'><figcaption class="description text-white"> <p class="title font-weight-bold">COSTA DE ALMERÍA</p> <p><p>You’ll love Cabo de Gata-Níjar Natural Park and the spectacular cliffs</p></p> </figcaption> </figure> </a> <a href="/en/region/costa-castellon/" id="card-c-costa-castellon"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-peniscola-castellon-s1269240346.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-peniscola-castellon-s1269240346.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-peniscola-castellon-s1269240346.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-peniscola-castellon-s1269240346.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-peniscola-castellon-s1269240346.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='View of Peñíscola, Castellón' title='View of Peñíscola, Castellón'><figcaption class="description text-white"> <p class="title font-weight-bold">COSTA DE CASTELLÓN</p> <p><p>Over 120 kilometres of coastline and 16 towns to discover</p></p> </figcaption> </figure> </a> <a href="/en/region/costa-barcelona/" id="card-c-costa-barcelona"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/sitges-s387826813.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/sitges-s387826813.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/sitges-s387826813.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/sitges-s387826813.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/sitges-s387826813.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='View of Sitges' title='View of Sitges'><figcaption class="description text-white"> <p class="title font-weight-bold">COSTA BARCELONA</p> <p><p>Over 100 kilometres with cities and fishing villages</p></p> </figcaption> </figure> </a> <a href="/en/region/costa-blanca/" id="card-c-costa-blanca"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/valencia/costa-blanca-denia-alicante-s560898862.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/valencia/costa-blanca-denia-alicante-s560898862.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/valencia/costa-blanca-denia-alicante-s560898862.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/valencia/costa-blanca-denia-alicante-s560898862.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/valencia/costa-blanca-denia-alicante-s560898862.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='Denia Beach (Alicante) on the Costa Blanca' title='Denia Beach (Alicante) on the Costa Blanca'><figcaption class="description text-white"> <p class="title font-weight-bold">COSTA BLANCA</p> <p><p>The province of Alicante enjoys 2,800 hours of sunshine a year</p></p> </figcaption> </figure> </a> <a href="/en/region/costa-brava/" id="card-c-costa-brava"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/palafrugell-girona-s144973225.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/palafrugell-girona-s144973225.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/palafrugell-girona-s144973225.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/palafrugell-girona-s144973225.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/palafrugell-girona-s144973225.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='Palafrugell, Girona' title='Palafrugell, Girona'><figcaption class="description text-white"> <p class="title font-weight-bold">COSTA BRAVA</p> <p><p>In Girona, next to the Mediterranean and close to the Pyrenees</p></p> </figcaption> </figure> </a> <a href="/en/region/costa-calida/" id="card-c-costa-calida"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-cala-cortina-cartagena-s221141230.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-cala-cortina-cartagena-s221141230.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-cala-cortina-cartagena-s221141230.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-cala-cortina-cartagena-s221141230.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-cala-cortina-cartagena-s221141230.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt=' Cala Cortina beach in Cartagena, Murcia' title=' Cala Cortina beach in Cartagena, Murcia'><figcaption class="description text-white"> <p class="title font-weight-bold">COSTA CÁLIDA</p> <p><p>Mar Menor lagoon and the Mediterranean meet in Murcia</p></p> </figcaption> </figure> </a> <a href="/en/region/costa-cantabria/" id="card-c-costa-cantabria"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-la-arnia-cantabria-c-raul-entter-u-HNfoFLiEQfY.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-la-arnia-cantabria-c-raul-entter-u-HNfoFLiEQfY.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-la-arnia-cantabria-c-raul-entter-u-HNfoFLiEQfY.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-la-arnia-cantabria-c-raul-entter-u-HNfoFLiEQfY.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-la-arnia-cantabria-c-raul-entter-u-HNfoFLiEQfY.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='San Vicente de la Barquera' title='San Vicente de la Barquera'><figcaption class="description text-white"> <p class="title font-weight-bold">COSTA DE CANTABRIA</p> <p><p>On the Cantabrian sea, beaches surrounded by nature</p></p> </figcaption> </figure> </a> <a href="/en/region/costa-da-morte/" id="card-c-costa-da-morte"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/cabo-vilan-faro-costa-morte-galicia-s319164857.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/cabo-vilan-faro-costa-morte-galicia-s319164857.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/cabo-vilan-faro-costa-morte-galicia-s319164857.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/cabo-vilan-faro-costa-morte-galicia-s319164857.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/cabo-vilan-faro-costa-morte-galicia-s319164857.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='Lighthouse of Cabo Vilán' title='Lighthouse of Cabo Vilán'><figcaption class="description text-white"> <p class="title font-weight-bold">COSTA DA MORTE</p> <p><p>Home of legends and the end of the Camino de Santiago</p></p> </figcaption> </figure> </a> <a href="/en/region/costa-dorada/" id="card-c-costa-dorada"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-cala-penya-tallada-salou-s1345358090.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-cala-penya-tallada-salou-s1345358090.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-cala-penya-tallada-salou-s1345358090.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-cala-penya-tallada-salou-s1345358090.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-cala-penya-tallada-salou-s1345358090.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='Cala Penya Tallada beach in Salou, Tarragona' title='Cala Penya Tallada beach in Salou, Tarragona'><figcaption class="description text-white"> <p class="title font-weight-bold">COSTA DORADA</p> <p><p>In Tarragona, the birthplace of Gaudí awaits with fine sand beaches</p></p> </figcaption> </figure> </a> <a href="/en/region/costa-la-luz/" id="card-c-costa-la-luz"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-bolonia-cadiz-s540811918.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-bolonia-cadiz-s540811918.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-bolonia-cadiz-s540811918.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-bolonia-cadiz-s540811918.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-bolonia-cadiz-s540811918.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='Beach in Tarifa, Cadiz' title='Beach in Tarifa, Cadiz'><figcaption class="description text-white"> <p class="title font-weight-bold">COSTA DE LA LUZ</p> <p><p>Fine sand beaches bathed by the Atlantic between Cadiz and Huelva</p></p> </figcaption> </figure> </a> <a href="/en/region/costa-del-sol/" id="card-c-costa-del-sol"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/Marbella-Puerto-Banus-s473238115.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/Marbella-Puerto-Banus-s473238115.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/Marbella-Puerto-Banus-s473238115.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/Marbella-Puerto-Banus-s473238115.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/Marbella-Puerto-Banus-s473238115.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='Puerto Banús, Marbella' title='Puerto Banús, Marbella'><figcaption class="description text-white"> <p class="title font-weight-bold">COSTA DEL SOL</p> <p><p>Over 300 days of sunshine per year in famous destinations such as Malaga and Marbella</p></p> </figcaption> </figure> </a> <a href="/en/region/costa-tropical/" id="card-c-costa-tropical"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/pueblo-calahonda-granada-s85303852.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/pueblo-calahonda-granada-s85303852.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/pueblo-calahonda-granada-s85303852.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/pueblo-calahonda-granada-s85303852.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/pueblo-calahonda-granada-s85303852.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='Calahonda village, Granada' title='Calahonda village, Granada'><figcaption class="description text-white"> <p class="title font-weight-bold">COSTA TROPICAL</p> <p><p>In Granada, you’ll find towns such as Almuñécar and Motril</p></p> </figcaption> </figure> </a> <a href="/en/region/costa-valencia/" id="card-c-costa-valencia"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/amanecer-playa-cullera-valencia-s1076209103.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/amanecer-playa-cullera-valencia-s1076209103.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/amanecer-playa-cullera-valencia-s1076209103.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/amanecer-playa-cullera-valencia-s1076209103.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/amanecer-playa-cullera-valencia-s1076209103.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt=' Daybreak on the beach in Cullera, Valencia' title=' Daybreak on the beach in Cullera, Valencia'><figcaption class="description text-white"> <p class="title font-weight-bold">VALENCIA COAST</p> <p><p>100% Mediterranean with warm, calm waters</p></p> </figcaption> </figure> </a> <a href="/en/region/costa-vasca/" id="card-c-costa-vasca"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/flysch-zumaia-pais-vasco-s459370651.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/flysch-zumaia-pais-vasco-s459370651.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/flysch-zumaia-pais-vasco-s459370651.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/flysch-zumaia-pais-vasco-s459370651.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/flysch-zumaia-pais-vasco-s459370651.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='Flysch formations in Zumaia (Gipuzkoa, Basque Country)' title='Flysch formations in Zumaia (Gipuzkoa, Basque Country)'><figcaption class="description text-white"> <p class="title font-weight-bold">BASQUE COAST</p> <p><p>Go surfing and admire the beauty of beaches such as La Concha</p></p> </figcaption> </figure> </a> <a href="/en/region/costa-verde/" id="card-c-costa-verde"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-silencio-cudillero-asturias-s1188994426.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-silencio-cudillero-asturias-s1188994426.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-silencio-cudillero-asturias-s1188994426.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-silencio-cudillero-asturias-s1188994426.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-silencio-cudillero-asturias-s1188994426.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='Playa del Silencio beach (Cudillero, Asturias) on the Costa Verde' title='Playa del Silencio beach (Cudillero, Asturias) on the Costa Verde'><figcaption class="description text-white"> <p class="title font-weight-bold">COSTA VERDE</p> <p><p>Discover the almost 350 kilometres of Asturian coastline</p></p> </figcaption> </figure> </a> <a href="/en/region/golfo-artabro/" id="card-c-golfo-artabro"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/elcano-ferrol-s1008596101.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/elcano-ferrol-s1008596101.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/elcano-ferrol-s1008596101.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/elcano-ferrol-s1008596101.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/elcano-ferrol-s1008596101.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='The ship Juan Sebastian Elcano setting out from Ferrol, A Coruña' title='The ship Juan Sebastian Elcano setting out from Ferrol, A Coruña'><figcaption class="description text-white"> <p class="title font-weight-bold">GULF OF ÁRTABRO</p> <p><p>The charm of four Galician estuaries</p></p> </figcaption> </figure> </a> <a href="/en/region/marina-lucense/" id="card-c-marina-lucense"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-catedrales-ribadeo-s1188994495.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-catedrales-ribadeo-s1188994495.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-catedrales-ribadeo-s1188994495.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-catedrales-ribadeo-s1188994495.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/playa-catedrales-ribadeo-s1188994495.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='Las Catedrales beach, Ribadeo' title='Las Catedrales beach, Ribadeo'><figcaption class="description text-white"> <p class="title font-weight-bold">MARIÑA LUCENSE</p> <p><p>With famous beaches like As Catedrais</p></p> </figcaption> </figure> </a> <a href="/en/region/rias-altas/" id="card-c-rias-altas"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/playa-das-furnas-galicia-29540068-istock.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/playa-das-furnas-galicia-29540068-istock.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/playa-das-furnas-galicia-29540068-istock.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/playa-das-furnas-galicia-29540068-istock.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/playa-das-furnas-galicia-29540068-istock.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt='As Furnas beach, A Coruña' title='As Furnas beach, A Coruña'><figcaption class="description text-white"> <p class="title font-weight-bold">RÍAS ALTAS ESTUARIES</p> <p><p>Cliffs, fishing villages and lighthouses in the north of Galicia</p></p> </figcaption> </figure> </a> <a href="/en/region/rias-baixas/" id="card-c-rias-baixas"> <figure class="thumbnail bg-dark-gradient bg-cover noned zoom-in"> <img data-src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/atardecer-arosa-rias-pontevedra-s137213270.jpg' data-srcset='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/atardecer-arosa-rias-pontevedra-s137213270.jpg_617812622.jpg 310w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/atardecer-arosa-rias-pontevedra-s137213270.jpg_1355059051.jpg 210w, /export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/atardecer-arosa-rias-pontevedra-s137213270.jpg_617812622.jpg 310w' sizes='(max-width: 480px) 310px, (max-width: 768px) 210px, 310px' src='/export/sites/segtur/.content/imagenes/thumbnail-mapas/costas/atardecer-arosa-rias-pontevedra-s137213270.jpg_617812622.jpg' class='lazy img-fluid img-editable' alt=' Sunset in the Rías Baixas, Arosa. Pontevedra' title=' Sunset in the Rías Baixas, Arosa. Pontevedra'><figcaption class="description text-white"> <p class="title font-weight-bold">RÍAS BAIXAS ESTUARY</p> <p><p>Fishing tradition in the south of Galicia</p></p> </figcaption> </figure> </a> <a href="/en/interactive-map/" class="btn btn-secondary w-100 mt-4">GO TO THE INTERACTIVE MAP</a> </div> <div class="wrapper-map d-inline-block mapa-switch"> <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="costas" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 730 600" style="enable-background:new 0 0 730 600;" xml:space="preserve"> <style type="text/css"> #costas .st0{fill:#F6F6F6;} #costas .st1{fill:url(#mapa_04_mapa-africa) !important;} #costas .st2{fill:url(#mapa_04_mapa-europa) !important;} #costas .st3{opacity:0.3;} #costas .st4{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;} #costas .st5{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:6.1632,6.1632;} #costas .st6{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:5.7649,5.7649;} #costas .st7{fill:#CCCCCC;} #costas .st8{fill:#CCCCCC;stroke:#CCCCCC;stroke-miterlimit:10;} #costas .st9{opacity:0.6;fill:#FFFFFF;} #costas .st10{fill:#EDC230;} #costas .st11{opacity:0.3055;fill:#C5220D;} #costas .st12{fill:#C5220D;} #costas .st13{fill:#FFFFFF;} #costas .st14{font-family:'Stolzl-Bold';} #costas .st15{font-size:13px;} </style> <g id="mapa_04_MAPA"> <g id="mapa_04_mapa-paises"> <polygon id="mapa_04_mapa-portugal" class="st0" points="200.95,136.03 214.24,122.74 226.43,122.74 214.24,136.03 260.77,136.03 267.42,129.38 290.68,129.38 295.12,134.92 282.93,147.11 307.3,147.11 307.3,153.76 276.28,184.78 276.28,226.88 268.53,233.52 276.28,242.39 276.28,256.79 245.26,256.79 245.26,270.08 269.63,293.35 269.63,303.32 256.34,316.61 256.34,329.91 269.63,343.2 269.63,349.85 260.77,349.85 247.48,363.14 247.48,394.16 238.61,394.16 224.21,404.13 212.02,394.16 198.73,390.84 177.68,396.38 172.7,391.39 187.1,365.91 187.1,343.76 184.88,340.43 190.42,328.25 192.08,318.83 195.41,317.72 192.64,310.52 184.33,314.4 177.68,313.29 176.57,304.43 182.11,304.43 187.1,297.23 183.77,290.58 179.9,298.89 163.83,299.44 163.83,289.47 172.7,263.99 182.67,255.13 192.64,228.54 195.96,227.43 192.64,223 197.07,215.24 199.28,201.95 202.05,199.18 201.5,195.3 202.61,186.44 205.93,172.04 199.28,145.45 199.28,139.91 "/> <radialGradient id="mapa_04_mapa-africa" cx="448.6343" cy="505.5" r="276.2365" gradientTransform="matrix(1 0 0 0.3829 0 311.9386)" gradientUnits="userSpaceOnUse"> <stop offset="0" style="stop-color:#F6F6F6"/> <stop offset="1" style="stop-color:#F6F6F6;stop-opacity:0"/> </radialGradient> <polyline id="mapa_04_mapa-africa" class="st1" points="730.5,411 697.83,432.39 676.78,430.17 644.65,435.71 598.12,462.3 591.47,482.24 581.5,483.35 572.64,473.38 561.56,473.38 561.56,486.67 549.37,483.35 532.75,495.53 527.21,511.04 515.03,514.37 503.95,526.55 479.02,528.22 464.62,531.54 446.89,531.54 444.68,523.78 440.25,529.32 420.3,527.11 394.82,527.11 369.34,516.03 361.59,492.76 331.67,481.69 340.54,473.93 321.7,476.15 281.5,535 244.5,576 172.5,600 730.5,600 "/> <radialGradient id="mapa_04_mapa-europa" cx="571.3252" cy="85.3928" r="237.0186" fx="563.9681" fy="85.547" gradientTransform="matrix(0.981 0.194 -0.0627 0.3171 16.2045 -52.5032)" gradientUnits="userSpaceOnUse"> <stop offset="0.3966" style="stop-color:#F6F6F6"/> <stop offset="0.7768" style="stop-color:#F6F6F6;stop-opacity:0"/> </radialGradient> <path id="mapa_04_mapa-europa" class="st2" d="M502.5,30l-10.18,21.83l17.73,16.62h29.91l17.73,18.83h60.93l18.83,17.73 l8.86-8.86l11.08,12.19h18.83l9.97-9.97h16.62c0,0,5.88-12.72,5.71-14.09c-0.28-2.28,1.96-15.66,1.96-15.66L710.5,60l17-19l3-41 l-242-5"/> </g> <g id="mapa_04_lineas_canarias" class="st3"> <g> <line class="st4" x1="9.28" y1="443.92" x2="12.28" y2="443.91"/> <polyline class="st5" points="18.45,443.87 201.61,442.91 210.45,449.41 "/> <polyline class="st4" points="212.93,451.24 215.35,453.02 215.35,456.02 "/> <line class="st6" x1="215.35" y1="461.78" x2="215.35" y2="551.14"/> <line class="st4" x1="215.35" y1="554.02" x2="215.35" y2="557.02"/> </g> </g> <g id="mapa_04_mapa-canarias"> <polygon id="mapa_04_mapa-la-palma" class="st7" points="17.04,504.95 17.04,489.44 21.47,483.9 25.9,487.23 27.01,499.41 21.47,504.95 "/> <rect id="mapa_04_mapa-el-hierro" x="13.59" y="540.28" transform="matrix(0.6508 -0.7593 0.7593 0.6508 -407.5592 204.6534)" class="st7" width="10.21" height="10.21"/> <polygon id="mapa_04_mapa-gomera" class="st7" points="23.69,523.78 23.69,519.35 29.23,519.35 34.77,523.78 30.5,527 "/> <polygon id="mapa_04_mapa-tenerife" class="st7" points="60.25,512.71 60.25,507.17 79.08,507.17 83.51,503.84 83.51,499.41 96.81,498.3 91.27,504.95 91.27,510.49 84.62,517.14 84.62,521.57 75.76,529.32 70.22,529.32 64.68,523.78 64.68,514.92 "/> <polygon id="mapa_04_mapa-fuerteventura" class="st7" points="152.2,523.78 155.52,523.78 162.17,517.14 162.17,510.49 168.82,504.95 168.82,491.66 172.14,489.44 177.68,489.44 181,492.76 181,513.81 175.47,518.25 166.6,518.25 156.63,529.32 "/> <polygon id="mapa_04_mapa-lanzarote" class="st7" points="178.79,485.01 178.79,477.25 185.44,471.72 190.98,471.72 193.19,468.39 193.19,463.96 196.51,463.96 196.51,475.04 188.76,481.69 185.44,482.79 183.22,485.01 "/> <polygon id="mapa_04_mapa-gran-canaria" class="st7" points="115.64,520.46 106.78,526 106.78,539.3 112.32,545.94 125.61,549.27 131.15,543.73 134.47,538.19 134.47,529.32 128.93,526 128.93,520.46 "/> </g> <g id="mapa_04_mapa-illes-balears"> <polygon id="mapa_04_mapa-ibiza" class="st7" points="607.53,283.38 616.4,275.62 623.05,282.27 614.18,292.24 611.97,288.92 607.53,288.92 "/> <polygon id="mapa_04_mapa-formentera" class="st7" points="613.07,301.1 613.07,296.67 618.61,296.67 "/> <polygon id="mapa_04_mapa-mallorca" class="st7" points="636.34,256.79 658.5,235.74 658.5,239.06 665.14,239.06 665.14,244.6 668.47,247.92 671.79,244.6 677.33,249.03 667.36,259 667.36,263.44 661.82,268.97 658.5,264.54 650.74,264.54 649.63,259 646.31,256.79 644.09,260.11 638.56,260.11 "/> <polygon id="mapa_04_mapa-menorca" class="st7" points="700.6,239.06 691.73,239.06 691.73,235.74 688.41,233.52 690.63,231.31 702.81,231.31 707.24,234.63 707.24,242.39 702.81,242.39 "/> </g> <g id="mapa_04_mapa-ceuta-melilla"> <polyline id="mapa_04_mapa-melilla" class="st7" points="448.56,514.37 445.79,521.57 448.56,530.43 463.16,530.43 448.56,514.37 "/> <polygon id="mapa_04_mapa-ceuta" class="st7" points="334.44,481.51 342.75,473.93 359.37,490.55 "/> </g> <g id="mapa_04_MAPA_PENINSULA_1px_sin_trazado"> <polygon id="mapa_04_mapa-pais-vasco" class="st8" points="457.2,98.36 454.65,96.66 454.65,90.61 450.87,90.61 448,93.47 444.03,89.5 440.25,89.5 442.82,86.07 435.17,78.42 429.17,78.42 429.17,73.99 443.57,73.99 438.58,67.34 433.6,67.34 433.6,60.69 423.63,60.69 423.63,55.16 442.92,55.16 455.76,42.32 466.38,52.94 488.99,52.94 486.78,55.89 486.78,63.56 474.59,75.75 474.59,80.08 470.16,83.41 470.16,88.39 465.73,88.39 465.73,98.36 "/> <polygon id="mapa_04_mapa-comunidad-foral-de-navarra" class="st8" points="480.62,131.6 469.54,119.41 463.05,119.41 455.3,127.17 446.24,127.17 435.81,116.74 435.81,96.61 440.71,91.72 443.11,91.72 448,96.61 451.78,92.82 452.43,92.82 452.43,97.95 456.54,100.58 466.38,100.58 470.81,105.01 479.67,105.01 486.32,111.66 498.96,111.66 498.96,114.98 490.1,114.98 490.1,126.78 486.24,131.6 "/> <polygon id="mapa_04_mapa-comunidad-foral-de-navarra" class="st8" points="501.64,126.06 492.32,126.06 492.32,117.2 501.18,117.2 501.18,109.44 487.24,109.44 480.59,102.79 471.73,102.79 467.94,99.01 467.94,90.61 472.37,90.61 472.37,84.51 476.81,81.19 476.81,76.66 488.99,64.48 488.99,56.63 491.33,53.52 508.48,70.67 536.26,70.67 514.47,93.49 514.47,102.34 508.93,107.87 508.93,119.94 513.92,123.94 506.72,131.14 "/> <polygon id="mapa_04_mapa-region-de-murcia" class="st8" points="486.78,371.52 486.78,358.71 479.52,358.71 472.78,351.01 485.02,338.77 490.65,338.77 493.98,334.34 499.52,334.34 503.27,339.35 510.04,332.58 510.04,316.61 513.92,316.61 517.24,312.18 520.66,312.18 526.66,318.18 526.66,323.91 522.23,328.34 522.23,335.45 528.88,335.45 528.88,342.74 522.84,348.78 535.1,359.93 529.59,366.54 535.06,372.01 507.37,372.01 497.82,381.56 "/> <polygon id="mapa_04_mapa-comunidad-de-madrid" class="st8" points="405.25,246.82 415.22,236.85 410.79,232.41 400.82,232.41 394.17,225.77 384.46,225.77 378.93,230.2 375.99,230.2 375.99,222.92 401.47,198.54 401.47,190.75 417.15,174.03 419.2,175.4 419.2,185.88 422.52,185.88 422.52,202.99 434.71,214.07 434.71,229.09 438.03,229.09 438.03,236.39 435.36,239.06 419.81,239.06 409.19,250.75 "/> <polygon id="mapa_04_mapa-galicia" class="st8" points="218.97,133.81 231.16,120.52 213.78,120.52 200.89,133.41 194.32,127.78 195.43,94.42 176.57,83.33 176.57,68.89 191.46,52.94 219.13,52.94 222.33,49.74 216.78,41.96 234.66,23.03 245.85,23.03 258.04,37.43 268.94,37.43 260.26,45.14 274.71,59.59 267.01,67.29 274.72,76.11 265.2,84.57 265.2,98.36 274.07,98.36 274.07,104.36 279.11,109.41 266.31,121.14 266.31,127.82 260.31,133.81 "/> <polygon id="mapa_04_mapa-extremadura" class="st8" points="300.01,350.96 290.03,350.96 285.6,346.53 279.6,346.53 279.6,342.09 271.2,342.09 258.56,329.45 258.56,317.07 271.85,303.78 271.85,292.87 247.48,269.61 247.48,259 278.5,259 278.5,241.97 271.21,233.64 278.5,227.38 278.5,224.66 288.47,224.66 288.47,222.44 294.47,222.44 301.76,215.15 315.06,228.44 318.84,224.66 322.29,224.66 327.83,231.31 336.57,231.31 338.32,229.55 338.32,248.38 341.65,251.71 341.65,257.9 346.08,257.9 346.08,266.14 360.51,279.37 367.13,272.76 369.34,274.97 369.34,287.81 362.29,287.81 353.83,295.05 353.83,312.18 347.19,312.18 347.19,316.08 342.37,319.94 338.97,319.94 330.57,328.34 330.57,343.2 312.84,343.2 312.84,352.06 306.84,352.06 303.98,354.93 "/> <polygon id="mapa_04_mapa-comunitat-valenciana" class="st8" points="526.05,348.7 531.09,343.66 531.09,333.23 524.44,333.23 524.44,329.26 528.88,324.83 528.88,318.18 534.42,312.64 534.42,306.18 530.44,302.21 521.52,302.21 515.58,297.26 515.58,291.65 522.23,286.11 522.23,277.84 510.5,277.84 506.72,274.06 506.72,267.24 522.23,252.84 522.23,244.6 528.88,244.6 528.88,248.29 533.19,254.04 537.74,249.49 537.74,243.97 558.79,224.03 558.79,206.47 555.99,203.67 562.52,198.07 569.41,198.07 572.73,201.39 583.77,201.39 590.92,209.57 590.92,214.23 577.62,227.52 577.62,237.47 561,252.98 561,262.98 552.14,271.84 552.14,289.37 572.72,309.95 541.06,340.52 541.06,353.82 536.59,358.29 "/> <polygon id="mapa_04_mapa-cataluna" class="st8" points="592.53,208.04 584.77,199.18 580.95,199.18 580.95,179.7 589.81,170.83 589.81,168.71 585.38,165.39 585.38,159.75 590.27,154.86 585.38,149.97 585.38,147.6 598.67,135.41 598.67,124.25 605.32,116.5 605.32,104.56 602,101.14 602,89.5 617.07,89.5 637.47,108.77 646.27,99.97 655.79,110.55 676.68,110.55 686.65,100.58 701.25,100.58 707.89,107.23 696.88,118.24 702.81,125.35 702.81,131.14 677.98,155.97 665.77,155.97 649.15,173.7 631.41,173.7 623.65,182.56 613.72,182.56 598.3,197.99 602.73,203.53 598.21,208.04 "/> <polygon id="mapa_04_mapa-castilla-la-mancha" class="st8" points="463.97,349.85 461.75,347.63 465.73,343.66 465.73,330.56 459.54,324.37 450.87,324.37 447.54,327.69 425.39,327.69 423.17,329.91 387.07,329.91 387.07,333.23 381.96,333.23 367.56,319.94 363.15,319.94 356.05,312.83 356.05,296.07 363.11,290.02 371.56,290.02 371.56,274.06 367.13,269.62 360.45,276.3 348.29,265.16 348.29,255.68 343.86,255.68 343.86,250.79 340.54,247.47 340.54,237.95 346.47,237.95 352.01,233.52 359.83,233.52 366.02,227.33 371.1,232.41 379.7,232.41 385.24,227.98 393.26,227.98 399.9,234.63 409.88,234.63 412.09,236.85 402.12,246.82 409.26,253.96 420.79,241.28 436.27,241.28 440.25,237.3 440.25,226.88 436.92,226.88 436.92,213.09 424.74,202.01 424.74,183.67 421.41,183.67 421.41,175.26 425.19,171.48 457.48,171.48 467.45,182.56 482.8,182.56 484.56,180.8 502.29,198.53 502.29,209.15 497.4,209.15 488.53,218.01 505.15,234.63 511.76,234.63 520.01,243.91 520.01,251.87 504.5,266.28 504.5,274.97 509.58,280.05 520.01,280.05 520.01,285.07 513.37,290.61 513.37,298.3 520.72,304.43 529.53,304.43 532.2,307.1 532.2,311.72 527.77,316.15 521.58,309.97 516.14,309.97 512.81,314.4 507.83,314.4 507.83,331.66 503.52,335.98 500.63,332.12 492.87,332.12 489.55,336.55 484.1,336.55 470.81,349.85 "/> <polygon id="mapa_04_mapa-castilla-y-leon" class="st8" points="340.54,235.74 340.54,224.2 335.65,229.09 328.87,229.09 323.33,222.44 317.92,222.44 315.06,225.31 301.76,212.01 293.55,220.23 286.25,220.23 286.25,222.44 278.5,222.44 278.5,185.23 309.52,154.21 309.52,144.89 287.82,144.89 297.72,134.99 291.2,127.17 268.53,127.17 268.53,122.11 282.31,109.48 276.28,103.44 276.28,96.15 267.42,96.15 267.42,85.57 276.7,77.31 286.71,77.31 297.79,66.23 311.27,66.23 316.81,71.77 324.47,71.77 325.68,69.56 333.17,69.56 338.71,65.13 352.15,65.13 356.18,60.09 367.81,70.67 375.27,70.67 380.41,66.56 385.96,71.18 385.96,76.59 391.04,81.74 409.23,81.74 409.23,73.99 400.36,73.99 400.36,71.2 405.18,67.34 409.61,67.34 415.15,62.91 431.38,62.91 431.38,69.56 437.48,69.56 439.14,71.77 426.95,71.77 426.95,80.64 434.25,80.64 439.89,86.28 435.81,91.72 437.57,91.72 433.6,95.69 433.6,117.65 445.33,129.38 456.22,129.38 463.97,121.63 468.56,121.63 479.64,133.81 487.31,133.81 490.1,130.33 490.1,147.76 484.56,153.3 484.56,160.4 477.91,160.4 477.91,174.16 482.99,179.24 481.89,180.34 468.44,180.34 458.47,169.27 424.28,169.27 420.16,173.38 416.81,171.15 399.26,189.88 399.26,197.6 373.78,221.97 373.74,230.2 372.02,230.2 366.02,224.2 358.91,231.31 351.23,231.31 345.69,235.74 "/> <polygon id="mapa_04_mapa-cantabria" class="st8" points="391.96,79.53 388.18,75.75 388.18,70.15 380.44,63.7 374.49,68.45 368.66,68.45 358.91,59.59 369.79,59.59 377.1,52.47 377.1,47.4 409.88,47.4 417.63,55.16 421.41,55.16 421.41,60.69 414.38,60.69 408.84,65.13 404.41,65.13 398.15,70.13 398.15,76.2 407.01,76.2 407.01,79.53 "/> <polygon id="mapa_04_mapa-principado-de-asturias" class="st8" points="276.78,75.1 270.04,67.39 277.85,59.59 263.49,45.23 272.27,37.43 320.1,37.43 328.96,47.4 374.88,47.4 374.88,51.37 368.88,57.37 355.52,57.37 351.08,62.91 337.93,62.91 332.39,67.34 324.34,67.34 323.23,69.56 317.73,69.56 312.19,64.02 296.87,64.02 285.79,75.1 "/> <polygon id="mapa_04_mapa-aragon" class="st8" points="531.09,247.56 531.09,242.39 521.62,242.39 512.76,232.41 506.07,232.41 491.67,218.01 498.31,211.37 504.5,211.37 504.5,197.61 480.13,173.24 480.13,162.62 486.78,162.62 486.78,154.21 492.32,148.68 492.32,128.27 500.72,128.27 506.72,134.27 517.24,123.75 511.15,118.88 511.15,108.79 516.69,103.25 516.69,94.37 538.84,71.17 556.09,89.5 599.78,89.5 599.78,102.14 603.1,105.47 603.1,115.68 596.46,123.43 596.46,134.43 583.16,146.62 583.16,150.89 587.13,154.86 583.16,158.84 583.16,166.5 587.59,169.82 587.59,169.92 578.73,178.78 578.73,199.18 573.65,199.18 570.33,195.85 561.7,195.85 552.73,203.55 556.57,207.39 556.57,223.08 535.52,243.02 535.52,248.57 533.43,250.67 "/> <polygon id="mapa_04_mapa-andalucia" class="st8" points="327.71,457.31 296.22,424.74 296.22,414.74 274.51,394.16 265.2,394.16 249.69,394.16 249.69,363.6 261.23,352.06 271.85,352.06 271.85,344.31 277.39,344.31 277.39,348.74 284.69,348.74 289.12,353.17 299.09,353.17 303.98,358.06 307.76,354.28 315.06,354.28 315.06,345.42 332.78,345.42 332.78,329.26 339.89,322.15 343.14,322.15 349.4,317.15 349.4,314.4 354.48,314.4 362.24,322.15 366.69,322.15 381.1,335.45 389.28,335.45 389.28,332.12 424.09,332.12 426.3,329.91 448.46,329.91 451.78,326.58 458.62,326.58 463.51,331.47 463.51,342.74 458.62,347.63 463.05,352.06 470.76,352.06 478.52,360.93 484.56,360.93 484.56,372.5 496.25,383.12 486.78,392.6 486.78,408.11 475.62,419.27 470.55,415.21 461.95,415.21 455.3,421.86 448.26,421.86 443.83,419.65 377.7,419.65 369.95,428.51 352.2,428.51 341.65,441.41 341.65,451.31 335.65,457.31 "/> </g> </g> <g id="g-c-rias-baixas"> <g id="g-c-rias-baixas-off"> <circle class="st9" cx="194.22" cy="108" r="12"/> <circle class="st10" cx="194.22" cy="108" r="7.2"/> </g> <g id="g-c-rias-baixas-on"> <g> <circle class="st11" cx="194.22" cy="108" r="12"/> <circle class="st12" cx="194.22" cy="108" r="7.2"/> </g> <rect x="22.5" y="98" class="st12" width="156" height="19"/> <g> <text transform="matrix(1 0 0 1 26.447 112.2773)" class="st13 st14 st15">RÍAS BAIXAS ESTUARY</text> </g> </g> </g> <g id="g-c-rias-altas"> <g id="g-c-rias-altas-off"> <circle class="st9" cx="205.22" cy="46" r="12"/> <circle class="st10" cx="205.22" cy="46" r="7.2"/> </g> <g id="g-c-rias-altas-on"> <g> <circle class="st11" cx="205.22" cy="46" r="12"/> <circle class="st12" cx="205.22" cy="46" r="7.2"/> </g> <rect x="28.5" y="36" class="st12" width="161" height="19"/> <g> <text transform="matrix(1 0 0 1 35.447 50.2773)" class="st13 st14 st15">RÍAS ALTAS ESTUARIES</text> </g> </g> </g> <g id="g-c-marina-lucense"> <g id="g-c-marina-lucense-off"> <circle class="st9" cx="243.22" cy="24" r="12"/> <circle class="st10" cx="243.22" cy="24" r="7.2"/> </g> <g id="g-c-marina-lucense-on"> <g> <circle class="st11" cx="243.22" cy="24" r="12"/> <circle class="st12" cx="243.22" cy="24" r="7.2"/> </g> <rect x="90.5" y="14" class="st12" width="137" height="19"/> <g> <text transform="matrix(1 0 0 1 100.447 28.2773)" class="st13 st14 st15">MARIÑA LUCENSE</text> </g> </g> </g> <g id="g-c-golfo-artabro"> <g id="g-c-golfo-artabro-off"> <circle class="st9" cx="231.22" cy="51" r="12"/> <circle class="st10" cx="231.22" cy="51" r="7.2"/> </g> <g id="g-c-golfo-artabro-on"> <g> <circle class="st11" cx="231.22" cy="51" r="12"/> <circle class="st12" cx="231.22" cy="51" r="7.2"/> </g> <rect x="77.5" y="41" class="st12" width="138" height="19"/> <g> <text transform="matrix(1 0 0 1 85.447 55.2773)" class="st13 st14 st15">GULF OF ÁRTABRO</text> </g> </g> </g> <g id="g-c-costa-verde"> <g id="g-c-costa-verde-off"> <circle class="st9" cx="320.22" cy="40" r="12"/> <circle class="st10" cx="320.22" cy="40" r="7.2"/> </g> <g id="g-c-costa-verde-on"> <g> <circle class="st11" cx="320.22" cy="40" r="12"/> <circle class="st12" cx="320.22" cy="40" r="7.2"/> </g> <rect x="263.5" y="54" class="st12" width="112" height="19"/> <g> <text transform="matrix(1 0 0 1 273.447 68.2773)" class="st13 st14 st15">COSTA VERDE</text> </g> </g> </g> <g id="g-c-costa-vasca"> <g id="g-c-costa-vasca-off"> <circle class="st9" cx="456.22" cy="50" r="12"/> <circle class="st10" cx="456.22" cy="50" r="7.2"/> </g> <g id="g-c-costa-vasca-on"> <g> <circle class="st11" cx="456.22" cy="50" r="12"/> <circle class="st12" cx="456.22" cy="50" r="7.2"/> </g> <rect x="399.5" y="64" class="st12" width="120" height="19"/> <g> <text transform="matrix(1 0 0 1 409.447 78.2773)" class="st13 st14 st15">BASQUE COAST</text> </g> </g> </g> <g id="g-c-costa-valencia"> <g id="g-c-costa-valencia-off"> <circle class="st9" cx="554.22" cy="273" r="12"/> <circle class="st10" cx="554.22" cy="273" r="7.2"/> </g> <g id="g-c-costa-valencia-on"> <g> <circle class="st11" cx="554.22" cy="273" r="12"/> <circle class="st12" cx="554.22" cy="273" r="7.2"/> </g> <rect x="400.5" y="263" class="st12" width="138" height="19"/> <g> <text transform="matrix(1 0 0 1 410.447 277.2773)" class="st13 st14 st15">VALENCIA COAST</text> </g> </g> </g> <g id="g-c-costa-tropical"> <g id="g-c-costa-tropical-off"> <circle class="st9" cx="435.22" cy="418" r="12"/> <circle class="st10" cx="435.22" cy="418" r="7.2"/> </g> <g id="g-c-costa-tropical-on"> <g> <circle class="st11" cx="435.22" cy="418" r="12"/> <circle class="st12" cx="435.22" cy="418" r="7.2"/> </g> <rect x="368.5" y="433" class="st12" width="134" height="19"/> <g> <text transform="matrix(1 0 0 1 378.447 447.2773)" class="st13 st14 st15">COSTA TROPICAL</text> </g> </g> </g> <g id="g-c-costa-la-luz"> <g id="g-c-costa-la-luz-off"> <circle class="st9" cx="295.22" cy="424" r="12"/> <circle class="st10" cx="295.22" cy="424" r="7.2"/> </g> <g id="g-c-costa-la-luz-on"> <g> <circle class="st11" cx="295.22" cy="424" r="12"/> <circle class="st12" cx="295.22" cy="424" r="7.2"/> </g> <rect x="146.5" y="414" class="st12" width="134" height="19"/> <g> <text transform="matrix(1 0 0 1 156.447 428.2773)" class="st13 st14 st15">COSTA DE LA LUZ</text> </g> </g> </g> <g id="g-c-costa-dorada"> <g id="g-c-costa-dorada-off"> <circle class="st9" cx="606.22" cy="189" r="12"/> <circle class="st10" cx="606.22" cy="189" r="7.2"/> </g> <g id="g-c-costa-dorada-on"> <g> <circle class="st11" cx="606.22" cy="189" r="12"/> <circle class="st12" cx="606.22" cy="189" r="7.2"/> </g> <rect x="463.5" y="179" class="st12" width="128" height="19"/> <g> <text transform="matrix(1 0 0 1 473.447 193.2773)" class="st13 st14 st15">COSTA DORADA</text> </g> </g> </g> <g id="g-c-costa-del-sol"> <g id="g-c-costa-del-sol-off"> <circle class="st9" cx="360.22" cy="424" r="12"/> <circle class="st10" cx="360.22" cy="424" r="7.2"/> </g> <g id="g-c-costa-del-sol-on"> <g> <circle class="st11" cx="360.22" cy="424" r="12"/> <circle class="st12" cx="360.22" cy="424" r="7.2"/> </g> <rect x="299.5" y="391" class="st12" width="124" height="19"/> <g> <text transform="matrix(1 0 0 1 309.447 405.2773)" class="st13 st14 st15">COSTA DEL SOL</text> </g> </g> </g> <g id="g-c-costa-da-morte"> <g id="g-c-costa-da-morte-off"> <circle class="st9" cx="177.22" cy="78" r="12"/> <circle class="st10" cx="177.22" cy="78" r="7.2"/> </g> <g id="g-c-costa-da-morte-on"> <g> <circle class="st11" cx="177.22" cy="78" r="12"/> <circle class="st12" cx="177.22" cy="78" r="7.2"/> </g> <rect x="24.5" y="68" class="st12" width="138" height="19"/> <g> <text transform="matrix(1 0 0 1 33.447 82.2773)" class="st13 st14 st15">COSTA DA MORTE</text> </g> </g> </g> <g id="g-c-costa-castellon"> <g id="g-c-costa-castellon-off"> <circle class="st9" cx="577.22" cy="230" r="12"/> <circle class="st10" cx="577.22" cy="230" r="7.2"/> </g> <g id="g-c-costa-castellon-on"> <g> <circle class="st11" cx="577.22" cy="230" r="12"/> <circle class="st12" cx="577.22" cy="230" r="7.2"/> </g> <rect x="417.5" y="220" class="st12" width="145" height="19"/> <g> <text transform="matrix(1 0 0 1 427.447 234.2773)" class="st13 st14 st15">COSTA CASTELLÓN</text> </g> </g> </g> <g id="g-c-costa-cantabria"> <g id="g-c-costa-cantabria-off"> <circle class="st9" cx="402.22" cy="46" r="12"/> <circle class="st10" cx="402.22" cy="46" r="7.2"/> </g> <g id="g-c-costa-cantabria-on"> <g> <circle class="st11" cx="402.22" cy="46" r="12"/> <circle class="st12" cx="402.22" cy="46" r="7.2"/> </g> <rect x="331.5" y="13" class="st12" width="144" height="19"/> <g> <text transform="matrix(1 0 0 1 341.447 27.2773)" class="st13 st14 st15">COSTA CANTABRIA</text> </g> </g> </g> <g id="g-c-costa-calida"> <g id="g-c-costa-calida-off"> <circle class="st9" cx="522.22" cy="367" r="12"/> <circle class="st10" cx="522.22" cy="367" r="7.2"/> </g> <g id="g-c-costa-calida-on"> <g> <circle class="st11" cx="522.22" cy="367" r="12"/> <circle class="st12" cx="522.22" cy="367" r="7.2"/> </g> <rect x="386.5" y="357" class="st12" width="121" height="19"/> <g> <text transform="matrix(1 0 0 1 396.447 371.2773)" class="st13 st14 st15">COSTA CALIDA</text> </g> </g> </g> <g id="g-c-costa-brava"> <g id="g-c-costa-brava-off"> <circle class="st9" cx="697.22" cy="129" r="12"/> <circle class="st10" cx="697.22" cy="129" r="7.2"/> </g> <g id="g-c-costa-brava-on"> <g> <circle class="st11" cx="697.22" cy="129" r="12"/> <circle class="st12" cx="697.22" cy="129" r="7.2"/> </g> <rect x="569.5" y="119" class="st12" width="113" height="19"/> <g> <text transform="matrix(1 0 0 1 579.447 133.2773)" class="st13 st14 st15">COSTA BRAVA</text> </g> </g> </g> <g id="g-c-costa-blanca"> <g id="g-c-costa-blanca-off"> <circle class="st9" cx="557.22" cy="321" r="12"/> <circle class="st10" cx="557.22" cy="321" r="7.2"/> </g> <g id="g-c-costa-blanca-on"> <g> <circle class="st11" cx="557.22" cy="321" r="12"/> <circle class="st12" cx="557.22" cy="321" r="7.2"/> </g> <rect x="417.5" y="311" class="st12" width="125" height="19"/> <g> <text transform="matrix(1 0 0 1 427.447 325.2773)" class="st13 st14 st15">COSTA BLANCA</text> </g> </g> </g> <g id="g-c-costa-barcelona"> <g id="g-c-costa-barcelona-off"> <circle class="st9" cx="660.22" cy="159" r="12"/> <circle class="st10" cx="660.22" cy="159" r="7.2"/> </g> <g id="g-c-costa-barcelona-on"> <g> <circle class="st11" cx="660.22" cy="159" r="12"/> <circle class="st12" cx="660.22" cy="159" r="7.2"/> </g> <rect x="495.5" y="149" class="st12" width="150" height="19"/> <g> <text transform="matrix(1 0 0 1 505.447 163.2773)" class="st13 st14 st15">COSTA BARCELONA</text> </g> </g> </g> <g id="g-c-costa-almeria"> <g id="g-c-costa-almeria-off"> <circle class="st9" cx="485.22" cy="409" r="12"/> <circle class="st10" cx="485.22" cy="409" r="7.2"/> </g> <g id="g-c-costa-almeria-on"> <g> <circle class="st11" cx="485.22" cy="409" r="12"/> <circle class="st12" cx="485.22" cy="409" r="7.2"/> </g> <rect x="500.5" y="399" class="st12" width="129" height="19"/> <g> <text transform="matrix(1 0 0 1 510.447 413.2773)" class="st13 st14 st15">COSTA ALMERÍA</text> </g> </g> </g> </svg> </div> </section> </div> </section> <div> <section class="module d-customdk-none waaslider"> <div class="container"> <div class="title-box "> <span class="subtitle">WHERE TO GO</span> <p class="title">Discover Spain’s coastlines</p> <hr> <p class="description"><p>Click on the map to get information about the coast you are interested in.</p></p> </div><div class="mask-mobile"> <div class="carousel-swipe carousel-numbered" id=''> <a href='/en/region/costa-almeria/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-muertos-cabo-gata-almeria-s552241936.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-1"> <p class="title text-white">Coast of Almería</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-almeria_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/costa-castellon/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/valencia/playa-peniscola-castellon-s1269240346.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-2"> <p class="title text-white">Coast of Castellón</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-azahar_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/costa-barcelona/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/sitges-barcelona-s1485752549.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-3"> <p class="title text-white">Costa Barcelona</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-barcelona_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/costa-blanca/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/valencia/costa-blanca-denia-alicante-s560898862.jpg_1259223088.jpg' class="img-fluid" alt="Turismo Dénia" id="-img-4"> <p class="title text-white">Costa Blanca</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-blanca_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/costa-calida/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/murcia/playa-cala-cortina-cartagena-s221141230.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-5"> <p class="title text-white">Costa Cálida</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-calida_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/costa-cantabria/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cantabria/playa-la-arnia-cantabria-c-raul-entter-u-HNfoFLiEQfY.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-6"> <p class="title text-white">Costa de Cantabria</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-cantabria_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/costa-da-morte/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/cabo-vilan-faro-galicia-c-hector-martinez-u1602145.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-7"> <p class="title text-white">Costa da Morte</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-da-morte_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/costa-la-luz/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-cadiz-s540811918.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-8"> <p class="title text-white">Costa de la Luz</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-luz_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/costa-del-sol/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/Marbella-Puerto-Banus-s473238115.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-9"> <p class="title text-white">Costa del Sol</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-sol_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/costa-tropical/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/pueblo-calahonda-granada-s85303858.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-10"> <p class="title text-white">Costa Tropical</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-tropical_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/costa-valencia/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/valencia/amanecer-playa-cullera-valencia-s1076209103.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-11"> <p class="title text-white">Valencia Coast</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-valencia_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/costa-vasca/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/pais-vasco/flysch-zumaia-pais-vasco-s459370651.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-12"> <p class="title text-white">Basque Coast</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-vasca_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/costa-verde/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/costa-verde-cudillero-asturias-playa-silencio-s1188994426.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-13"> <p class="title text-white">Costa Verde (Green Coast)</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-verde_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/golfo-artabro/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/elcano-ferrol-s1008596101.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-14"> <p class="title text-white">Gulf of Ártabro</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/golfo-artabro_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/marina-lucense/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/playa-catedrales-ribadeo-s1188994495.jpg_1259223088.jpg' class="img-fluid" alt="Pau Casals" id="-img-15"> <p class="title text-white">Mariña Lucense</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/marina-lucense_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/rias-altas/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/playa-das-furnas-galicia-29540068-istock.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-16"> <p class="title text-white">Rías Altas estuaries</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/rias-altas_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/rias-baixas/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/atardecer-arosa-rias-pontevedra-s137213270.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-17"> <p class="title text-white">Rías Baixas estuary</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/rias-baixas_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/costa-dorada/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/playa-larga-salou_c-costa-daurada.jpg_1259223088.jpg' class="img-fluid" alt="Costa Daurada" id="-img-18"> <p class="title text-white">Costa Daurada</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-dorada_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> <a href='/en/region/costa-brava/' title='' rel='' class="wrapper-slide-xs"> <div class="wrapper-img-bg bg-dark-gradient"> <img src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/palafrugell-girona-s144973225.jpg_1259223088.jpg' class="img-fluid" alt="" id="-img-19"> <p class="title text-white">Costa Brava</p> </div> <div class="wrapper-map-xs"> <img src='/export/sites/segtur/.content/mapas/mapa-movil-amarillo-costas/costa-brava_mapa-mini-amarillo.png_1231298587.png' class="img-fluid" alt="Location map"> </div> </a> </div> </div> </div> </section> </div><section class="module destacados positioned"> <div class="container"> <div class="title-box"> <span class="subtitle">THINGS TO DO</span> <h2 class="title">Itineraries not to be missed</h2> <hr> </div> <div class="row"> <div class="col-md-4"> <a class="card" href="/en/discover-spain/beaches-winter-spain/" title="Are you craving to go to the beach?"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/playa-catedrales-ribadeo-s1188994495.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/playa-catedrales-ribadeo-s1188994495.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/playa-catedrales-ribadeo-s1188994495.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/playa-catedrales-ribadeo-s1188994495.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/playa-catedrales-ribadeo-s1188994495.jpg_2140969072.jpg' class='lazy img-fluid' alt='Las Catedrales beach in Ribadeo, Lugo' title='Las Catedrales beach in Ribadeo, Lugo'><div class="card-body"> <div class="title-box secondary "> <span class="subtitle">Coasts and beaches</span> <h2 class="title-secondary">Are you craving to go to the beach?</h2> <p class="description-secondary"><p>These are the destinations in Spain to go to now.</p></p> </div> </div> </a> </div> <div class="col-md-4"> <a class="card" href="/en/top/canary-islands-holidays-autumn-winter/" title="Canary Islands: To enjoy the sea at any time"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/canarias/playa-cofete-atardecer-fuerteventura-s740751832.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/canarias/playa-cofete-atardecer-fuerteventura-s740751832.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/canarias/playa-cofete-atardecer-fuerteventura-s740751832.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/canarias/playa-cofete-atardecer-fuerteventura-s740751832.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/canarias/playa-cofete-atardecer-fuerteventura-s740751832.jpg_2140969072.jpg' class='lazy img-fluid' alt='Sunset on Cofete Beach, Fuerteventura' title='Sunset on Cofete Beach, Fuerteventura'><div class="card-body"> <div class="title-box secondary "> <span class="subtitle">Coasts and beaches</span> <h2 class="title-secondary">Canary Islands: To enjoy the sea at any time</h2> <p class="description-secondary"><p>Don't grab your coat just yet.</p></p> </div> </div> </a> </div> <div class="col-md-4"> <a class="card" href="/en/top/lighthouses-of-the-spanish-coast/" title="Lighthouses to illuminate the winter"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/torre-hercules-atardecer-a-coruna-s1739014544.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/torre-hercules-atardecer-a-coruna-s1739014544.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/torre-hercules-atardecer-a-coruna-s1739014544.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/torre-hercules-atardecer-a-coruna-s1739014544.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/galicia/torre-hercules-atardecer-a-coruna-s1739014544.jpg_2140969072.jpg' class='lazy img-fluid' alt=' Tower of Hercules at sunset, Galicia' title=' Tower of Hercules at sunset, Galicia'><div class="card-body"> <div class="title-box secondary "> <span class="subtitle">Coasts and beaches</span> <h2 class="title-secondary">Lighthouses to illuminate the winter</h2> <p class="description-secondary"><p>Guardians of the sea in front of incredible landscapes.</p></p> </div> </div> </a> </div> <a href="/en/query/travel-ideas-coasts-and-beaches-spain/" title="Itineraries not to be missed" class="btn btn-white text-uppercase d-block mx-auto mt-4">See more</a> </div> </div> </section> <section class="module buscador"> <div class="container"> <div class="title-box"> <span class="subtitle">SEARCH</span> <h2 class="title">Find your beach</h2> <hr> <p class="description"><p>Would you like information on anything specific?</p></p> </div> <div class="p-4"> <div id="buscador" class="buscador-ac bg-blur"> <form class="form-inline componente-buscador" action="/en/search-results/index.html" method="GET" name="formLanding" id="formLanding" aria-hidden="false"> <fieldset> <label lang="es" for="" xml:lang="es" class="sr-only">Enter what you're looking for</label> <input class="form-control input-visible" name="q" type="search" placeholder="Enter what you're looking for" aria-label="Enter what you're looking for"> <span class="icon-search capa-lupa"></span> <input type="hidden" value="" name="reloaded"> <input type="hidden" value="SEG-TUR-Playa" name="typeFilter"> <input type="hidden" value="" name="subTypeFilter"> <input class="btn submit" type="submit" value="submit"> </fieldset> </form> </div> </div> </div> </section> <section class="module destacados positioned"> <div class="container"> <div class="title-box"> <h2 class="title">You may be interested in</h2> <hr> </div> <div class="row"> <div class="col-md-4"> <a class="card" href="/en/query/nudist-beaches-spain/" title="Nudist beaches in Spain"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-tarifa_s540759601.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-tarifa_s540759601.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-tarifa_s540759601.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-tarifa_s540759601.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/andalucia/playa-bolonia-tarifa_s540759601.jpg_2140969072.jpg' class='lazy img-fluid' alt='Bolonia beach, Tarifa' title='Bolonia beach, Tarifa'><div class="card-body"> <div class="title-box secondary "> <span class="subtitle">Coasts and beaches</span> <h2 class="title-secondary">Nudist beaches in Spain</h2> </div> </div> </a> </div> <div class="col-md-4"> <a class="card" href="/en/query/blue-flag-beaches-spain/" title="Blue flag beaches in Spain"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/playa-rodiles-villaviciosa_s1189108030.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/playa-rodiles-villaviciosa_s1189108030.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/playa-rodiles-villaviciosa_s1189108030.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/playa-rodiles-villaviciosa_s1189108030.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/asturias/playa-rodiles-villaviciosa_s1189108030.jpg_2140969072.jpg' class='lazy img-fluid' alt='Rodiles beach, Villaviciosa' title='Rodiles beach, Villaviciosa'><div class="card-body"> <div class="title-box secondary "> <span class="subtitle">Coasts and beaches</span> <h2 class="title-secondary">Blue flag beaches in Spain</h2> </div> </div> </a> </div> <div class="col-md-4"> <a class="card" href="/en/query/spain-coastlines/" title="Costas - Spain's coastlines"> <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/calella-palafrugell-costa-brava_s208688674.jpg' data-srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/calella-palafrugell-costa-brava_s208688674.jpg_2140969072.jpg 510w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/calella-palafrugell-costa-brava_s208688674.jpg_1246170731.jpg 210w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/calella-palafrugell-costa-brava_s208688674.jpg_1962376561.jpg 350w' sizes='(max-width: 480px) 510px, (max-width: 768px) 210px, 350px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/cataluna/calella-palafrugell-costa-brava_s208688674.jpg_2140969072.jpg' class='lazy img-fluid' alt='Calella Palafrugell, Costa Brava' title='Calella Palafrugell, Costa Brava'><div class="card-body"> <div class="title-box secondary "> <span class="subtitle">Coasts and beaches</span> <h2 class="title-secondary">Costas - Spain's coastlines</h2> </div> </div> </a> </div> </div> </div> </section> <section class="module bg-module-gradient"> <div class="container"> <div class="title-box "> <span class="subtitle">Gallery</span> <p class="title">In images</p> <hr> </div></div> <div> <section class="main-gallery bg-cover waaslider"> <img data-src='/export/sites/segtur/.content/imagenes/galeria-fondos/mallorca-velero-c-dmitry-dzhigaev-u459478.jpg_25397988.jpg' srcset='/export/sites/segtur/.content/imagenes/galeria-fondos/mallorca-velero-c-dmitry-dzhigaev-u459478.jpg_1347693873.jpg 1w, /export/sites/segtur/.content/imagenes/galeria-fondos/mallorca-velero-c-dmitry-dzhigaev-u459478.jpg_736902174.jpg 768w, /export/sites/segtur/.content/imagenes/galeria-fondos/mallorca-velero-c-dmitry-dzhigaev-u459478.jpg_25397988.jpg 1920w' sizes='(max-width: 480px) 1px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/galeria-fondos/mallorca-velero-c-dmitry-dzhigaev-u459478.jpg_1347693873.jpg' class='img-fluid img-editable' alt='Yacht in the waters off the island of Majora' title='Yacht in the waters off the island of Majora'><div class="wrapper-slider"> <svg class="waa waaleft" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleleft" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g class="DK/icono/flecha-izq-gris-claro-inactivo"> <g class="Flecha-izq" transform="translate(36.000000, 36.000000) rotate(-180.000000) translate(-36.000000, -36.000000) "> <circle class="circleleft" fill="#9B9B9B" opacity="0.59984189" cx="36" cy="36" r="36"></circle> <polyline class="angleleft" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </g> </g> </svg><svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg><div class="slider-padding carousel-numbered arrows-in text-center"> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Ses Salines Cape, Majorca</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/chica-mar-cap-de-ses-salines-c-jens-kreuter-u96504.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/chica-mar-cap-de-ses-salines-c-jens-kreuter-u96504.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/chica-mar-cap-de-ses-salines-c-jens-kreuter-u96504.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/chica-mar-cap-de-ses-salines-c-jens-kreuter-u96504.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/chica-mar-cap-de-ses-salines-c-jens-kreuter-u96504.jpg_1809282296.jpg' class='lazy img-fluid' alt='Ses Salines Cape, Majorca' title='Ses Salines Cape, Majorca'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Moro Cove, Majorca.</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/cala-moro-mallorca-i29548754.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/cala-moro-mallorca-i29548754.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/cala-moro-mallorca-i29548754.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/cala-moro-mallorca-i29548754.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/cala-moro-mallorca-i29548754.jpg_1809282296.jpg' class='lazy img-fluid' alt='Moro Cove, Majorca.' title='Moro Cove, Majorca.'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">View of Ribadesella</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/ribadesella-s1449963641.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/ribadesella-s1449963641.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/ribadesella-s1449963641.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/ribadesella-s1449963641.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/ribadesella-s1449963641.jpg_1809282296.jpg' class='lazy img-fluid' alt='View of Ribadesella' title='View of Ribadesella'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Adeje Beach, Tenerife</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-adeje-tenerife-canarias-c-daria-nepriakhina-F88jkCoSVx0-unsplash.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-adeje-tenerife-canarias-c-daria-nepriakhina-F88jkCoSVx0-unsplash.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-adeje-tenerife-canarias-c-daria-nepriakhina-F88jkCoSVx0-unsplash.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-adeje-tenerife-canarias-c-daria-nepriakhina-F88jkCoSVx0-unsplash.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-adeje-tenerife-canarias-c-daria-nepriakhina-F88jkCoSVx0-unsplash.jpg_1809282296.jpg' class='lazy img-fluid' alt='Adeje Beach, Tenerife' title='Adeje Beach, Tenerife'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Cíes Islands</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/islas-cies-playa-rodas-002-c-pedro-giraldez.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/islas-cies-playa-rodas-002-c-pedro-giraldez.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/islas-cies-playa-rodas-002-c-pedro-giraldez.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/islas-cies-playa-rodas-002-c-pedro-giraldez.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/islas-cies-playa-rodas-002-c-pedro-giraldez.jpg_1809282296.jpg' class='lazy img-fluid' alt='Cíes Islands' title='Cíes Islands'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">View of Cadaqués</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/cadaques-s674086594.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/cadaques-s674086594.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/cadaques-s674086594.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/cadaques-s674086594.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/cadaques-s674086594.jpg_1809282296.jpg' class='lazy img-fluid' alt='View of Cadaqués' title='View of Cadaqués'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Zumaia, Basque Country</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/flysch-zumaia-pais-vasco-c-ryan-magsino-u-qvRhwItKUec.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/flysch-zumaia-pais-vasco-c-ryan-magsino-u-qvRhwItKUec.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/flysch-zumaia-pais-vasco-c-ryan-magsino-u-qvRhwItKUec.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/flysch-zumaia-pais-vasco-c-ryan-magsino-u-qvRhwItKUec.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/flysch-zumaia-pais-vasco-c-ryan-magsino-u-qvRhwItKUec.jpg_1809282296.jpg' class='lazy img-fluid' alt='Zumaia, Basque Country' title='Zumaia, Basque Country'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Montaña de Arena Beach, Gran Canaria</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-montana-arena-las-palmas-gran-canaria-chema-photo-unsplash-tIopxj2NoRI.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-montana-arena-las-palmas-gran-canaria-chema-photo-unsplash-tIopxj2NoRI.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-montana-arena-las-palmas-gran-canaria-chema-photo-unsplash-tIopxj2NoRI.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-montana-arena-las-palmas-gran-canaria-chema-photo-unsplash-tIopxj2NoRI.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-montana-arena-las-palmas-gran-canaria-chema-photo-unsplash-tIopxj2NoRI.jpg_1809282296.jpg' class='lazy img-fluid' alt='Montaña de Arena Beach, Gran Canaria' title='Montaña de Arena Beach, Gran Canaria'></div> <div class="item"> <div class="infoImg right right-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Xarraca Cove, Sant Joan Labritja</span> </span> </div> <img data-src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-cala-xarraca-sant-joan-labritja-c-josie-kouwenhoven-u735687.jpg' data-srcset='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-cala-xarraca-sant-joan-labritja-c-josie-kouwenhoven-u735687.jpg_1809282296.jpg 360w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-cala-xarraca-sant-joan-labritja-c-josie-kouwenhoven-u735687.jpg_1575791441.jpg 550w, /export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-cala-xarraca-sant-joan-labritja-c-josie-kouwenhoven-u735687.jpg_1476000910.jpg 730w' sizes='(max-width: 480px) 360px, (max-width: 768px) 550px, 730px' src='/export/sites/segtur/.content/imagenes/galeria-destacados/costas-playas/playa-cala-xarraca-sant-joan-labritja-c-josie-kouwenhoven-u735687.jpg_1809282296.jpg' class='lazy img-fluid' alt='Xarraca Cove, Sant Joan Labritja' title='Xarraca Cove, Sant Joan Labritja'></div> </div> </div> </section> </div> </section> <section class="module blockquote bg-white"> <div class="container"> <div class="title-box"> <span class="subtitle">DID YOU KNOW?</span> </div> <div class="row"> <div class="col-2 col-lg-1"> <img src="/.content/comun/resources/open-quote.svg" alt="" class="img-fluid" width="70"> </div> <div class="col-8 col-lg-10"> <p class="text text-center"> Spain is the country that has more blue flags on its beaches than any other country in the world</p> </div> <div class="col-2 col-lg-1 d-flex align-items-end"> <img src="/.content/comun/resources/close-quote.svg" alt="" class="img-fluid" width="70"> </div> </div> </div> </section> <section class="module"> <div class="container"> <div class="title-box"> <span class="subtitle">QUIZ</span> <h2 class="title">Ready to put your knowledge of Spain to the test? Do you dare?</h2> <hr/> </div> <div class="slideshow position-relative"> <div class="tech1-slideshow"> <img src="/export/sites/segtur/.content/imagenes/banners/cala-macarella-menorca-s114611134.jpg_1784023751.jpg" alt="banner" class="img-responsive" /></div> <div class="call-to-action position-absolute container"> <p class="title text-white px-4 pb-4">How much do you know about the beaches and coasts of Spain?</p> <a title="Let’s play!" href="/en/game/how-much-do-you-know-beaches-spain/" class="btn btn-transparent text-white">Let’s play!</a> </div> </div> </div> </section> <section class="module banner-img-bg"> <div class="bg-cover"> <img src="/export/sites/segtur/.content/imagenes/banners/actividades/banner-actividades-costas-playas.jpg" class="img-editable img-fluid" style="display: none;"/> <div class="container"> <div class="wrapper-cta"> <div class="title-box"> <span class="subtitle">COASTAL AND BEACH EXPERIENCES</span> <h2 class="title">Book yours</h2> <hr/> <p class="description d-none d-sm-block"><p>Choose between thousands of activities to live your best life on holiday.</p></p> </div> <a href="/en/search-results/?tab=e&exp=true&cat1=13" class="btn btn-white text-uppercase" rel="nofollow">See more</a> <img src="/export/sites/segtur/.content/imagenes/banners/actividades/banner-actividades-playas-mb.jpg" class="img-fluid d-md-none"/> </div> </div> </div> </section> </div></main> <footer class="footer text-center"> <button type="button" id="insuitlaunch"> <div class="wrapper-img"> <img src="/export/sites/segtur/.content/comun/footer/icono-accesibilidad.png" width="50" alt="modo accesible"> </div> <div class="wrapper-text noned"> <p class="text">Accessible mode</p> </div> </button> <div class="buttons-fixed hidden"> <div class="back-to-top"> <span class="icon-arrow-up"></span> </div> <div id="acordeon-pers" class="accordion"> <button type="button" data-toggle="collapse" data-target="#collapserrss" aria-expanded="false" aria-label="desplegar redes sociales"><span class="icon-share"></span></button> <div id="collapserrss" class="wrapper-desplegable collapse" data-parent="#acordeon-pers"> <ul class="list"> <li class="list-item"><a href="https://www.facebook.com/sharer.php?u=https://www.spain.info/en/coasts-beaches/" rel="nofollow" class="item-link hacerblank"><span class="icon-facebook"></span></a></li> <li class="list-item"><a href="https://x.com/share?url=https://www.spain.info/en/coasts-beaches/" rel="nofollow" class="item-link hacerblank"><span class="icon-xicon1"></span></a></li> <li class="list-item"><a href="/en/app/send-to-a-friend/?id=378dca5c-f4c3-11e9-9a6c-0242ac110003" class="item-link hacerblank" rel="nofollow"><span class="icon-mail-social"></span></a></li> <li class="list-item"> <div class="sguardar"> <span id="save_btn"> <svg version="1.1" width="25px" fill="#E71C03" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.3 533.3" style="enable-background:new 0 0 533.3 533.3;" xml:space="preserve"> <g><path class="st0" d="M266.7,283.3L400,150H300V16.7h-66.7V150h-100L266.7,283.3z M387.9,228.8l-37.4,37.4L486,316.7l-219.3,81.8 L47.4,316.7l135.5-50.5l-37.4-37.4L0,283.3v133.3l266.7,100l266.7-100V283.3L387.9,228.8z"></path></g> </svg> </span> </div> </li> </ul> </div> </div> </div> <div class="claim text-center"> <p class="custom-title">Spain</p> </div> <div class="container-fluid no-gutters wrapper-footer bg-cover"> <img data-src='/export/sites/segtur/.content/comun/footer/no_categ.jpg' data-srcset='/export/sites/segtur/.content/comun/footer/no_categ.jpg_1071532788.jpg 480w, /export/sites/segtur/.content/comun/footer/no_categ.jpg_594351065.jpg 768w, /export/sites/segtur/.content/comun/footer/no_categ.jpg_193627401.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/comun/footer/no_categ.jpg_1071532788.jpg' class='lazy img-fluid' alt='Coasts and beaches' title='Coasts and beaches'><section class="list-navigation"> <div class="separator-mini-img text-center"> <img src="/export/sites/segtur/.content/comun/footer/mapita.png" class="img-fluid" alt=""> </div> <div class="container"> <div class="row align-items-center py-4"> <div class="col-md-4 text-center pb-4"> <div id="logo-footer" class="logo"> <a href="/en/"><img src="/export/sites/segtur/.content/comun/footer/logo.jpg" alt="logo"></a> </div> </div> <div class="col-md-4 text-center"> <div class="wrapper-icons-inline"> <nav class="wrapper-icons-inline--rounded"> <ul class="list"> <li class="list-item pb-3"><a href="https://www.facebook.com/spain.info" rel="nofollow" class="item-link" target="_blank" aria-label="facebook"><span class="icon-facebook text-white"></span></a></li> <li class="list-item pb-3"><a href="https://x.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="x"><span class="icon-xicon1 text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.youtube.com/spain" rel="nofollow" class="item-link" target="_blank" aria-label="youtube"><span class="icon-youtube text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.instagram.com/spain/" rel="nofollow" class="item-link" target="_blank" aria-label="instagram"><span class="icon-instagram text-white"></span></a></li> <li class="list-item pb-3"><a href="https://www.tiktok.com/@visitspain" rel="nofollow" class="item-link" target="_blank" aria-label="tiktok"><span class="icon-tiktok text-white"></span></a></li> </ul> </nav> </div> <p class="text-gray">All rights reserved</p> </div> <div class="col-md-4 text-center"> <div id="footer" ><nav class="vertical-list"> <ul class="list align-items-right no-bullets"> <li class="list-item d-block"> <a title="" href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Casos_Turista/CasoTuristaIngles.aspx" target="_blank" rel="nofollow" class="text-gray text-uppercase"> Contact</a> </li> <li class="list-item d-block"> <a title="" href="https://www.tourspain.es/en/" target="_blank" class="text-gray text-uppercase"> About us</a> </li> <li class="list-item d-block"> <a title="" href="/en/site-map/" class="text-gray text-uppercase"> Site map</a> </li> <li class="list-item d-block"> <a title="" href="/en/legal-notice/" rel="nofollow" class="text-gray text-uppercase"> Legal notice</a> </li> <li class="list-item d-block"> <a title="" href="/en/conditions-use-information/" rel="nofollow" class="text-gray text-uppercase"> Use of the information</a> </li> <li class="list-item d-block"> <a title="" href="/en/cookies/" rel="nofollow" class="text-gray text-uppercase"> Cookie Policy</a> </li> <li class="list-item d-block"> <a title="" href="/en/accessibility/" rel="nofollow" class="text-gray text-uppercase"> Accessibility</a> </li> </ul> </nav> </div></div> </div> </div> </section> </div> <script defer src="/export/system/modules/es.segittur.comun/resources/js/cookie-consent-en.js" type="text/javascript"></script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/klaro-no-translations-no-css.js" type="text/javascript"></script> <div id="popupRRSS"> <div id="banner-popup-rrss" class="overlay standard-box-shadow"> <img src="/export/sites/segtur/.content/images/bg-banner-rrss.png" class="img-fluid"> <div class="wrapper position-absolute"> <p class="title text-left">YOUR NEW MEMORIES START HERE.</p> <span id="cerrarPopupRRSS" class="icon-close"></span> <p class="subtitle text-white text-left"><span>DISCOVER SPAIN WITH US</span><span class="d-block">FOLLOW US ON…</span></p> <div class="wrapper-icons-inline"> <ul class="list"> <li class="list-item"><a href="https://www.instagram.com/spain/" id="popupIG" rel="nofollow"target="_blank" aria-label="instagram"><span class="icon-instagram"></span></a></li> <li class="list-item"><a href="https://www.facebook.com/spain.info" id="popupFB" rel="nofollow" target="_blank" aria-label="facebook"><span class="icon-facebook"></span></a></li> <li class="list-item"><a href="https://www.tiktok.com/@visitspain" id="popupTT" rel="nofollow" target="_blank" aria-label="tiktok"><span class="icon-tiktok"></span></a></li> <li class="list-item"><a href="https://www.youtube.com/spain" id="popupYT" rel="nofollow" target="_blank" aria-label="youtube"><span class="icon-youtube"></span></a></li> </ul> </div> </div> </div> </div> <script type="text/javascript"> $("#cerrarPopupRRSS").click(function(e) { setCookie("puRRSS", "true", 120); document.getElementById("popupRRSS").style.visibility = "hidden"; }); </script> <div id="snackbar" class="aviso-pwa"><p>You are not online. A connection is required for updated content.</p></div> <div id="wrapper-saved"> <div id="savedOffline" class="aviso-pwa savedoffline p-3 standard-box-shadow"> <span id="close-saved" class="icon-close pb-3"></span> <p class="title bolder h4 mb-3">You have downloaded the content</p> <p id="textInstall" class="text py-3">We recommend downloading the content offline from the Spain.info Web App</p> <div id="stext_ios" class="text-left"></div> <div class="wrapper-botones d-flex align-items-center justify-content-around"> <button id="installApp" class="btn btn-dark text-white text-uppercase okDload">Download</button> </div> </div> </div> <div id="swfail" class="aviso-pwa"><p>It is not possible to save for offline use.</p></div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> <script defer src="https://player.vimeo.com/api/player.js "></script> <script src="https://unpkg.com/leaflet@1.5.1/dist/leaflet.js" integrity="sha512-GffPMF3RvMeYyc1LWMHtK8EbPv0iNZ8/oTtHPx9/cc2ILxQ+u905qIwdpULaqDkyBKgOaB57QTMg7ztg8Jm2Og==" crossorigin=""></script> <script defer type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script defer type="text/javascript"> const swrapper_saved = document.getElementById('wrapper-saved'); const sinstall_button = document.getElementById('installApp'); const stext_install = document.getElementById('textInstall'); const stext_button = document.getElementById('save_btn'); const ssaved = document.getElementById('savedOffline'); const stext_ios = document.getElementById('stext_ios'); if($('.sguardar').length){ if($('.sguardar').length<2){ $('.sguardar').parent().hide(); } $('.sguardar').click(function (e) { e.preventDefault(); if('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js', { scope: '/' }) .then(function(registration) { if(navigator.onLine) { stext_button.innerHTML = "Downloaded"; swrapper_saved.style.display = 'block'; ssaved.style.display = "block"; function iOS() { return [ 'iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod' ].includes(navigator.platform) || (navigator.userAgent.includes("Mac") && "ontouchend" in document) } var result = iOS(); if(result == true){ swrapper_saved.style.display = 'block'; stext_install.style.display = 'block'; //sinstall_button.style.display = 'block'; stext_ios.innerHTML = '<div class="d-flex"><span>1.-</span><span class="mr-2"> 1. Click on share (iOS icon).</span><img src="/.content/images/iconos/iosshare.svg"></div><div class="d-flex"><span>2.-</span><span> 2. Select “Add to home screen”.</span></div>'; } if (window.matchMedia('(display-mode: standalone)').matches ){ stext_install.style.display = 'none'; stext_ios.style.display = 'none'; stext_button.style.display = 'none'; sinstall_button.style.display = 'none'; } } else { document.getElementById('snackbar').style.display = 'block'; } }); navigator.serviceWorker.ready.then(function(registration) { }).catch(function(err){ let swerror = document.getElementById('swfail'); swerror.style.display = 'block'; //console.log('error'); }); function replaceAttributes(e, ...attrs) { let src = e.src; attrs.forEach(attr => e.setAttribute(attr, src.replace(/\.jpg_.*\.jpg/, ".jpg")) ); } var urls = Array.prototype.map.call( document.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { return e.src.replace(/\.jpg_.*\.jpg/, ".jpg"); } } } ); let urlCanonical = document.querySelector( "link[rel='canonical']" ).getAttribute("href"); var data = { title: urlCanonical, description: document.querySelector( "meta[name='description']" ).getAttribute("content"), h1: document.querySelector( "h1" ).textContent }; localStorage.setItem( urlCanonical, JSON.stringify(data) ); var offlinepage = 'https://www.spain.info/en/offline.html'; urls.push(urlCanonical, offlinepage); urls.forEach(element => { if (element !== undefined){ caches.open('main-1') .then(cache => fetch(element).then(response => { if (element == urlCanonical){ var parser = new DOMParser(); var xmlDoc = ""; response.text().then(function(text) { xmlDoc = parser.parseFromString(text,"text/html"); Array.prototype.map.call( xmlDoc.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { replaceAttributes(e, 'srcset', 'data-srcset', 'data-src', 'src'); e.classList.remove('lazy'); e.removeAttribute('sizes'); } } } ); const responseText = "<!DOCTYPE html>" + xmlDoc.documentElement.outerHTML; let newText = responseText; const path = "/export/system/modules/es.segittur.comun/resources/"; let staticResoruces = ["jquery-3.4.1.min.js","popper.min.js","bootstrap.min.css","bootstrap.min.js","slick.css","slick-theme.css","slick.min.js"]; Array.prototype.map.call( xmlDoc.querySelectorAll("link[rel='stylesheet'][href], script[src]"), function(e) { let url = e.href || e.src; let urlSplit = url.split("/"); let filename = urlSplit[urlSplit.length - 1]; if(staticResoruces.includes(filename)){ if(e.hasAttribute('integrity')){ let integritynumber = e.getAttribute('integrity'); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"anonymous\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\"", ""); } if(e.src){ filename = path+"js/"+filename; }else{ filename = path+"css/"+filename; } if(filename=="/export/system/modules/es.segittur.comun/resources/js/slick.min.js"){ url = url.replace("https:",""); url = url.replace("http:",""); } newText = newText.replace(url, filename); } } ); return cache.put(urlCanonical, new Response(newText, response)); }); } else{ return cache.put(element, response.clone()); } } ) ); } }); } }); } if('serviceWorker' in navigator){ if(navigator.onLine) { document.getElementById('snackbar').style.display = 'none'; } else { document.getElementById('snackbar').style.display = 'block'; } } window.deferredPrompt = {}; window.addEventListener('beforeinstallprompt', e => { stext_install.style.display = 'block'; sinstall_button.style.display = 'block'; e.preventDefault(); window.deferredPrompt = e; sinstall_button.addEventListener('click', e => { window.deferredPrompt.prompt(); window.deferredPrompt.userChoice.then(choiceResult => { if (choiceResult.outcome === 'accepted') { sinstall_button.style.display = 'none'; swrapper_saved.style.display = 'none'; } window.deferredPrompt = null; }); }); }); window.onload = function() { if (stext_button != null){ var location = window.location.href; if(localStorage.getItem(location) === null){ stext_button.innerHTML = 'Download offline'; } else { stext_button.innerHTML = 'Downloaded'; } } var locale = 'en'; setTimeout(() => { if (getCookie('puRRSS')!="true") { document.getElementById("popupRRSS").style.visibility = "visible"; window.dataLayer = window.dataLayer || []; window.dataLayer.push({event: 'pop-up'}); } else { document.getElementById("popupRRSS").style.visibility = "hidden"; } }, 30000); }; window.addEventListener('appinstalled', e => { $('#wrapper-saved').removeClass('d-block'); $('#installApp').hide(); $('#ssavedOffline').css({display: "block"}); $('#textInstall').hide(); }); document.getElementById('close-saved').addEventListener('click', e => { document.getElementById('wrapper-saved').style.display = 'none'; }) </script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/scripts.min.js" type="text/javascript"></script> <script type="text/javascript"> if( $('#modal-mapa-fav').length){ $('#modal-mapa-fav').on('shown.bs.modal', function(e) { var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapafav = document.createElement('script'); mapafav.type = "text/javascript"; mapafav.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-favoritos.js"; $('body').append(mapafav); }); } if($('#mi-viaje-container').length){ var miviajescript = document.createElement('script'); miviajescript.type = "text/javascript"; miviajescript.src = "/export/system/modules/es.segittur.consulta/resources/mi-viaje-query.js"; $('body').append(miviajescript); } if ($('.experiencias-search').length) { $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-datepicker3.min.css" rel="stylesheet">').appendTo('head'); $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-slider.css" rel="stylesheet">').appendTo('head'); var datescript = document.createElement('script'); datescript.type = "text/javascript"; datescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-slider.js"; $('body').append(datescript); var localescript = document.createElement('script'); localescript.type = "text/javascript"; localescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.min.js"; localescript.charset = "UTF-8"; $('body').append(localescript); var btslider = document.createElement('script'); btslider.type = "text/javascript"; btslider.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.es.min.js"; btslider.charset = "UTF-8"; $('body').append(btslider); $('.input-daterange').datepicker({ weekStart: 1, language: "es", multidate: false, todayHighlight: true }); $("#priceSliderInput").slider({}); /* textPrice = document.createElement("p"); textPrice.id = "textPrice"; acordPrecio = document.getElementById("acord-precio"); acordPrecio.appendChild(textPrice); min = acordPrecio.getElementsByClassName("tooltip-min")[0].getElementsByClassName("tooltip-inner")[0].innerText; max = acordPrecio.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; $("#priceSliderInput").on("slide", function(slideEvt) { //$("#tooltip-inner").html("asd"); let mini = document.getElementById("priceSliderInput").getAttribute("value"); console.log(mini); mini.textContent += ' e'; //document.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; //document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; //console.log("asd"); }); */ } if ($('.kml').length) { var script = document.createElement('script'); script.type = "text/javascript"; script.src = "/export/system/modules/es.segittur.comun/resources/js/L.KML.js"; $('body').append(script); //MAPA LEAFLET var map = L.map('map').setView([40.4149903, -3.70447, 15], 14); map.scrollWheelZoom.disable(); L.tileLayer('https://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); // Load kml file fetch(segturkml).then(function (res) { return res.text(); }).then(function (kmltext) { // Create new kml overlay var parser = new DOMParser(); var kml = parser.parseFromString(kmltext, 'text/xml'); var track = new L.KML(kml); map.addLayer(track); // Adjust map to show the kml var bounds = track.getBounds(); map.fitBounds(bounds); }); } if ($('.gpx').length) { if(navigator.userAgent.indexOf('MSIE')!==-1 || navigator.appVersion.indexOf('Trident/') > -1){ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@0.3.9/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var opts = { map: { center: [41.4583, 12.7059], zoom: 5, markerZoomAnimation: false, zoomControl: false, layersControl: false }, zoomControl: { position: 'topleft', }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { tracks: { track_1: { url: segturgpx } }, options: { position: "bottomright", theme: "lime-theme", useHeightIndicator: false, interpolation: d3.curveLinear, collapsed: false, detachedView: false, }, }, layersControl: { options: { collapsed: false, }, }, }; var map = new L.Map('map', opts.map); var baseLayers = {}; baseLayers.OTM = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); baseLayers.TOPO = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); var controlZoom = new L.Control.Zoom(opts.zoomControl); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(null, null, opts.layersControl.options); controlZoom.addTo(map); controlLayer.addTo(map); controlElevation.loadChart(map); map.addLayer(baseLayers.OTM); var traces = []; var tracks = opts.elevationControl.tracks; var i = 0; for (var track in tracks) { loadTrace(track, i++) } function loadTrace(track, i) { var trace = {}; trace.gpx = new L.GPX(tracks[track].url, { async: true, index: i, marker_options: { startIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', endIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', shadowUrl: null, }, polyline_options: { color: tracks[track].color, } }); trace.gpx.on('loaded', function(e) { controlLayer.addBaseLayer(e.target, e.target.get_name()); document.getElementsByClassName("leaflet-control-layers")[0].style.display = "none"; let elevationContainer = document.getElementsByClassName("leaflet-control-container")[0]; let elevationSpaininfoTheme = elevationContainer.getElementsByClassName("lime-theme")[0]; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(255, 255, 240, 0.5)'; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(187, 214, 171, 0.6)'; if (e.target.options.index == 0) { setElevationTrace(0); } else { //map.removeLayer(e.target); } }) trace.gpx.on("addline", function(e) { trace.line = e.line; }) trace.gpx.addTo(map); traces.push(trace); } map.on("baselayerchange", function(e) { for (var i in traces) { if (traces[i].gpx._leaflet_id == e.layer._leaflet_id) { setElevationTrace(e.layer.options.index); break; } } }); function setElevationTrace(index) { var trace = traces[index]; controlElevation.clear(); var q = document.querySelector.bind(document); controlElevation.addData(trace.line); map.fitBounds(trace.gpx.getBounds()); trace.gpx.setStyle({ color: 'red', weight: 4, opacity: 0.8, }); } }else{ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@1.5.0/dist/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', position: "bottomright", collapsed: false, detached: false, autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; if($( window ).width() < 1280){ optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; } var opts = { map: { center: [40.4149903, -3.70447], zoom: 15, }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { url: segturgpx, options: optElevationControl }, layersControl: { options: { collapsed: false }, }, }; var map = new L.Map('map', opts.map); map.scrollWheelZoom.disable(); var baseLayers = {}; baseLayers["Topo"] = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); baseLayers["Map"] = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); map.addLayer(baseLayers["Map"]); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(baseLayers, null, opts.layersControl.options); controlElevation.load(opts.elevationControl.url); controlElevation.addTo(map); controlLayer.addTo(map); map.on('eledata_loaded', function(e) { var coordinateGPX = ""; var latitude = controlElevation.getBounds().getCenter().lat; var longitude = controlElevation.getBounds().getCenter().lng; if( coordinateGPX != "false"){ let coordinateList = coordinateGPX.split(","); latitude = parseFloat(coordinateList[0]); longitude = parseFloat(coordinateList[1]); } map.setView([latitude, longitude], 15); }); } } if( $('#mapa-oets').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var scriptmapoet = document.createElement('script'); scriptmapoet.type = "text/javascript"; scriptmapoet.src = "/export/system/modules/es.segittur.infoPractica/resources/mapa-oets-sh.js"; $('body').append(scriptmapoet); } if( $('.resultados-mapa').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); if( $('.sh-mapa-interactivo').length ){ var mapai = document.createElement('script'); mapai.type = "text/javascript"; mapai.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-interactivo.js"; $('body').append(mapai); } if( $('.mapa-buscador').length ){ $('#modal-mapa-buscador').on('shown.bs.modal', function(e) { var mapab = document.createElement('script'); mapab.type = "text/javascript"; mapab.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-buscador.js"; $('body').append(mapab); $('.header').css('z-index', '9'); }); $('#modal-mapa-buscador').on('hidden.bs.modal', function(e){ $('.header').css('z-index', '999999999'); }); } $('#resultados-texto').click(function(){ $('html, body').animate({scrollTop: $(this).offset().top - 70 },'slow'); }); $('.navbar-toggler').click(function(){ var ide = $(this).attr('data-target'); var cajas = $("[class^='wrapper-lista-'].show"); if (!$(ide).hasClass("show")) { $(cajas).removeClass('show'); } if(!$(cajas).length){ $('.header-relative').css({'overflow':'hidden', 'position':'fixed'}); } else { $('.header-relative').css({'overflow':'inherit', 'position':'inherit'}); } }); $('#padre').on('shown.bs.collapse', function () { $(this).find('input').prop('checked', true); }); $('#padre').on('hidden.bs.collapse', function () { $(this).find('input').prop('checked', false); }); } if( $('#mapa-pueblosbonitos').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaPueblosBonitos = document.createElement('script'); mapaPueblosBonitos.type = "text/javascript"; mapaPueblosBonitos.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-pueblos-bonitos.js"; $('body').append(mapaPueblosBonitos); var localemapapb = 'en'; } if( $('#mapa-taxFree').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaTaxFree = document.createElement('script'); mapaTaxFree.type = "text/javascript"; mapaTaxFree.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-tax-free.js"; $('body').append(mapaTaxFree); var localemapapb = 'en'; } if( $('#ac-container').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.actividades/resources/js/autocomplete/ac-experiencias.js"; $('body').append(scriptmapai); } if( $('.twentytwenty-container').length ){ $('<link href="/export/system/modules/es.segittur.comun/resources/css/foundation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/twentytwenty.css" rel="stylesheet">').appendTo('head'); var scriptcomp = document.createElement('script'); scriptcomp.type = "text/javascript"; scriptcomp.src = "/export/system/modules/es.segittur.comun/resources/js/twentytwenty.js"; $('body').append(scriptcomp); } </script></body> </html>