/* Ajustes propios de Cataleya (no son de Webflow). Se cargan después de todo lo demás. */

/* Pie de la portada alineado con la dirección (el contenido de la portada lleva 30 px de margen) */
.hero-content.home .pie-legal { margin-left: 30px; }

/* Títulos grandes: nunca más anchos que su columna; donde ya caben, mantienen su tamaño de Webflow.
   Calculado con webs-herramientas/titulos.mjs (si cambias un título, vuelve a calcularlo). */
@media (max-width: 991px) { .hero-content.home .paragraph-hero:not(.number2) { font-size: min(60px, calc((100vw - 118px) / 8.162)); } }
@media (min-width: 992px) and (max-width: 1919px) { .hero-content.home .paragraph-hero:not(.number2) { font-size: min(80px, calc((50vw - 118px) / 8.162)); } }
@media (max-width: 991px) { .paragraph-hero.reservierung { font-size: min(60px, calc((100vw - 80px) / 7.638)); } }
@media (min-width: 992px) and (max-width: 1919px) { .paragraph-hero.reservierung { font-size: min(80px, calc((50vw - 200px) / 7.637)); } }

/* Iconos de redes (Kontakt, Impressum, Datenschutz): su caja lleva 315 px de relleno vacío a la derecha que,
   entre 992 y ~1150 px de ancho, se salía de la pantalla y creaba scroll horizontal. Se recorta solo ese vacío. */
.page-content { overflow-x: clip; }

/* Reservierung: el título va centrado, el pie también */
.page-content:has(.paragraph-hero.reservierung) > .pie-legal { justify-content: center; }