/*
Theme Name: Mesón Campeones (Elementor)
Theme URI: https://aspanri.org/meson
Description: Tema hijo de Hello Elementor para Mesón Campeones. Todo el contenido, la cabecera y el pie se editan con Elementor; aquí solo quedan las fuentes locales, el aviso de cookies y unos pocos ajustes finos.
Author: Pixel Corner
Template: hello-elementor
Version: 1.0.3
Text Domain: meson-elementor
*/

/* ── Base ── */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; overflow-x: hidden; }
/* Las anclas (#reservar, #historia…) no quedan tapadas por la cabecera fija */
[id] { scroll-margin-top: 90px; }

/* ── Tarjetas de vídeo vertical (sección "Lo que dicen quienes nos visitan") ──
   Añade la clase "mc-video-vertical" a un widget Vídeo para que se vea en formato 9:16 */
.mc-video-vertical .elementor-wrapper,
.mc-video-vertical .e-hosted-video { border-radius: 16px; overflow: hidden; background: #000; box-shadow: 0 10px 30px rgba(0,0,0,.1); }
.mc-video-vertical .elementor-wrapper { aspect-ratio: 9 / 16 !important; }
.mc-video-vertical video { width: 100%; height: 100% !important; object-fit: cover; display: block; }
/* Vídeos de "Momentos" (Galería): verticales, sin recortar */
.mc-video-momento .elementor-wrapper { aspect-ratio: 9 / 16 !important; border-radius: 12px; overflow: hidden; background: #000; }
.mc-video-momento video { width: 100%; height: 100% !important; object-fit: contain; background: #000; }

/* ── Tarjetas (Por qué nosotros) ── */
.mc-card { transition: transform .3s, box-shadow .3s; }
.mc-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(0,0,0,.12); }

/* ── Carta: lista de precios ── */
.mc-carta .elementor-price-list-item { padding: 6px 0; }
.mc-carta .elementor-price-list-price { white-space: nowrap; }
@media (max-width: 767px) {
  .mc-carta .elementor-price-list-header { flex-wrap: wrap; }
  .mc-carta .elementor-price-list-separator { display: none; }
  .mc-carta .elementor-price-list-price { width: 100%; white-space: normal; }
}

/* ── Galería: imágenes con zoom suave ── */
.mc-zoom img { transition: transform .3s; }
.mc-zoom img:hover { transform: scale(1.03); }

/* ── Mapa con esquinas redondeadas ── */
.mc-map iframe { border-radius: 20px; }

/* ── Aviso de cookies ── */
.mc-cookies { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; display: none; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; padding: 20px 24px; background: #1A1A1A; color: #fff; box-shadow: 0 -4px 20px rgba(0,0,0,.3); font-size: 14px; }
.mc-cookies.is-visible { display: flex; }
.mc-cookies p { margin: 0; max-width: 600px; line-height: 1.5; color: rgba(255,255,255,.8); }
.mc-cookies a { color: #FF914D; text-decoration: underline; }
.mc-cookies__btns { display: flex; gap: 12px; }
.mc-cookies .mc-cookies__btns button { padding: 10px 24px; border-radius: 50px; font: 600 14px/1 inherit; cursor: pointer; border: 0; transition: all .3s; }
.mc-cookies .mc-cookies__accept { background: #FF914D; color: #1A1A1A; }
.mc-cookies .mc-cookies__accept:hover { background: #DA9E51; }
.mc-cookies .mc-cookies__reject { background: transparent !important; color: rgba(255,255,255,.7); border: 1px solid rgba(255,255,255,.3) !important; }
.mc-cookies .mc-cookies__reject:hover { color: #fff; border-color: #fff !important; }
@media (max-width: 767px) { .mc-cookies { flex-direction: column; text-align: center; gap: 16px; padding: 16px; } }