BAR APOLONIA
RESERVAR

JORNADAS
GASTRONÓMICAS

SABORES QUE HABLAN DE SORIA, PLATOS QUE CUENTAN HISTORIAS

Las jornadas gastronómicas son el mejor plan para dejarse sorprender por la cocina local. Una excusa perfecta para probar lo mejor de la tierra, con propuestas que combinan tradición, producto de calidad y ese toque especial que solo se encuentra aquí.

Así que si lo tuyo es comer bien y descubrir sabores auténticos, no te las puedes perder.

Tapita de las jornadas gastronómicas

JORNADAS DE LA TRUFA
NEGRA DE SORIA

Aquí la trufa manda y nosotros le seguimos el juego.
Una tapa intensa, con carácter y cero miedo al sabor.

DESCUBRE NUESTRA TAPITA
Tapas de las jornadas gastronómicas
Galería jornadas 1
Galería jornadas 2
Galería jornadas 3
Galería jornadas 4
Galería jornadas 5
Galería jornadas 6
/* ========================================================== Bar Apolonia – Estilos globales ========================================================== */ :root { color-scheme: light; /* Tipografías */ --font-body: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; --font-display: 'Poster Cut Neue', 'Arial Black', Impact, sans-serif; /* Paleta (tomada de la referencia) */ --c-green: #048044; --c-green-dark: #036b38; --c-green-light: #C8D4A3; --c-cream: #F2F2DE; --c-cream-dark: #EBE3CF; --c-olive: #3B3B28; --c-dark: #1A1A1A; --c-white: #FFFFFF; --c-text: #000000; --c-red: #E8491D; /* Layout */ --max-w: 1200px; } /* ---- Fonts ---- */ @font-face { font-family: 'Poster Cut Neue'; src: url('/templates/cadenas/air/images/hotels/HTL00534/assets/fonts/Poster_Cut_Neue.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Gill Sans'; src: url('/templates/cadenas/air/images/hotels/HTL00534/assets/fonts/Gill-Sans.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } /* ---- Reset ---- */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } img { display: block; max-width: 100%; height: auto; } a { color: inherit; text-decoration: none; } button { font: inherit; cursor: pointer; border: none; background: none; } ul, ol { list-style: none; } body { font-family: var(--font-body); line-height: 1.55; color: var(--c-text); background: var(--c-white); } h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); line-height: 1.1; letter-spacing: 0.02em; font-weight: 500; } h2 { font-family: var(--font-display); font-weight: 400; font-size: clamp(1.8rem, 5vw, 60px); line-height: 1.05; color: var(--c-green); text-transform: uppercase; } h2.h2--cream { color: var(--c-cream); } .container { width: min(100% - 2rem, var(--max-w)); margin-inline: auto; } /* ========== BUTTONS ========== */ .btn { display: inline-block; padding: 0.7em 1.6em; font-family: var(--font-display); font-weight: 500; font-size: 1rem; letter-spacing: 0.06em; text-transform: uppercase; border-radius: 100px; transition: background 0.25s, color 0.25s; } .btn--primary { background: var(--c-green-light); color: var(--c-green); box-shadow: var(--c-green) 4px 4px 0px 0px; transition: all 0.3s ease-out; } .btn--primary:hover { transform: scale(1.03); } .btn--sm { padding: 0.45em 1.1em; font-size: 0.78rem; } /* ========== HEADER ========== */ .site-header { position: absolute; top: 0; left: 0; right: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.5rem; color: var(--c-green); background: transparent; } .hamburger { display: flex; align-items: center; justify-content: center; /* hit-area acorde a WCAG: mínimo 44×44px */ width: 44px; height: 44px; padding: 0; z-index: 101; color: var(--c-green); transition: color 0.3s, background 0.25s, transform 0.2s; border-radius: 8px; cursor: pointer; } .hamburger:hover { background: rgba(4, 128, 68, 0.12); transform: scale(1.08); } .hamburger svg { /* fuerza el tamaño visual independientemente del atributo HTML */ width: 24px; height: 19px; flex-shrink: 0; display: block; } .hamburger.is-open { color: var(--c-green); } .brand { font-family: var(--font-display); font-weight: 500; font-size: 1.1rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--c-green); z-index: 101; transition: color 0.3s; } .brand.is-open { color: var(--c-green); } /* ---- Header cream: páginas con hero verde ---- */ body:has(.jornadas-hero) .site-header, body:has(.recetas-hero) .site-header, body:has(.carta-hero) .site-header, body:has(.prensa-hero) .site-header, body:has(.contacto-hero) .site-header, body:has(.receta-hero) .site-header { color: var(--c-cream); } body:has(.jornadas-hero) .hamburger, body:has(.recetas-hero) .hamburger, body:has(.carta-hero) .hamburger, body:has(.prensa-hero) .hamburger, body:has(.contacto-hero) .hamburger, body:has(.receta-hero) .hamburger { color: var(--c-cream); } body:has(.jornadas-hero) .hamburger:hover, body:has(.recetas-hero) .hamburger:hover, body:has(.carta-hero) .hamburger:hover, body:has(.prensa-hero) .hamburger:hover, body:has(.contacto-hero) .hamburger:hover, body:has(.receta-hero) .hamburger:hover { background: rgba(242, 242, 222, 0.15); } body:has(.jornadas-hero) .hamburger img, body:has(.recetas-hero) .hamburger img, body:has(.carta-hero) .hamburger img, body:has(.prensa-hero) .hamburger img, body:has(.contacto-hero) .hamburger img, body:has(.receta-hero) .hamburger img { filter: brightness(0) invert(1); } body:has(.jornadas-hero) .brand, body:has(.recetas-hero) .brand, body:has(.carta-hero) .brand, body:has(.prensa-hero) .brand, body:has(.contacto-hero) .brand, body:has(.receta-hero) .brand { color: var(--c-cream); } body:has(.jornadas-hero) .icon-whatsapp, body:has(.recetas-hero) .icon-whatsapp, body:has(.carta-hero) .icon-whatsapp, body:has(.prensa-hero) .icon-whatsapp, body:has(.contacto-hero) .icon-whatsapp, body:has(.receta-hero) .icon-whatsapp { color: var(--c-cream); } /* Cuando el menú está abierto en páginas con hero verde, restaurar a verde */ body:has(.jornadas-hero) .hamburger.is-open img, body:has(.recetas-hero) .hamburger.is-open img, body:has(.carta-hero) .hamburger.is-open img, body:has(.prensa-hero) .hamburger.is-open img, body:has(.contacto-hero) .hamburger.is-open img, body:has(.receta-hero) .hamburger.is-open img { filter: none; } body:has(.jornadas-hero) .brand.is-open, body:has(.recetas-hero) .brand.is-open, body:has(.carta-hero) .brand.is-open, body:has(.prensa-hero) .brand.is-open, body:has(.contacto-hero) .brand.is-open, body:has(.receta-hero) .brand.is-open { color: var(--c-green); } body:has(.jornadas-hero) .icon-whatsapp.is-open, body:has(.recetas-hero) .icon-whatsapp.is-open, body:has(.carta-hero) .icon-whatsapp.is-open, body:has(.prensa-hero) .icon-whatsapp.is-open, body:has(.contacto-hero) .icon-whatsapp.is-open, body:has(.receta-hero) .icon-whatsapp.is-open { color: var(--c-green); } /* Bloquear scroll cuando el menú está abierto */ body:has(.main-nav.is-open) { overflow: hidden; } /* Header cuando el nav overlay está abierto (fondo cream → todo verde) */ body:has(.main-nav.is-open) .hamburger img { filter: none; } body:has(.main-nav.is-open) .brand { color: var(--c-green) !important; } body:has(.main-nav.is-open) .icon-whatsapp { color: var(--c-green) !important; } .header-actions { display: flex; align-items: center; gap: 0.75rem; z-index: 101; } .icon-whatsapp { color: var(--c-green); display: flex; transition: opacity 0.2s; } .icon-whatsapp:hover { opacity: 0.7; } /* Mobile Nav Overlay */ .main-nav { position: fixed; inset: 0; z-index: 99; background: var(--c-cream); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.2rem; color: var(--c-green); opacity: 0; pointer-events: none; transition: opacity 0.3s; } .main-nav.is-open { opacity: 1; pointer-events: auto; } .main-nav a { font-family: var(--font-display); font-size: clamp(2.4rem, 7vw, 5rem); color: var(--c-green); text-transform: uppercase; letter-spacing: 0.02em; line-height: 1; text-align: center; transition: opacity 0.2s; } .main-nav a:hover, .main-nav a[aria-current="page"] { opacity: 0.6; } /* ========== HERO ========== */ /* ========== HERO ANIMATIONS ========== */ @keyframes heroSlideUp { from { opacity: 0; transform: translateY(50px) scale(0.9); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes heroSlideDown { from { opacity: 0; transform: translateY(-50px) scale(0.9); } to { opacity: 1; transform: translateY(0) scale(1); } } @keyframes heroSlideLeft { from { opacity: 0; transform: translateX(-60px) scale(0.9); } to { opacity: 1; transform: translateX(0) scale(1); } } @keyframes heroSlideRight { from { opacity: 0; transform: translateX(60px) scale(0.9); } to { opacity: 1; transform: translateX(0) scale(1); } } @keyframes heroFloat { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-14px); } } @keyframes heroFloatSlow { 0%, 100% { transform: translateY(0px) rotate(1.5deg); } 50% { transform: translateY(-10px) rotate(-1.5deg); } } @keyframes heroWordIn { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } } .hero { background: var(--c-cream); min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; justify-content: center; padding: 5.5rem 0 0; overflow: hidden; position: relative; width: 100%; } .hero__row { display: flex; align-items: center; justify-content: space-between; position: relative; width: 100%; padding: 0; margin-top: -2.5vw; /* solapamiento entre filas */ } .hero__row:first-child { margin-top: 0; } .hero__word { font-family: var(--font-display); font-size: clamp(5rem, 20vw, 20rem); line-height: 0.85; color: var(--c-green); text-transform: uppercase; flex-shrink: 0; padding: 0 0.5vw; animation: heroWordIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) both; } .hero__row:nth-child(1) .hero__word { animation-delay: 0.05s; } .hero__row:nth-child(2) .hero__word { animation-delay: 0.15s; } .hero__row:nth-child(3) .hero__word { animation-delay: 0.25s; } /* Images: cutout style – no circle, natural shape */ .hero__img { flex-shrink: 0; position: relative; } .hero__img img { width: 100%; height: auto; object-fit: contain; display: block; mix-blend-mode: multiply; /* elimina el fondo blanco de las imágenes PNG */ } /* Img 1: bowl, top-right – entra desde arriba, flota suavemente */ .hero__img--1 { width: clamp(160px, 27vw, 390px); margin-right: -1vw; animation: heroSlideDown 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s both, heroFloat 4.2s ease-in-out 1.2s infinite; } /* Img 2: plate, fila del medio – entra desde la izquierda, flota con giro leve */ .hero__img--2 { width: clamp(165px, 27vw, 390px); margin-left: -1vw; animation: heroSlideLeft 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) 0.25s both, heroFloatSlow 5s ease-in-out 1.35s infinite; } /* Img 3: pincho, centro-derecho – entra desde abajo, flota con retardo */ .hero__img--3 { width: clamp(130px, 22vw, 310px); animation: heroSlideUp 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) 0.35s both, heroFloat 3.8s ease-in-out 1.45s infinite; } /* Img 4: brocheta, bottom-right – entra desde la derecha, flota lenta */ .hero__img--4 { width: clamp(110px, 18vw, 250px); margin-right: -0.5vw; animation: heroSlideRight 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) 0.45s both, heroFloatSlow 4.6s ease-in-out 1.55s infinite; } /* ========== MARQUEE ========== */ .marquee { background: var(--c-red); color: var(--c-cream); overflow: hidden; padding: 0.65rem 0; white-space: nowrap; font-family: var(--font-display); font-weight: 500; font-size: 2.5rem; letter-spacing: 0.08em; text-transform: uppercase; } .marquee__track { display: inline-flex; gap: 2.5rem; animation: marquee-scroll 40s linear infinite; } .marquee__track span { flex-shrink: 0; } @keyframes marquee-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } /* ========== ABOUT ========== */ .about { background: var(--c-white); padding: 0rem 0; overflow: hidden; } .about__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; } .about__img { /* Imagen pegada al borde izquierdo del viewport */ margin-left: 0; padding-left: 0; max-height: 750px; } .about__img img { width: 100%; object-fit: cover; aspect-ratio: 4/5; } .about__text { /* El texto sí queda con margen contenido */ padding-right: calc((100vw - var(--max-w)) / 2); padding-right: max(1rem, calc((100vw - var(--max-w)) / 2)); } .about__text h2 { margin-bottom: 1.2rem; } .about__text p { margin-bottom: 0.85rem; font-size: 0.95rem; color: #444; line-height: 1.7; } .about__text .btn { margin-top: 0.75rem; } /* ========== CARTA ========== */ .carta { background: var(--c-cream); padding: 5rem 0rem 10rem 0rem; text-align: center; overflow: visible; } .carta h2 { margin-bottom: 0.75rem; } .carta__desc { max-width: 600px; margin: 0 auto 1.5rem; font-size: 0.95rem; color: #555; line-height: 1.7; } .carta .btn { margin-bottom: 3rem; } /* Carousel imagen a imagen */ .carta__carousel-wrap { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 2400px; margin-inline: auto; padding: 1rem 3rem 0; box-sizing: border-box; } .carta__track { display: flex; flex: 1; gap: clamp(1.5rem, 4vw, 3.5rem); overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-block: 1.5rem; } .carta__track::-webkit-scrollbar { display: none; } .carta__card { flex: 0 0 calc((100% - 2 * clamp(1.5rem, 4vw, 3.5rem)) / 3); scroll-snap-align: start; border-radius: 1rem; overflow: hidden; transition: transform 0.3s ease; } /* Inclinación alternas por grupos de 3 */ .carta__card:nth-child(3n+1) { transform: rotate(-2.5deg) translateY(6px); } .carta__card:nth-child(3n+2) { transform: rotate(0deg); } .carta__card:nth-child(3n+3) { transform: rotate(2.5deg) translateY(6px); } .carta__card img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; } /* Botones flecha circulares */ .carta__arrow { flex-shrink: 0; width: 52px; height: 52px; color: var(--c-green); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.25s, border-color 0.25s, transform 0.18s, box-shadow 0.25s; z-index: 5; } .carta__arrow img { width: 38px; height: auto; display: block; pointer-events: none; transition: filter 0.25s; } .carta__arrow:hover { transform: scale(1.1); } .carta__arrow:active { transform: scale(0.93); } .carta__arrow svg { pointer-events: none; flex-shrink: 0; } /* ========== CAROUSEL (shared) ========== */ .carousel { position: relative; } .carousel__track { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; } .carousel__track::-webkit-scrollbar { display: none; } .carousel__slide { flex: 0 0 calc(33.333% - 0.67rem); scroll-snap-align: start; border-radius: 0.5rem; overflow: hidden; } .carousel__slide img { width: 100%; aspect-ratio: 1/1.5; object-fit: cover; } /* Arrow buttons – solid circle (default) */ .carousel__btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform 0.2s; } .carousel__btn:hover { transform: translateY(-50%) scale(1.15); } .carousel__btn--prev { left: -22px; } .carousel__btn--next { right: -22px; } /* ========== TESTIMONIOS ========== */ .testimonios { display: grid; grid-template-columns: 1fr 1fr; position: relative; min-height: 360px; overflow: visible; } /* Mitad izquierda: verde */ .testimonios__left { background: var(--c-green); color: var(--c-white); padding: 3.5rem 12vw 3.5rem 3.5rem; /* padding-right grande para dejar hueco a la foto */ display: flex; flex-direction: column; justify-content: center; gap: 1.5rem; } .testimonios__label { font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; opacity: 0.75; font-family: var(--font-body); } .testimonios__quote { font-family: var(--font-display); font-size: clamp(1.6rem, 3.5vw, 2.6rem); line-height: 1.1; color: var(--c-white); text-transform: uppercase; transition: opacity 0.2s; } /* Foto central flotante */ .testimonios__photo-wrap { position: absolute; left: 50%; top: -20px; transform: translateX(-50%); z-index: 10; pointer-events: none; } .testimonios__photo { width: 220px; transform: rotate(5deg); border-radius: 0.5rem; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.28); transition: opacity 0.2s; } .testimonios__photo img { width: 100%; height: 280px; object-fit: cover; display: block; transition: opacity 0.2s; } /* Mitad derecha: crema — tabs apilados */ .testimonios__tabs { background: var(--c-cream); display: flex; flex-direction: column; padding-left: 0; /* hueco para la foto */ } .testimonios__tab { flex: 1; font-family: var(--font-display); font-size: clamp(1rem, 2.2vw, 1.6rem); font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; color: var(--c-green); text-align: center; background: transparent; border: none; border-bottom: 1.5px solid rgba(4,128,68,0.2); padding: 0 1rem; cursor: pointer; transition: background 0.2s, color 0.2s; line-height: 1.1; } .testimonios__tab:last-child { border-bottom: none; } .testimonios__tab:hover, .testimonios__tab.is-active { background: var(--c-green); color: var(--c-white); } /* ========== LOCAL / GALERÍA ========== */ .local { padding: 5rem 0 4rem; background: var(--c-white); } .local__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; } .local__nav { display: flex; gap: 0.75rem; } .local__nav .carta__arrow { position: static; transform: none; } .local__nav .carta__arrow:hover { transform: scale(1.1); } .local .carousel__slide { flex: 0 0 calc(50% - 0.5rem); border-radius: 0.75rem; } .local .carousel__slide img { aspect-ratio: 16/10; } /* ========== FOOTER ========== */ .site-footer { margin-top: 0; } /* Pre-footer */ .prefooter { background: var(--c-cream); color: var(--c-dark); padding: 4rem 0 0; overflow: hidden; } .prefooter__inner { display: flex; gap: 2rem; align-items: flex-end; } .prefooter__left { flex: 1; padding-bottom: 3.5rem; } .prefooter__title { font-size: clamp(2.4rem, 7vw, 60px); color: var(--c-green); line-height: 1; margin-bottom: 0.6rem; } .prefooter__sub { margin-bottom: 2.5rem; } .prefooter__pill { display: inline-block; border: 5.5px solid var(--c-red); color: var(--c-red); font-family: var(--font-display); font-size: clamp(1.6rem, 4.5vw, 2.8rem); text-transform: uppercase; padding: 0.2em 2em; border-radius: 100%; line-height: 1.2; letter-spacing: 0.04em; transform: rotate(-3deg); } .prefooter__cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; font-size: 0.85rem; color: var(--c-dark); } .prefooter__cols h3 { font-family: var(--font-body); font-weight: 700; font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 0.5rem; color: var(--c-green); } .prefooter__cols p { line-height: 1.75; } .prefooter__right { flex-shrink: 0; width: clamp(160px, 22vw, 300px); align-self: flex-end; margin-right: -1rem; margin-bottom: -1rem; } .prefooter__right img { width: 100%; display: block; } /* Footer bottom bar */ .footer-bar { background: var(--c-red); color: var(--c-white); padding: 1.1rem 0; } .footer-bar__inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; } .footer-bar__brand img { height: 36px; width: auto; display: block; filter: brightness(0) invert(1); } .footer-bar__legal { display: flex; flex-wrap: wrap; gap: 1.5rem; font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; } .footer-bar__legal a:hover { text-decoration: underline; } .footer-bar__social { color: var(--c-white); display: flex; transition: opacity 0.2s; } .footer-bar__social:hover { opacity: 0.7; } /* ========== RESPONSIVE ========== */ @media (max-width: 1024px) { .testimonios__left { padding-right: 8vw; } .testimonios__tabs { padding-left: 7vw; } } @media (max-width: 768px) { /* ---- Header ---- */ .site-header { padding: 0.75rem 1rem; } .header-actions .btn { /* Ocultar botón RESERVAR en móvil para no saturar el header */ display: none; } .icon-whatsapp svg { width: 26px; height: 26px; } /* ---- Hero ---- */ .hero { padding-top: 5rem; } .hero__row { padding: 0; margin-top: -4vw; } .hero__row:first-child { margin-top: 0; } .hero__word { font-size: clamp(3.5rem, 18vw, 6rem); padding: 0 1vw; } .hero__img--1 { width: 120px; margin-right: 0; } .hero__img--2 { width: 130px; margin-left: -4px; } .hero__img--3 { width: 100px; } .hero__img--4 { width: 80px; margin-right: -4px; } .about__inner { grid-template-columns: 1fr; gap: 1.5rem; } .about__img img { border-radius: 0; max-height: 550px; } .about__text { padding: 2rem 1rem; } /* ---- Carta carousel ---- */ .carta__carousel-wrap { padding: 1rem 0.5rem 0; gap: 0.5rem; } .carta__card { flex: 0 0 100%; } .carta__arrow { width: 48px; height: 48px; } .testimonios { grid-template-columns: 1fr; grid-template-rows: auto auto auto; } .testimonios__left { padding: 2.5rem 1.5rem; } .testimonios__photo-wrap { display: none; } .testimonios__tabs { padding-left: 0; min-height: 220px; } .testimonios__tab { font-size: clamp(1rem, 4vw, 1.3rem); } .carousel__slide { flex: 0 0 80%; } .local .carousel__slide { flex: 0 0 85%; } /* ---- Local nav (flechas SVG dibujadas a mano) ---- */ .local__header { flex-direction: column; align-items: flex-start; gap: 1rem; } .local__nav { display: flex; gap: 0.5rem; align-self: flex-end; } .prefooter__inner { flex-direction: column; align-items: center; gap: 0; } .prefooter { padding: 2.5rem 0 0; text-align: center; } .prefooter__left { padding-bottom: 0; display: flex; flex-direction: column; align-items: center; } .prefooter__title { font-size: clamp(2.2rem, 13vw, 3.5rem); } .prefooter__sub { margin-bottom: 2rem; } .prefooter__right { width: clamp(120px, 45vw, 220px); align-self: center; margin: 1.5rem auto 0; } .prefooter__cols { grid-template-columns: 1fr; gap: 0; border-top: 1px solid rgba(4,128,68,0.18); margin-top: 2rem; width: 100%; text-align: center; } .prefooter__cols > div { padding: 1.25rem 0; border-bottom: 1px solid rgba(4,128,68,0.18); } .footer-bar__inner { flex-direction: column; align-items: center; text-align: center; gap: 0.85rem; } .footer-bar__legal { justify-content: center; gap: 1rem; font-size: 0.65rem; } } /* ========== RECETAS PAGE ========== */ .recetas-hero { background: var(--c-green); display: flex; align-items: center; justify-content: center; padding: 6rem 1rem 3rem; overflow: hidden; } .recetas-hero__title { font-family: var(--font-display); font-size: clamp(5rem, 18vw, 16rem); color: var(--c-cream); line-height: 0.9; text-transform: uppercase; display: flex; align-items: center; gap: 0.05em; letter-spacing: -0.01em; } .recetas-hero__hand { height: 0.85em; width: auto; display: inline-block; vertical-align: middle; filter: brightness(0) saturate(100%) invert(93%) sepia(10%) saturate(300%) hue-rotate(30deg) brightness(103%); margin-inline: -0.02em; } .marquee--cream { font-size: 1.6rem; } .recetas-section { background: var(--c-white); padding: 5rem 0 5rem; } .recetas-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4rem 2rem; padding-top: 4rem; } .receta-card { background: var(--c-cream); border-radius: 1.5rem; padding: 5rem 1.5rem 2rem; position: relative; text-align: center; display: flex; flex-direction: column; } .receta-card__img-wrap { position: absolute; top: -3.5rem; left: 50%; transform: translateX(-50%); width: 7rem; height: 7rem; border-radius: 50%; overflow: hidden; background: var(--c-cream-dark); box-shadow: 0 4px 18px rgba(0,0,0,0.13); } .receta-card__img { width: 100%; height: 100%; object-fit: cover; display: block; } .receta-card__body { display: flex; flex-direction: column; flex: 1; } .receta-card__title { font-family: var(--font-display); font-size: clamp(1.3rem, 2.5vw, 1.8rem); color: var(--c-green); text-transform: uppercase; margin-bottom: 0.75rem; line-height: 1.1; } .receta-card__desc { font-size: 0.88rem; color: #555; line-height: 1.7; flex: 1; margin-bottom: 1.25rem; } .receta-card__link { display: inline-block; font-family: var(--font-body); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-red); text-decoration: underline; text-underline-offset: 3px; transition: opacity 0.2s; } .receta-card__link:hover { opacity: 0.7; } @media (max-width: 768px) { .recetas-hero { padding: 5.5rem 1rem 2.5rem; } .recetas-grid { grid-template-columns: 1fr; gap: 4.5rem 0; padding-top: 5rem; } .receta-card__img-wrap { width: 6rem; height: 6rem; top: -3rem; } } @media (min-width: 769px) and (max-width: 1024px) { .recetas-grid { grid-template-columns: repeat(2, 1fr); } } /* ===================================================== RECETA DETALLE ===================================================== */ .receta-hero { background: var(--c-green); padding: 7rem 0 5rem 0; overflow: hidden; } .receta-hero__top { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding-bottom: 2rem; } .receta-hero__back { display: inline-flex; align-items: center; gap: 0.35em; font-family: var(--font-body); font-size: clamp(0.78rem, 1.2vw, 0.88rem); color: rgba(242, 242, 222, 0.75); text-decoration: none; letter-spacing: 0.03em; transition: color 0.2s; flex-shrink: 0; } .receta-hero__back:hover { color: var(--c-cream); } .receta-hero__meta { font-family: var(--font-body); font-size: clamp(0.78rem, 1.2vw, 0.88rem); color: rgba(242, 242, 222, 0.7); letter-spacing: 0.06em; text-transform: uppercase; text-align: right; margin: 0; } /* Título × 3 */ .receta-hero__titles { display: flex; flex-direction: column; gap: 0; overflow: visible; position: relative; } /* Imágenes flotantes alrededor del título */ @keyframes receta-titulo-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } } /* Wrapper que encoge al ancho del texto */ .receta-hero__titulo-wrap { position: relative; display: block; width: fit-content; margin: 0 auto; } .receta-hero__titulo-img { display: none; position: absolute; width: clamp(55px, 5vw, 85px); height: clamp(55px, 5vw, 85px); object-fit: cover; border-radius: 8px; pointer-events: none; z-index: 1; } /* Izq: pegada al borde izquierdo del texto, cerca de la última letra (abajo) */ .receta-hero__titulo-img--izq { left: 0.75rem; bottom: 8%; } /* Der: pegada al borde derecho del texto, cerca de la primera letra (arriba) */ .receta-hero__titulo-img--der { right: 0.75rem; top: 8%; } .receta-hero__titulo-img.is-visible { display: block; animation: receta-titulo-float 3.2s ease-in-out infinite; } /* Desfase para que no se muevan al unísono */ .receta-hero__titulo-img--der.is-visible { animation-delay: -1.6s; } .receta-hero__title { font-family: var(--font-display); font-size: clamp(3rem, 16vw, 14rem); line-height: 0.93; text-transform: uppercase; letter-spacing: -0.02em; margin: 0; text-align: center; overflow-wrap: break-word; word-break: break-word; padding-inline: 1rem; } /* Las tres líneas: mismo color cream sólido */ .receta-hero__title--1 { color: var(--c-cream); } .receta-hero__title--2 { color: var(--c-cream); } .receta-hero__title--3 { color: var(--c-cream); padding-bottom: 3rem; } /* ── Receta: contenedor principal ── */ .receta-contenido { background: var(--c-cream); } /* ── Zona superior: ingredientes + foto ── */ .receta-zona-top { padding: 5rem 0 4rem; } .receta-zona-top__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: start; } /* Badge/etiqueta con nombre de receta */ .receta-badge { display: inline-block; border: 5.5px solid var(--c-red); color: var(--c-red); font-family: var(--font-display); font-size: clamp(1.2rem, 3vw, 2rem); text-transform: uppercase; padding: 0.2em 1.8em; border-radius: 100%; line-height: 1.2; letter-spacing: 0.04em; transform: rotate(-3deg); margin-bottom: 2.5rem; } /* Heading de bloque (Ingredientes / Preparación) */ .receta-bloque__heading { font-family: var(--font-display); font-size: clamp(1.5rem, 3vw, 2.2rem); color: var(--c-green); text-transform: uppercase; margin-bottom: 1.5rem; } /* Lista de ingredientes */ .receta-ingredientes__lista { list-style: none; display: flex; flex-direction: column; gap: 0.55rem; } .receta-ingredientes__lista li { font-size: clamp(0.85rem, 1.3vw, 1rem); color: var(--c-dark); padding-left: 1.2em; position: relative; line-height: 1.5; } .receta-ingredientes__lista li::before { content: '•'; position: absolute; left: 0; color: var(--c-dark); font-weight: bold; } .receta-ingredientes__lista li strong { font-weight: 700; } /* Imagen de receta: rotada y con sombra */ .receta-img-wrap { position: relative; padding: 1rem 0; } .receta-contenido__img { width: 100%; border-radius: 1.5rem; display: block; aspect-ratio: 4 / 3; object-fit: cover; transform: rotate(3deg); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18); } /* ── Zona inferior: preparación full-width ── */ .receta-zona-preparacion { background: var(--c-white); padding: 4rem 0 5rem; } .receta-preparacion__heading { margin-bottom: 2.5rem; } /* Grid de pasos 2 columnas */ .receta-pasos__grid { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem 5rem; } .receta-paso { display: flex; flex-direction: row; align-items: flex-start; gap: 1.25rem; } .paso-num { flex-shrink: 0; width: clamp(3rem, 5vw, 4.5rem); height: auto; } .paso-inner { display: flex; flex-direction: column; gap: 0.35rem; } .paso-titulo { font-family: var(--font-body, inherit); font-weight: 700; font-size: clamp(0.85rem, 1.3vw, 1rem); color: var(--c-dark); line-height: 1.3; } .paso-desc { font-size: clamp(0.8rem, 1.2vw, 0.95rem); color: var(--c-dark); line-height: 1.65; margin: 0; } /* Colapso de pasos */ .receta-pasos__wrap { position: relative; } /* ── TIPS DEL CHEF ── */ .receta-tips { background: var(--c-green); padding: 4rem 0; position: relative; overflow: visible; } .receta-tips__inner { position: relative; z-index: 1; } .receta-tips__titulo { font-family: var(--font-display); font-size: clamp(2rem, 5vw, 3.5rem); color: var(--c-cream); text-transform: uppercase; margin: 0 0 2rem; line-height: 1; } .receta-tips__grid { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem 5rem; } .receta-tips__item { display: flex; align-items: flex-start; gap: 0.85rem; color: var(--c-cream); font-size: clamp(0.85rem, 1.3vw, 1rem); line-height: 1.65; } .receta-tips__star { flex-shrink: 0; color: var(--c-cream); margin-top: 0.2em; } .receta-tips__mano { position: absolute; right: 2rem; top: -3.5rem; width: clamp(7rem, 10vw, 11rem); pointer-events: none; z-index: 2; } .receta-tips__mano img { width: 100%; display: block; } /* ── Sección foto full-width antes de más recetas ── */ .receta-foto-full { width: 100%; max-height: 600px; overflow: hidden; display: block; line-height: 0; } .receta-foto-full img { width: 100%; height: 100%; max-height: 600px; object-fit: cover; display: block; } /* Sección MÁS RECETAS */ .receta-mas { background: var(--c-white); padding: 4rem 0; } .receta-mas__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem; } .receta-mas__titulo { font-family: var(--font-display); font-size: clamp(1.6rem, 3.5vw, 3rem); color: var(--c-green); text-transform: uppercase; margin: 0; } .receta-mas__nav { display: flex; gap: 0.5rem; } .receta-mas__carousel-wrap { padding: 0 clamp(1rem, 3vw, 3rem); overflow-x: clip; overflow-y: visible; } .receta-mas .carta__track { padding-top: 5rem; overflow-x: auto; overflow-y: visible; } /* Desktop: 3 tarjetas visibles */ .receta-mas__card { flex: 0 0 calc((100% - 2 * clamp(1.5rem, 4vw, 3.5rem)) / 3); scroll-snap-align: start; } /* Tablet: 2 tarjetas visibles */ @media (max-width: 1024px) { .receta-mas__card { flex: 0 0 calc((100% - clamp(1.5rem, 4vw, 3.5rem)) / 2); } } /* Móvil: 1 tarjeta dominante + peek de la siguiente */ @media (max-width: 600px) { .receta-mas__card { flex: 0 0 82%; } .receta-mas .carta__track { padding-top: 4rem; } .receta-mas__carousel-wrap { padding: 0 1rem; } } @media (max-width: 768px) { .receta-hero { padding: 6rem 0 2rem 0; } .receta-hero__title { font-size: clamp(2.5rem, 10vw, 4.5rem); } .receta-hero__title--3 { padding-bottom: 2rem; } .receta-hero__top { padding-bottom: 1.5rem; } /* Imágenes flotantes: más pequeñas y desplazadas fuera del texto */ .receta-hero__titulo-img { width: 38px; height: 38px; border-radius: 6px; } .receta-hero__titulo-img--izq { left: -0.25rem; bottom: 6%; } .receta-hero__titulo-img--der { right: -0.25rem; top: 6%; } .receta-zona-top { padding: 3rem 0 2.5rem; } .receta-zona-top__inner { grid-template-columns: 1fr; gap: 2rem; } .receta-contenido__img { transform: none; } .receta-pasos__grid { grid-template-columns: 1fr; gap: 2rem; } .receta-tips__grid { grid-template-columns: 1fr; gap: 1.25rem; } .receta-zona-preparacion { padding: 3rem 0 4rem; } .receta-mas__header { padding: 0 1.5rem; } } /* ===================================================== CONTACTO ===================================================== */ .contacto-hero { background: var(--c-green); padding: 8rem 1.5rem 5rem; text-align: center; } .contacto-hero__inner { max-width: 640px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 1.25rem; } .contacto-hero__title { font-family: var(--font-display); font-size: clamp(4rem, 15vw, 10rem); line-height: 0.9; color: var(--c-cream); text-transform: uppercase; letter-spacing: -0.02em; margin: 0; } .contacto-hero__desc { font-size: clamp(0.78rem, 1.3vw, 0.9rem); color: var(--c-cream); line-height: 1.7; opacity: 0.9; max-width: 480px; } .btn--outline-cream { border: 2px solid var(--c-cream); color: var(--c-cream); background: transparent; border-radius: 100px; padding: 0.6em 2.4em; font-family: var(--font-display); font-size: clamp(0.8rem, 1.4vw, 0.95rem); letter-spacing: 0.05em; text-decoration: none; display: inline-block; transition: background 0.2s, color 0.2s; } .btn--outline-cream:hover { background: var(--c-cream); color: var(--c-green); } .contacto-body { background: var(--c-white); padding: 0; } .contacto-body__inner { display: grid; grid-template-columns: 1fr 1fr; min-height: 540px; } /* --- Columna mapa --- */ .contacto-mapa { padding: 4rem clamp(2rem, 5vw, 4rem) 4rem clamp(1rem, 4vw, 2rem); display: flex; flex-direction: column; gap: 1.5rem; border-right: 1px solid rgba(0,0,0,0.07); } .contacto-mapa__embed { width: 100%; aspect-ratio: 4/3; border-radius: 1rem; overflow: hidden; background: #e5e5e5; } .contacto-mapa__embed iframe { width: 100%; height: 100%; border: 0; display: block; } .contacto-mapa__name { font-family: var(--font-display); font-size: clamp(1.6rem, 3vw, 2.6rem); color: var(--c-green); line-height: 1.05; text-transform: uppercase; margin: 0; } .contacto-mapa__addr { font-size: clamp(0.8rem, 1.2vw, 0.9rem); color: var(--c-dark); line-height: 1.7; } /* --- Columna formulario --- */ .contacto-form-wrap { padding: 4rem clamp(2rem, 5vw, 5rem) 4rem clamp(2rem, 5vw, 4rem); display: flex; flex-direction: column; gap: 2rem; } .contacto-form__heading { font-family: var(--font-display); font-size: clamp(1.8rem, 3vw, 2.8rem); color: var(--c-green); text-transform: uppercase; margin: 0; } .contacto-form { display: flex; flex-direction: column; gap: 1.6rem; } .contacto-field { display: flex; flex-direction: column; gap: 0.35rem; } .contacto-field__label { font-family: var(--font-display); font-size: clamp(0.7rem, 1.1vw, 0.82rem); color: var(--c-green); letter-spacing: 0.06em; text-transform: uppercase; } .contacto-field__input { font: inherit; font-size: clamp(0.82rem, 1.2vw, 0.92rem); color: var(--c-dark); background: transparent; border: none; border-bottom: 1px solid rgba(0,0,0,0.25); padding: 0.4rem 0; outline: none; width: 100%; transition: border-color 0.2s; } .contacto-field__input:focus { border-bottom-color: var(--c-green); } .contacto-field__input--textarea { resize: vertical; min-height: 70px; } .contacto-form__btn { align-self: flex-start; margin-top: 0.5rem; } @media (max-width: 768px) { .contacto-body__inner { grid-template-columns: 1fr; } .contacto-mapa { border-right: none; border-bottom: 1px solid rgba(0,0,0,0.07); padding: 3rem 1.5rem; } .contacto-form-wrap { padding: 3rem 1.5rem; } .contacto-hero { padding: 6.5rem 1.5rem 4rem; } .contacto-hero__title { font-size: clamp(3.5rem, 18vw, 7rem); } } /* ===================================================== JORNADAS GASTRONÓMICAS ===================================================== */ .jornadas-hero { background: var(--c-green); padding: 7rem 1rem 5rem; text-align: center; } .jornadas-hero__title { font-family: var(--font-display); font-size: clamp(2.5rem, 12vw, 11rem); line-height: 0.93; color: var(--c-cream); text-transform: uppercase; letter-spacing: -0.02em; margin: 0; overflow-wrap: break-word; } .jornadas-intro { background: var(--c-cream); padding: 5rem 0; } .jornadas-intro__inner { display: flex; align-items: center; gap: 4rem; } .jornadas-intro__text { flex: 1; } .jornadas-intro__heading { font-family: var(--font-display); font-size: clamp(1.6rem, 3vw, 2.8rem); color: var(--c-green); line-height: 1.1; text-transform: uppercase; margin-bottom: 1.5rem; } .jornadas-intro__text p { font-size: clamp(0.85rem, 1.3vw, 0.98rem); line-height: 1.75; color: var(--c-dark); margin-bottom: 1rem; } .jornadas-intro__img { flex: 0 0 45%; max-width: 45%; } .jornadas-intro__img img { width: 100%; border-radius: 1.5rem; transform: rotate(3deg); display: block; aspect-ratio: 4/3; object-fit: cover; } .jornadas-trufa { background: var(--c-cream); padding: 3rem 1rem 5rem; text-align: center; border-top: 1px solid rgba(0,0,0,0.06); } .jornadas-trufa__title { font-family: var(--font-display); font-size: clamp(2rem, 4.5vw, 4rem); color: var(--c-green); line-height: 1.1; text-transform: uppercase; margin-bottom: 1.5rem; } .jornadas-trufa__desc { font-size: clamp(0.85rem, 1.5vw, 1rem); color: var(--c-dark); margin-bottom: 2.5rem; line-height: 1.7; } .btn--outline { border: 2px solid var(--c-green); color: var(--c-green); background: transparent; border-radius: 100px; padding: 0.7em 2.2em; font-family: var(--font-display); font-size: clamp(0.85rem, 1.5vw, 1rem); letter-spacing: 0.05em; text-decoration: none; display: inline-block; transition: background 0.2s, color 0.2s; } .btn--outline:hover { background: var(--c-green); color: var(--c-cream); } .jornadas-fullimg { line-height: 0; } .jornadas-fullimg img { width: 100%; max-height: 55vh; object-fit: cover; display: block; } .jornadas-galeria { background: var(--c-cream); padding-block: 4rem; } /* ===================================================== PRENSA ===================================================== */ .prensa-hero { background: var(--c-green); padding: 7rem 1.5rem 5rem; text-align: center; overflow: hidden; } .prensa-hero__title { font-family: var(--font-display); font-size: clamp(5rem, 18vw, 14rem); line-height: 0.9; color: var(--c-cream); text-transform: uppercase; letter-spacing: -0.02em; margin: 0; display: flex; align-items: center; justify-content: center; gap: 0.05em; } .prensa-hero__hand { height: 0.85em; width: auto; display: inline-block; vertical-align: middle; filter: brightness(0) saturate(100%) invert(96%) sepia(9%) saturate(412%) hue-rotate(18deg) brightness(104%) contrast(88%); } .prensa-intro { background: var(--c-white); padding: 5rem 0 3rem; text-align: center; } .prensa-intro__inner { max-width: 640px; margin: 0 auto; } .prensa-intro__heading { font-family: var(--font-display); font-size: clamp(2rem, 5vw, 4rem); color: var(--c-green); line-height: 1.05; text-transform: uppercase; margin-bottom: 1.25rem; } .prensa-intro__desc { font-size: clamp(0.82rem, 1.3vw, 0.95rem); line-height: 1.75; color: var(--c-dark); } .prensa-articulos { background: var(--c-white); padding: 2rem 0 6rem; } .prensa-articulos__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem 4rem; } .prensa-articulo { display: flex; align-items: flex-start; gap: 1.25rem; } .prensa-articulo__num { flex-shrink: 0; width: clamp(3rem, 5vw, 4rem); height: auto; } .prensa-articulo__body { display: flex; flex-direction: column; gap: 0.4rem; padding-top: 0.3rem; } .prensa-articulo__title { font-family: var(--font-body); font-size: clamp(0.8rem, 1.2vw, 0.92rem); line-height: 1.5; color: var(--c-dark); margin: 0; } .prensa-articulo__link { font-family: var(--font-body); font-size: clamp(0.75rem, 1.1vw, 0.85rem); color: var(--c-green); text-decoration: underline; text-underline-offset: 3px; transition: color 0.2s; } .prensa-articulo__link:hover { color: var(--c-green-dark); } /* ===================================================== CARTA ===================================================== */ .carta-hero { background: var(--c-green); padding: 7rem 1.5rem 5rem; text-align: center; overflow: hidden; } .carta-hero__title { font-family: var(--font-display); font-size: clamp(6rem, 20vw, 18rem); line-height: 0.9; color: var(--c-cream); text-transform: uppercase; letter-spacing: -0.02em; margin: 0; display: flex; align-items: center; justify-content: center; gap: 0.1em; } .carta-hero__hand { height: 0.85em; width: auto; display: inline-block; vertical-align: middle; filter: brightness(0) saturate(100%) invert(96%) sepia(9%) saturate(412%) hue-rotate(18deg) brightness(104%) contrast(88%); } .carta-intro { background: #fff; padding: 0; overflow: hidden; } .carta-intro__inner { display: grid; grid-template-columns: 1.2fr 0.8fr; align-items: stretch; min-height: 620px; } .carta-intro__text { flex: unset; padding: 5rem clamp(2rem, 6vw, 6rem) 5rem clamp(2rem, 6vw, 6rem); display: flex; flex-direction: column; justify-content: center; } .carta-intro__heading { font-family: var(--font-display); font-size: clamp(1.8rem, 3.5vw, 3rem); color: var(--c-green); line-height: 1.05; text-transform: uppercase; margin-bottom: 1.5rem; } .carta-intro__text p { font-size: clamp(0.82rem, 1.2vw, 0.95rem); line-height: 1.75; color: var(--c-dark); margin-bottom: 0.9rem; } .carta-intro__btns { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.75rem; margin-top: 2rem; } .carta-intro__btn { display: inline-flex; align-items: center; gap: 0.5em; border: 2px solid var(--c-green); color: var(--c-green); background: var(--c-cream); box-shadow: var(--c-green) 4px 4px 0px 0px; border-radius: 100px; padding: 0.55em 1.5em; font-family: var(--font-display); font-size: clamp(0.75rem, 1.3vw, 0.9rem); letter-spacing: 0.05em; text-decoration: none; text-transform: uppercase; transition: background 0.2s, color 0.2s, transform 0.3s; } .carta-intro__btn:hover { background: var(--c-green); color: var(--c-cream); transform: scale(1.03); } .carta-intro__img { overflow: hidden; margin: 0; padding: 0; } .carta-intro__img img { width: 100%; height: 100%; min-height: 620px; display: block; object-fit: cover; border-radius: 0; } /* --- Carta strips auto-scroll --- */ .carta-strips { background: var(--c-cream); padding: 4rem 0; display: flex; flex-direction: column; gap: 1.2rem; overflow: hidden; } .carta-strip { overflow: hidden; line-height: 0; } .carta-strip__track { display: flex; gap: 1rem; width: max-content; animation: strip-left 30s linear infinite; } .carta-strip__track--reverse { animation: strip-right 34s linear infinite; } .carta-strip__item { flex-shrink: 0; width: clamp(220px, 28vw, 400px); border-radius: 1rem; overflow: hidden; } .carta-strip__item img { width: 100%; aspect-ratio: 4/3; object-fit: cover; display: block; } @keyframes strip-left { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @keyframes strip-right { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } } @media (prefers-reduced-motion: reduce) { .carta-strip__track, .carta-strip__track--reverse { animation: none; } } @media (max-width: 768px) { .carta-hero { padding: 6rem 1rem 3.5rem; } .carta-hero__title { font-size: clamp(5rem, 22vw, 9rem); } .carta-intro__inner { grid-template-columns: 1fr; min-height: unset; } .carta-intro__text { padding: 3rem 1.5rem; } .carta-intro__img { min-height: 300px; order: -1; } .carta-intro__btns { flex-direction: column; align-items: flex-start; width: fit-content; } .carta-intro__btn { width: 100%; justify-content: center; } } @media (max-width: 768px) { .jornadas-hero { padding: 6rem 1rem 3.5rem; } .jornadas-hero__title { font-size: clamp(2rem, 9vw, 5rem); } .prensa-hero { padding: 6rem 1rem 3.5rem; } .prensa-hero__title { font-size: clamp(3rem, 16vw, 7rem); } .prensa-articulos__grid { grid-template-columns: 1fr; gap: 2rem 0; } .jornadas-intro { padding: 3.5rem 0; } .jornadas-intro__inner { flex-direction: column; gap: 2rem; } .jornadas-intro__img { flex: unset; max-width: 100%; width: 100%; } .jornadas-intro__img img { transform: rotate(1.5deg); } .jornadas-fullimg img { max-height: 40vh; } }