×

注意！页面内容来自https://time.now/countries/brazil/，本站不储存任何内容，为了更好的阅读体验进行在线解析，若有广告出现，请及时反馈。若您觉得侵犯了您的利益，请通知我们进行删除，然后访问 原网页

<> /* --- Breadcrumb Bar Styling --- */ .breadcrumb-container { padding: 10px 15px; background-color: #f8f9fa; /* A light greymatching your other elements */ border-bottom: 0px solid #dee2e6; margin: 0 auto; /* Ensures it centers within the max-width */ width: 100%; max-width: 1100px; } .breadcrumb { margin-bottom: 0; /* Remove default bottom margin from Bootstrap's breadcrumb */ font-size: 0.9rem; /* Slightly smaller font for distinction */ } .breadcrumb-item a { text-decoration: none; color: #007bff; } .breadcrumb-item a:hover { text-decoration: underline; } .breadcrumb-item.active { color: #6c757d; /* Muted color for the current page */ } /* By defaultthe suffix is shown */ .breadcrumb-city-suffix { display: inline; /* Default display behavior */ } /* On smaller screenshide the city suffix in the last active breadcrumb item. Adjust the max-width value to the point where the text becomes too long. 575px is a common breakpoint for very small screens (like Bootstrap's 'sm' breakpoint ends). You might want 767px or something custom. */ @media (max-width: 575px) { .breadcrumb>.breadcrumb-item:last-child.active .breadcrumb-city-suffix { display: none; } }
<> /* ================================================= */ /* COUNTRY SUB-NAVIGATION STYLES */ /* ================================================= */ .country-subnav-container { display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; font-size: 1rem; } .country-subnav-link { flex-grow: 1; flex-basis: 0; min-width: 120px; display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 2px 2px; font-size: 0.85em; font-weight: 500; color: #1f2937; text-decoration: none; text-align: center; background-color: #f9fafb; border-bottom: 1px solid #d1d5db; border-left: 1px solid #d1d5db; box-sizing: border-box; transition: background-color 0.2s ease-in-outcolor 0.2s ease-in-out; min-height: 43px; } .country-subnav-container > .country-subnav-link:first-child { border-left: none; } .country-subnav-link:hover { background-color: #f3f4f6; color: #111827; } .country-subnav-link.active { background-color: #3b82f6; color: white; font-weight: 600; border-bottom-color: #2563eb; border-left-color: #2563eb; } .country-subnav-container > .country-subnav-link.active:first-child { border-left-color: transparent; } .country-subnav-link.active:hover { background-color: #2563eb; } .country-subnav-icon { margin-bottom: 0; margin-right: 8px; font-size: 1.3em; line-height: 1; } /* ================================================= */ /* MOBILE HORIZONTAL SCROLLING (TABLET DOWN) */ /* ================================================= */ @media (max-width: 768px) { .country-subnav-container { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; width: 100% !important; box-sizing: border-box !important; min-height: 38px; font-size: 1rem; -ms-overflow-: none; scrollbar-width: none; } .country-subnav-container::-webkit-scrollbar { display: none; } .country-subnav-link { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-shrink: 0; width: 110px; /* THIS PREVENTS THE "LINE" LOOK */ min-height: 40px; padding: 8px 12px; margin: 0; white-space: nowrap; font-size: 0.8em; font-weight: 500; color: #1f2937; background-color: #f9fafb; text-decoration: none; box-sizing: border-box; border: none; border-bottom: 1px solid #d1d5db; border-left: 1px solid #d1d5db; } .country-subnav-container > .country-subnav-link:first-child { border-left: none; } .country-subnav-icon { margin-right: 8px; font-size: 1.1em; } .country-subnav-link.active { background-color: #3b82f6; color: white; border-bottom-color: #2563eb; border-left-color: #2563eb; } } @media (max-width: 576px) { .country-subnav-link { width: 100px; min-height: 38px; padding: 6px 10px; font-size: 0.75em; } }

Current Time in Brazil 🇧🇷

121234567891011
10:17:59 GMT-3
Friday17 April 2026
Fullscreen ⛶
Show 12-hour format

Continent: South America

Capital City: Brasilia

Largest Cities:

ISO Alpha 2/3: BRBRA

Uses Daylight Savings Time: No ❌

IANA Time Zone: America/Araguaina (UTC−03:00)

States in Brazil

Acre Alagoas Amapá Amazonas Bahia Ceará Espírito Santo Federal District Goiás Maranhão Mato Grosso Mato Grosso do Sul Minas Gerais Pará Paraíba Paraná Pernambuco Piauí Rio de Janeiro Rio Grande do Norte Rio Grande do Sul Rondônia Roraima Santa Catarina São Paulo Sergipe Tocantins

All Cities in Brazil by alphabetical order

Time.now features the exact time for 1,263 cities in Brazil.
Select a letter to view all cities:

A B C D F G I J L M N O P R S T U V

Time Now in Major Cities in Brazil

CityCurrent Time
São Paulo Fri 10:17:59
Rio de Janeiro Fri 10:17:59
Brasilia Fri 10:17:59
Belo Horizonte Fri 10:17:59
Salvador Fri 10:17:59
Fortaleza Fri 10:17:59
Manaus Fri 09:17:59
Curitiba Fri 10:17:59
Recife Fri 10:17:59
Goiânia Fri 10:17:59
Belém Fri 10:17:59
Porto Alegre Fri 10:17:59
Guarulhos Fri 10:17:59
Maceió Fri 10:17:59
Campinas Fri 10:17:59
São Luís Fri 10:17:59
Campo Grande Fri 09:17:59
Natal Fri 10:17:59
Teresina Fri 10:17:59
Nova Iguaçu Fri 10:17:59
Duque de Caxias Fri 10:17:59
João Pessoa Fri 10:17:59
São Bernardo do Campo Fri 10:17:59
São José dos Campos Fri 10:17:59
Ribeirão Preto Fri 10:17:59
Jaboatão Fri 10:17:59
Sorocaba Fri 10:17:59
Osasco Fri 10:17:59
Aracaju Fri 10:17:59
Santo André Fri 10:17:59
Jaboatão dos Guararapes Fri 10:17:59
Contagem Fri 10:17:59
Feira de Santana Fri 10:17:59
Cuiabá Fri 09:17:59
Londrina Fri 10:17:59
Juiz de Fora Fri 10:17:59
Uberlândia Fri 10:17:59
Porto Velho Fri 09:17:59
Macapá Fri 10:17:59
Campos dos Goytacazes Fri 10:17:59
Aparecida de Goiânia Fri 10:17:59
Florianópolis Fri 10:17:59
Mauá Fri 10:17:59
Belford Roxo Fri 10:17:59
Joinville Fri 10:17:59
Niterói Fri 10:17:59
São João de Meriti Fri 10:17:59
Ananindeua Fri 10:17:59
Santos Fri 10:17:59
Boa Vista Fri 09:17:59

Time Now in All IANA Timezones for Brazil

TimezoneCurrent Time
America/Araguaina Fri 10:17:59
America/Bahia Fri 10:17:59
America/Belem Fri 10:17:59
America/Boa_Vista Fri 09:17:59
America/Campo_Grande Fri 09:17:59
America/Cuiaba Fri 09:17:59
America/Eirunepe Fri 08:17:59
America/Fortaleza Fri 10:17:59
America/Maceio Fri 10:17:59
America/Manaus Fri 09:17:59
America/Noronha Fri 11:17:59
America/Porto_Acre Fri 08:17:59
America/Porto_Velho Fri 09:17:59
America/Recife Fri 10:17:59
America/Rio_Branco Fri 08:17:59
America/Santarem Fri 10:17:59
America/Sao_Paulo Fri 10:17:59
Brazil/Acre Fri 08:17:59
Brazil/DeNoronha Fri 11:17:59
Brazil/East Fri 10:17:59
Brazil/West Fri 09:17:59

Sunrise and Sunset in Brazil (1263 Locations)

City ↑ Sunrise ↓ Sunset
São Paulo
↑ 6:21 AM
↓ 5:50 PM
Rio de Janeiro
↑ 6:06 AM
↓ 5:37 PM
Brasilia
↑ 6:19 AM
↓ 6:02 PM
Belo Horizonte
↑ 6:07 AM
↓ 5:42 PM
Salvador
↑ 5:40 AM
↓ 5:26 PM
Fortaleza
↑ 5:33 AM
↓ 5:34 PM
Manaus
↑ 5:58 AM
↓ 6:00 PM
Curitiba
↑ 6:33 AM
↓ 5:59 PM
Recife
↑ 5:21 AM
↓ 5:16 PM
Goiânia
↑ 6:26 AM
↓ 6:06 PM
Belém
↑ 6:11 AM
↓ 6:15 PM
Porto Alegre
↑ 6:45 AM
↓ 6:03 PM
Guarulhos
↑ 6:20 AM
↓ 5:50 PM
Maceió
↑ 5:26 AM
↓ 5:18 PM
Campinas
↑ 6:22 AM
↓ 5:52 PM
São Luís
↑ 5:55 AM
↓ 5:57 PM
Campo Grande
↑ 5:50 AM
↓ 5:25 PM
Natal
↑ 5:21 AM
↓ 5:19 PM
Teresina
↑ 5:51 AM
↓ 5:50 PM
Nova Iguaçu
↑ 6:07 AM
↓ 5:38 PM
Duque de Caxias
↑ 6:07 AM
↓ 5:37 PM
João Pessoa
↑ 5:21 AM
↓ 5:16 PM
São Bernardo do Campo
↑ 6:21 AM
↓ 5:50 PM
São José dos Campos
↑ 6:17 AM
↓ 5:47 PM
Ribeirão Preto
↑ 6:23 AM
↓ 5:57 PM
Jaboatão
↑ 5:22 AM
↓ 5:16 PM
Sorocaba
↑ 6:24 AM
↓ 5:53 PM
Osasco
↑ 6:21 AM
↓ 5:51 PM
Aracaju
↑ 5:32 AM
↓ 5:22 PM
Santo André
↑ 6:20 AM
↓ 5:50 PM
Jaboatão dos Guararapes
↑ 5:22 AM
↓ 5:16 PM
Contagem
↑ 6:07 AM
↓ 5:43 PM
Feira de Santana
↑ 5:41 AM
↓ 5:29 PM
Cuiabá
↑ 5:52 AM
↓ 5:35 PM
Londrina
↑ 6:39 AM
↓ 6:08 PM
Juiz de Fora
↑ 6:06 AM
↓ 5:39 PM
Uberlândia
↑ 6:23 AM
↓ 6:01 PM
Porto Velho
↑ 6:18 AM
↓ 6:11 PM
Macapá
↑ 6:20 AM
↓ 6:26 PM
Campos dos Goytacazes
↑ 5:58 AM
↓ 5:30 PM
Aparecida de Goiânia
↑ 6:26 AM
↓ 6:06 PM
Florianópolis
↑ 6:32 AM
↓ 5:54 PM
Mauá
↑ 6:20 AM
↓ 5:49 PM
Belford Roxo
↑ 6:07 AM
↓ 5:38 PM
Joinville
↑ 6:32 AM
↓ 5:57 PM
Niterói
↑ 6:06 AM
↓ 5:37 PM
São João de Meriti
↑ 6:07 AM
↓ 5:38 PM
Ananindeua
↑ 6:10 AM
↓ 6:15 PM
Santos
↑ 6:20 AM
↓ 5:49 PM
Boa Vista
↑ 5:56 AM
↓ 6:07 PM
<> .timezones-list-3-col-desktop > li { /* Targets direct
  • children */ display: flex; justify-content: space-between; align-items: center; padding: 8px 0; /* Consistent vertical padding (8px top + 8px bottom) */ min-height: 42px; /* EXAMPLE: SET THIS TO YOUR INSPECTED TARGET HEIGHT (e.g.42px) */ border-bottom: 1px solid #e9ecef; break-inside: avoid-column; /* Important for column-count behavior */ } /* If you want to remove border from the last item of the list after JS populates it: .timezones-list-3-col-desktop > li:last-of-type { border-bottom: none; } */ .time-cell { white-space: nowrap; flex-shrink: 0; } .time-cell .day-display { display: inline; font-weight: normal; color: #6c757d; } .time-cell .time-display { display: inline; color: #212529; font-weight: normal; margin-left: 0.5em;} .timezones-table th.timezones-table td { border: 1px solid #dee2e6; text-align: left; vertical-align: middle; } .timezones-table tr > td:last-child { width: 120px; text-align: left; } /* --- Styles for Sunrise/Sunset & City Weather List (Content AFTER loading) --- */ /* The .astro-weather-list-item class is added by JS to the loaded
  • . It inherits its primary box model (paddingmin-heightborder) from .timezones-list-3-col-desktop > li. This class can be used for s specific to loaded items if anybut not for base layout. */ .astro-weather-list-item { /* Specific s for loaded items if different from skeleton's parent li */ /* For exampleif you wanted a different background on loaded items. */ /* Most layout s should come from .timezones-list-3-col-desktop > li */ } .astro-weather-table-row td { align-items: center; } .country-detail-grey { color: #999999; } /* City name link s (applies to both loaded items and potentially skeleton if structure is similar) */ /* More specific targeting for links within the d list items */ .timezones-list-3-col-desktop > li .city-name-link, .astro-weather-table-row .city-name-link { flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 15px; color: #007bff; text-decoration: none; /* line-height: 1.5; /* Or match icon heighte.g.28px */ } /* Hover for actual tags with class .city-name-link */ .timezones-list-3-col-desktop > li a.city-name-link:hover, .astro-weather-table-row a.city-name-link:hover { text-decoration: underline; } /* Hover for span.city-name-link containing an tag (JS generated for active cities) */ .timezones-list-3-col-desktop > li span.city-name-link:hover a, .astro-weather-table-row span.city-name-link:hover a { text-decoration: underline; } /* Prevent underline on non-linked spans */ .timezones-list-3-col-desktop > li span.city-name-link:not(:has(a)):hover, .astro-weather-table-row span.city-name-link:not(:has(a)):hover { text-decoration: none; } .astro-data-cluster.weather-data-cluster { display: flex; align-items: center; gap: 15px; flex-shrink: 0; } .astro-data-point.weather-data-point { display: flex; align-items: center; gap: 5px; font-size: 0.9em; /* Affects text and em-based icon heights */ } .weather-icon-small { width: 28px; height: 28px; vertical-align: middle; } .astro-icon-small { /* For text arrows ↑ ↓ */ font-size: 1.1em; /* Relative to parent .astro-data-point (0.9em) */ line-height: 1; vertical-align: middle; } .data-value { /* font-weight: 500; */ } /* Skeletons for these new lists */ /* .skeleton-astro-weather-row IS the
  • . Its main box model comes from .timezones-list-3-col-desktop > li */ .skeleton-astro-weather-row .skeleton-box { /* For boxes INSIDE skeleton
  • */ background-color: #e9ecef; border-radius: 3px; } /* Text skeleton height inside data points */ .skeleton-data-point > .skeleton-box:not([class*="-icon-"]) { height: 0.9em; /* To match font-size of .astro-data-point's text */ } /* City name skeleton text height */ .skeleton-city-name-long.skeleton-box { height: 1em; /* Relative to li's font-size */ } .skeleton-city-name-long { width: 40%; } .skeleton-data-cluster { display: flex; align-items:center; gap: 15px; } .skeleton-data-point { display: flex; align-items: center; gap: 5px;} /* Size skeleton icons to match real icons for height consistency */ .skeleton-data-point .skeleton-data-icon-small { /* Astro text icon skeleton */ width: 1em; /* Adjust based on character width */ height: 18px; /* EXAMPLE: Set to computed height of loaded .astro-icon-small */ } .skeleton-data-point .skeleton-weather-icon-small { /* Weather image icon skeleton */ width: 28px; height: 28px; /* Matches .weather-icon-small */ } .skeleton-data-text-short { width: 40px; } .skeleton-data-text-medium { width: 60px; } .country-detail-weather-section h2.country-detail-astro-section h2 { margin-bottom: 15px; font-size: 1.5em; } /* Table header styling */ .timezones-table th.sunrise-col.timezones-table th.sunset-col, .timezones-table th.temp-col.timezones-table th.condition-col { font-weight: normal; font-size: 0.85em; color: #6c757d; text-align: left; } /* Mobile table cell alignment */ .timezones-table .astro-weather-table-row td:not(:first-child) { text-align: left; } .timezones-table .astro-data-point, .timezones-table .weather-data-point { justify-content: flex-start; } /* === CSS FOR MOBILE TABLE COLUMN WIDTHS (CLS Reduction) === */ .timezones-table-container.d-lg-none .timezones-table { table-layout: fixed; /* Crucial for respecting column widths */ width: 100%; } .timezones-table-container.d-lg-none .timezones-table th, .timezones-table-container.d-lg-none .timezones-table td { word-wrap: break-word; padding: 8px 5px; /* Add some consistent padding to table cells */ vertical-align: middle; /* Already theregood */ } /* For the Sunrise/Sunset Mobile Table */ .country-detail-astro-section .timezones-table-container.d-lg-none .timezones-table th:nth-child(1), .country-detail-astro-section .timezones-table-container.d-lg-none .timezones-table td:nth-child(1) { width: 50%; /* City column - THIS DEFINES THE TD WIDTH */ } .country-detail-astro-section .timezones-table-container.d-lg-none .timezones-table th:nth-child(2), .country-detail-astro-section .timezones-table-container.d-lg-none .timezones-table td:nth-child(2) { width: 25%; /* Sunrise column */ } .country-detail-astro-section .timezones-table-container.d-lg-none .timezones-table th:nth-child(3), .country-detail-astro-section .timezones-table-container.d-lg-none .timezones-table td:nth-child(3) { width: 25%; /* Sunset column */ } /* For the Current Weather Mobile Table */ .country-detail-weather-section .timezones-table-container.d-lg-none .timezones-table th:nth-child(1), .country-detail-weather-section .timezones-table-container.d-lg-none .timezones-table td:nth-child(1) { width: 50%; /* City column - THIS DEFINES THE TD WIDTH */ } .country-detail-weather-section .timezones-table-container.d-lg-none .timezones-table th:nth-child(2), .country-detail-weather-section .timezones-table-container.d-lg-none .timezones-table td:nth-child(2) { width: 20%; /* Condition column */ } .country-detail-weather-section .timezones-table-container.d-lg-none .timezones-table th:nth-child(3), .country-detail-weather-section .timezones-table-container.d-lg-none .timezones-table td:nth-child(3) { width: 30%; /* Temp column */ } /* --- SKELETON STYLES FOR MOBILE TABLE CELLS --- */ /* This targets the used for skeletons in mobile tables */ .timezones-table-container.d-lg-none .skeleton-astro-weather-row td { /* Ensure skeleton rows have a minimum height matching loaded rows */ min-height: 38px; /* EXAMPLE: Adjust based on loaded row height */ height: 38px; /* You can try setting explicit height too */ padding-top: 8px; /* Match general td padding */ padding-bottom: 8px;/* Match general td padding */ } /* Style the .skeleton-box INSIDE the first (City Name) of a skeleton row in the mobile table. */ .timezones-table-container.d-lg-none .skeleton-astro-weather-row td:first-child .skeleton-box { width: 90%; /* Make the skeleton box take up most of its parent TD's width */ /* Since the TD is set to 50% table widththis box will be 90% of that 50% */ height: 1em; /* Standard skeleton text height */ display: inline-block; /* Or block if you want it to fill vertically more easily */ } /* Style skeleton boxes in data cells (sunrise/sunset/condition/temp) */ .timezones-table-container.d-lg-none .skeleton-astro-weather-row td:not(:first-child) .skeleton-data-point { /* The .skeleton-data-point already has display:flex and align-items:center. */ /* Ensure its children (.skeleton-box) are sized appropriately. */ width: 100%; /* Make the flex container take full width of the TD */ } .timezones-table-container.d-lg-none .skeleton-astro-weather-row td:not(:first-child) .skeleton-box.skeleton-data-icon-small, .timezones-table-container.d-lg-none .skeleton-astro-weather-row td:not(:first-child) .skeleton-box.skeleton-weather-icon-small { /* Heights and widths for these are already defined in your general skeleton swhich is good */ /* e.g.width: 1em; height: 18px; for astro iconwidth: 28px; height: 28px; for weather icon */ flex-shrink: 0; /* Prevent icon from shrinking */ } .timezones-table-container.d-lg-none .skeleton-astro-weather-row td:not(:first-child) .skeleton-box.skeleton-data-text-medium, .timezones-table-container.d-lg-none .skeleton-astro-weather-row td:not(:first-child) .skeleton-box.skeleton-data-text-short { /* Widths for these are already definedgood. */ /* height: 0.9em; /* Match text data point font-size's approximate height */ flex-grow: 1; /* Allow text skeleton to take remaining space in the data point if needed */ }

    Current Weather in Brazil (1263 Locations)

    City Condition Temp.
    <> /* Base s from your original .country-info-block for font consistency */ .country-info-table-container { font-size: 0.95em; /* From original .country-info-block p */ line-height: 1.6; /* From original .country-info-block p */ /*background-color: #f8f9fa; border: 1px solid #e9ecef; padding: 15px; */ border-radius: 5px; margin-top: 10px; } .country-info-table-container h2 { /* font-size: 1.4em; */ /* Keep H2 styling consistent with rest of page if desiredor set explicitly */ } .country-info-table-container h2 { margin-bottom: 15px; font-size: 1.5em; } .country-info-table { width: 100%; /* Table itself will always try to be 100% of its container */ border-collapse: collapse; } .country-info-table td { padding: 4px 2px; /* Adjust padding as needed */ border-bottom: 1px solid #e9ecef; } .country-info-table tr:last-child td { border-bottom: none; } /* Label column styling */ .country-info-table td:first-child { width: 30%; /* Default width for label columncan be adjusted */ padding-right: 10px; /* Space between label and value */ padding-top: 0.75rem; padding-bottom: 0.75rem; } /* Style for the strong tag within the label cell (from original .country-info-block strong) */ .country-info-table td:first-child strong { color: #343a40; font-weight: bold; /* Explicitly setas default might vary */ } /* Style for code tag (from original .country-info-block code) */ .country-info-table td code { background-color: #e9ecef; padding: 2px 4px; border-radius: 3px; font-size: 0.9em; /* Relative to parent td's font-size */ display: inline-block; word-break: break-all; } .country-info-table a { color: #007bff; text-decoration: none; } .country-info-table a:hover { text-decoration: underline; } /* --- Desktop Specific Width --- */ /* Apply this when the screen is wider than a typical mobile/tablet breakpoint */ @media (min-width: 769px) { /* Adjust breakpoint as needed */ .country-info-table-container { width: 50%; /* Max 50% width on desktop */ max-width: 50%; /* Ensure it doesn't exceed 50% if content is narrow */ float: left; /* Or use flexbox/grid on the parent for layout */ /* If using floatyou might need a clear-fix on the parent or next element */ margin-right: 20px; /* Optional: space if something is to its right */ } } /* --- Mobile: Table uses full width (default behavior) --- */ /* No specific rules needed for mobile to take full width if the container is full width. The td:first-child width of 30% will still applyadjust if too narrow on mobile. If you want labels and values to stack on very small screensyou'd re-add the display:block rules from the previous example for a smaller breakpoint (e.g.max-width: 480px). For nowper your requestthey stay on the same line. */ @media (max-width: 768px) { .country-info-table-container { width: 100%; /* Ensure it takes full width on mobile */ float: none; margin-right: 0; } .country-info-table td:first-child { width: 35%; /* Potentially adjust label width for mobile for better balance */ border: 1px solid #e9ecef; padding: 0.75rem; } .country-info-table td:last-child { border: 1px solid #e9ecef; padding: 0.75rem; } .country-info-table tr:last-child { border: 1px solid #e9ecef; padding: 0.75rem; } } /* START: CSS for Public Holidays Preview Section */ .holidays-preview-section { margin-top: 30px; /* Or adjust as needed */ } .holidays-preview-section h2 { margin-bottom: 15px; font-size: 1.5em; } .holidays-preview-list { list-: none; padding: 0; margin: 0; display: grid; gap: 10px; } /* On larger screensuse 2 columns for the holiday list */ @media (min-width: 768px) { .holidays-preview-list { grid-template-columns: repeat(21fr); column-gap: 20px; } } .holiday-preview-item { background-color: #f8f9fa; border-left: 4px solid #007bff; padding: 12px 15px; border-radius: 4px; display: flex; flex-direction: column; } .holiday-preview-item .name { font-weight: 500; font-size: 1.05em; color: #343a40; } .holiday-preview-item .date-info { font-size: 0.9em; color: #6c757d; margin-top: 4px; } .view-all-holidays-link { text-align: right; margin-top: 1rem; font-size: 0.95em; } .view-all-holidays-link a { color: #007bff; text-decoration: none; font-weight: 500; } .view-all-holidays-link a:hover { text-decoration: underline; } /* END: CSS for Public Holidays Preview Section */

    Information about Brazil

    Population 209,469,333
    Area 8,511,965 km²
    ISO Numeric Code 076
    FIPS Code BR
    Top Level Domain .br
    Currency Réal (BRL)
    Phone Prefix +55
    Country Code +55
    Postal Code Format #####-###
    Postal Code Regex ^\d{5}-\d{3}$
    Languages EN (en) ES (es) FR (fr) PT-BR (pt-BR)
    Neighbouring Countries 🇦🇷 Argentina 🇧🇴 Bolivia 🇨🇴 Colombia 🇬🇫 French Guiana 🇬🇾 Guyana 🇵🇾 Paraguay 🇵🇪 Peru 🇸🇷 Suriname 🇺🇾 Uruguay 🇻🇪 Venezuela

    Upcoming Public Holidays in Brazil
    ⏱️ Time.now

    00:00:00
    • <> /* Responsive columns for the hub grid */ @media (min-width: 768px) { .footer-hub-grid { grid-template-columns: repeat(21fr) !important; } } @media (min-width: 992px) { .footer-hub-grid { grid-template-columns: repeat(41fr) !important; } }

    Continents:

    Americas:

    Europe:

    UK · Germany · France

    Asia & Oceania:

    Africa & Middle East:

    Explore time in more cities:

    Bozhou · Riga · Gorakhpur · Las Vegas · Bangui · Dakar · Mersin · Chennai · Homs · Teresina · Beirut · Chiba · Marrakesh · Kyoto · Port Elizabeth
    <> /* --- SHARED STYLES (Desktop & Mobile) --- */ .footer-columns-container { padding-top: 10px; margin-top: 10px; border-top: 0px solid #ddd; } .footer-column { margin-bottom: 10px; } /* FIX: Make Main Header and Sub-Header identical in */ .footer-column-header, .footer-sub-header { font-weight: bold; font-size: 1rem; color: #333; display: block; } /* Define individual spacing for Desktop */ .footer-column-header { margin-bottom: 12px; } .footer-sub-header { margin-top: 15px; /* Gap from the list above it */ margin-bottom: 12px; } .footer-column-list { list-: none; padding: 0; margin: 0; } .footer-column-list li { margin-bottom: 1px; } .footer-column-list a { color: #007bff !important; text-decoration: none; font-size: 0.9rem; } .footer-column-list a:hover { text-decoration: underline; } .footer-copyright-row { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px; } .footer-copyright-row a { color: #007bff !important; } .about-calculator-now { margin-top: 1.5rem; padding-bottom: 20px; } /* STIPPLED WEBMASTER BOX */ .webmaster-widget-box { border: 1px dashed #666; padding: 8px; margin-top: 10px; border-radius: 4px; } /* --- MOBILE ONLY STYLES (Tightened for Mobile View) --- */ @media (max-width: 991.98px) { footer, .abovefooter { padding-left: 5px !important; padding-right: 5px !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } .abovefooter { font-size: 0.9rem !important; line-height: 1.4 !important; border-bottom: none; margin-bottom: 0 !important; } /* Standardize Header and Sub-Header for Mobile */ .footer-column-header, .footer-sub-header { font-size: 0.9rem !important; margin-bottom: 2px !important; } .footer-sub-header { margin-top: 10px !important; /* Spacing between sections on mobile */ } .footer-columns-container { margin-top: 0 !important; padding-top: 0px !important; } .footer-column { margin-bottom: 5px !important; } .footer-copyright-row { margin-top: 5px !important; padding-top: 5px !important; } .row { margin-left: 0 !important; margin-right: 0 !important; } .footer-columns-container .col-6 { padding-left: 0 !important; padding-right: 5px !important; } .about-calculator-now { margin-top: 5px !important; font-size: 0.85rem !important; } }