CINXE.COM
O clima na Espanha | spain.info
<!DOCTYPE html> <html class="no-js" lang="pt_BR"> <head> <script type="text/javascript"> var texto = "(É aberto em uma nova janela)"; </script> <link rel='manifest' href='/manifest.json?loc=pt_BR'> <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>O clima na Espanha | spain.info</title> <meta name="description" content='Consulte a previsão do tempo de cada cidade espanhola. Serviço de previsão meteorológica no portal de turismo da Espanha | 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="canonical" href="https://www.spain.info/pt_BR/tempo/"/> <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"/> <meta property="og:url" content='https://www.spain.info/pt_BR/tempo/'/> <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>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N7W4FXW');</script> <!-- End Google Tag Manager --></head> <body> <!-- Google Tag Manager --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N7W4FXW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="gtmDin"></div> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'url-es':'/es/tiempo/', 'tipo-recurso': 'subhome', 'tipo-plantilla': '', 'eje-primario': 'Planifica tu viaje', 'eje-secundario': 'El tiempo' }); </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="/pt_BR/"> <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 da Espanha</p> <button id="open-buscador" class="btn-lupa collapsed"><span class="icon-search animunderline" aria-label='Procurar'></span></button> <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#mainMenu" aria-controls="mainMenu" aria-expanded="false" aria-label="Toggle navigation"> <span> </span> <span> </span> <span> </span> </button> <div class="form-inline buscador-general"> <div class="container"> <!--ICONO PARA CERRAR SUBMENU--> <button class="icon-close" aria-label='Fechar'><span></span></button> <form action="/pt_BR/resultados-busca/" aria-labelledby="open-buscador"> <fieldset> <label lang="es" for="Procurar" xml:lang="es" class="sr-only">Procurar</label> <input name="q" class="form-control input-visible" type="search" placeholder="Procurar" aria-label="Procurar"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="Procurar"> </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>Onde 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='Fechar'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Descubra</strong> nossos destinos</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/pt_BR/destino/madri/" id="list-mdn-madrid" class="dropdown-item active "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Madri</a> </li> <li> <a href="/pt_BR/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="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Barcelona</a> </li> <li> <a href="/pt_BR/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="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Valência</a> </li> <li> <a href="/pt_BR/destino/sevilha/" id="list-mdn-sevilla" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Sevilha</a> </li> <li> <a href="/pt_BR/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="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Zaragoza</a> </li> <li> <a href="/pt_BR/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="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Málaga</a> </li> <li> <a href="/pt_BR/destino/bilbau/" id="list-mdn-bilbao" class="dropdown-item "> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Bilbau</a> </li> <li> <a href="/pt_BR/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="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Santiago de Compostela</a> </li> <li> <a href="/pt_BR/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="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Salamanca</a> </li> <li> <a href="/pt_BR/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="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Santander</a> </li> <li> <a href="/pt_BR/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="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Cáceres</a> </li> <li> <a href="/pt_BR/regiao/ilhas-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="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Ilhas Canárias</a> </li> <li> <a href="/pt_BR/regiao/ilhas-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="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Ilhas Baleares</a> </li> <li> <a href="/pt_BR/destinos/" class="dropdown-item d-block d-customdk-none">ver todos os destinos</a> </li> </ul> <div class="wrapper-buscador-destinos container"> <form class="form-inline buscador-destinos" action="/pt_BR/resultados-busca/"> <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 de destinos</label> <input name="q" class="form-control input-visible" type="search" placeholder="PROCURAR OUTROS DESTINOS" aria-label="PROCURAR OUTROS DESTINOS"> <span class="icon-search capa-lupa"></span> <input class="btn submit" type="submit" value="PROCURAR OUTROS DESTINOS"> </fieldset> </form> <a href="/pt_BR/destinos/" class="btn btn-dark text-uppercase">ver todos os destinos</a> </div> </div> <div class="wrapper-recurso-menu mapa-menu"> <!--MAPA MENU--> <div class="wrapper-menu-map d-none d-xl-block"> <div class="menuholder" data-lang="pt_BR" data-path="mapa_00_mapa-menu-destinos.svg"></div> </div> <!--END MAPA MENU--> </div> </div> </div> </li> <li class="nav-item dropdown list-images-dk"> <a class="nav-link animunderline d-flex align-items-center justify-content-between" href="#" role="button" data-toggle="dropdown" id="dropdown-quehacer" aria-haspopup="true" aria-expanded="false"> <span>O que fazer</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='Fechar'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Planos</strong> para todos os gostos</p></div> <hr> </div> <a class="dropdown-item" href="/pt_BR/arte-cultura/" title="Ir para: Arte e 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 e cultura" title="Arte e cultura" /> <span>Arte e cultura</span> </a> <a class="dropdown-item" href="/pt_BR/costas-praias/" title="Ir para: Costas e praias"> <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 e praias" title="Costas e praias" /> <span>Costas e praias</span> </a> <a class="dropdown-item" href="/pt_BR/cidades/" title="Ir para: 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="/pt_BR/natureza/" title="Ir para: Natureza"> <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="Natureza" title="Natureza" /> <span>Natureza</span> </a> <a class="dropdown-item" href="/pt_BR/gastronomia-enoturismo/" title="Ir para: Gastronomia e enologia"> <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="Gastronomia e enologia" title="Gastronomia e enologia" /> <span>Gastronomia e enologia</span> </a> <a class="dropdown-item" href="/pt_BR/esporte-aventura/" title="Ir para: Esporte e 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="Esporte e aventura" title="Esporte e aventura" /> <span>Esporte e aventura</span> </a> <a class="dropdown-item" href="/pt_BR/compras/" title="Ir para: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="/pt_BR/roteiros/" title="Ir para: Roteiros"> <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="Roteiros" title="Roteiros" /> <span>Roteiros</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>Planeje sua viagem</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='Fechar'><span></span></button> <div class="title-box mb-1"> <div class="title"><p><strong>Prepare </strong>sua viagem à Espanha</p></div> <hr> </div> <div class="arrowed wrapper-list-links"> <ul class="list-links"> <li> <a href="/pt_BR/sobre-espanha/" id="info-1" class="dropdown-item active"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Sobre a Espanha</a> </li> <li> <a href="/pt_BR/info/" id="info-2" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Informações práticas</a> </li> <li> <a href="/pt_BR/como-chegar/" id="info-3" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Como chegar à Espanha</a> </li> <li> <a href="/pt_BR/como-se-deslocar/" id="info-4" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Como viajar pela Espanha</a> </li> <li> <a href="/pt_BR/atividades/" id="info-5" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Reserva de experiências</a> </li> <li> <a href="/pt_BR/planificador-roteiros/" id="info-6" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Planificador de roteiros</a> </li> <li> <a href="/pt_BR/folhetos/" id="info-7" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Download de folhetos</a> </li> <li> <a href="/pt_BR/tempo/" id="info-8" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>O tempo</a> </li> <li> <a href="/pt_BR/conselhos-viagem/visto-passaporte/" id="info-9" class="dropdown-item"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Visto e passaporte</a> </li> <li> <a href="https://sustainability.spain.info/en/" id="info-10" title="Ir para: Sustentabilidade na Espanha" class="dropdown-item hacerblank"> <svg class="waa waaright" width="50px" height="50px" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g class="arrowangleright" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <circle class="circleright" fill="#9B9B9B" opacity="0.602701823" cx="36" cy="36" r="36"></circle> <polyline class="angleright" stroke="#FFFFFF" stroke-width="3" stroke-linecap="round" transform="translate(36.500000, 36.000000) scale(-1, 1) translate(-36.500000, -36.000000) " points="41 27 32 35.9802901 41 45"></polyline> </g> </svg>Sustentabilidade na Espanha</a> </li> </ul> </div> <div class="wrapper-recurso-menu imagen-menu"> <a href="/pt_BR/sobre-espanha/" title="Ir para: Sobre a Espanha" id="card-1" class="card show standard-box-shadow"> <img id="imgAct9" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turistas-museo-prado-mapa-madrid-s139919035.jpg" class="card-img-top" alt="Sobre a Espanha" title="Sobre a Espanha"/> <div class="card-body"> <p class="title text-uppercase">Sobre a Espanha</p> <p class="card-text mb-0">Dados e curiosidades do país, sua cultura, sua natureza, sua culinária e sua população.</p> </div> </a> <a href="/pt_BR/info/" title="Ir para: Informações práticas" id="card-2" class="card standard-box-shadow"> <img id="imgAct10" src="/export/sites/segtur/.content/imagenes/menu-navegacion/informacion-turistica-madrid-c-madrid-destino-francesco-pinton.jpg" class="card-img-top" alt="Informações práticas" title="Informações práticas"/> <div class="card-body"> <p class="title text-uppercase">Informações práticas</p> <p class="card-text mb-0">Prepare sua viagem com antecedência seguindo estes conselhos sobre requisitos de entrada, dinheiro, segurança, saúde, horários, etc.</p> </div> </a> <a href="/pt_BR/como-chegar/" title="Ir para: Como chegar à Espanha" id="card-3" class="card standard-box-shadow"> <img id="imgAct11" src="/export/sites/segtur/.content/imagenes/menu-navegacion/mapa-planificacion-s348683150.jpg" class="card-img-top" alt="Como chegar à Espanha" title="Como chegar à Espanha"/> <div class="card-body"> <p class="title text-uppercase">Como chegar à Espanha</p> <p class="card-text mb-0">Encontre informação sobre aeroportos e portos de cruzeiro e descubra qual é o tempo de voo a partir de diferentes pontos do mundo.</p> </div> </a> <a href="/pt_BR/como-se-deslocar/" title="Ir para: Como viajar pela Espanha" id="card-4" class="card standard-box-shadow"> <img id="imgAct12" src="/export/sites/segtur/.content/imagenes/menu-navegacion/chica-transporte-s456518287.jpg" class="card-img-top" alt="Como viajar pela Espanha" title="Como viajar pela Espanha"/> <div class="card-body"> <p class="title text-uppercase">Como viajar pela Espanha</p> <p class="card-text mb-0">Oferecemos dados úteis sobre conexões entre as principais cidades da Espanha.</p> </div> </a> <a href="/pt_BR/atividades/" title="Ir para: Reserva de experiências" id="card-5" class="card standard-box-shadow"> <img id="imgAct13" src="/export/sites/segtur/.content/imagenes/menu-navegacion/fotos-u311182.jpg" class="card-img-top" alt="Reserva de experiências" title="Reserva de experiências"/> <div class="card-body"> <p class="title text-uppercase">Reserva de experiências</p> <p class="card-text mb-0">Milhares de atividades pensadas para você Basta escolher a temática e o lugar onde você quer ir.</p> </div> </a> <a href="/pt_BR/planificador-roteiros/" title="Ir para: Planificador de roteiros" id="card-6" class="card standard-box-shadow"> <img id="imgAct14" src="/export/sites/segtur/.content/imagenes/menu-navegacion/turista-fornalutx-mallorca-c-pedro-giraldez.jpg" class="card-img-top" alt="Planificador de roteiros" title="Planificador de roteiros"/> <div class="card-body"> <p class="title text-uppercase">Planificador de roteiros</p> <p class="card-text mb-0">Crie seu próprio plano de viagem para a Espanha com um itinerário totalmente adaptado às suas necessidades.</p> </div> </a> <a href="/pt_BR/folhetos/" title="Ir para: Download de folhetos" id="card-7" class="card standard-box-shadow"> <img id="imgAct15" src="/export/sites/segtur/.content/imagenes/menu-navegacion/folleto-turistas-u1118390.jpg" class="card-img-top" alt="Download de folhetos" title="Download de folhetos"/> <div class="card-body"> <p class="title text-uppercase">Download de folhetos</p> <p class="card-text mb-0">Com nossos folhetos e guias digitais você poderá descobrir o melhor de nossa culinária, nossa cultura, nossas festas...</p> </div> </a> <a href="/pt_BR/tempo/" title="Ir para: O tempo" id="card-8" class="card standard-box-shadow"> <img id="imgAct16" src="/export/sites/segtur/.content/imagenes/menu-navegacion/clima-movil-c-gavin-allanwood-u723586.jpg" class="card-img-top" alt="O tempo" title="O tempo"/> <div class="card-body"> <p class="title text-uppercase">O tempo</p> <p class="card-text mb-0">Consulte as temperaturas médias e as horas de sol de diferentes regiões e saiba que tipo de roupa é recomendável trazer conforme a estação.</p> </div> </a> <a href="/pt_BR/conselhos-viagem/visto-passaporte/" title="Ir para: Visto e passaporte" id="card-9" class="card standard-box-shadow"> <img id="imgAct17" src="/export/sites/segtur/.content/imagenes/menu-navegacion/pasaporte-u752510.jpg" class="card-img-top" alt="Visto e passaporte" title="Visto e passaporte"/> <div class="card-body"> <p class="title text-uppercase">Visto e passaporte</p> <p class="card-text mb-0">Quer saber se precisa de visto para viajar para a Espanha? Conheça os tipos de vistos existentes e como obtê-los.</p> </div> </a> <a href="https://sustainability.spain.info/en/" title="Ir para: Sustentabilidade na Espanha" id="card-10" class="card standard-box-shadow hacerblank"> <img id="imgAct18" src="/export/sites/segtur/.content/imagenes/menu-navegacion/menu-sostenibilidad.jpg" class="card-img-top" alt="Sustentabilidade na Espanha" title="Sustentabilidade na Espanha"/> <div class="card-body"> <p class="title text-uppercase">Sustentabilidade na Espanha</p> <p class="card-text mb-0">Planeje férias onde haja respeito ao meio ambiente e à sociedade. Junte-se a nós para cuidar do planeta.</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="/pt_BR/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-pt_BR" aria-haspopup="true" aria-expanded="false" data-toggle="dropdown"><span class="icon-globe"></span> Português<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-pt_BR"> <ul> <li class="nav-item"> <a href="/es/tiempo/" class="dropdown-item" id="locale-es"> Español</a> </li> <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="/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="/pt_BR/mapa-interativo/" class="" > <span class="icon-map-marker"></span> <span class="text">Mapa interativo</span> </a> </li> <li class="list-item"> <a href="/pt_BR/planejar-viagem-espanha/" class="" > <span class="icon-mi-viaje"></span> <span class="text">Minha viagem ideal</span> </a> </li> <li class="list-item"> <a href="/pt_BR/app/favoritos/" class="" rel="nofollow" > <span class="icon-like"></span> <span class="text">Meus favoritos</span> </a> </li> <li class="list-item"> <a href="https://aplicaciones.tourspain.es/CRM.HospedajeFormularios/Newsletter/NewsletterPortugues.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"> <!--<a href='https://travelsafe.spain.info/pt-pt/' class="cabecera-aviso hacerblank aviso-a"> <div class="wrapper-aviso"> <p class="text"><span class="text-color">Travel </span><span class="primary-color">Safe</span></p> <span class="description consejos">Conselhos para viajar com segurança</span> <span class="description d-block secondary-color font-weight-bolder">Últimas notícias</span> </div> </a>--> <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 o tempo' title='O tempo'><div class="title-container container"> <div class="wrapper-title text-white"> <h1 class="titulo-portada custom-title container-fluid">O tempo</h1> <span class="subtitle text-white"><p>Como é a temperatura na Espanha?</p></span> </div> <div class="infoImg left left-bottom text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">O tempo</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="/pt_BR/" target="_self" title="" >Início</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">Onde o sol acompanha em todas as estações</h2> <p class="text-secundario text-center"> A Espanha é um país de clima suave todo o ano, mas que conserva os contrastes das quatro estações. Aqui você poderá consultar as temperaturas médias e as horas de sol de alguns dos principais destinos. Além disso, recomendamos que roupa trazer em cada época e damos mais informações sobre o tempo na Espanha.</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 na Espanha</p> <hr> <p class="description">Quer saber como é o tempo nas principais cidades espanholas? Informação sobre as temperaturas médias em cada estação e o número de horas de sol. Qualquer época é boa para viajar à Espanha!</p> </div><div class="row"> <div class="col-lg-4"> <!--ACORDEON--> <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"> Madri</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">Inverno</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">Verão</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">Outono</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">Mês</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">Janeiro - março</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">Mês</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 - junho</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">Mês</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">Julho-setembro</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">Mês</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">Outubro-dezembro</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">Inverno</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">Verão</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">Outono</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">Mês</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">Janeiro-março</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">Mês</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 - junho</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">Mês</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">Julho-setembro</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">Mês</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">Outubro-dezembro</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">Inverno</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">Verão</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">Outono</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">Mês</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">Janeiro-março</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">Mês</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 - junho</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">Mês</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">Julho-setembro</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">Mês</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">Outubro-dezembro</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"> Bilbau</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">Inverno</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">Verão</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">Outono</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">Mês</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">Janeiro-março</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">Mês</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 - junho</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">Mês</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">Julho-setembro</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">Mês</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">Outubro-dezembro</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"> Las Palmas de Gran Canaria</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">Inverno</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">Verão</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">Outono</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">Mês</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">Janeiro-março</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">Mês</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 - junho</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">Mês</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">Julho-setembro</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">Mês</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">Outubro-dezembro</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">Inverno</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">Verão</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">Outono</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">Mês</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">Janeiro-março</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">Mês</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 - junho</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">Mês</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">Julho-setembro</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">Mês</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">Outubro-dezembro</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">Inverno</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">Verão</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">Outono</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">Mês</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">Janeiro-março</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">Mês</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 - junho</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">Mês</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">Julho-setembro</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">Mês</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">Outubro-dezembro</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">Inverno</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">Verão</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">Outono</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">Mês</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">Janeiro-março</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">Mês</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 - junho</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">Mês</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">Julho-setembro</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">Mês</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">Outubro-dezembro</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"?> <!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <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:#F6F6F6;} #temperaturas .st1{fill:url(#mapa_02_mapa-africa) !important;} #temperaturas .st2{fill:url(#mapa_02_mapa-europa) !important;} #temperaturas .st3{opacity:0.3;} #temperaturas .st4{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;} #temperaturas .st5{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:6.1632,6.1632;} #temperaturas .st6{fill:none;stroke:#979797;stroke-width:2;stroke-miterlimit:10;stroke-dasharray:5.7649,5.7649;} #temperaturas .st7{fill:#CCCCCC;} #temperaturas .st8{fill:#CCCCCC;stroke:#CCCCCC;stroke-miterlimit:10;} #temperaturas .st9{opacity:0.6;fill:#FFFFFF;} #temperaturas .st10{fill:#EDC230;} #temperaturas .st11{fill:#FFFFFF;} #temperaturas .st12{fill:#4B4B4B;} #temperaturas .st13{font-family:'Stolzl-Bold';} #temperaturas .st14{font-size:13px;} #temperaturas .st15{opacity:0.3055;fill:#C5220D;} #temperaturas .st16{fill:#C5220D;} #temperaturas .st17{opacity:0.31;fill:#C5220D;} </style> <g id="mapa_02_MAPA"> <g id="mapa_02_mapa-paises"> <polygon id="mapa_02_mapa-portugal" class="st0" points="200.95,136.03 214.24,122.74 226.43,122.74 214.24,136.03 260.77,136.03 267.42,129.38 290.68,129.38 295.12,134.92 282.93,147.11 307.3,147.11 307.3,153.76 276.28,184.78 276.28,226.88 268.53,233.52 276.28,242.39 276.28,256.79 245.26,256.79 245.26,270.08 269.63,293.35 269.63,303.32 256.34,316.61 256.34,329.91 269.63,343.2 269.63,349.85 260.77,349.85 247.48,363.14 247.48,394.16 238.61,394.16 224.21,404.13 212.02,394.16 198.73,390.84 177.68,396.38 172.7,391.39 187.1,365.91 187.1,343.76 184.88,340.43 190.42,328.25 192.08,318.83 195.41,317.72 192.64,310.52 184.33,314.4 177.68,313.29 176.57,304.43 182.11,304.43 187.1,297.23 183.77,290.58 179.9,298.89 163.83,299.44 163.83,289.47 172.7,263.99 182.67,255.13 192.64,228.54 195.96,227.43 192.64,223 197.07,215.24 199.28,201.95 202.05,199.18 201.5,195.3 202.61,186.44 205.93,172.04 199.28,145.45 199.28,139.91 "/> <radialGradient id="mapa_02_mapa-africa" cx="448.6343" cy="505.5" r="276.2365" gradientTransform="matrix(1 0 0 0.3829 0 311.9386)" gradientUnits="userSpaceOnUse"> <stop offset="0" style="stop-color:#F6F6F6"/> <stop offset="1" style="stop-color:#F6F6F6;stop-opacity:0"/> </radialGradient> <polyline id="mapa_02_mapa-africa" class="st1" points="730.5,411 697.83,432.39 676.78,430.17 644.65,435.71 598.12,462.3 591.47,482.24 581.5,483.35 572.64,473.38 561.56,473.38 561.56,486.67 549.37,483.35 532.75,495.53 527.21,511.04 515.03,514.37 503.95,526.55 479.02,528.22 464.62,531.54 446.89,531.54 444.68,523.78 440.25,529.32 420.3,527.11 394.82,527.11 369.34,516.03 361.59,492.76 331.67,481.69 340.54,473.93 321.7,476.15 281.5,535 244.5,576 172.5,600 730.5,600 "/> <radialGradient id="mapa_02_mapa-europa" cx="571.3252" cy="85.3928" r="237.0186" fx="563.9681" fy="85.547" gradientTransform="matrix(0.981 0.194 -0.0627 0.3171 16.2045 -52.5032)" gradientUnits="userSpaceOnUse"> <stop offset="0.3966" style="stop-color:#F6F6F6"/> <stop offset="0.7768" style="stop-color:#F6F6F6;stop-opacity:0"/> </radialGradient> <path id="mapa_02_mapa-europa" class="st2" d="M502.5,30l-10.18,21.83l17.73,16.62h29.91l17.73,18.83h60.93l18.83,17.73 l8.86-8.86l11.08,12.19h18.83l9.97-9.97h16.62c0,0,5.88-12.72,5.71-14.09c-0.28-2.28,1.96-15.66,1.96-15.66L710.5,60l17-19l3-41 l-242-5"/> </g> <g id="mapa_02_lineas_canarias" class="st3"> <g> <line class="st4" x1="9.28" y1="443.92" x2="12.28" y2="443.91"/> <polyline class="st5" points="18.45,443.87 201.61,442.91 210.45,449.41 "/> <polyline class="st4" points="212.93,451.24 215.35,453.02 215.35,456.02 "/> <line class="st6" x1="215.35" y1="461.78" x2="215.35" y2="551.14"/> <line class="st4" x1="215.35" y1="554.02" x2="215.35" y2="557.02"/> </g> </g> <g id="mapa_02_mapa-canarias"> <polygon id="mapa_02_mapa-la-palma" class="st7" points="17.04,504.95 17.04,489.44 21.47,483.9 25.9,487.23 27.01,499.41 21.47,504.95 "/> <rect id="mapa_02_mapa-el-hierro" x="13.59" y="540.28" transform="matrix(0.6508 -0.7593 0.7593 0.6508 -407.5592 204.6534)" class="st7" width="10.21" height="10.21"/> <polygon id="mapa_02_mapa-gomera" class="st7" points="23.69,523.78 23.69,519.35 29.23,519.35 34.77,523.78 30.5,527 "/> <polygon id="mapa_02_mapa-tenerife" class="st7" points="60.25,512.71 60.25,507.17 79.08,507.17 83.51,503.84 83.51,499.41 96.81,498.3 91.27,504.95 91.27,510.49 84.62,517.14 84.62,521.57 75.76,529.32 70.22,529.32 64.68,523.78 64.68,514.92 "/> <polygon id="mapa_02_mapa-fuerteventura" class="st7" points="152.2,523.78 155.52,523.78 162.17,517.14 162.17,510.49 168.82,504.95 168.82,491.66 172.14,489.44 177.68,489.44 181,492.76 181,513.81 175.47,518.25 166.6,518.25 156.63,529.32 "/> <polygon id="mapa_02_mapa-lanzarote" class="st7" points="178.79,485.01 178.79,477.25 185.44,471.72 190.98,471.72 193.19,468.39 193.19,463.96 196.51,463.96 196.51,475.04 188.76,481.69 185.44,482.79 183.22,485.01 "/> <polygon id="mapa_02_mapa-gran-canaria" class="st7" points="115.64,520.46 106.78,526 106.78,539.3 112.32,545.94 125.61,549.27 131.15,543.73 134.47,538.19 134.47,529.32 128.93,526 128.93,520.46 "/> </g> <g id="mapa_02_mapa-illes-balears"> <polygon id="mapa_02_mapa-ibiza" class="st7" points="607.53,283.38 616.4,275.62 623.05,282.27 614.18,292.24 611.97,288.92 607.53,288.92 "/> <polygon id="mapa_02_mapa-formentera" class="st7" points="613.07,301.1 613.07,296.67 618.61,296.67 "/> <polygon id="mapa_02_mapa-mallorca" class="st7" points="636.34,256.79 658.5,235.74 658.5,239.06 665.14,239.06 665.14,244.6 668.47,247.92 671.79,244.6 677.33,249.03 667.36,259 667.36,263.44 661.82,268.97 658.5,264.54 650.74,264.54 649.63,259 646.31,256.79 644.09,260.11 638.56,260.11 "/> <polygon id="mapa_02_mapa-menorca" class="st7" points="700.6,239.06 691.73,239.06 691.73,235.74 688.41,233.52 690.63,231.31 702.81,231.31 707.24,234.63 707.24,242.39 702.81,242.39 "/> </g> <g id="mapa_02_mapa-ceuta-melilla"> <polyline id="mapa_02_mapa-melilla" class="st7" points="448.56,514.37 445.79,521.57 448.56,530.43 463.16,530.43 448.56,514.37 "/> <polygon id="mapa_02_mapa-ceuta" class="st7" points="334.44,481.51 342.75,473.93 359.37,490.55 "/> </g> <g id="mapa_02_MAPA_PENINSULA_1px_sin_trazado"> <polygon id="mapa_02_mapa-pais-vasco" class="st8" points="457.2,98.36 454.65,96.66 454.65,90.61 450.87,90.61 448,93.47 444.03,89.5 440.25,89.5 442.82,86.07 435.17,78.42 429.17,78.42 429.17,73.99 443.57,73.99 438.58,67.34 433.6,67.34 433.6,60.69 423.63,60.69 423.63,55.16 442.92,55.16 455.76,42.32 466.38,52.94 488.99,52.94 486.78,55.89 486.78,63.56 474.59,75.75 474.59,80.08 470.16,83.41 470.16,88.39 465.73,88.39 465.73,98.36 "/> <polygon id="mapa_02_mapa-comunidad-foral-de-navarra" class="st8" points="480.62,131.6 469.54,119.41 463.05,119.41 455.3,127.17 446.24,127.17 435.81,116.74 435.81,96.61 440.71,91.72 443.11,91.72 448,96.61 451.78,92.82 452.43,92.82 452.43,97.95 456.54,100.58 466.38,100.58 470.81,105.01 479.67,105.01 486.32,111.66 498.96,111.66 498.96,114.98 490.1,114.98 490.1,126.78 486.24,131.6 "/> <polygon id="mapa_02_mapa-comunidad-foral-de-navarra" class="st8" points="501.64,126.06 492.32,126.06 492.32,117.2 501.18,117.2 501.18,109.44 487.24,109.44 480.59,102.79 471.73,102.79 467.94,99.01 467.94,90.61 472.37,90.61 472.37,84.51 476.81,81.19 476.81,76.66 488.99,64.48 488.99,56.63 491.33,53.52 508.48,70.67 536.26,70.67 514.47,93.49 514.47,102.34 508.93,107.87 508.93,119.94 513.92,123.94 506.72,131.14 "/> <polygon id="mapa_02_mapa-region-de-murcia" class="st8" points="486.78,371.52 486.78,358.71 479.52,358.71 472.78,351.01 485.02,338.77 490.65,338.77 493.98,334.34 499.52,334.34 503.27,339.35 510.04,332.58 510.04,316.61 513.92,316.61 517.24,312.18 520.66,312.18 526.66,318.18 526.66,323.91 522.23,328.34 522.23,335.45 528.88,335.45 528.88,342.74 522.84,348.78 535.1,359.93 529.59,366.54 535.06,372.01 507.37,372.01 497.82,381.56 "/> <polygon id="mapa_02_mapa-comunidad-de-madrid" class="st8" points="405.25,246.82 415.22,236.85 410.79,232.41 400.82,232.41 394.17,225.77 384.46,225.77 378.93,230.2 375.99,230.2 375.99,222.92 401.47,198.54 401.47,190.75 417.15,174.03 419.2,175.4 419.2,185.88 422.52,185.88 422.52,202.99 434.71,214.07 434.71,229.09 438.03,229.09 438.03,236.39 435.36,239.06 419.81,239.06 409.19,250.75 "/> <polygon id="mapa_02_mapa-galicia" class="st8" points="218.97,133.81 231.16,120.52 213.78,120.52 200.89,133.41 194.32,127.78 195.43,94.42 176.57,83.33 176.57,68.89 191.46,52.94 219.13,52.94 222.33,49.74 216.78,41.96 234.66,23.03 245.85,23.03 258.04,37.43 268.94,37.43 260.26,45.14 274.71,59.59 267.01,67.29 274.72,76.11 265.2,84.57 265.2,98.36 274.07,98.36 274.07,104.36 279.11,109.41 266.31,121.14 266.31,127.82 260.31,133.81 "/> <polygon id="mapa_02_mapa-extremadura" class="st8" points="300.01,350.96 290.03,350.96 285.6,346.53 279.6,346.53 279.6,342.09 271.2,342.09 258.56,329.45 258.56,317.07 271.85,303.78 271.85,292.87 247.48,269.61 247.48,259 278.5,259 278.5,241.97 271.21,233.64 278.5,227.38 278.5,224.66 288.47,224.66 288.47,222.44 294.47,222.44 301.76,215.15 315.06,228.44 318.84,224.66 322.29,224.66 327.83,231.31 336.57,231.31 338.32,229.55 338.32,248.38 341.65,251.71 341.65,257.9 346.08,257.9 346.08,266.14 360.51,279.37 367.13,272.76 369.34,274.97 369.34,287.81 362.29,287.81 353.83,295.05 353.83,312.18 347.19,312.18 347.19,316.08 342.37,319.94 338.97,319.94 330.57,328.34 330.57,343.2 312.84,343.2 312.84,352.06 306.84,352.06 303.98,354.93 "/> <polygon id="mapa_02_mapa-comunitat-valenciana" class="st8" points="526.05,348.7 531.09,343.66 531.09,333.23 524.44,333.23 524.44,329.26 528.88,324.83 528.88,318.18 534.42,312.64 534.42,306.18 530.44,302.21 521.52,302.21 515.58,297.26 515.58,291.65 522.23,286.11 522.23,277.84 510.5,277.84 506.72,274.06 506.72,267.24 522.23,252.84 522.23,244.6 528.88,244.6 528.88,248.29 533.19,254.04 537.74,249.49 537.74,243.97 558.79,224.03 558.79,206.47 555.99,203.67 562.52,198.07 569.41,198.07 572.73,201.39 583.77,201.39 590.92,209.57 590.92,214.23 577.62,227.52 577.62,237.47 561,252.98 561,262.98 552.14,271.84 552.14,289.37 572.72,309.95 541.06,340.52 541.06,353.82 536.59,358.29 "/> <polygon id="mapa_02_mapa-cataluna" class="st8" points="592.53,208.04 584.77,199.18 580.95,199.18 580.95,179.7 589.81,170.83 589.81,168.71 585.38,165.39 585.38,159.75 590.27,154.86 585.38,149.97 585.38,147.6 598.67,135.41 598.67,124.25 605.32,116.5 605.32,104.56 602,101.14 602,89.5 617.07,89.5 637.47,108.77 646.27,99.97 655.79,110.55 676.68,110.55 686.65,100.58 701.25,100.58 707.89,107.23 696.88,118.24 702.81,125.35 702.81,131.14 677.98,155.97 665.77,155.97 649.15,173.7 631.41,173.7 623.65,182.56 613.72,182.56 598.3,197.99 602.73,203.53 598.21,208.04 "/> <polygon id="mapa_02_mapa-castilla-la-mancha" class="st8" points="463.97,349.85 461.75,347.63 465.73,343.66 465.73,330.56 459.54,324.37 450.87,324.37 447.54,327.69 425.39,327.69 423.17,329.91 387.07,329.91 387.07,333.23 381.96,333.23 367.56,319.94 363.15,319.94 356.05,312.83 356.05,296.07 363.11,290.02 371.56,290.02 371.56,274.06 367.13,269.62 360.45,276.3 348.29,265.16 348.29,255.68 343.86,255.68 343.86,250.79 340.54,247.47 340.54,237.95 346.47,237.95 352.01,233.52 359.83,233.52 366.02,227.33 371.1,232.41 379.7,232.41 385.24,227.98 393.26,227.98 399.9,234.63 409.88,234.63 412.09,236.85 402.12,246.82 409.26,253.96 420.79,241.28 436.27,241.28 440.25,237.3 440.25,226.88 436.92,226.88 436.92,213.09 424.74,202.01 424.74,183.67 421.41,183.67 421.41,175.26 425.19,171.48 457.48,171.48 467.45,182.56 482.8,182.56 484.56,180.8 502.29,198.53 502.29,209.15 497.4,209.15 488.53,218.01 505.15,234.63 511.76,234.63 520.01,243.91 520.01,251.87 504.5,266.28 504.5,274.97 509.58,280.05 520.01,280.05 520.01,285.07 513.37,290.61 513.37,298.3 520.72,304.43 529.53,304.43 532.2,307.1 532.2,311.72 527.77,316.15 521.58,309.97 516.14,309.97 512.81,314.4 507.83,314.4 507.83,331.66 503.52,335.98 500.63,332.12 492.87,332.12 489.55,336.55 484.1,336.55 470.81,349.85 "/> <polygon id="mapa_02_mapa-castilla-y-leon" class="st8" points="340.54,235.74 340.54,224.2 335.65,229.09 328.87,229.09 323.33,222.44 317.92,222.44 315.06,225.31 301.76,212.01 293.55,220.23 286.25,220.23 286.25,222.44 278.5,222.44 278.5,185.23 309.52,154.21 309.52,144.89 287.82,144.89 297.72,134.99 291.2,127.17 268.53,127.17 268.53,122.11 282.31,109.48 276.28,103.44 276.28,96.15 267.42,96.15 267.42,85.57 276.7,77.31 286.71,77.31 297.79,66.23 311.27,66.23 316.81,71.77 324.47,71.77 325.68,69.56 333.17,69.56 338.71,65.13 352.15,65.13 356.18,60.09 367.81,70.67 375.27,70.67 380.41,66.56 385.96,71.18 385.96,76.59 391.04,81.74 409.23,81.74 409.23,73.99 400.36,73.99 400.36,71.2 405.18,67.34 409.61,67.34 415.15,62.91 431.38,62.91 431.38,69.56 437.48,69.56 439.14,71.77 426.95,71.77 426.95,80.64 434.25,80.64 439.89,86.28 435.81,91.72 437.57,91.72 433.6,95.69 433.6,117.65 445.33,129.38 456.22,129.38 463.97,121.63 468.56,121.63 479.64,133.81 487.31,133.81 490.1,130.33 490.1,147.76 484.56,153.3 484.56,160.4 477.91,160.4 477.91,174.16 482.99,179.24 481.89,180.34 468.44,180.34 458.47,169.27 424.28,169.27 420.16,173.38 416.81,171.15 399.26,189.88 399.26,197.6 373.78,221.97 373.74,230.2 372.02,230.2 366.02,224.2 358.91,231.31 351.23,231.31 345.69,235.74 "/> <polygon id="mapa_02_mapa-cantabria" class="st8" points="391.96,79.53 388.18,75.75 388.18,70.15 380.44,63.7 374.49,68.45 368.66,68.45 358.91,59.59 369.79,59.59 377.1,52.47 377.1,47.4 409.88,47.4 417.63,55.16 421.41,55.16 421.41,60.69 414.38,60.69 408.84,65.13 404.41,65.13 398.15,70.13 398.15,76.2 407.01,76.2 407.01,79.53 "/> <polygon id="mapa_02_mapa-principado-de-asturias" class="st8" points="276.78,75.1 270.04,67.39 277.85,59.59 263.49,45.23 272.27,37.43 320.1,37.43 328.96,47.4 374.88,47.4 374.88,51.37 368.88,57.37 355.52,57.37 351.08,62.91 337.93,62.91 332.39,67.34 324.34,67.34 323.23,69.56 317.73,69.56 312.19,64.02 296.87,64.02 285.79,75.1 "/> <polygon id="mapa_02_mapa-aragon" class="st8" points="531.09,247.56 531.09,242.39 521.62,242.39 512.76,232.41 506.07,232.41 491.67,218.01 498.31,211.37 504.5,211.37 504.5,197.61 480.13,173.24 480.13,162.62 486.78,162.62 486.78,154.21 492.32,148.68 492.32,128.27 500.72,128.27 506.72,134.27 517.24,123.75 511.15,118.88 511.15,108.79 516.69,103.25 516.69,94.37 538.84,71.17 556.09,89.5 599.78,89.5 599.78,102.14 603.1,105.47 603.1,115.68 596.46,123.43 596.46,134.43 583.16,146.62 583.16,150.89 587.13,154.86 583.16,158.84 583.16,166.5 587.59,169.82 587.59,169.92 578.73,178.78 578.73,199.18 573.65,199.18 570.33,195.85 561.7,195.85 552.73,203.55 556.57,207.39 556.57,223.08 535.52,243.02 535.52,248.57 533.43,250.67 "/> <polygon id="mapa_02_mapa-andalucia" class="st8" points="327.71,457.31 296.22,424.74 296.22,414.74 274.51,394.16 265.2,394.16 249.69,394.16 249.69,363.6 261.23,352.06 271.85,352.06 271.85,344.31 277.39,344.31 277.39,348.74 284.69,348.74 289.12,353.17 299.09,353.17 303.98,358.06 307.76,354.28 315.06,354.28 315.06,345.42 332.78,345.42 332.78,329.26 339.89,322.15 343.14,322.15 349.4,317.15 349.4,314.4 354.48,314.4 362.24,322.15 366.69,322.15 381.1,335.45 389.28,335.45 389.28,332.12 424.09,332.12 426.3,329.91 448.46,329.91 451.78,326.58 458.62,326.58 463.51,331.47 463.51,342.74 458.62,347.63 463.05,352.06 470.76,352.06 478.52,360.93 484.56,360.93 484.56,372.5 496.25,383.12 486.78,392.6 486.78,408.11 475.62,419.27 470.55,415.21 461.95,415.21 455.3,421.86 448.26,421.86 443.83,419.65 377.7,419.65 369.95,428.51 352.2,428.51 341.65,441.41 341.65,451.31 335.65,457.31 "/> </g> </g> <g id="g-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-palma"> <g id="g-t-palma-off"> <g> <circle class="st9" cx="656.22" cy="263" r="12"/> <circle class="st10" cx="656.22" cy="263" r="7.2"/> </g> <rect x="623.5" y="278" class="st11" width="65" height="19"/> <text transform="matrix(1 0 0 1 633.447 292.2773)" class="st12 st13 st14">PALMA</text> </g> <g id="g-t-palma-on"> <g> <circle class="st15" cx="656.22" cy="263" r="12"/> <circle class="st16" cx="656.22" cy="263" r="7.2"/> </g> <rect x="623.5" y="278" class="st16" width="65" height="19"/> <g> <text transform="matrix(1 0 0 1 633.447 292.2773)" class="st11 st13 st14">PALMA</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.22" cy="75" r="12"/> <circle class="st10" cx="215.22" cy="75" r="7.2"/> </g> <rect x="169.5" y="90" class="st11" width="90" height="19"/> <text transform="matrix(1 0 0 1 178.447 104.2773)" class="st12 st13 st14">SANTIAGO</text> </g> <g id="g-t-santiago-de-compostela-on"> <g> <circle class="st15" cx="215.22" cy="75" r="12"/> <circle class="st16" cx="215.22" cy="75" r="7.2"/> </g> <rect x="169.5" y="90" class="st16" width="90" height="19"/> <g> <text transform="matrix(1 0 0 1 178.447 104.2773)" class="st11 st13 st14">SANTIAGO </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="134.22" cy="523" r="12"/> <circle class="st10" cx="134.22" cy="523" r="7.2"/> </g> <rect x="78.5" y="538" class="st11" width="111" height="19"/> <text transform="matrix(1 0 0 1 91.447 552.2773)" class="st12 st13 st14">LAS PALMAS</text> </g> <g id="g-t-palmas-de-gran-canaria-las-on"> <g> <circle class="st17" cx="134.22" cy="523" r="12"/> <circle class="st16" cx="134.22" cy="523" r="7.2"/> </g> <rect x="78.5" y="538" class="st16" width="111" height="19"/> <g> <text transform="matrix(1 0 0 1 91.447 552.2773)" class="st11 st13 st14">LAS PALMAS</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-pt.png" src="/export/sites/segtur/.content/imagenes/banners/clima/clima-infografia-pt.png" data-srcset="/export/sites/segtur/.content/imagenes/banners/clima/clima-infografia-pt.png" class="img-fluid" alt="" title=""/> </div> <div class="wrapper-title"> <h2 class="title">O tempo na Espanha</h2> </div> <p class="text">A Espanha é um país ensolarado, <strong>com cerca de 3.000 horas de sol por ano</strong>. As temperaturas são amenas, mas ainda assim há diferenças entre as estações e as diferentes regiões do país. A primavera e o outono têm as temperaturas mais agradáveis e permitem atividades ao ar livre quase todos os dias. As temperaturas máximas são alcançadas durante os meses de julho e agosto, quentes e secos em todo o país. As temperaturas mínimas costumam ocorrer nos meses de janeiro e fevereiro, que coincidem com os meses mais chuvosos, principalmente no norte da Espanha.<span class="br"></span><span class="br"></span>-Os imprescindíveis em sua bagagem:<span class="br"></span><span class="br"></span>- <strong>Óculos de sol</strong> você vai utilizá-los o ano todo.<span class="br"></span><span class="br"></span>-<strong>Calçado cômodo</strong>, principalmente se você vai visitar museus, fazer passeios a pé em cidades ou adentrar-se na natureza.<span class="br"></span><span class="br"></span>-<strong>Mochila</strong> confortável e leve para guardar, por exemplo, os óculos de sol, protetor solar, uma garrafa de água ou um pequeno guarda-chuva de viagem para qualquer 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 – Do final de março ao final de junho</h2> </div> <p class="text">Muitos afirmam que é a estação perfeita na Espanha. O sol é protagonista quase sempre e a cada dia são mais horas de sol para aproveitar ao ar livre com passeios, tardes em bares com mesas na calçada, saídas para a natureza...<span class="br"></span><span class="br"></span>São peças básicas as de manga curta ou as de manga comprida feitas de tecidos finos, as calças jeans e os vestidos com cores alegres. Acessórios como óculos de sol, um chapéu, uma <em>pashmina</em> ou um par de sandálias podem ser bons companheiros de viagem para aproveitar manhãs e tardes ensolaradas. Um ditado popular (“Em abril, águas mil”) nos adverte para incluir também um pequeno guarda-chuva de viagem para que as possíveis chuvas intensas, embora habitualmente muito curtas, não nos peguem de surpresa. </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 em uma rua de Córdoba" title="Turistas em uma rua 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">Verão – Do final de junho ao final de setembro</h2> </div> <p class="text">Os meses de julho, agosto e setembro são os mais quentes e secos. É habitual fazer mais de 30 graus centígrados durante o dia. Em áreas do interior e no sul, a temperatura noturna também pode superar 20 graus. O norte tem um clima mais ameno, com temperaturas mais baixas e algumas precipitações em regiões como Galícia, Astúrias ou Cantábria.<span class="br"></span><span class="br"></span>A peça imprescindível do verão na Espanha é a roupa de banho para curtir a praia. É recomendável usar roupa de cores claras. Assim, é muito conhecida a moda ibizenca, de roupas brancas. Os tecidos vaporosos ou finos, como o linho ou o algodão, agradam e caem bem. Em relação aos calçados, é normal usar sandálias ou chinelos. As roupas sem mangas e as bermudas também são habituais. </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="Família na praia" title="Família na praia"/> </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">Outono – Do final de setembro ao final de dezembro</h2> </div> <p class="text">A temperatura começa a baixar e é mais fria na primeira hora da manhã e no fim da tarde. Começa a ser necessária a roupa de frio, algum cachecol leve e casacos ou blazers. Nesta época é habitual que haja dias ensolarados, principalmente de Madri para o sul.<span class="br"></span><span class="br"></span>Muitos recomendam usar diferentes camadas de roupa mais leve em vez de casacos pesados ou muito quentes. Deste modo, você poderá se adaptar a cada hora do dia sem problemas. Por exemplo, no fim da tarde é comum ficar mais frio em regiões de montanha ou em áreas costeiras devido à umidade. É normal que no outono chegue alguma frente fria 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="Vale do rio Ambroz (Estremadura)" title="Vale do rio Ambroz (Estremadura)"/> <div class="infoImg right right-top text-white"> <span id="infoCont-4" class="infoCont hidden"> <span id="info_title">Vale do rio Ambroz (Estremadura)</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">Inverno – Do final de dezembro ao final de março</h2> </div> <p class="text">São os meses mais frios. Embora a Espanha não seja um país chuvoso, é recomendável contar com um guarda-chuva. No norte, as chuvas são frequentes durante estes meses. No resto do país, podem se concentrar vários dias de chuva. Uma boa opção pode ser uma capa de chuva.<span class="br"></span><span class="br"></span>É recomendável incorporar à sua bagagem roupa de frio e acessórios como cachecol e luvas. Na maioria do país, as galochas são desnecessárias e é recomendável trazer calçados confortáveis, quem sabe um par de botas, e meias mais grossas. Peças de tecidos como a lã, a flanela ou o tecido polar, roupa térmica interior, meias-calças e sobretudos de inverno são necessários, principalmente em áreas rurais. Se você for às Ilhas Canárias, o inverno é muito diferente e um casaco fino será suficiente. </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="Moça em Sierra Nevada" title="Moça em Sierra Nevada"/> </div> </div> </article> </div> </section> <div> <section class="module listado-iconos-xl"> <div class="container"> <div class="title-box "> <span class="subtitle">Planeje sua viagem</span> <p class="title">Descubra mais informações sobre...</p> <hr> </div><div class="row"> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/pt_BR/como-chegar/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/como-llegar.svg" alt="Como chegar" title="Como chegar" class="img-fluid"/> <p class="title">Como chegar à Espanha</p> <p class="subtitle">Diferentes maneiras de viajar</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/pt_BR/como-se-deslocar/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/como-moverse.svg" alt="Como se deslocar" title="Como se deslocar" class="img-fluid"/> <p class="title">Como viajar pela Espanha</p> <p class="subtitle">Destinos perfeitamente comunicados</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/pt_BR/folhetos/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/folletos.svg" alt="Download de folhetos" title="Download de folhetos" class="img-fluid"/> <p class="title">Download de folhetos</p> <p class="subtitle">Aproveite sua viagem à Espanha</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/pt_BR/mapa-interativo/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mapa.svg" alt="Mapa interativo" title="Mapa interativo" class="img-fluid"/> <p class="title">Mapa interativo</p> <p class="subtitle">Localize o que lhe interessa</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/pt_BR/planejar-viagem-espanha/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/mi-viaje.svg" alt="Minha viagem" title="Minha viagem" class="img-fluid"/> <p class="title">Minha viagem</p> <p class="subtitle">Ajudamos você a encontrar os melhores planos</p> </a> </div> <div class="col-6 col-sm-3 col-md-4 col-lg-2"> <a title="" href="/pt_BR/info/" class="wrapper"> <img src="/.content/imagenes/iconos/iconos-planifica-tu-viaje-home-principal/info.svg" alt="Informações práticas" title="Informações práticas" class="img-fluid"/> <p class="title">Informações práticas</p> <p class="subtitle">Conselhos úteis para sua viagem à Espanha</p> </a> </div> </div> </div> </section> </div> </div></main> <footer class="footer text-center"> <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/pt_BR/tempo/" 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/pt_BR/tempo/" rel="nofollow" class="item-link hacerblank"><span class="icon-xicon1"></span></a></li> <li class="list-item"><a href="/pt_BR/app/enviar-para-um-amigo/?id=3e39bf64-f563-11e9-9a6c-0242ac110003" class="item-link hacerblank" rel="nofollow"><span class="icon-mail-social"></span></a></li> <li class="list-item"> <div class="sguardar"> <span id="save_btn"> <svg version="1.1" width="25px" fill="#E71C03" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.3 533.3" style="enable-background:new 0 0 533.3 533.3;" xml:space="preserve"> <g><path class="st0" d="M266.7,283.3L400,150H300V16.7h-66.7V150h-100L266.7,283.3z M387.9,228.8l-37.4,37.4L486,316.7l-219.3,81.8 L47.4,316.7l135.5-50.5l-37.4-37.4L0,283.3v133.3l266.7,100l266.7-100V283.3L387.9,228.8z"></path></g> </svg> </span> </div> </li> </ul> </div> </div> </div> <div class="claim text-center"> <p class="custom-title">Espanha</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="/pt_BR/"><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 os direitos 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/CasoTuristaPortugues.aspx" target="_blank" rel="nofollow" class="text-gray text-uppercase"> Contato</a> </li> <li class="list-item d-block"> <a title="" href="https://www.tourspain.es/es/" target="_blank" class="text-gray text-uppercase"> Conheça-nos</a> </li> <li class="list-item d-block"> <a title="" href="/pt_BR/mapa-web/" class="text-gray text-uppercase"> Mapa do site</a> </li> <li class="list-item d-block"> <a title="" href="/pt_BR/aviso-legal/" rel="nofollow" class="text-gray text-uppercase"> Aviso legal</a> </li> <li class="list-item d-block"> <a title="" href="/pt_BR/condicoes-uso-informacao/" rel="nofollow" class="text-gray text-uppercase"> Uso da informação</a> </li> <li class="list-item d-block"> <a title="" href="/pt_BR/cookies/" rel="nofollow" class="text-gray text-uppercase"> Política de cookies</a> </li> <li class="list-item d-block"> <a title="" href="/pt_BR/accessibilidade/" rel="nofollow" class="text-gray text-uppercase"> Facilidade de acesso</a> </li> </ul> </nav> </div></div> </div> </div> </section> </div> <script defer src="/export/system/modules/es.segittur.comun/resources/js/cookie-consent-pt_BR.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">SUAS NOVAS MEMÓRIAS COMEÇAM AQUI.</p> <span id="cerrarPopupRRSS" class="icon-close"></span> <p class="subtitle text-white text-left"><span>DESCUBRA A ESPANHA CONOSCO</span><span class="d-block">SIGA-NOS NO…</span></p> <div class="wrapper-icons-inline"> <ul class="list"> <li class="list-item"><a href="https://www.instagram.com/spain/" id="popupIG" rel="nofollow"target="_blank" aria-label="instagram"><span class="icon-instagram"></span></a></li> <li class="list-item"><a href="https://www.facebook.com/spain.info" id="popupFB" rel="nofollow" target="_blank" aria-label="facebook"><span class="icon-facebook"></span></a></li> <li class="list-item"><a href="https://www.tiktok.com/@visitspain" id="popupTT" rel="nofollow" target="_blank" aria-label="tiktok"><span class="icon-tiktok"></span></a></li> <li class="list-item"><a href="https://www.youtube.com/spain" id="popupYT" rel="nofollow" target="_blank" aria-label="youtube"><span class="icon-youtube"></span></a></li> </ul> </div> </div> </div> </div> <script type="text/javascript"> $("#cerrarPopupRRSS").click(function(e) { setCookie("puRRSS", "true", 120); document.getElementById("popupRRSS").style.visibility = "hidden"; }); </script> <div id="snackbar" class="aviso-pwa"><p>Você não está online. É necessária uma conexão para ver conteúdo atualizado.</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">Você baixou o conteúdo</p> <p id="textInstall" class="text py-3">É recomendável baixar conteúdo offline através do App da 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">Baixar</button> </div> </div> </div> <div id="swfail" class="aviso-pwa"><p>Não é possível guardar para modo 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 = "Baixado"; swrapper_saved.style.display = 'block'; ssaved.style.display = "block"; function iOS() { return [ 'iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod' ].includes(navigator.platform) || (navigator.userAgent.includes("Mac") && "ontouchend" in document) } var result = iOS(); if(result == true){ swrapper_saved.style.display = 'block'; stext_install.style.display = 'block'; //sinstall_button.style.display = 'block'; stext_ios.innerHTML = '<div class="d-flex"><span>1.-</span><span class="mr-2"> 1. Clique em compartilhar (ícone de compartilhar do iOS).</span><img src="/.content/images/iconos/iosshare.svg"></div><div class="d-flex"><span>2.-</span><span> 2. Selecione “Acrescentar à tela de início”.</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/pt_BR/offline.html'; urls.push(urlCanonical, offlinepage); urls.forEach(element => { if (element !== undefined){ caches.open('main-1') .then(cache => fetch(element).then(response => { if (element == urlCanonical){ var parser = new DOMParser(); var xmlDoc = ""; response.text().then(function(text) { xmlDoc = parser.parseFromString(text,"text/html"); Array.prototype.map.call( xmlDoc.querySelectorAll("img[src^='/export']"), function(e) { if (e.src !== undefined && e.src !== ''){ if ((/^([\w]+\:)?\/\//.test(e.src) && e.src.indexOf(location.host) === -1) || (/^([\w]+\:)?\/\//.test(e.href) && e.href.indexOf(location.host) === -1)) { } else { replaceAttributes(e, 'srcset', 'data-srcset', 'data-src', 'src'); e.classList.remove('lazy'); e.removeAttribute('sizes'); } } } ); const responseText = "<!DOCTYPE html>" + xmlDoc.documentElement.outerHTML; let newText = responseText; const path = "/export/system/modules/es.segittur.comun/resources/"; let staticResoruces = ["jquery-3.4.1.min.js","popper.min.js","bootstrap.min.css","bootstrap.min.js","slick.css","slick-theme.css","slick.min.js"]; Array.prototype.map.call( xmlDoc.querySelectorAll("link[rel='stylesheet'][href], script[src]"), function(e) { let url = e.href || e.src; let urlSplit = url.split("/"); let filename = urlSplit[urlSplit.length - 1]; if(staticResoruces.includes(filename)){ if(e.hasAttribute('integrity')){ let integritynumber = e.getAttribute('integrity'); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"anonymous\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\" crossorigin=\"\"", ""); newText = newText.replace("integrity=\""+integritynumber+"\"", ""); } if(e.src){ filename = path+"js/"+filename; }else{ filename = path+"css/"+filename; } if(filename=="/export/system/modules/es.segittur.comun/resources/js/slick.min.js"){ url = url.replace("https:",""); url = url.replace("http:",""); } newText = newText.replace(url, filename); } } ); return cache.put(urlCanonical, new Response(newText, response)); }); } else{ return cache.put(element, response.clone()); } } ) ); } }); } }); } if('serviceWorker' in navigator){ if(navigator.onLine) { document.getElementById('snackbar').style.display = 'none'; } else { document.getElementById('snackbar').style.display = 'block'; } } window.deferredPrompt = {}; window.addEventListener('beforeinstallprompt', e => { stext_install.style.display = 'block'; sinstall_button.style.display = 'block'; e.preventDefault(); window.deferredPrompt = e; sinstall_button.addEventListener('click', e => { window.deferredPrompt.prompt(); window.deferredPrompt.userChoice.then(choiceResult => { if (choiceResult.outcome === 'accepted') { sinstall_button.style.display = 'none'; swrapper_saved.style.display = 'none'; } window.deferredPrompt = null; }); }); }); window.onload = function() { if (stext_button != null){ var location = window.location.href; if(localStorage.getItem(location) === null){ stext_button.innerHTML = 'Download offline'; } else { stext_button.innerHTML = 'Baixado'; } } var locale = 'pt_BR'; setTimeout(() => { if (getCookie('puRRSS')!="true") { document.getElementById("popupRRSS").style.visibility = "visible"; window.dataLayer = window.dataLayer || []; window.dataLayer.push({event: 'pop-up'}); } else { document.getElementById("popupRRSS").style.visibility = "hidden"; } }, 30000); }; window.addEventListener('appinstalled', e => { $('#wrapper-saved').removeClass('d-block'); $('#installApp').hide(); $('#ssavedOffline').css({display: "block"}); $('#textInstall').hide(); }); document.getElementById('close-saved').addEventListener('click', e => { document.getElementById('wrapper-saved').style.display = 'none'; }) </script> <script defer src="/export/system/modules/es.segittur.comun/resources/js/scripts.min.js" type="text/javascript"></script> <script type="text/javascript"> if( $('#modal-mapa-fav').length){ $('#modal-mapa-fav').on('shown.bs.modal', function(e) { var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapafav = document.createElement('script'); mapafav.type = "text/javascript"; mapafav.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-favoritos.js"; $('body').append(mapafav); }); } if($('#mi-viaje-container').length){ var miviajescript = document.createElement('script'); miviajescript.type = "text/javascript"; miviajescript.src = "/export/system/modules/es.segittur.consulta/resources/mi-viaje-query.js"; $('body').append(miviajescript); } if ($('.experiencias-search').length) { $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-datepicker3.min.css" rel="stylesheet">').appendTo('head'); $('<link id="bsdp-css" href="/export/system/modules/es.segittur.comun/resources/css/bootstrap-slider.css" rel="stylesheet">').appendTo('head'); var datescript = document.createElement('script'); datescript.type = "text/javascript"; datescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-slider.js"; $('body').append(datescript); var localescript = document.createElement('script'); localescript.type = "text/javascript"; localescript.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.min.js"; localescript.charset = "UTF-8"; $('body').append(localescript); var btslider = document.createElement('script'); btslider.type = "text/javascript"; btslider.src = "/export/system/modules/es.segittur.comun/resources/js/bootstrap-datepicker.es.min.js"; btslider.charset = "UTF-8"; $('body').append(btslider); $('.input-daterange').datepicker({ weekStart: 1, language: "es", multidate: false, todayHighlight: true }); $("#priceSliderInput").slider({}); /* textPrice = document.createElement("p"); textPrice.id = "textPrice"; acordPrecio = document.getElementById("acord-precio"); acordPrecio.appendChild(textPrice); min = acordPrecio.getElementsByClassName("tooltip-min")[0].getElementsByClassName("tooltip-inner")[0].innerText; max = acordPrecio.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; $("#priceSliderInput").on("slide", function(slideEvt) { //$("#tooltip-inner").html("asd"); let mini = document.getElementById("priceSliderInput").getAttribute("value"); console.log(mini); mini.textContent += ' e'; //document.getElementsByClassName("tooltip-max")[0].getElementsByClassName("tooltip-inner")[0].innerText; //document.getElementById('textPrice').innerText = min+"€ - "+max+"€"; //console.log("asd"); }); */ } if ($('.kml').length) { var script = document.createElement('script'); script.type = "text/javascript"; script.src = "/export/system/modules/es.segittur.comun/resources/js/L.KML.js"; $('body').append(script); //MAPA LEAFLET var map = L.map('map').setView([40.4149903, -3.70447, 15], 14); map.scrollWheelZoom.disable(); L.tileLayer('https://{s}.tile.openstreetmap.se/hydda/full/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Tiles courtesy of <a href="http://openstreetmap.se/" target="_blank">OpenStreetMap Sweden</a> — Map data © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); // Load kml file fetch(segturkml).then(function (res) { return res.text(); }).then(function (kmltext) { // Create new kml overlay var parser = new DOMParser(); var kml = parser.parseFromString(kmltext, 'text/xml'); var track = new L.KML(kml); map.addLayer(track); // Adjust map to show the kml var bounds = track.getBounds(); map.fitBounds(bounds); }); } if ($('.gpx').length) { if(navigator.userAgent.indexOf('MSIE')!==-1 || navigator.appVersion.indexOf('Trident/') > -1){ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@0.3.9/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var opts = { map: { center: [41.4583, 12.7059], zoom: 5, markerZoomAnimation: false, zoomControl: false, layersControl: false }, zoomControl: { position: 'topleft', }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { tracks: { track_1: { url: segturgpx } }, options: { position: "bottomright", theme: "lime-theme", useHeightIndicator: false, interpolation: d3.curveLinear, collapsed: false, detachedView: false, }, }, layersControl: { options: { collapsed: false, }, }, }; var map = new L.Map('map', opts.map); var baseLayers = {}; baseLayers.OTM = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); baseLayers.TOPO = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); var controlZoom = new L.Control.Zoom(opts.zoomControl); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(null, null, opts.layersControl.options); controlZoom.addTo(map); controlLayer.addTo(map); controlElevation.loadChart(map); map.addLayer(baseLayers.OTM); var traces = []; var tracks = opts.elevationControl.tracks; var i = 0; for (var track in tracks) { loadTrace(track, i++) } function loadTrace(track, i) { var trace = {}; trace.gpx = new L.GPX(tracks[track].url, { async: true, index: i, marker_options: { startIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', endIconUrl: '/export/sites/segtur/.content/images/iconos/poi-rojo.png', shadowUrl: null, }, polyline_options: { color: tracks[track].color, } }); trace.gpx.on('loaded', function(e) { controlLayer.addBaseLayer(e.target, e.target.get_name()); document.getElementsByClassName("leaflet-control-layers")[0].style.display = "none"; let elevationContainer = document.getElementsByClassName("leaflet-control-container")[0]; let elevationSpaininfoTheme = elevationContainer.getElementsByClassName("lime-theme")[0]; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(255, 255, 240, 0.5)'; elevationSpaininfoTheme.getElementsByClassName("background")[0].style.backgroundColor = 'rgba(187, 214, 171, 0.6)'; if (e.target.options.index == 0) { setElevationTrace(0); } else { //map.removeLayer(e.target); } }) trace.gpx.on("addline", function(e) { trace.line = e.line; }) trace.gpx.addTo(map); traces.push(trace); } map.on("baselayerchange", function(e) { for (var i in traces) { if (traces[i].gpx._leaflet_id == e.layer._leaflet_id) { setElevationTrace(e.layer.options.index); break; } } }); function setElevationTrace(index) { var trace = traces[index]; controlElevation.clear(); var q = document.querySelector.bind(document); controlElevation.addData(trace.line); map.fitBounds(trace.gpx.getBounds()); trace.gpx.setStyle({ color: 'red', weight: 4, opacity: 0.8, }); } }else{ $('<link href="https://unpkg.com/@raruto/leaflet-elevation@1.5.0/dist/leaflet-elevation.css" rel="stylesheet">').appendTo('head'); $('<link href="/export/system/modules/es.segittur.comun/resources/css/gpx.css" rel="stylesheet">').appendTo('head'); var optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', position: "bottomright", collapsed: false, detached: false, autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; if($( window ).width() < 1280){ optElevationControl = { theme: "spaininfo-theme", summary: false, downloadLink: false, followMarker: false, marker: 'position-marker', autofitBounds: false, legend: false, gpxOptions: { marker_options: { wptIconUrls: { 'inicio': '/export/sites/segtur/.content/images/iconos/poi-rojo.png', 'fin': '/export/sites/segtur/.content/images/iconos/poi-rojo.png' } } } }; } var opts = { map: { center: [40.4149903, -3.70447], zoom: 15, }, topoLayer: { url: 'https://{s}.tile.opentopomap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'map data: © <a href="https://openstreetmap.org/copyright">OpenStreetMap</a> contributors, <a href="http://viewfinderpanoramas.org">SRTM</a> | map style: © <a href="https://opentopomap.org">OpenTopoMap</a> (<a href="https://creativecommons.org/licenses/by-sa/3.0/">CC-BY-SA</a>))', }, }, osmLayer: { url:'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', options: { maxZoom: 18, attribution: 'Map data: © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', } }, elevationControl: { url: segturgpx, options: optElevationControl }, layersControl: { options: { collapsed: false }, }, }; var map = new L.Map('map', opts.map); map.scrollWheelZoom.disable(); var baseLayers = {}; baseLayers["Topo"] = new L.TileLayer(opts.topoLayer.url, opts.topoLayer.options); baseLayers["Map"] = new L.TileLayer(opts.osmLayer.url, opts.osmLayer.options); map.addLayer(baseLayers["Map"]); var controlElevation = L.control.elevation(opts.elevationControl.options); var controlLayer = L.control.layers(baseLayers, null, opts.layersControl.options); controlElevation.load(opts.elevationControl.url); controlElevation.addTo(map); controlLayer.addTo(map); map.on('eledata_loaded', function(e) { var coordinateGPX = ""; var latitude = controlElevation.getBounds().getCenter().lat; var longitude = controlElevation.getBounds().getCenter().lng; if( coordinateGPX != "false"){ let coordinateList = coordinateGPX.split(","); latitude = parseFloat(coordinateList[0]); longitude = parseFloat(coordinateList[1]); } map.setView([latitude, longitude], 15); }); } } if( $('#mapa-oets').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var scriptmapoet = document.createElement('script'); scriptmapoet.type = "text/javascript"; scriptmapoet.src = "/export/system/modules/es.segittur.infoPractica/resources/mapa-oets-sh.js"; $('body').append(scriptmapoet); } if( $('.resultados-mapa').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); if( $('.sh-mapa-interactivo').length ){ var mapai = document.createElement('script'); mapai.type = "text/javascript"; mapai.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-interactivo.js"; $('body').append(mapai); } if( $('.mapa-buscador').length ){ $('#modal-mapa-buscador').on('shown.bs.modal', function(e) { var mapab = document.createElement('script'); mapab.type = "text/javascript"; mapab.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-buscador.js"; $('body').append(mapab); $('.header').css('z-index', '9'); }); $('#modal-mapa-buscador').on('hidden.bs.modal', function(e){ $('.header').css('z-index', '999999999'); }); } $('#resultados-texto').click(function(){ $('html, body').animate({scrollTop: $(this).offset().top - 70 },'slow'); }); $('.navbar-toggler').click(function(){ var ide = $(this).attr('data-target'); var cajas = $("[class^='wrapper-lista-'].show"); if (!$(ide).hasClass("show")) { $(cajas).removeClass('show'); } if(!$(cajas).length){ $('.header-relative').css({'overflow':'hidden', 'position':'fixed'}); } else { $('.header-relative').css({'overflow':'inherit', 'position':'inherit'}); } }); $('#padre').on('shown.bs.collapse', function () { $(this).find('input').prop('checked', true); }); $('#padre').on('hidden.bs.collapse', function () { $(this).find('input').prop('checked', false); }); } if( $('#mapa-pueblosbonitos').length ){ var scriptmapai = document.createElement('script'); scriptmapai.type = "text/javascript"; scriptmapai.src = "/export/system/modules/es.segittur.comun/resources/js/markercluster.js"; $('body').append(scriptmapai); var layers = document.createElement('script'); layers.type = "text/javascript"; layers.src = "/export/system/modules/es.segittur.comun/resources/js/layers.js"; $('body').append(layers); var responsivepoi = document.createElement('script'); responsivepoi.type = "text/javascript"; responsivepoi.src = "/export/system/modules/es.segittur.comun/resources/js/responsive.popup.js"; $('body').append(responsivepoi); var mapaPueblosBonitos = document.createElement('script'); mapaPueblosBonitos.type = "text/javascript"; mapaPueblosBonitos.src = "/export/system/modules/es.segittur.comun/resources/js/mapa-pueblos-bonitos.js"; $('body').append(mapaPueblosBonitos); var localemapapb = 'pt_BR'; } 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 = 'pt_BR'; } 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>