/* =====================================================================
   Llamaradas Core · piezas compartidas por los widgets
   Usa los tokens del theme Llamaradas (colores, fuentes, forma y botones).
   ===================================================================== */

.lmrc-eyebrow-row{display:flex;gap:10px;align-items:center}
.lmrc-eyebrow-row::before{content:"";width:28px;height:2px;background:var(--accent);flex:none}
.lmrc-eyebrow{font:600 12.5px/1.2 var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}

.lmrc-display{margin:0;font:700 clamp(38px,4.8vw,60px)/1.02 var(--font-display);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.lmrc-hl{color:var(--accent-text)}
.lmrc-lede{margin:0;font-size:17.5px;line-height:1.6;color:var(--ink-2);max-width:58ch}
.lmrc-actions{display:flex;gap:12px;flex-wrap:wrap}

/* Botón de acento (complementa a los del theme) */
.btn--accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.btn--accent::before{background:var(--primary)}
.btn--accent:hover{border-color:var(--primary);color:var(--on-primary)}
[data-btn="arrow"] .btn--accent .btn__ico{background:var(--dark);color:#fff}
[data-btn="arrow"] .btn--accent:hover{color:var(--on-accent);border-color:var(--accent)}
[data-btn="arrow"] .btn--accent:hover .btn__ico{background:var(--primary);color:var(--on-primary)}

/* Tarjeta flotante sobre una imagen (máximo una por imagen) */
.lmrc-float{position:absolute;z-index:2;display:flex;gap:12px;align-items:center;min-width:170px;max-width:260px;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);font-size:13.5px;line-height:1.35;color:var(--ink-2)}
.lmrc-float .ico{width:38px;height:38px}
.lmrc-float .ico svg{width:20px;height:20px}
.lmrc-float__text{display:grid;gap:2px}
.lmrc-float__text strong{font:700 24px/1 var(--font-display);color:var(--ink)}
.lmrc-float--tl{top:10%;left:-7%}
.lmrc-float--br{bottom:10%;right:-7%}
.lmrc-float--brand{background:var(--primary);border-color:var(--primary);color:var(--on-dark-2);box-shadow:0 16px 36px rgb(var(--primary-rgb) / .3)}
.lmrc-float--brand .lmrc-float__text strong{color:var(--on-primary)}
.lmrc-float--brand .ico{background:var(--accent);color:var(--on-accent)}

/* Fotos */
.lmrc-photo{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--surface)}
.lmrc-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--focal-x,50%) center}
.lmrc-photo--1-1{aspect-ratio:1/1}
.lmrc-photo--4-5{aspect-ratio:4/5}
.lmrc-photo--4-3{aspect-ratio:4/3}

/* Aviso visible solo para editores cuando un widget falla */
.lmrc-error{padding:14px 18px;margin:12px;border:2px solid #d63638;background:#fcf0f1;color:#8a1f1f;font:14px/1.5 system-ui,sans-serif}

@media (max-width:900px){
  .lmrc-float{position:static;box-shadow:none;max-width:none;margin-top:14px}
}

/* Botón con borde claro, para fondos oscuros */
.btn--outline-light{border-color:rgb(255 255 255 / .4);color:#fff;background:transparent}
.btn--outline-light::before{background:#fff}
.btn--outline-light:hover{color:var(--primary);border-color:#fff}
[data-btn="arrow"] .btn--outline-light .btn__ico{background:#fff;color:var(--primary)}
[data-btn="arrow"] .btn--outline-light:hover{color:#fff;border-color:#fff}
[data-btn="arrow"] .btn--outline-light:hover .btn__ico{background:var(--accent);color:var(--on-accent)}