/* Elementos: conserva la tipografía, superficies y Flexbox del sitio. */
.elemento-cabecera { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; padding-block: 25px 55px; }
.elemento-cabecera h1 { font-size: clamp(65px, 8.5vw, 130px); line-height: 1.05; margin: 0; }
.elemento-cabecera>p { max-width: 330px; margin: 0 0 10px; font-size: 25px; line-height: 1.4; color: #c4c8bd; }
.elemento-panorama { margin: 0; padding-inline: var(--margen); }
.elemento-ampliar { display: flex; width: 100%; position: relative; padding: 0; border: 0; background: #101513; border-radius: 14px; overflow: hidden; cursor: zoom-in; }
.elemento-ampliar img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.elemento-ampliar>span { position: absolute; bottom: 22px; right: 22px; background: #0c120dcc; border: 1px solid #ffffff32; border-radius: 99px; padding: 10px 18px; font-size: 12px; color: #eee9d9; }
.elemento-panorama figcaption { margin-top: 12px; color: #9ba596; font-size: 14px; }
.elemento-contenido { display: flex; align-items: flex-start; gap: 9%; }
.elemento-relato { flex: 1; min-width: 0; max-width: 780px; }
.elemento-relato h2 { font-size: 34px; line-height: 1.4; margin: 0 0 28px; }
.elemento-relato>p:not(.etiqueta) { color: #dce0d5; font: 22px/1.8 var(--serif); }
.elemento-esencia { flex: 0 0 28%; min-width: 0; display: flex; flex-direction: column; gap: 24px; border-top: 1px solid var(--linea); padding-top: 24px; }
.elemento-esencia h3 { margin: 0 0 10px; font: inherit; color: #d5b97e; }
.elemento-esencia p { margin: 0; color: #c9cfc2; font-size: 18px; line-height: 1.8; }
.elemento-esencia .enlace-flecha { margin-top: 20px; }
.elemento-continuar { display: flex; justify-content: space-between; align-items: center; gap: 30px; border-top: 1px solid var(--linea); padding-block: 45px; }
.elemento-continuar>a:first-child { color: #b8beb4; }
.elemento-siguiente { display: flex; flex-direction: column; gap: 5px; }
.elemento-siguiente>span { font-size: 12px; color: #a9b09f; }
.elemento-siguiente strong { display: flex; align-items: center; gap: 30px; font: 40px Georgia, serif; }
.elemento-siguiente svg { width: 28px; height: 28px; }
@media (max-width: 900px) {
    .elemento-cabecera { align-items: flex-start; flex-direction: column; gap: 20px; }
    .elemento-cabecera>p { max-width: 600px; }
    .elemento-contenido { gap: 6%; }
    .elemento-esencia { flex-basis: 32%; }
}
@media (max-width: 600px) {
    .elemento-cabecera { padding-block: 15px 30px; }
    .elemento-cabecera h1 { font-size: clamp(48px, 11vw, 68px); overflow-wrap: anywhere; }
    .elemento-cabecera>p { font-size: 22px; }
    .elemento-panorama { padding-inline: 0; }
    .elemento-ampliar { border-radius: 0; }
    .elemento-ampliar>span { bottom: 12px; right: 12px; padding: 7px 12px; font-size: 10px; }
    .elemento-panorama figcaption { padding-inline: var(--margen); }
    .elemento-contenido { flex-direction: column; gap: 35px; }
    .elemento-relato h2 { font-size: 28px; }
    .elemento-relato>p:not(.etiqueta) { font-size: 20px; }
    .elemento-esencia { width: 100%; flex-basis: auto; }
    .elemento-continuar { align-items: flex-start; gap: 25px; flex-direction: column; padding-block: 30px; }
    .elemento-siguiente strong { font-size: 34px; }
}