El clima en España | spain.info

<!DOCTYPE html> <html class="no-js" lang="es"> <head> <script type="text/javascript"> var texto = "(Se abre en una ventana nueva)"; </script> <link rel='manifest' href='/manifest.json?loc=es'> <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>El clima en España | spain.info</title> <meta name="description" content='Consulta el pronóstico del tiempo de cada población española. Servicio de previsión meteorológica en España en el portal de turismo de España | spain.info'/> <link rel="alternate" href="https://www.spain.info/de/wetter/" hreflang="de"/> <link rel="alternate" href="https://www.spain.info/ru/pogoda/" hreflang="ru"/> <link rel="alternate" href="https://www.spain.info/ja/kikou/" hreflang="ja"/> <link rel="alternate" href="https://www.spain.info/en/weather/" hreflang="en"/> <link rel="alternate" href="https://www.spain.info/pt_BR/tempo/" hreflang="pt"/> <link rel="alternate" href="https://www.spain.info/it/clima/" hreflang="it"/> <link rel="alternate" href="https://www.spain.info/pl/pogoda/" hreflang="pl"/> <link rel="alternate" href="https://www.spain.info/fr/meteo/" hreflang="fr"/> <link rel="alternate" href="https://www.spain.info/es/tiempo/" hreflang="es"/> <link rel="canonical" href="https://www.spain.info/es/tiempo/"/> <meta property="og:url" content='https://www.spain.info/es/tiempo/'/> <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 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> </head> <body> <div id="gtmDin"></div> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'url-es':'/es/tiempo/', 'tipo-recurso': 'subhome', 'tipo-plantilla': '', 'eje-primario': 'Planifica tu viaje', 'eje-secundario': 'El tiempo' }); </script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7W4FXW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <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> <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="/es/"> <img src="/export/sites/segtur/.content/images/logo_espana_menu.png" alt="Spain.info" class="img-fluid"></a> <p class="claim ">Portal oficial de turismo de España</p> <button id="open-buscador" class="btn-lupa collapsed"><span class="icon-search animunderline" aria-label='Buscar'></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">  <button class="icon-close" aria-label='Cerrar'><span></span></button> <form action="/es/resultados-busqueda/" aria-labelledby="open-buscador"> <fieldset> <label lang="es" for="Buscar" xml:lang="es" class="sr-only">Buscar</label> <input name="q" class="form-control input-visible" type="search" placeholder="Buscar" aria-label="Buscar"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="Buscar"> </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>Dónde ir</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='Cerrar'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Descubre</strong> nuestros destinos</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/es/destino/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="1" 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="/es/destino/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="1" 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="/es/destino/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="1" 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="/es/destino/sevilla/" 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="1" 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>Sevilla</a> </li> <li> <a href="/es/destino/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="1" 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="/es/destino/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="1" 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>Málaga</a> </li> <li> <a href="/es/destino/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="1" 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="/es/destino/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="1" 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="/es/destino/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="1" 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="/es/destino/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="1" 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="/es/destino/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="1" 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="/es/region/islas-canarias/" 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="1" 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>Islas Canarias</a> </li> <li> <a href="/es/region/islas-baleares/" 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="1" 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>Islas Baleares</a> </li> <li> <a href="/es/destinos/" class="dropdown-item d-block d-customdk-none">ver todos los destinos</a> </li> </ul> <div class="wrapper-buscador-destinos container"> <form class="form-inline buscador-destinos" action="/es/resultados-busqueda/"> <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">Buscador destinos</label> <input name="q" class="form-control input-visible" type="search" placeholder="BUSCAR OTROS DESTINOS" aria-label="BUSCAR OTROS DESTINOS"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="BUSCAR OTROS DESTINOS"> </fieldset> </form> <a href="/es/destinos/" class="btn btn-dark text-uppercase">ver todos los destinos</a> </div> </div> <div class="wrapper-recurso-menu mapa-menu">  <div class="wrapper-menu-map d-none d-xl-block"> <div class="menuholder" data-lang="es" data-path="mapa_00_mapa-menu-destinos.svg"></div> </div>  </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>Qué hacer</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='Cerrar'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Planes</strong> para todos los gustos</p></div> <hr> </div> <a class="dropdown-item" href="/es/arte-cultura/" title="Ir a: Arte y cultura"> <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="Arte y cultura" title="Arte y cultura" /> <span>Arte y cultura</span> </a> <a class="dropdown-item" href="/es/costas-playas/" title="Ir a: Costas y playas"> <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="Costas y playas" title="Costas y playas" /> <span>Costas y playas</span> </a> <a class="dropdown-item" href="/es/ciudades/" title="Ir a: Turismo urbano"> <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="Turismo urbano" title="Turismo urbano" /> <span>Turismo urbano</span> </a> <a class="dropdown-item" href="/es/naturaleza/" title="Ir a: Naturaleza"> <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="Naturaleza" title="Naturaleza" /> <span>Naturaleza</span> </a> <a class="dropdown-item" href="/es/gastronomia-enoturismo/" title="Ir a: Gastronomía y enología"> <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="Gastronomía y enología" title="Gastronomía y enología" /> <span>Gastronomía y enología</span> </a> <a class="dropdown-item" href="/es/deporte-aventura/" title="Ir a: Deporte y aventura"> <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="Deporte y aventura" title="Deporte y aventura" /> <span>Deporte y aventura</span> </a> <a class="dropdown-item" href="/es/compras/" title="Ir a:Compras"> <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="Compras" title="Compras" /> <span>Compras</span> </a> <a class="dropdown-item" href="/es/rutas/" title="Ir a: Rutas"> <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="Rutas" title="Rutas" /> <span>Rutas</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>Planifica tu viaje</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='Cerrar'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Prepara </strong>tu viaje a España</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="https://sustainability.spain.info/es/" id="info-1" title="Ir a: Sostenibilidad en España" class="dropdown-item hacerblank 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="1" 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>Sostenibilidad en España</a> </li> <li> <a href="/es/sobre-espana/" 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="1" 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>Sobre España</a> </li> <li> <a href="/es/info/" 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="1" 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>Información práctica</a> </li> <li> <a href="/es/como-llegar/" 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="1" 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ómo llegar a España</a> </li> <li> <a href="/es/como-moverse/" 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="1" 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ómo viajar por España</a> </li> <li> <a href="/es/actividades/" 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="1" 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>Reserva de experiencias</a> </li> <li> <a href="/es/planificador-rutas/" 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="1" 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>Planificador de rutas</a> </li> <li> <a href="/es/folletos/" 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="1" 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>Descarga de folletos</a> </li> <li> <a href="/es/tiempo/" 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="1" 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>El tiempo</a> </li> <li> <a href="/es/consejos-viaje/visado-pasaporte/" id="info-10" 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="1" 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>Visado y pasaporte</a> </li> </ul> </div> <div class="wrapper-recurso-menu imagen-menu"> <a href="https://sustainability.spain.info/es/" title="Ir a: Sostenibilidad en España" id="card-1" class="card show standard-box-shadow hacerblank"> <img id="imgAct9" src="/export/sites/segtur/.content/imagenes/menu-navegacion/menu-sostenibilidad.jpg" class="card-img-top" alt="Sostenibilidad en España" title="Sostenibilidad en España"/> <div class="card-body"> <p class="title text-uppercase">Sostenibilidad en España</p> <p class="card-text mb-0">Planifica unas vacaciones respetuosas con el medio ambiente y el entorno social. Apúntate a cuidar del planeta.</p> </div> </a> <a href="/es/sobre-espana/" title="Ir a: Sobre España" id="card-2" class="card standard-box-shadow"> <img id="imgAct10" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-museo-prado-mapa-madrid-s139919035.jpg" class="card-img-top" alt="Sobre España" title="Sobre España"/> <div class="card-body"> <p class="title text-uppercase">Sobre España</p> <p class="card-text mb-0">Datos y curiosidades del país, su cultura, su naturaleza, su gastronomía o su población.</p> </div> </a> <a href="/es/info/" title="Ir a: Información práctica" id="card-3" class="card standard-box-shadow"> <img id="imgAct11" src="/export/sites/segtur/.content/imagenes/menu-navegacion/informacion-turistica-madrid-c-madrid-destino-francesco-pinton.jpg" class="card-img-top" alt="Información práctica" title="Información práctica"/> <div class="card-body"> <p class="title text-uppercase">Información práctica</p> <p class="card-text mb-0">Prepara tu viaje con antelación siguiendo estos consejos sobre requisitos de entrada, dinero, seguridad, sanidad, horarios, etc.</p> </div> </a> <a href="/es/como-llegar/" title="Ir a: Cómo llegar a España" id="card-4" class="card standard-box-shadow"> <img id="imgAct12" src="/export/sites/segtur/.content/imagenes/menu-navegacion/mapa-planificacion-s348683150.jpg" class="card-img-top" alt="Cómo llegar a España" title="Cómo llegar a España"/> <div class="card-body"> <p class="title text-uppercase">Cómo llegar a España</p> <p class="card-text mb-0">Encuentra información sobre aeropuertos y puertos de crucero y conoce el tiempo de vuelo desde diferentes puntos del mundo.</p> </div> </a> <a href="/es/como-moverse/" title="Ir a: Cómo viajar por España" id="card-5" class="card standard-box-shadow"> <img id="imgAct13" src="/export/sites/segtur/.content/imagenes/menu-navegacion/chica-transporte-s456518287.jpg" class="card-img-top" alt="Cómo viajar por España" title="Cómo viajar por España"/> <div class="card-body"> <p class="title text-uppercase">Cómo viajar por España</p> <p class="card-text mb-0">Te ofrecemos datos útiles sobre conexiones entre las principales ciudades de España.</p> </div> </a> <a href="/es/actividades/" title="Ir a: Reserva de experiencias" id="card-6" class="card standard-box-shadow"> <img id="imgAct14" src="/export/sites/segtur/.content/imagenes/menu-navegacion/fotos-u311182.jpg" class="card-img-top" alt="Reserva de experiencias" title="Reserva de experiencias"/> <div class="card-body"> <p class="title text-uppercase">Reserva de experiencias</p> <p class="card-text mb-0">Elige entre miles de actividades pensadas para ti. Solo tienes que escoger la temática y el lugar donde quieres disfrutarla.</p> </div> </a> <a href="/es/planificador-rutas/" title="Ir a: Planificador de rutas" id="card-7" class="card standard-box-shadow"> <img id="imgAct15" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turista-fornalutx-mallorca-c-pedro-giraldez.jpg" class="card-img-top" alt="Planificador de rutas" title="Planificador de rutas"/> <div class="card-body"> <p class="title text-uppercase">Planificador de rutas</p> <p class="card-text mb-0">Crea tu propio plan de viaje a España con un itinerario totalmente adaptado a tus necesidades.</p> </div> </a> <a href="/es/folletos/" title="Ir a: Descarga de folletos" id="card-8" class="card standard-box-shadow"> <img id="imgAct16" src="/export/sites/segtur/.content/imagenes/menu-navegacion/folleto-turistas-u1118390.jpg" class="card-img-top" alt="Descarga de folletos" title="Descarga de folletos"/> <div class="card-body"> <p class="title text-uppercase">Descarga de folletos</p> <p class="card-text mb-0">Con nuestros folletos y guías digitales podrás descubrir lo mejor de nuestra gastronomía, nuestra cultura, nuestras fiestas...</p> </div> </a> <a href="/es/tiempo/" title="Ir a: El tiempo" id="card-9" class="card standard-box-shadow"> <img id="imgAct17" src="/export/sites/segtur/.content/imagenes/menu-navegacion/clima-movil-c-gavin-allanwood-u723586.jpg" class="card-img-top" alt="El tiempo" title="El tiempo"/> <div class="card-body"> <p class="title text-uppercase">El tiempo</p> <p class="card-text mb-0">Consulta las temperaturas medias y las horas de sol de diferentes zonas y qué ropa conviene traer según la estación.</p> </div> </a> <a href="/es/consejos-viaje/visado-pasaporte/" title="Ir a: Visado y pasaporte" id="card-10" class="card standard-box-shadow"> <img id="imgAct18" src="/export/sites/segtur/.content/imagenes/menu-navegacion/pasaporte-u752510.jpg" class="card-img-top" alt="Visado y pasaporte" title="Visado y pasaporte"/> <div class="card-body"> <p class="title text-uppercase">Visado y pasaporte</p> <p class="card-text mb-0">¿Quieres saber si necesitas visado para viajar a España? Conoce los tipos de visado que existen y cómo conseguirlos.</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="/es/agenda/" 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-es" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown"><span class="icon-globe"></span> Español<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-es"> <ul> <li class="nav-item"> <a href="/en/weather/" class="dropdown-item" id="locale-en"> English</a> </li> <li class="nav-item"> <a href="/de/wetter/" class="dropdown-item" id="locale-de"> Deutsch</a> </li> <li class="nav-item"> <a href="/fr/meteo/" class="dropdown-item" id="locale-fr"> Français</a> </li> <li class="nav-item"> <a href="/it/clima/" class="dropdown-item" id="locale-it"> Italiano</a> </li> <li class="nav-item"> <a href="/pt_BR/tempo/" class="dropdown-item" id="locale-pt_BR"> Português</a> </li> <li class="nav-item"> <a href="/ru/pogoda/" class="dropdown-item" id="locale-ru"> русский</a> </li> <li class="nav-item"> <a href="/pl/pogoda/" class="dropdown-item" id="locale-pl"> Polski</a> </li> <li class="nav-item"> <a href="/ja/kikou/" 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="/es/mapa-interactivo/" class="" > <span class="icon-map-marker"></span> <span class="text">Mapa interactivo</span> </a> </li> <li class="list-item"> <a href="/es/planificar-viaje-espana/" class="" > <span class="icon-mi-viaje"></span> <span class="text">Mi viaje ideal</span> </a> </li> <li class="list-item"> <a href="/es/app/favoritos/" class="" rel="nofollow" > <span class="icon-like"></span> <span class="text">Mis favoritos</span> </a> </li> <li class="list-item"> <a href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Newsletter/NewsletterEspannol.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" ><section class="cabecera pano img-portada-container bg-cover layer-dark-shadow centered wrapper-combos">  <img data-src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/clima-movil-c-gavin-allanwood-u723586.jpg_604889389.jpg' srcset='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/clima-movil-c-gavin-allanwood-u723586.jpg_1014274486.jpg 480w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/clima-movil-c-gavin-allanwood-u723586.jpg_78431701.jpg 768w, /export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/clima-movil-c-gavin-allanwood-u723586.jpg_604889389.jpg 1920w' sizes='(max-width: 480px) 480px, (max-width: 768px) 768px, 1920px' src='/export/sites/segtur/.content/imagenes/cabeceras-grandes/planifica-tu-viaje/clima-movil-c-gavin-allanwood-u723586.jpg_1014274486.jpg' class='img-fluid img-editable' alt='Consultando el tiempo' title='El tiempo'><div class="title-container container"> <div class="wrapper-title text-white"> <h1 class="titulo-portada custom-title container-fluid">El tiempo</h1> <span class="subtitle text-white"><p>¿Qué temperatura hace en España?</p></span> </div> <div class="infoImg left left-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">El tiempo</span> <span class="copy_container"> <span class="copy_ico"> <span>©</span> </span> <span class="copy_texto">Gabin Allanwood</span> <span class="foto_copy_fade"></span> </span> </span> </div> </div> </section> <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="/es/" target="_self" title="" >Inicio</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">Donde el sol acompaña en todas las estaciones</h2> <p class="text-secundario text-center"> España es un país de clima suave todo el año pero que conserva los contrastes estacionales. Aquí podrás consultar las temperaturas medias y las horas de sol de algunos de los principales destinos. Además, te recomendamos qué ropa traer en cada momento y te damos más información sobre el tiempo en España.</p> </div> </section> <div> <section class="module interactive-map__con-acordeones"> <section class="accordion-tabs"> <div class="container"> <div class="title-box "> <span class="subtitle">Mapa</span> <p class="title">Temperaturas en España</p> <hr> <p class="description">¿Te interesa saber el tiempo de las principales ciudades españolas? Te informamos sobre las temperaturas medias en cada estación y el número de horas de sol. ¡Cualquier época es buena para viajar a España!</p> </div><div class="row"> <div class="col-lg-4">  <div class="accordion" id="accordionTabmap"> <div class="card"> <div class="card-header" id="Accheading1"> <p class="mb-0"> <button id="list-t-madrid" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="true" aria-controls="collapse1"> Madrid</button> </p> </div> <div id="collapse1" class="collapse show" aria-labelledby="heading-t-madrid" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season1-1-tab" data-toggle="tab" href="#season-1-1" role="tab" aria-controls="season1-1" aria-selected="true"><p class="text-uppercase">Invierno</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season1-2-tab" data-toggle="tab" href="#season-1-2" role="tab" aria-controls="season1-2" aria-selected="false"><p class="text-uppercase">Primavera</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season1-3-tab" data-toggle="tab" href="#season-1-3" role="tab" aria-controls="season1-3" aria-selected="false"><p class="text-uppercase">Verano</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season1-4-tab" data-toggle="tab" href="#season-1-4" role="tab" aria-controls="season1-4" aria-selected="false"><p class="text-uppercase">Otoño</p></a> </li> </ul> <div class="tab-content" id="tabClima1"> <div class="show tab-pane fade active" id="season-1-1" role="tabpanel" aria-labelledby="season1-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Enero - marzo</th> <td>12º / 4º</td> <td>173 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-1-2" role="tabpanel" aria-labelledby="season1-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Abril -junio</th> <td>23º / 12º</td> <td>271 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-1-3" role="tabpanel" aria-labelledby="season1-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Julio-septiembre</th> <td>30º / 18º</td> <td>315 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-1-4" role="tabpanel" aria-labelledby="season1-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octubre-diciembre</th> <td>14º / 7º</td> <td>156 Horas</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading2"> <p class="mb-0"> <button id="list-t-barcelona" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2"> Barcelona</button> </p> </div> <div id="collapse2" class="collapse " aria-labelledby="heading-t-barcelona" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season2-1-tab" data-toggle="tab" href="#season-2-1" role="tab" aria-controls="season2-1" aria-selected="true"><p class="text-uppercase">Invierno</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season2-2-tab" data-toggle="tab" href="#season-2-2" role="tab" aria-controls="season2-2" aria-selected="false"><p class="text-uppercase">Primavera</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season2-3-tab" data-toggle="tab" href="#season-2-3" role="tab" aria-controls="season2-3" aria-selected="false"><p class="text-uppercase">Verano</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season2-4-tab" data-toggle="tab" href="#season-2-4" role="tab" aria-controls="season2-4" aria-selected="false"><p class="text-uppercase">Otoño</p></a> </li> </ul> <div class="tab-content" id="tabClima2"> <div class="show tab-pane fade active" id="season-2-1" role="tabpanel" aria-labelledby="season2-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Enero-marzo</th> <td>15º / 6º</td> <td>173 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-2-2" role="tabpanel" aria-labelledby="season2-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Abril -junio</th> <td>21º / 13º</td> <td>248 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-2-3" role="tabpanel" aria-labelledby="season2-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Julio-septiembre</th> <td>28º / 19º</td> <td>260 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-2-4" role="tabpanel" aria-labelledby="season2-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octubre-diciembre</th> <td>18º / 9º</td> <td>156 Horas</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading3"> <p class="mb-0"> <button id="list-t-alicantealacant" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3"> Alicante-Alacant</button> </p> </div> <div id="collapse3" class="collapse " aria-labelledby="heading-t-alicantealacant" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season3-1-tab" data-toggle="tab" href="#season-3-1" role="tab" aria-controls="season3-1" aria-selected="true"><p class="text-uppercase">Invierno</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season3-2-tab" data-toggle="tab" href="#season-3-2" role="tab" aria-controls="season3-2" aria-selected="false"><p class="text-uppercase">Primavera</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season3-3-tab" data-toggle="tab" href="#season-3-3" role="tab" aria-controls="season3-3" aria-selected="false"><p class="text-uppercase">Verano</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season3-4-tab" data-toggle="tab" href="#season-3-4" role="tab" aria-controls="season3-4" aria-selected="false"><p class="text-uppercase">Otoño</p></a> </li> </ul> <div class="tab-content" id="tabClima3"> <div class="show tab-pane fade active" id="season-3-1" role="tabpanel" aria-labelledby="season3-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Enero-marzo</th> <td>18º / 7º</td> <td>196 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-3-2" role="tabpanel" aria-labelledby="season3-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Abril -junio</th> <td>24º / 14º</td> <td>275 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-3-3" role="tabpanel" aria-labelledby="season3-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Julio-septiembre</th> <td>30º / 20º</td> <td>295 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-3-4" role="tabpanel" aria-labelledby="season3-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octubre-diciembre</th> <td>18º / 11º</td> <td>185 Horas</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading4"> <p class="mb-0"> <button id="list-t-bilbao" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4"> Bilbao</button> </p> </div> <div id="collapse4" class="collapse " aria-labelledby="heading-t-bilbao" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season4-1-tab" data-toggle="tab" href="#season-4-1" role="tab" aria-controls="season4-1" aria-selected="true"><p class="text-uppercase">Invierno</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season4-2-tab" data-toggle="tab" href="#season-4-2" role="tab" aria-controls="season4-2" aria-selected="false"><p class="text-uppercase">Primavera</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season4-3-tab" data-toggle="tab" href="#season-4-3" role="tab" aria-controls="season4-3" aria-selected="false"><p class="text-uppercase">Verano</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season4-4-tab" data-toggle="tab" href="#season-4-4" role="tab" aria-controls="season4-4" aria-selected="false"><p class="text-uppercase">Otoño</p></a> </li> </ul> <div class="tab-content" id="tabClima4"> <div class="show tab-pane fade active" id="season-4-1" role="tabpanel" aria-labelledby="season4-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Enero-marzo</th> <td>15º / 6º</td> <td>105 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-4-2" role="tabpanel" aria-labelledby="season4-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Abril -junio</th> <td>21º / 8º</td> <td>162 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-4-3" role="tabpanel" aria-labelledby="season4-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Julio-septiembre</th> <td>25º / 15º</td> <td>175 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-4-4" role="tabpanel" aria-labelledby="season4-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octubre-diciembre</th> <td>17º / 8º</td> <td>97 Horas</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading5"> <p class="mb-0"> <button id="list-t-palmas-de-gran-canaria-las" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse5" aria-expanded="false" aria-controls="collapse5"> Palmas de Gran Canaria, Las</button> </p> </div> <div id="collapse5" class="collapse " aria-labelledby="heading-t-palmas-de-gran-canaria-las" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season5-1-tab" data-toggle="tab" href="#season-5-1" role="tab" aria-controls="season5-1" aria-selected="true"><p class="text-uppercase">Invierno</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season5-2-tab" data-toggle="tab" href="#season-5-2" role="tab" aria-controls="season5-2" aria-selected="false"><p class="text-uppercase">Primavera</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season5-3-tab" data-toggle="tab" href="#season-5-3" role="tab" aria-controls="season5-3" aria-selected="false"><p class="text-uppercase">Verano</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season5-4-tab" data-toggle="tab" href="#season-5-4" role="tab" aria-controls="season5-4" aria-selected="false"><p class="text-uppercase">Otoño</p></a> </li> </ul> <div class="tab-content" id="tabClima5"> <div class="show tab-pane fade active" id="season-5-1" role="tabpanel" aria-labelledby="season5-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Enero-marzo</th> <td>21º / 15º</td> <td>201 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-5-2" role="tabpanel" aria-labelledby="season5-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Abril -junio</th> <td>24º / 18º</td> <td>261 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-5-3" role="tabpanel" aria-labelledby="season5-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Julio-septiembre</th> <td>27º / 21º</td> <td>283 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-5-4" role="tabpanel" aria-labelledby="season5-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octubre-diciembre</th> <td>24º / 18º</td> <td>195 Horas</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading6"> <p class="mb-0"> <button id="list-t-malaga" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse6" aria-expanded="false" aria-controls="collapse6"> Málaga</button> </p> </div> <div id="collapse6" class="collapse " aria-labelledby="heading-t-malaga" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season6-1-tab" data-toggle="tab" href="#season-6-1" role="tab" aria-controls="season6-1" aria-selected="true"><p class="text-uppercase">Invierno</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season6-2-tab" data-toggle="tab" href="#season-6-2" role="tab" aria-controls="season6-2" aria-selected="false"><p class="text-uppercase">Primavera</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season6-3-tab" data-toggle="tab" href="#season-6-3" role="tab" aria-controls="season6-3" aria-selected="false"><p class="text-uppercase">Verano</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season6-4-tab" data-toggle="tab" href="#season-6-4" role="tab" aria-controls="season6-4" aria-selected="false"><p class="text-uppercase">Otoño</p></a> </li> </ul> <div class="tab-content" id="tabClima6"> <div class="show tab-pane fade active" id="season-6-1" role="tabpanel" aria-labelledby="season6-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Enero-marzo</th> <td>18º / 8º</td> <td>194 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-6-2" role="tabpanel" aria-labelledby="season6-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Abril -junio</th> <td>25º / 14º</td> <td>288 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-6-3" role="tabpanel" aria-labelledby="season6-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Julio-septiembre</th> <td>30º / 20º</td> <td>306 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-6-4" role="tabpanel" aria-labelledby="season6-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octubre-diciembre</th> <td>21º / 12º</td> <td>182 Horas</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading7"> <p class="mb-0"> <button id="list-t-palma" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse7" aria-expanded="false" aria-controls="collapse7"> Palma</button> </p> </div> <div id="collapse7" class="collapse " aria-labelledby="heading-t-palma" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season7-1-tab" data-toggle="tab" href="#season-7-1" role="tab" aria-controls="season7-1" aria-selected="true"><p class="text-uppercase">Invierno</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season7-2-tab" data-toggle="tab" href="#season-7-2" role="tab" aria-controls="season7-2" aria-selected="false"><p class="text-uppercase">Primavera</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season7-3-tab" data-toggle="tab" href="#season-7-3" role="tab" aria-controls="season7-3" aria-selected="false"><p class="text-uppercase">Verano</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season7-4-tab" data-toggle="tab" href="#season-7-4" role="tab" aria-controls="season7-4" aria-selected="false"><p class="text-uppercase">Otoño</p></a> </li> </ul> <div class="tab-content" id="tabClima7"> <div class="show tab-pane fade active" id="season-7-1" role="tabpanel" aria-labelledby="season7-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Enero-marzo</th> <td>16º / 9º</td> <td>181 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-7-2" role="tabpanel" aria-labelledby="season7-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Abril -junio</th> <td>23º / 15º</td> <td>279 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-7-3" role="tabpanel" aria-labelledby="season7-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Julio-septiembre</th> <td>29º / 21º</td> <td>296 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-7-4" role="tabpanel" aria-labelledby="season7-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octubre-diciembre</th> <td>20º / 13º</td> <td>172 Horas</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="card"> <div class="card-header" id="Accheading8"> <p class="mb-0"> <button id="list-t-santiago-de-compostela" class="btn btn-link title text-uppercase font-weight-bold collapsed rotating-arrow" type="button" data-toggle="collapse" data-target="#collapse8" aria-expanded="false" aria-controls="collapse8"> Santiago de Compostela</button> </p> </div> <div id="collapse8" class="collapse " aria-labelledby="heading-t-santiago-de-compostela" data-parent="#accordionTabmap"> <div class="card-body"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="season8-1-tab" data-toggle="tab" href="#season-8-1" role="tab" aria-controls="season8-1" aria-selected="true"><p class="text-uppercase">Invierno</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season8-2-tab" data-toggle="tab" href="#season-8-2" role="tab" aria-controls="season8-2" aria-selected="false"><p class="text-uppercase">Primavera</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season8-3-tab" data-toggle="tab" href="#season-8-3" role="tab" aria-controls="season8-3" aria-selected="false"><p class="text-uppercase">Verano</p></a> </li> <li class="nav-item"> <a class="nav-link " id="season8-4-tab" data-toggle="tab" href="#season-8-4" role="tab" aria-controls="season8-4" aria-selected="false"><p class="text-uppercase">Otoño</p></a> </li> </ul> <div class="tab-content" id="tabClima8"> <div class="show tab-pane fade active" id="season-8-1" role="tabpanel" aria-labelledby="season8-1-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Enero-marzo</th> <td>13º / 5º</td> <td>119 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-8-2" role="tabpanel" aria-labelledby="season8-2-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Abril -junio</th> <td>19º / 9º</td> <td>192 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-8-3" role="tabpanel" aria-labelledby="season8-3-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Julio-septiembre</th> <td>24º / 13º</td> <td>221 Horas</td> </tr> </tbody> </table> </div> <div class=" tab-pane fade " id="season-8-4" role="tabpanel" aria-labelledby="season8-4-tab"> <table cellspacing="0" cellpadding="0" align="center" class="table in-accordion"> <thead> <tr> <th scope="col">Mes</th> <th scope="col"> <div class="d-block"> <span class="icon-thermometer"></span> <span class="max">Máxima/</span> <span class="br"></span> <span class="min">Mínima (ºC)</span> </div> </th> <th scope="col"> <span class="icon-sun"></span> <span class="max">Sol</span> <span class="br"></span> <span class="min">(Horas)</span> </th> </tr> </thead> <tbody> <tr> <th scope="row">Octubre-diciembre</th> <td>15º / 7º</td> <td>104 Horas</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> </div> <div class="d-none d-lg-block col-lg-8"> <div class="wrapper-map mapa-switch">  <?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" id="temperaturas" 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"> #temperaturas .st0{fill:#F7F7F7;} #temperaturas .st3{opacity:0.3;clip-path:url(#SVGID_2_);} #temperaturas .st4{fill:none;stroke:#999999;stroke-width:2;stroke-miterlimit:10;} #temperaturas .st5{fill:none;stroke:#999999;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:6.1632,6.1632;} #temperaturas .st6{fill:none;stroke:#999999;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:5.7649,5.7649;} #temperaturas .st7{fill:#CECECE;} #temperaturas .st8{fill:#CECECE;stroke:#CECECE;stroke-miterlimit:10;} #temperaturas .st9{opacity:0.6;fill:#FFFFFF;} #temperaturas .st10{fill:#FDC40A;} #temperaturas .st11{fill:#FFFFFF;} #temperaturas .st12{fill:#4A4A4A;} #temperaturas .st13{font-weight: 700;} #temperaturas .st14{font-size:13px;} #temperaturas .st15{opacity:0.3055;fill:#E71C03;} #temperaturas .st16{fill:#E71C03;} #temperaturas .st17{opacity:0.31;fill:#E71C03;} </style> <g id="mapa_02_MAPA_1_"> <g id="mapa_02_mapa-paises"> <polygon id="mapa_02_mapa-portugal" class="st0" points="200.9,136 214.2,122.7 226.4,122.7 214.2,136 260.8,136 267.4,129.4 290.7,129.4 295.1,134.9 282.9,147.1 307.3,147.1 307.3,153.8 276.3,184.8 276.3,226.9 268.5,233.5 276.3,242.4 276.3,256.8 245.3,256.8 245.3,270.1 269.6,293.3 269.6,303.3 256.3,316.6 256.3,329.9 269.6,343.2 269.6,349.8 260.8,349.8 247.5,363.1 247.5,394.2 238.6,394.2 224.2,404.1 212,394.2 198.7,390.8 177.7,396.4 172.7,391.4 187.1,365.9 187.1,343.8 184.9,340.4 190.4,328.2 192.1,318.8 195.4,317.7 192.6,310.5 184.3,314.4 177.7,313.3 176.6,304.4 182.1,304.4 187.1,297.2 183.8,290.6 179.9,298.9 163.8,299.4 163.8,289.5 172.7,264 182.7,255.1 192.6,228.5 196,227.4 192.6,223 197.1,215.2 199.3,201.9 202.1,199.2 201.5,195.3 202.6,186.4 205.9,172 199.3,145.4 199.3,139.9 "/> <radialGradient id="mapa_02_mapa-africa_1_" 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:#F7F7F7"/> <stop offset="1" style="stop-color:#F7F7F7;stop-opacity:0"/> </radialGradient> <polyline id="mapa_02_mapa-africa" class="st1" style="fill:url(#mapa_02_mapa-africa_1_);" points="730.5,411 697.8,432.4 676.8,430.2 644.6,435.7 598.1,462.3 591.5,482.2 581.5,483.3 572.6,473.4 561.6,473.4 561.6,486.7 549.4,483.3 532.8,495.5 527.2,511 515,514.4 503.9,526.6 479,528.2 464.6,531.5 446.9,531.5 444.7,523.8 440.2,529.3 420.3,527.1 394.8,527.1 369.3,516 361.6,492.8 331.7,481.7 340.5,473.9 321.7,476.1 281.5,535 244.5,576 172.5,600 730.5,600 "/> <radialGradient id="mapa_02_mapa-europa_1_" cx="571.3252" cy="85.3928" r="237.0186" fx="563.9681" fy="85.547" gradientTransform="matrix(0.981 0.194 -6.269378e-02 0.3171 16.2045 -52.5032)" gradientUnits="userSpaceOnUse"> <stop offset="0.3966" style="stop-color:#F7F7F7"/> <stop offset="0.7768" style="stop-color:#F7F7F7;stop-opacity:0"/> </radialGradient> <path id="mapa_02_mapa-europa" class="st2" style="fill:url(#mapa_02_mapa-europa_1_);"d="M502.5,30l-10.2,21.8L510,68.4H540l17.7,18.8h60.9l18.8,17.7l8.9-8.9l11.1,12.2h18.8l10-10 h16.6c0,0,5.9-12.7,5.7-14.1c-0.3-2.3,2-15.7,2-15.7l0-8.6l17-19l3-41l-242-5"/> </g> <g id="mapa_02_lineas_canarias_1_"> <defs> <rect id="mapa_02_SVGID_1_" x="11.5" y="440.7" width="208.3" height="114.1"/> </defs> <clipPath id="mapa_02_SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> <g id="mapa_02_LINEA_CANARIAS_1_" class="st3"> <g> <line class="st4" x1="9.3" y1="443.9" x2="12.3" y2="443.9"/> <polyline class="st5" points="18.4,443.9 201.6,442.9 210.4,449.4 "/> <polyline class="st4" points="212.9,451.2 215.3,453 215.3,456 "/> <line class="st6" x1="215.3" y1="461.8" x2="215.3" y2="551.1"/> <line class="st4" x1="215.3" y1="554" x2="215.3" y2="557"/> </g> </g> </g> <g id="mapa_02_mapa-canarias"> <polygon id="mapa_02_mapa-la-palma" class="st7" points="17,505 17,489.4 21.5,483.9 25.9,487.2 27,499.4 21.5,505 "/> <rect id="mapa_02_mapa-el-hierro" x="13.6" y="540.3" transform="matrix(0.6508 -0.7593 0.7593 0.6508 -407.5592 204.6534)" class="st7" width="10.2" height="10.2"/> <polygon id="mapa_02_mapa-gomera" class="st7" points="23.7,523.8 23.7,519.4 29.2,519.4 34.8,523.8 30.5,527 "/> <polygon id="mapa_02_mapa-tenerife" class="st7" points="60.2,512.7 60.2,507.2 79.1,507.2 83.5,503.8 83.5,499.4 96.8,498.3 91.3,505 91.3,510.5 84.6,517.1 84.6,521.6 75.8,529.3 70.2,529.3 64.7,523.8 64.7,514.9 "/> <polygon id="mapa_02_mapa-fuerteventura" class="st7" points="152.2,523.8 155.5,523.8 162.2,517.1 162.2,510.5 168.8,505 168.8,491.7 172.1,489.4 177.7,489.4 181,492.8 181,513.8 175.5,518.2 166.6,518.2 156.6,529.3 "/> <polygon id="mapa_02_mapa-lanzarote" class="st7" points="178.8,485 178.8,477.3 185.4,471.7 191,471.7 193.2,468.4 193.2,464 196.5,464 196.5,475 188.8,481.7 185.4,482.8 183.2,485 "/> <polygon id="mapa_02_mapa-gran-canaria" class="st7" points="115.6,520.5 106.8,526 106.8,539.3 112.3,545.9 125.6,549.3 131.2,543.7 134.5,538.2 134.5,529.3 128.9,526 128.9,520.5 "/> </g> <g id="mapa_02_mapa-illes-balears"> <polygon id="mapa_02_mapa-ibiza" class="st7" points="607.5,283.4 616.4,275.6 623,282.3 614.2,292.2 612,288.9 607.5,288.9 "/> <polygon id="mapa_02_mapa-formentera" class="st7" points="613.1,301.1 613.1,296.7 618.6,296.7 "/> <polygon id="mapa_02_mapa-mallorca" class="st7" points="636.3,256.8 658.5,235.7 658.5,239.1 665.1,239.1 665.1,244.6 668.5,247.9 671.8,244.6 677.3,249 667.4,259 667.4,263.4 661.8,269 658.5,264.5 650.7,264.5 649.6,259 646.3,256.8 644.1,260.1 638.6,260.1 "/> <polygon id="mapa_02_mapa-menorca" class="st7" points="700.6,239.1 691.7,239.1 691.7,235.7 688.4,233.5 690.6,231.3 702.8,231.3 707.2,234.6 707.2,242.4 702.8,242.4 "/> </g> <g id="mapa_02_mapa-ceuta-melilla"> <polyline id="mapa_02_mapa-melilla" class="st7" points="448.6,514.4 445.8,521.6 448.6,530.4 463.2,530.4 448.6,514.4 "/> <polygon id="mapa_02_mapa-ceuta" class="st7" points="334.4,481.5 342.8,473.9 359.4,490.5 "/> </g> <g id="mapa_02_MAPA_PENINSULA_1px_sin_trazado"> <polygon id="mapa_02_mapa-pais-vasco" class="st8" points="457.2,98.4 454.6,96.7 454.6,90.6 450.9,90.6 448,93.5 444,89.5 440.2,89.5 442.8,86.1 435.2,78.4 429.2,78.4 429.2,74 443.6,74 438.6,67.3 433.6,67.3 433.6,60.7 423.6,60.7 423.6,55.2 442.9,55.2 455.8,42.3 466.4,52.9 489,52.9 486.8,55.9 486.8,63.6 474.6,75.7 474.6,80.1 470.2,83.4 470.2,88.4 465.7,88.4 465.7,98.4 "/> <polygon id="mapa_02_mapa-la-rioja" class="st8" points="480.6,131.6 469.5,119.4 463.1,119.4 455.3,127.2 446.2,127.2 435.8,116.7 435.8,96.6 440.7,91.7 443.1,91.7 448,96.6 451.8,92.8 452.4,92.8 452.4,98 456.5,100.6 466.4,100.6 470.8,105 479.7,105 486.3,111.7 499,111.7 499,115 490.1,115 490.1,126.8 486.2,131.6 "/> <polygon id="mapa_02_mapa-comunidad-foral-de-navarra" class="st8" points="501.6,126.1 492.3,126.1 492.3,117.2 501.2,117.2 501.2,109.4 487.2,109.4 480.6,102.8 471.7,102.8 467.9,99 467.9,90.6 472.4,90.6 472.4,84.5 476.8,81.2 476.8,76.7 489,64.5 489,56.6 491.3,53.5 508.5,70.7 536.3,70.7 514.5,93.5 514.5,102.3 508.9,107.9 508.9,119.9 513.9,123.9 506.7,131.1 "/> <polygon id="mapa_02_mapa-region-de-murcia" class="st8" points="486.8,371.5 486.8,358.7 479.5,358.7 472.8,351 485,338.8 490.7,338.8 494,334.3 499.5,334.3 503.3,339.3 510,332.6 510,316.6 513.9,316.6 517.2,312.2 520.7,312.2 526.7,318.2 526.7,323.9 522.2,328.3 522.2,335.4 528.9,335.4 528.9,342.7 522.8,348.8 535.1,359.9 529.6,366.5 535.1,372 507.4,372 497.8,381.6 "/> <polygon id="mapa_02_mapa-comunidad-de-madrid" class="st8" points="405.3,246.8 415.2,236.8 410.8,232.4 400.8,232.4 394.2,225.8 384.5,225.8 378.9,230.2 376,230.2 376,222.9 401.5,198.5 401.5,190.8 417.1,174 419.2,175.4 419.2,185.9 422.5,185.9 422.5,203 434.7,214.1 434.7,229.1 438,229.1 438,236.4 435.4,239.1 419.8,239.1 409.2,250.8 "/> <polygon id="mapa_02_mapa-galicia" class="st8" points="219,133.8 231.2,120.5 213.8,120.5 200.9,133.4 194.3,127.8 195.4,94.4 176.6,83.3 176.6,68.9 191.5,52.9 219.1,52.9 222.3,49.7 216.8,42 234.7,23 245.9,23 258,37.4 268.9,37.4 260.3,45.1 274.7,59.6 267,67.3 274.7,76.1 265.2,84.6 265.2,98.4 274.1,98.4 274.1,104.4 279.1,109.4 266.3,121.1 266.3,127.8 260.3,133.8 "/> <polygon id="mapa_02_mapa-extremadura" class="st8" points="300,351 290,351 285.6,346.5 279.6,346.5 279.6,342.1 271.2,342.1 258.6,329.4 258.6,317.1 271.8,303.8 271.8,292.9 247.5,269.6 247.5,259 278.5,259 278.5,242 271.2,233.6 278.5,227.4 278.5,224.7 288.5,224.7 288.5,222.4 294.5,222.4 301.8,215.1 315.1,228.4 318.8,224.7 322.3,224.7 327.8,231.3 336.6,231.3 338.3,229.5 338.3,248.4 341.6,251.7 341.6,257.9 346.1,257.9 346.1,266.1 360.5,279.4 367.1,272.8 369.3,275 369.3,287.8 362.3,287.8 353.8,295.1 353.8,312.2 347.2,312.2 347.2,316.1 342.4,319.9 339,319.9 330.6,328.3 330.6,343.2 312.8,343.2 312.8,352.1 306.8,352.1 304,354.9 "/> <polygon id="mapa_02_mapa-comunitat-valenciana" class="st8" points="526,348.7 531.1,343.7 531.1,333.2 524.4,333.2 524.4,329.3 528.9,324.8 528.9,318.2 534.4,312.6 534.4,306.2 530.4,302.2 521.5,302.2 515.6,297.3 515.6,291.7 522.2,286.1 522.2,277.8 510.5,277.8 506.7,274.1 506.7,267.2 522.2,252.8 522.2,244.6 528.9,244.6 528.9,248.3 533.2,254 537.7,249.5 537.7,244 558.8,224 558.8,206.5 556,203.7 562.5,198.1 569.4,198.1 572.7,201.4 583.8,201.4 590.9,209.6 590.9,214.2 577.6,227.5 577.6,237.5 561,253 561,263 552.1,271.8 552.1,289.4 572.7,310 541.1,340.5 541.1,353.8 536.6,358.3 "/> <polygon id="mapa_02_mapa-cataluna" class="st8" points="592.5,208 584.8,199.2 580.9,199.2 580.9,179.7 589.8,170.8 589.8,168.7 585.4,165.4 585.4,159.8 590.3,154.9 585.4,150 585.4,147.6 598.7,135.4 598.7,124.3 605.3,116.5 605.3,104.6 602,101.1 602,89.5 617.1,89.5 637.5,108.8 646.3,100 655.8,110.5 676.7,110.5 686.7,100.6 701.2,100.6 707.9,107.2 696.9,118.2 702.8,125.4 702.8,131.1 678,156 665.8,156 649.2,173.7 631.4,173.7 623.6,182.6 613.7,182.6 598.3,198 602.7,203.5 598.2,208 "/> <polygon id="mapa_02_mapa-castilla-la-mancha" class="st8" points="464,349.8 461.8,347.6 465.7,343.7 465.7,330.6 459.5,324.4 450.9,324.4 447.5,327.7 425.4,327.7 423.2,329.9 387.1,329.9 387.1,333.2 382,333.2 367.6,319.9 363.2,319.9 356,312.8 356,296.1 363.1,290 371.6,290 371.6,274.1 367.1,269.6 360.4,276.3 348.3,265.2 348.3,255.7 343.9,255.7 343.9,250.8 340.5,247.5 340.5,238 346.5,238 352,233.5 359.8,233.5 366,227.3 371.1,232.4 379.7,232.4 385.2,228 393.3,228 399.9,234.6 409.9,234.6 412.1,236.8 402.1,246.8 409.3,254 420.8,241.3 436.3,241.3 440.2,237.3 440.2,226.9 436.9,226.9 436.9,213.1 424.7,202 424.7,183.7 421.4,183.7 421.4,175.3 425.2,171.5 457.5,171.5 467.4,182.6 482.8,182.6 484.6,180.8 502.3,198.5 502.3,209.1 497.4,209.1 488.5,218 505.2,234.6 511.8,234.6 520,243.9 520,251.9 504.5,266.3 504.5,275 509.6,280.1 520,280.1 520,285.1 513.4,290.6 513.4,298.3 520.7,304.4 529.5,304.4 532.2,307.1 532.2,311.7 527.8,316.2 521.6,310 516.1,310 512.8,314.4 507.8,314.4 507.8,331.7 503.5,336 500.6,332.1 492.9,332.1 489.5,336.6 484.1,336.6 470.8,349.8 "/> <polygon id="mapa_02_mapa-castilla-y-leon" class="st8" points="340.5,235.7 340.5,224.2 335.6,229.1 328.9,229.1 323.3,222.4 317.9,222.4 315.1,225.3 301.8,212 293.5,220.2 286.3,220.2 286.3,222.4 278.5,222.4 278.5,185.2 309.5,154.2 309.5,144.9 287.8,144.9 297.7,135 291.2,127.2 268.5,127.2 268.5,122.1 282.3,109.5 276.3,103.4 276.3,96.1 267.4,96.1 267.4,85.6 276.7,77.3 286.7,77.3 297.8,66.2 311.3,66.2 316.8,71.8 324.5,71.8 325.7,69.6 333.2,69.6 338.7,65.1 352.1,65.1 356.2,60.1 367.8,70.7 375.3,70.7 380.4,66.6 386,71.2 386,76.6 391,81.7 409.2,81.7 409.2,74 400.4,74 400.4,71.2 405.2,67.3 409.6,67.3 415.2,62.9 431.4,62.9 431.4,69.6 437.5,69.6 439.1,71.8 427,71.8 427,80.6 434.2,80.6 439.9,86.3 435.8,91.7 437.6,91.7 433.6,95.7 433.6,117.7 445.3,129.4 456.2,129.4 464,121.6 468.6,121.6 479.6,133.8 487.3,133.8 490.1,130.3 490.1,147.8 484.6,153.3 484.6,160.4 477.9,160.4 477.9,174.2 483,179.2 481.9,180.3 468.4,180.3 458.5,169.3 424.3,169.3 420.2,173.4 416.8,171.1 399.3,189.9 399.3,197.6 373.8,222 373.7,230.2 372,230.2 366,224.2 358.9,231.3 351.2,231.3 345.7,235.7 "/> <polygon id="mapa_02_mapa-cantabria" class="st8" points="392,79.5 388.2,75.7 388.2,70.1 380.4,63.7 374.5,68.4 368.7,68.4 358.9,59.6 369.8,59.6 377.1,52.5 377.1,47.4 409.9,47.4 417.6,55.2 421.4,55.2 421.4,60.7 414.4,60.7 408.8,65.1 404.4,65.1 398.1,70.1 398.1,76.2 407,76.2 407,79.5 "/> <polygon id="mapa_02_mapa-principado-de-asturias" class="st8" points="276.8,75.1 270,67.4 277.8,59.6 263.5,45.2 272.3,37.4 320.1,37.4 329,47.4 374.9,47.4 374.9,51.4 368.9,57.4 355.5,57.4 351.1,62.9 337.9,62.9 332.4,67.3 324.3,67.3 323.2,69.6 317.7,69.6 312.2,64 296.9,64 285.8,75.1 "/> <polygon id="mapa_02_mapa-aragon" class="st8" points="531.1,247.6 531.1,242.4 521.6,242.4 512.8,232.4 506.1,232.4 491.7,218 498.3,211.4 504.5,211.4 504.5,197.6 480.1,173.2 480.1,162.6 486.8,162.6 486.8,154.2 492.3,148.7 492.3,128.3 500.7,128.3 506.7,134.3 517.2,123.8 511.2,118.9 511.2,108.8 516.7,103.3 516.7,94.4 538.8,71.2 556.1,89.5 599.8,89.5 599.8,102.1 603.1,105.5 603.1,115.7 596.5,123.4 596.5,134.4 583.2,146.6 583.2,150.9 587.1,154.9 583.2,158.8 583.2,166.5 587.6,169.8 587.6,169.9 578.7,178.8 578.7,199.2 573.6,199.2 570.3,195.9 561.7,195.9 552.7,203.5 556.6,207.4 556.6,223.1 535.5,243 535.5,248.6 533.4,250.7 "/> <polygon id="mapa_02_mapa-andalucia" class="st8" points="327.7,457.3 296.2,424.7 296.2,414.7 274.5,394.2 265.2,394.2 249.7,394.2 249.7,363.6 261.2,352.1 271.8,352.1 271.8,344.3 277.4,344.3 277.4,348.7 284.7,348.7 289.1,353.2 299.1,353.2 304,358.1 307.8,354.3 315.1,354.3 315.1,345.4 332.8,345.4 332.8,329.3 339.9,322.2 343.1,322.2 349.4,317.1 349.4,314.4 354.5,314.4 362.2,322.2 366.7,322.2 381.1,335.4 389.3,335.4 389.3,332.1 424.1,332.1 426.3,329.9 448.5,329.9 451.8,326.6 458.6,326.6 463.5,331.5 463.5,342.7 458.6,347.6 463.1,352.1 470.8,352.1 478.5,360.9 484.6,360.9 484.6,372.5 496.3,383.1 486.8,392.6 486.8,408.1 475.6,419.3 470.5,415.2 461.9,415.2 455.3,421.9 448.3,421.9 443.8,419.6 377.7,419.6 369.9,428.5 352.2,428.5 341.6,441.4 341.6,451.3 335.6,457.3 "/> </g> </g> <g id="g-t-barcelona"> <g id="g-t-barcelona-off"> <g> <circle class="st9" cx="656.5" cy="152" r="12"/> <circle class="st10" cx="656.5" cy="152" r="7.2"/> </g> <rect x="603.5" y="168" class="st11" width="105" height="19"/> <text transform="matrix(1 0 0 1 616.1622 182.2773)" class="st12 st13 st14">BARCELONA</text> </g> <g id="g-t-barcelona-on"> <g> <circle class="st15" cx="656.5" cy="152" r="12"/> <circle class="st16" cx="656.5" cy="152" r="7.2"/> </g> <rect x="603.5" y="168" class="st16" width="105" height="19"/> <g> <text transform="matrix(1 0 0 1 616.1622 182.2773)" class="st11 st13 st14">BARCELONA</text> </g> </g> </g> <g id="g-t-madrid"> <g id="g-t-madrid-off"> <g> <circle class="st9" cx="410.5" cy="212" r="12"/> <circle class="st10" cx="410.5" cy="212" r="7.2"/> </g> <rect x="432.5" y="202" class="st11" width="78" height="19"/> <text transform="matrix(1 0 0 1 445.1622 216.2773)" class="st12 st13 st14">MADRID</text> </g> <g id="g-t-madrid-on"> <g> <circle class="st15" cx="410.5" cy="212" r="12"/> <circle class="st16" cx="410.5" cy="212" r="7.2"/> </g> <rect x="432.5" y="202" class="st16" width="78" height="19"/> <text transform="matrix(1 0 0 1 445.1622 216.2773)" class="st11 st13 st14">MADRID</text> </g> </g> <g id="g-t-bilbao"> <g id="g-t-bilbao-off"> <g> <circle class="st9" cx="436.5" cy="55" r="12"/> <circle class="st10" cx="436.5" cy="55" r="7.2"/> </g> <rect x="458.5" y="45" class="st11" width="72" height="19"/> <text transform="matrix(1 0 0 1 471.1622 59.2773)" class="st12 st13 st14">BILBAO</text> </g> <g id="g-t-bilbao-on"> <g> <circle class="st17" cx="436.5" cy="55" r="12"/> <circle class="st16" cx="436.5" cy="55" r="7.2"/> </g> <rect x="458.5" y="45" class="st16" width="72" height="19"/> <g> <text transform="matrix(1 0 0 1 471.1622 59.2773)" class="st11 st13 st14">BILBAO</text> </g> </g> </g> <g id="g-t-malaga"> <g id="g-t-malaga-off"> <g> <circle class="st9" cx="371.5" cy="416" r="12"/> <circle class="st10" cx="371.5" cy="416" r="7.2"/> </g> <rect x="388.5" y="406" class="st11" width="81" height="19"/> <text transform="matrix(1 0 0 1 401.1622 420.2773)" class="st12 st13 st14">MÁLAGA</text> </g> <g id="g-t-malaga-on"> <g> <circle class="st15" cx="371.5" cy="416" r="12"/> <circle class="st16" cx="371.5" cy="416" r="7.2"/> </g> <rect x="388.5" y="406" class="st16" width="81" height="19"/> <g> <text transform="matrix(1 0 0 1 401.1622 420.2773)" class="st11 st13 st14">MÁLAGA</text> </g> </g> </g> <g id="g-t-alicantealacant"> <g id="g-t-alicantealacant-off"> <g> <circle class="st9" cx="550.5" cy="328" r="12"/> <circle class="st10" cx="550.5" cy="328" r="7.2"/> </g> <rect x="504.5" y="345" class="st11" width="89" height="19"/> <text transform="matrix(1 0 0 1 517.1622 359.2773)" class="st12 st13 st14">ALICANTE</text> </g> <g id="g-t-alicantealacant-on"> <g> <circle class="st15" cx="550.5" cy="328" r="12"/> <circle class="st16" cx="550.5" cy="328" r="7.2"/> </g> <rect x="504.5" y="345" class="st16" width="89" height="19"/> <g> <text transform="matrix(1 0 0 1 517.1622 359.2773)" class="st11 st13 st14">ALICANTE</text> </g> </g> </g> <g id="g-t-illes-balears"> <g id="g-t-illes-balears-off"> <g> <circle class="st9" cx="660.2" cy="280" r="12"/> <circle class="st10" cx="660.2" cy="280" r="7.2"/> </g> <rect x="595.5" y="295" class="st11" width="132" height="19"/> <text transform="matrix(1 0 0 1 605.447 309.2773)" class="st12 st13 st14">ISLAS BALEARES</text> </g> <g id="g-t-illes-balears-on"> <g> <circle class="st15" cx="660.2" cy="280" r="12"/> <circle class="st16" cx="660.2" cy="280" r="7.2"/> </g> <rect x="595.5" y="295" class="st16" width="132" height="19"/> <g> <text transform="matrix(1 0 0 1 605.447 309.2773)" class="st11 st13 st14">ISLAS BALEARES</text> </g> </g> </g> <g id="g-t-santiago-de-compostela"> <g id="g-t-santiago-de-compostela-off"> <g> <circle class="st9" cx="215.2" cy="75" r="12"/> <circle class="st10" cx="215.2" cy="75" r="7.2"/> </g> <rect x="112.5" y="90" class="st11" width="206" height="19"/> <text transform="matrix(1 0 0 1 122.447 104.2773)" class="st12 st13 st14">SANTIAGO DE COMPOSTELA</text> </g> <g id="g-t-santiago-de-compostela-on"> <g> <circle class="st15" cx="215.2" cy="75" r="12"/> <circle class="st16" cx="215.2" cy="75" r="7.2"/> </g> <rect x="112.5" y="90" class="st16" width="206" height="19"/> <g> <text transform="matrix(1 0 0 1 122.447 104.2773)" class="st11 st13 st14">SANTIAGO DE COMPOSTELA</text> </g> </g> </g> <g id="g-t-palmas-de-gran-canaria-las"> <g id="g-t-palmas-de-gran-canaria-las-off"> <g> <circle class="st9" cx="90.2" cy="538" r="12"/> <circle class="st10" cx="90.2" cy="538" r="7.2"/> </g> <rect x="25.5" y="553" class="st11" width="131" height="19"/> <text transform="matrix(1 0 0 1 35.447 567.2773)" class="st12 st13 st14">ISLAS CANARIAS</text> </g> <g id="g-t-palmas-de-gran-canaria-las-on"> <g> <circle class="st17" cx="90.2" cy="538" r="12"/> <circle class="st16" cx="90.2" cy="538" r="7.2"/> </g> <rect x="25.5" y="553" class="st16" width="131" height="19"/> <g> <text transform="matrix(1 0 0 1 35.447 567.2773)" class="st11 st13 st14">ISLAS CANARIAS</text> </g> </g> </g> </svg> </div> </div> </div> </div> </section> </section> </div><section class="module articles destacados positioned"> <div class="container"> <div class="article full-width"> <div class="wrapper-resource"> <img data-src="/export/sites/segtur/.content/imagenes/banners/clima/clima-infografia-es.png" src="/export/sites/segtur/.content/imagenes/banners/clima/clima-infografia-es.png" data-srcset="/export/sites/segtur/.content/imagenes/banners/clima/clima-infografia-es.png" class="img-fluid" alt="" title=""/> </div> <div class="wrapper-title"> <h2 class="title">El tiempo en España</h2> </div> <p class="text">España es un país soleado que <strong>ronda las 3.000 horas de sol anuales</strong>. Las temperaturas son suaves pero aun así hay diferencias entre las estaciones y las distintas zonas del país. La primavera y el otoño tienen las temperaturas más agradables y permiten disfrutar al aire libre casi todo el día. Las temperaturas máximas se alcanzan durante los meses de julio y agosto, calurosos y secos en todo el país. Las temperaturas mínimas suelen darse en los meses de enero y febrero, que coinciden con los meses de más lluvias, principalmente en el norte de España.<span class="br"></span><span class="br"></span>-Hay imprescindibles que no deben faltar en tu equipaje:<span class="br"></span><span class="br"></span>-Las <strong>gafas de sol</strong> las utilizarás todo el año.<span class="br"></span><span class="br"></span>-<strong>Calzado cómodo</strong>, sobre todo si vas a visitar museos, hacer recorridos en ciudades o adentrarte en la naturaleza.<span class="br"></span><span class="br"></span>-<strong>Mochila</strong> cómoda y ligera para guardar, por ejemplo, las gafas de sol, crema protectora contra el sol, una botella de agua o un pequeño paraguas de viaje para cualquier imprevisto.</p> <ul class="list"> </ul> </div> </div> </section> <section class="module articles"> <div class="container"> <article class="article row resource-right"> <div class="col-md-6"> <div class="wrapper-title"> <h2 class="title">Primavera - De finales de marzo a finales de junio</h2> </div> <p class="text">Muchos aseguran que es la estación perfecta en España. El sol es protagonista casi siempre y cada día hay más horas de sol para disfrutar al aire libre con paseos, tarde de terrazas, salidas a la naturaleza…<span class="br"></span><span class="br"></span>Son prendas básicas las de mangas cortas o las de mangas largas de tejidos finos, los vaqueros y vestidos de colores alegres. Accesorios como las gafas de sol, un sombrero, una <em>pashmina</em> o unas sandalias pueden ser buenos compañeros de viaje para disfrutar mañanas y tardes soleadas. Un dicho popular (“En abril, aguas mil”) nos alerta de incluir también un pequeño paraguas de viaje para estar preparados ante posibles lluvias intensas aunque habitualmente muy cortas.  </p> </div> <div class="col-md-6"> <div class="wrapper-resource"> <img data-src="/export/sites/segtur/.content/imagenes/reportajes/andalucia/turistas-calle-flores-cordoba-s1198024888.jpg" src="/export/sites/segtur/.content/imagenes/reportajes/andalucia/turistas-calle-flores-cordoba-s1198024888.jpg" data-srcset="/export/sites/segtur/.content/imagenes/reportajes/andalucia/turistas-calle-flores-cordoba-s1198024888.jpg" class="img-fluid" alt="Turistas en una calle de Córdoba" title="Turistas en una calle de Córdoba"/> </div> </div> </article> </div> </section> <section class="module articles"> <div class="container"> <article class="article row resource-left"> <div class="col-md-6 order-md-12"> <div class="wrapper-title"> <h2 class="title">Verano – De finales de junio a finales de septiembre</h2> </div> <p class="text">Los meses de julio, agosto y septiembre son los más calurosos y secos. En habitual superar los 30 grados centígrados durante el día. En zonas de interior y en el sur, la temperatura nocturna también puede superar los 20 grados. El norte conserva un clima más suave, de temperaturas más bajas y algunas precipitaciones en regiones como Galicia, Asturias o Cantabria.<span class="br"></span><span class="br"></span>La prenda imprescindible del verano en España es el bañador para disfrutar en la playa. Se recomienda llevar ropa de colores claros. En este sentido, es muy conocida la moda ibicenca, de ropas blancas. Sientan bien y apetecen los tejidos vaporosos o finos como el lino o el algodón. Respecto al calzado, es normal llevar sandalias o chanclas. Las prendas sin mangas y los pantalones cortos también son habituales. </p> </div> <div class="col-md-6 order-md-1"> <div class="wrapper-resource"> <img data-src="/export/sites/segtur/.content/imagenes/reportajes/naturaleza/familia-playa-s1023017290.jpg" src="/export/sites/segtur/.content/imagenes/reportajes/naturaleza/familia-playa-s1023017290.jpg" data-srcset="/export/sites/segtur/.content/imagenes/reportajes/naturaleza/familia-playa-s1023017290.jpg" class="img-fluid" alt="Familia en la playa" title="Familia en la playa"/> </div> </div> </article> </div> </section> <section class="module articles"> <div class="container"> <article class="article row resource-right"> <div class="col-md-6"> <div class="wrapper-title"> <h2 class="title">Otoño – De finales de septiembre a finales de diciembre</h2> </div> <p class="text">La temperatura comienza a bajar y es más fría a primera hora de la mañana y al caer la tarde. Se empieza a necesitar ropa de abrigo, alguna bufanda ligera y chaquetas o blazers. En esta época es habitual poder disfrutar de días soleados, sobre todo desde Madrid hacia el sur.<span class="br"></span><span class="br"></span>Muchos recomiendan disponer de distintas capas de ropa más ligera en lugar de abrigos pesados o muy cálidos. De este modo, podrás adaptarte a cada hora del día sin problema. Por ejemplo, al caer la tarde se puede sentir más frío en zonas de montaña o en áreas de costa debido a la humedad. Es normal que cada otoño llegue alguna tormenta fría de forma ocasional.</p> </div> <div class="col-md-6"> <div class="wrapper-resource"> <img data-src="/export/sites/segtur/.content/imagenes/reportajes/extremadura/Margarita-Ramos-Hernandez.-p112-2-2012.jpg" src="/export/sites/segtur/.content/imagenes/reportajes/extremadura/Margarita-Ramos-Hernandez.-p112-2-2012.jpg" data-srcset="/export/sites/segtur/.content/imagenes/reportajes/extremadura/Margarita-Ramos-Hernandez.-p112-2-2012.jpg" class="img-fluid" alt="Valle del Ambroz (Extremadura)" title="Valle del Ambroz (Extremadura)"/> <div class="infoImg right right-top text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Valle del Ambroz (Extremadura)</span> <span class="copy_container"> <span class="copy_ico"> <span>©</span> </span> <span class="copy_texto">Margarita Ramos Hernández</span> <span class="foto_copy_fade"></span> </span> </span> </div></div> </div> </article> </div> </section> <section class="module articles"> <div class="container"> <article class="article row resource-left"> <div class="col-md-6 order-md-12"> <div class="wrapper-title"> <h2 class="title">Invierno – De finales de diciembre a finales de marzo</h2> </div> <p class="text">Son los meses más fríos. Aunque España no es un país lluvioso, te recomendamos disponer de un paraguas. En el norte, las lluvias son frecuentes estos meses. En el resto del país, se pueden concentrar varios días con lluvias. Una buena opción puede ser un chubasquero.<span class="br"></span><span class="br"></span>Te recomendamos incorporar a tu equipaje ropa de abrigo y accesorios como bufanda o guantes. En la mayoría del país, las botas de agua son prescindibles y suele recomendarse calzado cómodo, quizá alto como botas, y el empleo de calcetines más gruesos. Prendas de tejidos como la lana, la franela o la tela polar, ropa térmica interior, leotardos y abrigos invernales son necesarios, sobre todo en entornos rurales. Si vas a las Islas Canarias, el invierno es muy distinto y no necesitarás más que alguna chaqueta fina. </p> </div> <div class="col-md-6 order-md-1"> <div class="wrapper-resource"> <img data-src="/export/sites/segtur/.content/imagenes/reportajes/andalucia/chica-nieve-sierra-nevada-s1504408070.jpg" src="/export/sites/segtur/.content/imagenes/reportajes/andalucia/chica-nieve-sierra-nevada-s1504408070.jpg" data-srcset="/export/sites/segtur/.content/imagenes/reportajes/andalucia/chica-nieve-sierra-nevada-s1504408070.jpg" class="img-fluid" alt="Chica en Sierra Nevada" title="Chica en Sierra Nevada"/> </div> </div> </article> </div> </section> <div> <section class="module listado-iconos-xl"> <div class="container"> <div class="title-box "> <span class="subtitle">Planifica tu viaje</span> <p class="title">Descubre más información de...</p> <hr> </div><div class="row"> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/es/como-llegar/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/como-llegar.svg" alt="Cómo llegar" title="Cómo llegar" class="img-fluid"/> <p class="title">Cómo llegar a España</p> <p class="subtitle">Diferentes maneras de viajar</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/es/como-moverse/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/como-moverse.svg" alt="Como moverse" title="Como moverse" class="img-fluid"/> <p class="title">Cómo viajar por España</p> <p class="subtitle">Destinos perfectamente comunicados</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/es/folletos/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/folletos.svg" alt="Descarga de folletos" title="Descarga de folletos" class="img-fluid"/> <p class="title">Descarga de folletos</p> <p class="subtitle">Aprovecha tu viaje a España</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/es/mapa-interactivo/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mapa.svg" alt="Mapa interactivo" title="Mapa interactivo" class="img-fluid"/> <p class="title">Mapa interactivo</p> <p class="subtitle">Localiza lo que te interesa</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/es/planificar-viaje-espana/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mi-viaje.svg" alt="Mi viaje" title="Mi viaje" class="img-fluid"/> <p class="title">Mi viaje</p> <p class="subtitle">Te ayudamos a encontrar los mejores planes</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/es/info/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/info.svg" alt="Información práctica" title="Información práctica" class="img-fluid"/> <p class="title">Información práctica</p> <p class="subtitle">Consejos útiles para tu viaje a España</p> </a> </div> </div> </div> </section> </div> </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">Modo accesible</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/es/tiempo/" 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/es/tiempo/" rel="nofollow" class="item-link hacerblank"><span class="icon-xicon1"></span></a></li> <li class="list-item"><a href="/es/app/enviar-a-un-amigo/?id=2f8d596c-c888-11e8-a5af-4b40e2fd4688" 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">España</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='' title=''><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="/es/"><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">Todos los derechos reservados</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/CasoTuristaEspannol.aspx" target="_blank" rel="nofollow" class="text-gray text-uppercase"> Contacto</a> </li> <li class="list-item d-block"> <a title="" href="https://www.tourspain.es/es/" target="_blank" rel="nofollow" class="text-gray text-uppercase"> Conócenos</a> </li> <li class="list-item d-block"> <a title="" href="/es/mapa-web/" class="text-gray text-uppercase"> Mapa web</a> </li> <li class="list-item d-block"> <a title="" href="/es/aviso-legal/" rel="nofollow" class="text-gray text-uppercase"> Aviso legal</a> </li> <li class="list-item d-block"> <a title="" href="/es/condiciones-uso-informacion/" rel="nofollow" class="text-gray text-uppercase"> Uso de la información</a> </li> <li class="list-item d-block"> <a title="" href="/es/cookies/" rel="nofollow" class="text-gray text-uppercase"> Política de cookies</a> </li> <li class="list-item d-block"> <a title="" href="/es/accesibilidad/" rel="nofollow" class="text-gray text-uppercase"> Accesibilidad</a> </li> </ul> </nav> </div></div> </div> </div> </section> </div> <script defer src="/export/system/modules/es.segittur.comun/resources/js/cookie-consent-es.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">TUS NUEVOS RECUERDOS EMPIEZAN AQUÍ.</p> <span id="cerrarPopupRRSS" class="icon-close"></span> <p class="subtitle text-white text-left"><span>DESCUBRE ESPAÑA CON NOSOTROS</span><span class="d-block">SIGUIÉNDONOS EN…</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("pupRRSS", "true", 2); document.getElementById("popupRRSS").style.visibility = "hidden"; }); </script> <div id="snackbar" class="aviso-pwa"><p>No estás online. Conexión requerida para contenido actualizado</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">Has descargado el contenido</p> <p id="textInstall" class="text py-3">Te recomendamos la descarga de contenido offline desde la Web App de Spain.info</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">Descargar</button> </div> </div> </div> <div id="swfail" class="aviso-pwa"><p>No es posible guardar para offline.</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 = "Descargado"; 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"> Haz click en compartir</span><img src="/.content/images/iconos/iosshare.svg"></div><div class="d-flex"><span>2.-</span><span> Selecciona "Añadir a pantalla de inicio"</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/es/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 = 'Descarga offline'; } else { stext_button.innerHTML = 'Descargado'; } } var locale = 'es'; setTimeout(() => { if (getCookie('pupRRSS')!="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 = 'es'; } 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 = 'es'; } 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>

CINXE.COM

El clima en España | spain.info