/* Los flyers de eventos (flyers.js): el bloque en Documentos, el panel de variables y la hoja A4
   con la marca de la serie. El editor reusa la mesa de la lista de precios (listas.css).
   Letra del manual de Cordillera: Roboto Black en títulos (interletrado −2 %) y Roboto en
   cuerpo; ya la carga index.html. El naranja de acción va solo en el aviso. */

/* ------------------------------------------------------------ en Documentos */
.fy-bloque{margin-top:22px;padding-top:16px;border-top:1px solid var(--linea)}
.fy-bloque ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.fy-alto{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.fy-alto h3{margin:0 0 2px}
.fy-alto p{margin:0}
.fy-ocasiones{margin-top:10px;padding:12px;border:1px dashed var(--linea);border-radius:10px}
.fy-ocasiones p{margin:0 0 8px}
.fy-ocasiones div{display:flex;gap:6px;flex-wrap:wrap}
.fy-vacio{margin:10px 0 0}
.fy-item{text-decoration:none}
.fy-miniatura{background:#F4EEDF;border-color:#D9CA9E;box-shadow:inset 0 -9px 0 #D9541E,inset 0 7px 0 #A57F4E}

/* --------------------------------------------------------------- el editor */
.fy-nombre-barra{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fy-panel legend{font-weight:700;font-size:13px;padding:0 4px}
.fy-panel .lp-p-sec .lp-p-textos{margin-bottom:0}
.fy-dos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fy-img-opc{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;margin:2px 0 8px}
.fy-img-opc label{display:flex;gap:6px;align-items:center;cursor:pointer;white-space:nowrap}
.fy-panel .fy-img-opc input{width:auto;margin:0;flex:none}
.fy-panel label>.sutil{font-size:11.5px}
.fy-foto-acc{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.fy-foto-acc[hidden]{display:none}
.fy-foto-acc .sutil{font-size:12px}
.fy-foto-acc label.btn{cursor:pointer}
.fy-nota{font-size:12px;margin:0 0 8px}
.fy-tjs{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.fy-tjs li{display:grid;grid-template-columns:46px 1fr;gap:6px;align-items:start}
.fy-panel .fy-emoji{text-align:center;font-size:18px!important;padding:4px 2px!important}

/* ---------------------------------------------------------------- la hoja */
.fy-hoja{--fy-k:1;position:relative;width:210mm;height:297mm;flex:none;overflow:hidden;box-sizing:border-box;
  display:flex;flex-direction:column;align-items:center;gap:calc(5mm * var(--fy-k));
  padding:calc(11mm * var(--fy-k)) 12mm 9mm;
  background:var(--fy-crema);color:var(--fy-tinta);box-shadow:0 2px 14px rgba(0,0,0,.18);
  font-family:Roboto,'Segoe UI',Arial,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
/* un marco delgado en arena, como las plantillas del kit */
.fy-hoja::before{content:'';position:absolute;inset:5mm;border:1.2pt solid var(--fy-arena);border-radius:6mm;pointer-events:none}
.fy-logo{width:calc(78mm * var(--fy-k));height:auto;flex:none}
.fy-titulo{margin:0;width:100%;text-align:center;color:var(--fy-cafe);font-weight:900;line-height:.95;
  letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:normal;flex:none}
.fy-cuando{margin:0;flex:none;display:flex;gap:3mm;align-items:center;justify-content:center;flex-wrap:wrap;max-width:100%;
  background:var(--fy-pizarra);color:#fff;border-radius:40mm;padding:calc(2.6mm * var(--fy-k)) 8mm;
  font-weight:700;font-size:calc(17pt * var(--fy-k));line-height:1.15;text-transform:uppercase;letter-spacing:.01em}
.fy-cuando i{font-style:normal;color:var(--fy-arena)}
.fy-imagen{position:relative;width:100%;flex:1 1 0;min-height:calc(55mm * var(--fy-k));border-radius:6mm;overflow:hidden;
  background:var(--fy-arena)}
.fy-imagen.con-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fy-paisaje{position:absolute;inset:0;width:100%;height:100%;display:block}
.fy-riders{position:absolute;left:5%;right:5%;bottom:21%;display:flex;justify-content:space-between;align-items:flex-end}
/* a lo ancho, para que en una imagen alta no crezcan de más ni se salgan */
.fy-riders i{display:block;width:22%;aspect-ratio:93.6/79.2;background:var(--fy-oscuro);
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center bottom;mask-position:center bottom}
.fy-riders i:nth-child(2){width:28%;margin-bottom:6%}
.fy-riders i:nth-child(3){width:19%}

.fy-tarjetas{width:100%;flex:none;display:grid;gap:4mm;grid-template-columns:repeat(3,1fr)}
.fy-tarjetas.n1{grid-template-columns:1fr}
.fy-tarjetas.n2{grid-template-columns:1fr 1fr}
.fy-tarjeta{background:#fff;border:1.2pt solid var(--fy-arena);border-top:2.4mm solid var(--fy-cafe);border-radius:4mm;
  padding:calc(4mm * var(--fy-k)) 4mm;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5mm;text-align:center}
.fy-tarjeta b{color:var(--fy-oscuro);font-weight:900;font-size:calc(14.5pt * var(--fy-k));line-height:1.12;text-transform:uppercase;letter-spacing:-.01em}
.fy-icono{font-size:calc(24pt * var(--fy-k));line-height:1}

.fy-aviso{width:100%;flex:none;box-sizing:border-box;background:var(--fy-accion);color:#fff;border-radius:5mm;
  padding:calc(3.5mm * var(--fy-k)) 8mm;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8mm}
.fy-aviso b{font-weight:900;font-size:calc(27pt * var(--fy-k));line-height:1;text-transform:uppercase;letter-spacing:-.02em}
.fy-aviso span{font-size:calc(12.5pt * var(--fy-k));font-weight:500}

.fy-pie{width:100%;flex:none;text-align:center;color:var(--fy-oscuro)}
.fy-pie p{margin:0}
.fy-pie-txt{font-weight:700;font-size:calc(13pt * var(--fy-k));line-height:1.25;margin-bottom:1.5mm!important}
.fy-red{font-size:calc(10.5pt * var(--fy-k))}
.fy-red b{color:var(--fy-cafe)}
.fy-red span{color:var(--fy-pizarra)}

/* ------------------------------------------------------------- impresión */
#impresion.fy-imp.midiendo{display:block;position:fixed;left:-10000px;top:0}
@media print{
  #impresion.fy-imp .fy-hoja{box-shadow:none;zoom:1!important}
}