/* =====================================================================================
   Estilos propios de cada página (lo reutilizable va en components.css)
   ===================================================================================== */

/* ---------- Detalle (Playa, Salones, Piscina, Comedor, fichas) ---------- */
.seccion-intro { padding-bottom: 5vw; }
.seccion-intro.seccion-intro--hotel { padding-bottom: 0; }
.servicios--hotel .servicios__foto { height: 28.375rem; }

/* ---------- Portada ---------- */
.tres--portada .tres__texto { justify-content: flex-start; }
.tres--portada .tres__boton { margin-top: 6.77vw; }
.tres--portada .tres__texto .texto { margin-bottom: 0; }

.portada-habitaciones { padding-top: 8vw; }
.portada-habitaciones__banda {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 1.25rem;
    margin: 1.6875rem 0; padding: 1.25rem 0; background: var(--color-arena);
}
.portada-habitacion { width: 18.02vw; height: 21.875rem; background: var(--fondo) center / cover no-repeat; }
.portada-habitacion__enlace {
    display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding: 0 0.625rem 1.25rem;
    font-family: var(--fuente-titulos); font-size: 1.25rem; font-weight: 500; line-height: 1.4875rem;
    color: var(--color-blanco); text-align: center;
}

.portada-mascotas { padding: 5vw 0 3vw; }
.portada-mascotas__caja {
    position: relative; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 3%; align-items: start;
    width: 80%; margin: 2vw auto 8vw; padding: 5vw 10vw;
    background-image: linear-gradient(#d9d9d9, #d9d9d9), var(--fondo); background-size: cover; background-position: center;
    background-blend-mode: screen; background-repeat: no-repeat;
}
.portada-mascotas__perro { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 58.1%; height: auto; pointer-events: none; }
.portada-mascotas__col { position: relative; }
.texto-mascotas { text-align: center; font-family: var(--fuente-titulos); font-size: 1rem; font-weight: 300; line-height: 1.625rem; color: var(--color-gris); }
.texto-mascotas h3 { font-family: var(--fuente-serif); font-size: var(--texto-numero); font-weight: 500; line-height: 8.125rem; color: var(--color-oro-claro); }
.texto-mascotas h4 { padding-bottom: 10px; font-family: var(--fuente-serif); font-size: var(--texto-h3-serif); font-weight: 500; line-height: 3rem; color: var(--color-marron); }
.portada-mascotas__boton { margin-top: 3.65vw; }
.portada-mascotas__boton .boton-borde { padding: 0.625rem 5rem; }

.recomendacion--portada .recomendacion__tarjeta { background: transparent; padding: 1.6875rem 0; margin-right: 10%; }
.recomendacion--portada .recomendacion__texto { flex: 0 0 57.8%; padding: 4.9vw 3.5vw 3.5vw; }
.recomendacion--portada .recomendacion__foto img { width: auto; max-width: 100%; }
.recomendacion--portada .recomendacion__deco-izq,
.recomendacion--portada .recomendacion__deco-der { width: auto; height: auto; object-fit: initial; }
.recomendacion--portada .recomendacion__boton .boton-borde { border-color: var(--color-borde-boton); }

.financiacion { max-width: 67.5rem; margin: 0 auto; padding: 3.375rem 1rem 1.2rem; text-align: center; }
.financiacion__texto { padding: 1.6875rem 0; font-family: var(--fuente-titulos); font-size: 1.625rem; font-weight: 300; line-height: 2.4375rem; color: var(--color-gris-oscuro); }
.financiacion__logos { display: grid; grid-template-columns: 1fr 1fr; gap: 3.7rem; align-items: start; padding: 1.6875rem 0; }
.financiacion__logos img { margin: 0 auto; width: 19.125rem; height: auto; }
.financiacion__logos :last-child { width: 15.9375rem; }

@media (max-width: 980px) {
    .portada-habitacion { width: 18.75rem; }
    .portada-mascotas__caja { grid-template-columns: 1fr; width: 90%; padding: 3.5rem 2.35rem; row-gap: 1.875rem; margin-bottom: 5.86rem; }
    .portada-mascotas__perro { width: 100%; }
    .portada-mascotas__col:nth-of-type(3) { display: none; }
    .portada-mascotas__col--boton > :not(.portada-mascotas__boton) { display: none; }
    .portada-mascotas__boton { margin-top: 0; }
    .portada-mascotas__boton .boton-borde { padding: 0.625rem 1.875rem; }
    .financiacion__logos { grid-template-columns: 1fr; gap: 1.5rem; }
}
@media (max-width: 767px) {
    .portada .hero__marco { display: none; }
    .tres--portada .tres__boton { margin: 0 0 1.875rem; text-align: center; }
    .portada-habitaciones { padding-top: 2rem; }
    .financiacion__texto { font-size: 1.25rem; line-height: 1.875rem; }
}

/* ---------- Entorno ---------- */
.pagina-entorno .reserva { padding-top: 10vw; }

/* ---------- Ofertas: tarjetas de 421 px en filas de 3 centradas verticalmente ---------- */
.ofertas { padding-bottom: 5vw; }
.ofertas__lista {
    display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 2.1vw; align-items: center;
    width: 70%; margin: 0 auto;
}
.oferta {
    margin: 1.6875rem 0; padding: 3.5vw 1.4vw;
    background: var(--fondo) center / cover no-repeat;
    filter: drop-shadow(0 4px 7px rgba(194, 194, 194, 0.25));
}
.oferta:last-child:nth-child(3n + 1) { grid-column: 2; }
.texto-oferta { font-family: var(--fuente-titulos); text-align: center; color: var(--color-texto); }
.texto-oferta h3 { padding-bottom: 10px; font-family: var(--fuente-serif); font-size: 2.75rem; font-weight: 400; line-height: 3rem; color: var(--color-marron); }
.texto-oferta h4 { padding-bottom: 10px; font-size: 1.25rem; font-weight: 500; line-height: 1.25rem; color: var(--color-marron); }
.texto-oferta p { font-size: 0.875rem; font-weight: 300; line-height: 1.4875rem; }
.texto-oferta strong { font-weight: 600; }
@media (max-width: 980px) {
    .ofertas__lista { grid-template-columns: 1fr; width: 90%; }
    .oferta { padding: 2.5rem 1.5rem; }
    .oferta:last-child:nth-child(3n + 1) { grid-column: auto; }
}
@media (max-width: 767px) {
    .ofertas__lista { padding-top: 1.875rem; }
    .oferta { margin: 0 0 1.875rem; padding: 13.5vw; }
    .texto-oferta h3 { font-size: 2.5rem; line-height: 3rem; }
    /* Landings: la original oculta en móvil la imagen del hero y la foto de la tarjeta */
    .landing-hero__imagen, .recomendacion--sin-foto-movil .recomendacion__foto { display: none; }
}

/* ---------- Mascotas ---------- */
/* La columna estrecha es una foto de fondo desplazada media columna a la izquierda (se ve la mitad) */
.tres--mascotas .tres__estrecha { overflow: hidden; }
.tres--mascotas .tres__estrecha img { width: 20.625rem; max-height: none; height: 34.8rem; object-fit: cover; object-position: 0 50%; transform: translateX(-50%); }
.tres--mascotas .tres__texto { justify-content: flex-start; }
.tres--mascotas .tres__texto .texto { margin-bottom: 1.55rem; }
.tres__boton--con-foto { margin: 0 0 2.04rem; text-align: left; }
.tres--mascotas .tres__baja { height: 12.5rem; object-fit: cover; }
.tres--mascotas .tres__foto-grande { width: 100%; height: 34.8rem; }
@media (max-width: 980px) {
    .tres--mascotas .tres__foto-grande, .tres--ficha .tres__foto-grande { height: 25rem; }
}
.tres__caja ul { list-style: disc; padding-left: 1.5em; }
.tres__caja li { line-height: 1.625rem; }

/* ---------- Ventana emergente (política de mascotas) ---------- */
.popup {
    position: fixed; inset: 0; z-index: 100002;
    display: none; align-items: center; justify-content: center; padding: 2.5rem;
    background: rgba(0, 0, 0, 0.4);
}
.popup:target, .popup.is-abierto { display: flex; }
.popup__caja {
    position: relative; width: min(100%, 75rem); max-height: 100%; overflow-y: auto;
    padding: 3.125rem; background: var(--color-blanco);
    box-shadow: 0 3px 10px -1px rgba(0, 0, 0, 0.3);
}
.popup__x {
    position: absolute; top: 0.625rem; right: 0.625rem; width: 1.875rem; height: 1.875rem;
    font: 700 1.25rem/1.875rem "Courier New", monospace; color: var(--color-gris-oscuro); text-align: center;
}
.popup__texto h2 { padding-bottom: 10px; font-family: var(--fuente-titulos); font-size: 1.625rem; font-weight: 500; line-height: 1.625rem; color: var(--color-marron); }
.popup__texto p { padding-bottom: 0.875rem; font-family: var(--fuente-titulos); font-size: 0.875rem; font-weight: 300; line-height: 1.4875rem; color: var(--color-texto); }
.popup__acciones { margin-top: 1.5rem; text-align: center; }
@media (max-width: 767px) {
    .popup { padding: 0.625rem; }
    .popup__caja { padding: 2.5rem 1.25rem; }
}

/* ---------- Landings (Hotel Delfín, Sorteo) ---------- */
.sin-cabecera { padding-top: 0 !important; }
.landing-hero {
    display: flex; align-items: center; justify-content: center;
    min-height: 100vh; margin-top: -0.875rem; background: var(--fondo) center / cover no-repeat;
}
.sin-cabecera .landing-hero { margin-top: 0; }
.landing-hero__tarjeta { display: flex; align-items: center; width: 66%; margin: 12.8vw 0; background: var(--color-blanco); }
.landing-hero__texto {
    flex: 0 0 57.8%; margin-right: 5.5%; padding: 3.125rem; text-align: center;
    font-family: var(--fuente-titulos); font-size: 0.875rem; font-weight: 300; line-height: 2.125rem; color: var(--color-gris);
}
.landing-hero__texto h1 { padding-bottom: 10px; font-size: 3rem; font-weight: 300; line-height: 3.6rem; color: var(--color-oro-claro); }
.landing-hero__texto strong, .landing-hero__texto b { font-weight: 500; }
.landing-hero__texto h1 strong { font-weight: 500; }
.landing-hero__imagen { flex: 1; width: 36.7%; height: auto; }
.landing-cierre { padding-top: 10vw; }
.landing-cierre__titulo {
    max-width: 67.5rem; margin: 0 auto 3.375rem; padding: 1.6875rem 0;
    font-family: var(--fuente-titulos); font-size: 3rem; font-weight: 300; line-height: 3.6rem; color: var(--color-oro-claro); text-align: center;
}
.landing-cierre__titulo strong { font-weight: 500; }
.landing-cierre .reserva { padding-top: 0; }
.recomendacion--landing .recomendacion__deco-izq { width: auto; height: auto; object-fit: initial; }
.recomendacion--landing .recomendacion__deco-der { width: auto; height: auto; object-fit: initial; }
.recomendacion--condiciones .recomendacion__texto { padding-top: 0; }
@media (max-width: 980px) {
    .landing-hero__tarjeta { flex-direction: column; width: 90%; margin: 3rem 0; }
    .landing-hero__texto { margin: 0; padding: 2rem 1.5rem; }
    .landing-hero__texto h1, .landing-cierre__titulo { font-size: 1.75rem; line-height: 2.25rem; }
    .landing-hero__imagen { width: 100%; }
}

/* =====================================================================================
   Blog (medidas de la original a 1920 y 375 px)
   ===================================================================================== */

/* ---------- /blog/: módulo de blog de Divi, tarjetas de mármol ---------- */
.blog-listado { padding-bottom: 2.8vw; }
/* Fila de 1080 px (relleno 27 px) con el módulo de blog dentro (relleno 54 px) */
.blog-listado__modulo { width: min(67.5rem, 80%); margin: 0 auto; padding: 5.0625rem 3.375rem; }
.tarjeta-blog { margin-bottom: 3.75rem; padding: 5%; background: var(--fondo) repeat; }
.tarjeta-blog__titulo {
    margin-bottom: 10px; padding-bottom: 10px;
    font-family: var(--fuente-base); font-size: 1.625rem; font-weight: 500; line-height: 1.625rem; color: var(--color-gris-oscuro);
}
.tarjeta-blog__titulo a { font-family: var(--fuente-titulos); font-weight: 300; text-transform: uppercase; color: var(--color-texto); }
.tarjeta-blog__fecha, .tarjeta-blog__extracto {
    padding: 0; font-family: var(--fuente-titulos); font-size: 0.875rem; font-weight: 300; line-height: 1.4875rem;
}
.tarjeta-blog__fecha { margin-bottom: 6px; color: var(--color-marron); }
.tarjeta-blog__extracto { color: var(--color-texto); }
.tarjeta-blog__mas {
    display: block; margin-top: 4.5%; padding: 0.625rem 0; border: 1px solid var(--color-marron);
    font-family: var(--fuente-titulos); font-size: 0.875rem; font-weight: 300; line-height: 1.4875rem;
    text-align: center; text-transform: uppercase; color: var(--color-marron); transition: all 0.3s;
}
.tarjeta-blog__mas:hover { background: var(--color-marron); color: var(--color-blanco); }

/* Paginación de WordPress (enlaces azules de Divi) */
.paginacion-blog { display: flex; justify-content: space-between; font-family: var(--fuente-base); font-size: 0.875rem; line-height: 1.4875rem; }
.paginacion-blog a { color: #2ea3f2; }
.paginacion-blog a:hover { text-decoration: underline; }

/* ---------- Archivos (categoría, etiqueta, autor): plantilla de archivo de Divi ---------- */
.archivo-blog { padding-top: 3.625rem; }
.archivo-blog__contenedor { position: relative; display: flex; width: 80%; max-width: 67.5rem; margin: 0 auto; }
.archivo-blog__contenedor::before {
    content: ""; position: absolute; top: -3.625rem; bottom: 0; left: 79.125%; width: 1px; background: #e2e2e2;
}
.archivo-blog__lista { flex: 0 0 79.125%; padding: 0 5.5% 1.4375rem 0; }
.archivo-entrada { margin-bottom: 3.75rem; }
.archivo-entrada__titulo { padding-bottom: 10px; font-family: var(--fuente-base); font-size: 1.625rem; font-weight: 500; line-height: 1.625rem; color: var(--color-gris-oscuro); }
.archivo-entrada__meta { margin-bottom: 6px; padding-bottom: 15px; font-family: var(--fuente-base); font-size: 0.875rem; line-height: 1.4875rem; color: var(--color-gris); }
.archivo-entrada__extracto { padding: 0; font-family: var(--fuente-base); font-size: 0.875rem; line-height: 1.4875rem; color: var(--color-gris); }
.archivo-entrada a:hover { opacity: 0.8; }

.barra-blog { flex: 0 0 20.875%; padding: 0 0 1.75rem 1.875rem; font-family: var(--fuente-base); font-size: 0.875rem; line-height: 1.4875rem; color: var(--color-gris); }
.barra-blog__buscador { display: flex; margin-bottom: 1.875rem; }
.barra-blog__buscador input {
    flex: 1; min-width: 0; height: 2.5rem; padding: 0.6125rem; border: 1px solid #ddd; border-radius: 0; background: var(--color-blanco);
}
.barra-blog__buscador button { height: 2.5rem; padding: 0.6125rem; border: 1px solid #ddd; background: #ddd; color: var(--color-gris); }
.barra-blog__buscador :disabled { cursor: not-allowed; }
.barra-blog__widget { margin-bottom: 1.875rem; }
.barra-blog__titulo { padding-bottom: 10px; font-family: var(--fuente-base); font-size: 1.625rem; font-weight: 500; line-height: 1.625rem; color: var(--color-gris-oscuro); }
.barra-blog li { margin-bottom: 7px; }
.barra-blog a:hover { color: #2ea3f2; }

/* ---------- Entrada: plantilla del Theme Builder ---------- */
.entrada-blog { width: 80%; margin: 0 auto; padding: calc(2.8vw + 1.6875rem) 8% 0; }
.entrada-blog__cabecera { margin-bottom: 2.64rem; text-align: center; }
.entrada-blog__titulo { font-family: var(--fuente-titulos); font-size: 3rem; font-weight: 300; line-height: 3rem; color: var(--color-oro-claro); }
.entrada-blog__fecha { font-family: var(--fuente-titulos); font-size: 0.875rem; font-weight: 300; line-height: 1.4875rem; color: var(--color-negro); }
.entrada-blog__contenido { margin-bottom: 2.64rem; font-family: var(--fuente-titulos); font-size: 0.875rem; font-weight: 300; line-height: 1.4875rem; color: var(--color-texto); overflow-wrap: anywhere; }
.entrada-blog__contenido a { color: #2ea3f2; }
.entrada-blog__contenido strong, .entrada-blog__contenido b { font-weight: 500; }
.entrada-blog__contenido img { display: inline-block; height: auto; margin: 0.5rem 0; }
.entrada-blog__contenido ul, .entrada-blog__contenido ol { padding: 0 0 1em 1.5em; list-style: disc; }
.entrada-blog__contenido h2, .entrada-blog__contenido h3, .entrada-blog__contenido h4 { font-family: var(--fuente-titulos); color: var(--color-gris-oscuro); }

.ultimas-blog { width: 80%; margin: 0 auto; padding: 0 8% calc(2.8vw + 1.6875rem); }
.ultimas-blog__titulo { margin: 10vw 0 2.64rem; font-family: var(--fuente-titulos); font-size: 3rem; font-weight: 300; line-height: 3rem; color: var(--color-oro-claro); text-align: center; }

/* Carrusel de las últimas entradas (slider de Divi: fundido, flechas al pasar el ratón y puntos) */
.carrusel-blog { position: relative; display: grid; overflow: hidden; background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--color-marron); color: var(--color-blanco); }
.carrusel-blog__diapositiva {
    grid-area: 1 / 1; display: flex; align-items: center; justify-content: center; min-height: 27.625rem; padding: 0 6%;
    opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0s linear 0.5s;
}
.carrusel-blog__diapositiva.is-activa { opacity: 1; visibility: visible; transition: opacity 0.5s ease; }
.carrusel-blog__texto { padding: 6.7rem 7.04%; text-align: center; }
.carrusel-blog__entrada { padding-bottom: 10px; font-family: var(--fuente-titulos); font-size: 2.875rem; font-weight: 300; line-height: 2.875rem; }
.carrusel-blog__entrada a { color: var(--color-blanco); }
.carrusel-blog__extracto { padding: 0; font-family: var(--fuente-titulos); font-size: 0.9375rem; font-weight: 300; line-height: 1.4875rem; }
.carrusel-blog__boton { padding: 0; }
.boton-blanco {
    display: inline-block; margin-top: 1.25rem; padding: 0.2625rem 0.875rem; border: 1px solid var(--color-blanco);
    font-family: var(--fuente-titulos); font-size: 0.875rem; font-weight: 500; line-height: 1.4875rem; text-transform: uppercase;
    color: var(--color-blanco); transition: all 0.3s;
}
.boton-blanco:hover { background: var(--color-blanco); color: var(--color-marron); }
.carrusel-blog__flecha {
    position: absolute; top: 50%; z-index: 2; width: 3rem; height: 3rem; margin-top: -1.5rem; padding: 0; border: 0;
    background: none; color: var(--color-blanco); opacity: 0; transition: all 0.2s ease-in-out;
}
.carrusel-blog__flecha svg { width: 100%; height: 100%; fill: currentColor; }
.carrusel-blog__flecha--prev { left: -1.375rem; }
.carrusel-blog__flecha--next { right: -1.375rem; }
.carrusel-blog:hover .carrusel-blog__flecha, .carrusel-blog__flecha:focus-visible { opacity: 1; }
.carrusel-blog:hover .carrusel-blog__flecha--prev, .carrusel-blog__flecha--prev:focus-visible { left: 1.375rem; }
.carrusel-blog:hover .carrusel-blog__flecha--next, .carrusel-blog__flecha--next:focus-visible { right: 1.375rem; }
.carrusel-blog__puntos { position: absolute; left: 0; right: 0; bottom: 1.25rem; z-index: 2; display: flex; justify-content: center; gap: 10px; }
.carrusel-blog__puntos button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: var(--color-blanco); opacity: 0.5; }
.carrusel-blog__puntos button.is-activo { opacity: 1; }

@media (max-width: 980px) {
    .blog-listado__modulo { width: 90%; padding: 1.875rem 0; }
    .tarjeta-blog { margin-bottom: 2.625rem; }
    .tarjeta-blog__titulo { font-size: 1rem; line-height: 1rem; }

    .archivo-blog { padding-top: 1.875rem; }
    .archivo-blog__contenedor { flex-direction: column; }
    .archivo-blog__contenedor::before { display: none; }
    .archivo-blog__lista { padding: 0 0 1.4375rem; }
    .barra-blog { padding: 0 0 1.75rem; }
    .archivo-entrada__titulo { font-size: 1.125rem; line-height: 1.4625rem; }

    main > .entrada-blog { margin-top: 8.75rem !important; } /* la original deja 140 px bajo la cabecera fija */
    .entrada-blog { width: 100%; padding: 1.875rem 0 0; }
    .entrada-blog__cabecera { margin: 0 10% 0; }
    .entrada-blog__titulo { font-size: 1.5rem; line-height: 1.5rem; }
    .entrada-blog__contenido { margin-bottom: 1.875rem; }
    .ultimas-blog { width: 100%; padding: 0 0 3.125rem; }
    .ultimas-blog__titulo { margin: 2.34rem 10% 1.875rem; font-size: 1.5rem; line-height: 1.5rem; }
    .carrusel-blog__diapositiva { min-height: 24.375rem; }
    .carrusel-blog__texto { padding: 3rem 1.5rem; }
    .carrusel-blog__entrada { font-size: 1.25rem; line-height: 1.25rem; }
}

/* ---------- Páginas legales ---------- */
.legal { padding: 3.375rem 0; }
.texto--legal { width: 80%; margin: 0 auto; padding: 1.6875rem 0; }
.texto--legal a { color: #2ea3f2; }
/* Títulos del contenido legal (Divi: h1 30/30, h2 26, h4 18/18, h6 14/14, #333) */
.texto--legal h2 { padding-bottom: 10px; font-family: var(--fuente-titulos); font-size: 1.625rem; font-weight: 500; line-height: 1.625rem; color: var(--color-gris-oscuro); }
.texto--legal h3 { padding-bottom: 10px; font-family: var(--fuente-titulos); font-size: 1.375rem; font-weight: 500; line-height: 1.375rem; color: var(--color-gris-oscuro); }
.texto--legal h4 { padding-bottom: 10px; font-family: var(--fuente-titulos); font-size: 1.125rem; font-weight: 500; line-height: 1.125rem; color: var(--color-gris-oscuro); }
.texto--legal h6 { padding-bottom: 10px; font-family: var(--fuente-titulos); font-size: 0.875rem; font-weight: 500; line-height: 0.875rem; color: var(--color-gris-oscuro); }
.texto--legal li { line-height: 1.625rem; }
.texto--legal ul, .texto--legal ol { padding: 0 0 1.4375rem 1em; }
.texto--legal ul { list-style: disc; }
.texto--legal table { border-collapse: collapse; width: 100%; margin: 1em 0; font-size: 0.875rem; line-height: 1.5; }
.texto--legal td, .texto--legal th { border: 1px solid #ddd; padding: 0.5em; text-align: left; vertical-align: top; }
@media (max-width: 767px) {
    .texto--legal { width: 90%; overflow-wrap: anywhere; }
    .texto--legal table { display: block; overflow-x: auto; }
}

/* ---------- Error ---------- */
.error { max-width: 50rem; margin: 0 auto; padding: 6rem 1.25rem; text-align: center; }
.error__codigo { font-family: var(--fuente-serif); font-size: var(--texto-numero); line-height: 1; color: var(--color-oro-claro); }
.error__titulo { margin: 1rem 0; font-family: var(--fuente-titulos); font-size: var(--texto-h2); font-weight: 300; line-height: var(--interlineado-h2); color: var(--color-oro-claro); text-transform: uppercase; }
.error__texto { margin-bottom: 2rem; font-family: var(--fuente-titulos); font-size: 1rem; font-weight: 300; color: var(--color-texto); }
.error__enlaces { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem 1.5rem; margin-top: 2.5rem; }
.error__enlaces a { font-family: var(--fuente-titulos); text-transform: uppercase; color: var(--color-marron); }