<!DOCTYPE html>
<html lang="es-mx">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jornada</title>
<link rel="stylesheet" href="./global.css">
<link rel="stylesheet" href="./index.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prata&family=Unbounded:wght@200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
</head>
<body>
<div class="encabezado__container">
<header class="encabezado">
<a href="" class="encabezado__logo" aria-label="Ir a la página de incio">
<img class="encabezado__logo--icono" alt="logo de Jornada" src="./img/logoprovisriablanca-1@2x.png" />
</a>
<nav class="encabezado__navegacion">
<ul>
<li><a class="encabezado__navegacion--elemento" href="" aria-label="Blog">Blog</a></li>
<li><a class="encabezado__navegacion--elemento" href="" aria-label="paquetes de Viaje">Paquetes de viaje</a></li>
<li><a class="encabezado__navegacion--elemento" href="" aria-label="ponte en contacto">Contacto</a></li>
</ul>
</nav>
</header>
</div>
<section class="banner">
<div class="banner__wrapper">
<figure class="banner_figure">
<img class="banner__img" alt="Hombre en una canoa" src="./img/maldivas@2x.png" />
<figcaption class="banner_figcaption">Maldivas</figcaption>
</figure>
<figure class="banner__descripcion">
<figcaption>
Somos una agencia apasionada por crear viajes inolvidables
Desde el destino hasta la selección de actividades, nos
encargamos de todos los detalles para que disfrutes al máximo
cada momento de tu jornada.
</figcaption>
</figure>
</div>
</section>
<main class="container">
<section class="ofertas">
<div class="ofertas__titulo">
<div class="ofertas__titulo--texto">Ofertas de la semana</div>
<div class="ofertas__titulo--subrayado"></div>
</div>
<section class="ofertas__cards">
<div class="ofertas__cards--grupo">
<article class="ofertas__cards--elemento ofertas__cards--japon">
<div class="ofertas__card">
<div class="ofertas__card--contenido">
<header class="ofertas__card--destino">
<p class="ofertas__card--destino-tipo">HOTEL+AÉREO</p>
<h3 class="ofertas__card--destino-nombre">Japón</h3>
</header>
<div class="ofertas__card--precio">$ 4000</div>
<a href="#" class="ofertas__card--boton" aria-label="ver detalles">Ver detalles</a>
</div>
</div>
</article>
<article class="ofertas__cards--elemento ofertas__cards--san-andreas">
<div class="ofertas__card">
<div class="ofertas__card--contenido">
<header class="ofertas__card--destino">
<p class="ofertas__card--destino-tipo">HOTEL+AÉREO</p>
<h3 class="ofertas__card--destino-nombre">San Andreas</h3>
</header>
<div class="ofertas__card--precio">$ 3000</div>
<div class="ofertas__card--boton">
<a href="#" class="ofertas__card--boton-texto" aria-label="ver detalles">Ver detalles</a>
</div>
</div>
</div>
</article>
</div>
</section>
</section>
adjunto todo lo modificado, hasta el destino "San Andreas".
