/* LA CASA CON OFICIO (dueño, 28/09/2026).
   «La sencillez con la que Blyts muestra las cartas, los menús, los colores… eso quiero alcanzar; pero que la gente
   no diga: es igual al Truco de Blyts. Con nuestro sello.» De Blyts se toma la SENCILLEZ: pocas cosas por pantalla,
   una acción grande, pocos colores. La piel es nuestra: cuero con costura, filete porteño fino y los colores del
   filete, uno por mundo (Escoba verde, Truco rojo, Siete y medio dorado, Tute azul, Chinchón naranja).

   Antes, cada mundo que no era la Escoba se disfrazaba entero (marcos pintados pesados, paneles de color plano,
   las ventanas y la Gira recoloreadas) y apagaba el motor de materiales: por eso se veían «agregados». Ahora es UNA
   casa: el mismo cuero, el mismo motor, los mismos accesos; cambia la escena, el emblema y el color del mundo.
   Bocetos aprobados en ~/Desktop/chorizo-capturas-casa-2026-09-28/propuesta-oficio/. */

/* Las voces de la casa, servidas por el propio sitio (OFL, Huerta Tipográfica). */
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('/fuentes/alegreya-sans-500-latin-v1.woff2?v=1') format('woff2'); }
@font-face { font-family: 'Alegreya Sans'; font-style: normal; font-weight: 800; font-display: swap;
  src: url('/fuentes/alegreya-sans-800-latin-v1.woff2?v=1') format('woff2'); }
@font-face { font-family: 'Alegreya'; font-style: italic; font-weight: 700; font-display: swap;
  src: url('/fuentes/alegreya-italic-700-latin-v1.woff2?v=1') format('woff2'); }

/* El color de cada mundo: claro, hondo y el canto de abajo (la sombra dura del botón), y la tinta que va encima. */
body { --mundo-a:#2f9a68; --mundo-b:#1d6a45; --mundo-c:#0e3b25; --mundo-tinta:#fff5e0;
  --casa-voz:'Alegreya Sans','Alegreya',system-ui,sans-serif; --casa-crema:#f5e8cc; --casa-crema-2:#cfbf9f; --casa-oro:#d8ae5e; }
body[data-casa-skin=truco]    { --mundo-a:#cf3a3f; --mundo-b:#9c1c24; --mundo-c:#5c0f15; }
body[data-casa-skin=siete]    { --mundo-a:#ecc466; --mundo-b:#b98a30; --mundo-c:#6a4a12; --mundo-tinta:#2a1705; }
body[data-casa-skin=tute]     { --mundo-a:#3f78c2; --mundo-b:#244f8e; --mundo-c:#122c52; }
body[data-casa-skin=chinchon] { --mundo-a:#f08a3a; --mundo-b:#c45a18; --mundo-c:#6e2f08; }

#homeExplorarTitulo { display:none !important; }

/* ── La barra de arriba: cuero bordó con su costura ── */
body.estilo-clasico #menu .hudtop {
  background:linear-gradient(#0000,#0007),url('/tema/casa-del-15/materiales/cuero-bordo-v1.webp') center/260px !important;
  box-shadow:0 3px 10px #000b !important; border:0 !important;
}
body.estilo-clasico #menu .hudtop::after {
  content:''; position:absolute; left:6px; right:6px; bottom:5px; border-bottom:1.5px dashed #e9cf9a80; pointer-events:none;
}

/* ── La escena: el lugar en penumbra, para que el emblema respire ── */
body.estilo-clasico #menu #casaAmbientes .casa-ambiente img { filter:saturate(.8) brightness(.46); }
body.estilo-clasico #menu:not([data-casa-sala="escoba"]) #casaAmbientes .casa-ambiente::after {
  background:radial-gradient(120% 78% at 50% 32%,transparent 30%,#100b0a 94%),linear-gradient(180deg,transparent 58%,#100b0a);
}
body.estilo-clasico #menu:not([data-casa-sala="escoba"]) .casa-marco { height:clamp(252px,36vh,336px); }
body.estilo-clasico #menu:not([data-casa-sala="escoba"]) .casa-nombre { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
/* El nombre del lugar, en itálica, como se escribe un cartel pintado a mano. */
body.estilo-clasico #menu .logo15.casa-viaje .promesa {
  display:block; margin:6px auto 0 !important; padding:0; background:none; border:0; border-radius:0;
  color:var(--casa-crema) !important; font:italic 700 21px/1.3 'Alegreya',Georgia,serif !important;
  letter-spacing:.01em !important; text-shadow:0 2px 8px #000, 0 1px 1px #000 !important;
}
/* Las flechas: un botón redondo y quieto, que no le discuta al emblema. */
body.estilo-clasico #menu .casa-flecha {
  width:44px !important; height:44px !important; min-width:44px; padding:0 !important; top:calc(50% - 22px) !important;
  border:1.5px solid #d8ae5e66 !important; border-radius:50% !important; background:#100b0ab8 !important;
  box-shadow:0 4px 12px #0008 !important; color:var(--casa-crema) !important;
}
body.estilo-clasico #menu .casa-flecha::before, body.estilo-clasico #menu .casa-flecha::after { content:none !important; }
body.estilo-clasico #menu .casa-flecha svg { width:22px !important; height:22px !important; stroke-width:2.6 !important; }
/* Las paradas: rombos del filete, no puntitos. */
body.estilo-clasico #menu .casa-paradas { width:fit-content; margin:10px auto 0; padding:0; background:none !important; border:0 !important; }
body.estilo-clasico #menu .casa-paradas .casa-punto { width:9px; height:9px; border:0; border-radius:1px; background:#5a4630; transform:rotate(45deg); box-shadow:none; transition:background .25s, transform .25s; }
body.estilo-clasico #menu .casa-paradas [aria-current="true"] .casa-punto { background:var(--casa-oro); transform:rotate(45deg) scale(1.25); box-shadow:0 0 8px #d8ae5e80; }

/* ── El acceso de cada juego: un solo botón grande, del color del mundo, cosido ── */
body.estilo-clasico #menu .casa-acceso {
  position:relative; z-index:1; grid-column:1 / -1; order:1; min-width:0; width:100%;
  padding:0; border:0; border-radius:0; background:none; box-shadow:none;
}
body.estilo-clasico #menu .casa-acceso[hidden] { display:none !important; }
/* El emblema ya dice el nombre del juego: el título queda para quien lee con lector de pantalla. */
body.estilo-clasico #menu .casa-acceso-titulo { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); margin:0; }
body.estilo-clasico #menu .casa-acceso-estado { margin:0 0 12px; text-align:center; color:var(--casa-crema-2); font:500 16px/1.35 var(--casa-voz); }
body.estilo-clasico #menu .casa-acceso .casa-jugar {
  position:relative; display:block; width:100%; max-width:none; min-height:66px; margin:0;
  border:0 !important; border-radius:14px !important;
  background:linear-gradient(var(--mundo-a),var(--mundo-b)) !important; color:var(--mundo-tinta) !important;
  font:800 25px/1 var(--casa-voz) !important; letter-spacing:.03em !important; text-transform:none !important;
  text-shadow:0 1px 0 #0006 !important;
  box-shadow:inset 0 1px 0 #ffffff45,0 4px 0 var(--mundo-c),0 10px 20px #0008 !important;
  transition:transform .12s, box-shadow .12s;
}
body[data-casa-skin=siete].estilo-clasico #menu .casa-acceso .casa-jugar:not(.casa-seguir) { text-shadow:0 1px 0 #fff5 !important; }
body.estilo-clasico #menu .casa-acceso .casa-jugar::before {
  content:''; position:absolute; inset:6px; border:1.5px dashed #ffe7b680; border-radius:9px; pointer-events:none; background:none;
}
body[data-casa-skin=siete].estilo-clasico #menu .casa-acceso .casa-jugar:not(.casa-seguir)::before { border-color:#4a2d0a70; }
body.estilo-clasico #menu .casa-acceso .casa-jugar:active { transform:translateY(3px); box-shadow:inset 0 1px 0 #ffffff45,0 1px 0 var(--mundo-c),0 4px 10px #0008 !important; }
body.estilo-clasico #menu .casa-acceso .casa-jugar:focus-visible { outline:3px solid #fff0b8; outline-offset:4px; }
/* Seguir la partida: oro, como en la Escoba (una partida abierta siempre es de oro), con el nombre del rival. */
body.estilo-clasico #menu .casa-acceso .casa-seguir {
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-height:64px; margin:0 0 12px;
  padding:8px 16px; background:linear-gradient(#f5dfa4,#c49a52) !important; color:#2a1a08 !important;
  font:800 21px/1.1 var(--casa-voz) !important; text-shadow:0 1px 0 #fff6 !important;
  box-shadow:inset 0 1px 0 #fff8,0 4px 0 #6b4a17,0 10px 20px #0008 !important;
}
body.estilo-clasico #menu .casa-acceso .casa-seguir::before { border-color:#5a3d1470; }
body.estilo-clasico #menu .casa-acceso .casa-seguir[hidden] { display:none !important; }
body.estilo-clasico #menu .casa-acceso .casa-seguir small { font:500 15px/1.2 var(--casa-voz); opacity:.85; }

/* Fuera de la Escoba no se ofrecen sus mandos (dueño, 28/09): cada sala juega lo suyo desde su acceso. */
body.estilo-clasico #menu[data-casa-sala]:not([data-casa-sala="escoba"]) :is(#menuResume,.jugarfila,.modosfila,#casaEscobaContexto) { display:none !important; }

/* ── Cómo se juega: una fila tranquila, no una tarjeta de otro color ── */
body.estilo-clasico #menu #menuAprender {
  background:linear-gradient(#ffffff08,transparent),#1b1210 !important; border:1px solid #d8ae5e40 !important;
  border-radius:14px !important; box-shadow:0 4px 12px #0006 !important; color:var(--casa-crema) !important;
}
body.estilo-clasico #menu #menuAprender::before, body.estilo-clasico #menu #menuAprender::after { content:none !important; }
body.estilo-clasico #menu #menuAprender b { font:800 19px/1.2 var(--casa-voz) !important; color:var(--casa-crema) !important; text-transform:none !important; letter-spacing:0 !important; }
body.estilo-clasico #menu #menuAprender small { font:500 15px/1.3 var(--casa-voz) !important; color:var(--casa-crema-2) !important; }
body.estilo-clasico #menu #menuAprender > svg { color:var(--casa-oro) !important; stroke:var(--casa-oro) !important; }

/* ── Los accesos de la casa: la pintura a sangre, volutas del filete y una cinta de color ── */
body.estilo-clasico #menu #homeDestinos > .menutile::before {
  content:'' !important; inset:7px !important; border:0 !important; border-radius:0 !important; box-shadow:none !important;
  background:url('/tema/casa-del-15/voluta-v1.svg?v=1') left top / 26px no-repeat,
             url('/tema/casa-del-15/voluta-der-v1.svg?v=1') right top / 26px no-repeat !important;
  opacity:.9; pointer-events:none;
}
body.estilo-clasico #menu #homeDestinos > .menutile::after {
  content:'' !important; position:absolute; left:0; right:0; bottom:0; height:4px; background:var(--cinta,var(--casa-oro));
  border-radius:0 0 inherit inherit; pointer-events:none; opacity:1 !important; inset:auto 0 0 0 !important;
}
body.estilo-clasico #menu #tileGira    { --cinta:#2f9a68; }
body.estilo-clasico #menu #tileTienda  { --cinta:#cf3a3f; }
body.estilo-clasico #menu #tileAmigos  { --cinta:#3f78c2; }
body.estilo-clasico #menu #tileRanking { --cinta:#d8ae5e; }
body.estilo-clasico #menu #tilePerfil  { --cinta:#f08a3a; }
body.estilo-clasico #menu #homeDestinos > .menutile .tname { font:800 23px/1.15 var(--casa-voz) !important; letter-spacing:.01em !important; }
body.estilo-clasico #menu #homeDestinos > .menutile .tsub { font:500 15px/1.3 var(--casa-voz) !important; }

/* ── Los títulos de sección: itálica dorada entre dos flores del filete ── */
body.estilo-clasico #menu #homePremiosTitulo { display:flex !important; flex-direction:column; align-items:center; gap:4px; text-align:center; }
body.estilo-clasico #menu #homePremiosTitulo h2 {
  display:flex; align-items:center; justify-content:center; gap:12px; width:100%; white-space:nowrap;
  font:italic 700 24px/1.2 'Alegreya',Georgia,serif !important; color:var(--casa-oro) !important; letter-spacing:0 !important;
}
body.estilo-clasico #menu #homePremiosTitulo h2::before, body.estilo-clasico #menu #homePremiosTitulo h2::after {
  content:''; flex:0 1 72px; height:14px; background:url('/tema/casa-del-15/filete-flor.svg?v=1') center / contain no-repeat;
}
body.estilo-clasico #menu #homePremiosTitulo h2::before { transform:scaleX(-1); }
body.estilo-clasico #menu #homePremiosTitulo span { font:500 15px/1.3 var(--casa-voz) !important; color:var(--casa-crema-2) !important; }

@media (min-width:960px) {
  body.estilo-clasico #menu:not([data-casa-sala="escoba"]) .logo15.casa-viaje { align-self:start !important; margin-top:8px !important; }
  body.estilo-clasico #menu:not([data-casa-sala="escoba"]) #casaAmbientes .casa-ambiente::after {
    background:radial-gradient(60% 70% at 26% 34%,transparent 25%,#100b0acc 90%),linear-gradient(180deg,transparent 55%,#100b0a);
  }
  body.estilo-clasico #menu:not([data-casa-sala="escoba"]) .casa-marco { height:clamp(330px,32vw,420px); }
  body.estilo-clasico #menu .casa-acceso { grid-column:2; align-self:center; }
}
@media (forced-colors:active) {
  body.estilo-clasico #menu :is(.casa-acceso .casa-jugar,#menuAprender,.hudtop) { background:ButtonFace !important; color:ButtonText !important; border:1px solid ButtonText !important; }
  body.estilo-clasico #menu .logo15.casa-viaje .promesa { color:CanvasText !important; }
}

/* ── Una sola voz en toda la portada: Alegreya Sans (la hermana sin remate de la Alegreya de siempre) ── */
body.estilo-clasico #menu { --ui-font:var(--casa-voz); --ui-display:var(--casa-voz); --f-display:var(--casa-voz); --f-texto:var(--casa-voz); }
body.estilo-clasico #menu :is(#menuResume,#menuPlay,.modosfila .modo b,.modosfila .modo small,.casa-escoba-contexto) {
  font-family:var(--casa-voz) !important; text-transform:none !important; letter-spacing:.01em !important;
}
body.estilo-clasico #menu :is(#menuResume,#menuPlay) { font-weight:800 !important; font-size:22px !important; }
body.estilo-clasico #menu .modosfila .modo b { font-weight:800 !important; font-size:19px !important; }
body.estilo-clasico #menu .modosfila .modo small { font-weight:500 !important; font-size:15px !important; }
/* El engranaje de la mesa es parte del botón de jugar: el mismo verde, no un naranja suelto. */
body.estilo-clasico #menu .jugarfila > #menuConfig#menuConfig.ajustarmesa.ajustarmesa.ajustarmesa { border-color:#ffffff40 !important; box-shadow:inset 0 1px 0 #ffffff45,0 4px 0 var(--mundo-c) !important; background:linear-gradient(var(--mundo-a),var(--mundo-b)) !important; color:var(--mundo-tinta) !important; }
/* «Hoy te falta / Si volvés mañana»: el mismo cuero que las demás tarjetas (el grafito se retiró de la casa el 27/09). */
body.estilo-clasico #menu #mananaCard { background:linear-gradient(145deg,#4c2c1c,#2c1a11) !important; }
body.estilo-clasico #menu.materiales #mananaCard { background:none !important; }
/* Teléfonos bajos (360×640): el lugar y las paradas se achican para que Jugar entre entero en la primera pantalla. */
@media (max-height:700px) {
  body.estilo-clasico #menu .logo15.casa-viaje .promesa { font-size:18px !important; margin-top:2px !important; }
  body.estilo-clasico #menu .casa-paradas { margin-top:4px; }
}