/* ============================================================================
   LAS BOTAS - Capa de Navidad (temporal)
   Se carga SOLO entre el 1 de noviembre y el 7 de enero, desde lasbotas-app.php
   (LasBotas_App::xmas_on(), hora de Madrid). Fuera de esa ventana este fichero
   ni siquiera se pide, asi que la web vuelve sola a su aspecto normal.
   No se edita nada del diseno base: todo va en esta capa aparte.
   ============================================================================ */

/* ===== Capa de Navidad - Las Botas (temporal, se quita en enero) ===== */
:root{ --xred:#7a2839; --xgold:#a98a4f; --xcream:#f3ede1; --xgreen:#434c33; }

/* Barra superior de campana navidena */
.xmas-bar{position:fixed;top:0;left:0;right:0;z-index:80;background:var(--xred);
  color:var(--xcream);font-family:'Jost','Helvetica Neue',Arial,sans-serif;
  border-bottom:1px solid rgba(169,138,79,.55)}
.xmas-bar__in{max-width:1240px;margin:0 auto;padding:9px 20px;display:flex;align-items:center;
  justify-content:center;gap:16px;flex-wrap:wrap}
.xmas-bar__txt{font-size:12.5px;letter-spacing:.11em;text-transform:uppercase;line-height:1.5}
.xmas-bar__txt b{font-weight:500;color:#fff}
.xmas-bar__sep{color:var(--xgold);margin:0 9px}
.xmas-bar__ram{width:34px;height:19px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 30'%3E%3Cg fill='none' stroke='%23a98a4f' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M26 14c-4-5-10-7-16-6 2 2 2 4 1 6 3 0 5 1 6 3 3 1 6 0 9-3z'/%3E%3Cpath d='M30 14c4-5 10-7 16-6-2 2-2 4-1 6-3 0-5 1-6 3-3 1-6 0-9-3z'/%3E%3C/g%3E%3Ccircle cx='28' cy='19' r='2.6' fill='%237a2839'/%3E%3Ccircle cx='23' cy='22' r='2.2' fill='%237a2839'/%3E%3Ccircle cx='33' cy='22' r='2.2' fill='%237a2839'/%3E%3C/svg%3E") no-repeat center/contain;opacity:.95;flex:none}
.xmas-bar__cta{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--xcream);
  text-decoration:none;border:1px solid var(--xgold);border-radius:2px;padding:7px 16px;
  transition:background .3s,color .3s;white-space:nowrap}
.xmas-bar__cta:hover{background:var(--xgold);color:#2a271f}
@media(max-width:820px){ .xmas-bar__ram{display:none} .xmas-bar__in{padding:8px 14px;gap:10px}
  .xmas-bar__txt{font-size:11px;letter-spacing:.08em} }
/* En movil solo cabe el titular: el subtitulo se corta por la derecha y obliga
   a la barra a crecer a dos lineas, que tapaba la navegacion. */
@media(max-width:700px){
  .xmas-bar__in{flex-wrap:nowrap;gap:12px;padding:7px 14px}
  .xmas-bar__txt{min-width:0;font-size:11.5px;letter-spacing:.07em;white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis}
  .xmas-bar__sep,.xmas-bar__txt [data-x="s"]{display:none}
  .xmas-bar__cta{font-size:10px;letter-spacing:.14em;padding:6px 11px}
}

/* Empujar la web para que la barra no tape la navegacion */
body{padding-top:var(--xbar,42px)}
.nav{top:var(--xbar,42px)!important}

/* ===== Detalle en TODAS las cartas ===== */
/* La Carta: acebo a la izquierda del titulo de seccion */
.carta__grouptitle::before{content:"";display:inline-block;width:46px;height:25px;
  vertical-align:-4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 30'%3E%3Cg fill='none' stroke='%23a98a4f' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M26 14c-4-5-10-7-16-6 2 2 2 4 1 6 3 0 5 1 6 3 3 1 6 0 9-3z'/%3E%3Cpath d='M30 14c4-5 10-7 16-6-2 2-2 4-1 6-3 0-5 1-6 3-3 1-6 0-9-3z'/%3E%3C/g%3E%3Ccircle cx='28' cy='19' r='2.6' fill='%237a2839'/%3E%3Ccircle cx='23' cy='22' r='2.2' fill='%237a2839'/%3E%3Ccircle cx='33' cy='22' r='2.2' fill='%237a2839'/%3E%3C/svg%3E") no-repeat center/contain;margin-right:14px}

/* Menu del dia y menus de celebracion (titulos centrados): acebo debajo */
.vgroup__title{position:relative;padding-bottom:34px}
.vgroup__title::after{content:"";position:absolute;left:50%;bottom:2px;transform:translateX(-50%);
  width:58px;height:31px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 30'%3E%3Cg fill='none' stroke='%23a98a4f' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M26 14c-4-5-10-7-16-6 2 2 2 4 1 6 3 0 5 1 6 3 3 1 6 0 9-3z'/%3E%3Cpath d='M30 14c4-5 10-7 16-6-2 2-2 4-1 6-3 0-5 1-6 3-3 1-6 0-9-3z'/%3E%3C/g%3E%3Ccircle cx='28' cy='19' r='2.6' fill='%237a2839'/%3E%3Ccircle cx='23' cy='22' r='2.2' fill='%237a2839'/%3E%3Ccircle cx='33' cy='22' r='2.2' fill='%237a2839'/%3E%3C/svg%3E") no-repeat center/contain;opacity:.95}

/* Menus de celebracion: estrella dorada antes del nombre */
.cmenu__name::before{content:"";display:inline-block;width:18px;height:18px;vertical-align:-3px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5 L13.7 10.3 L22.5 12 L13.7 13.7 L12 22.5 L10.3 13.7 L1.5 12 L10.3 10.3 Z' fill='%23a98a4f'/%3E%3C/svg%3E") no-repeat center/contain;margin-right:10px;opacity:.9}

@media(max-width:640px){
  .carta__grouptitle::before{width:32px;height:17px;margin-right:9px}
}

/* ===== Nivel marcado: que se note ===== */
/* Titulos de seccion en granate de la casa + acebo grande */
.carta__grouptitle{color:var(--xred)!important}
.carta__grouptitle::before{width:62px!important;height:34px!important;vertical-align:-7px!important;margin-right:18px!important}
.vgroup__title{color:var(--xred)!important;padding-bottom:44px!important}
.vgroup__title::after{width:76px!important;height:41px!important}

/* Filete dorado bajo cada seccion de la carta */
.carta__group{position:relative}

/* Tarjetas de menu de grupo con marco dorado y cinta superior */
.cmenu{position:relative;border:1px solid rgba(169,138,79,.5)!important}
.cmenu::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--xred) 0 33%,var(--xgold) 33% 66%,var(--xgreen) 66% 100%)}
.cmenu__name{color:var(--xred)!important}
.cmenu__name::before{width:24px!important;height:24px!important;vertical-align:-5px!important}

/* ===== Nivel premium: logo, marco y fondo ===== */

/* Acebo bajo el logo. No se toca el SVG del logo: va como elemento aparte
   centrado en la barra, asi nunca pisa las letras al escalar. */
.nav::after{content:"";position:absolute;left:50%;transform:translateX(-50%);
  bottom:9px;width:28px;height:16px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 30'%3E%3Cg fill='none' stroke='%23a98a4f' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M26 14c-4-5-10-7-16-6 2 2 2 4 1 6 3 0 5 1 6 3 3 1 6 0 9-3z'/%3E%3Cpath d='M30 14c4-5 10-7 16-6-2 2-2 4-1 6-3 0-5 1-6 3-3 1-6 0-9-3z'/%3E%3C/g%3E%3Ccircle cx='28' cy='19' r='2.6' fill='%237a2839'/%3E%3Ccircle cx='23' cy='22' r='2.2' fill='%237a2839'/%3E%3Ccircle cx='33' cy='22' r='2.2' fill='%237a2839'/%3E%3C/svg%3E") no-repeat center/contain}
@media(max-width:820px){ .nav::after{display:none} }

/* Marco dorado fino, como una tarjeta de felicitacion. Solo escritorio. */
@media(min-width:1024px){
  body::after{content:"";position:fixed;z-index:59;pointer-events:none;
    top:calc(var(--xbar,42px) + 12px);left:12px;right:12px;bottom:12px;
    border:1px solid rgba(169,138,79,.38)}
}

/* Textura de fondo: puntos dorados casi invisibles, dan cuerpo al crema */
body{
  background-image:
    radial-gradient(circle, rgba(169,138,79,.16) .9px, transparent 1.4px),
    radial-gradient(circle, rgba(122,40,57,.10) .8px, transparent 1.3px);
  background-size:120px 120px, 190px 160px;
  background-position:0 0, 60px 80px}
@media(min-width:1024px){ body{background-attachment:fixed} }