/* ===== Puente Venezuela — Identidad visual estilo flyers (v3) ===== */

/* Fondo tipo papel del flyer */
body{ background:
  radial-gradient(900px 360px at 50% -120px, #fff 0%, rgba(255,255,255,0) 70%),
  linear-gradient(180deg,#fbfaf6 0%, #eef1f6 100%) fixed; }

/* HERO claro estilo flyer */
.flyer-hero{position:relative;overflow:hidden;background:#fffdf7;border:1px solid #eee6d6;border-radius:20px;padding:24px 18px 26px;text-align:center;box-shadow:0 10px 30px rgba(12,43,86,.10);margin-bottom:14px}
.flyer-hero .wave-svg{position:absolute;left:-3%;right:-3%;width:106%;top:54px;height:165px;opacity:.95;z-index:1;filter:drop-shadow(0 8px 12px rgba(12,43,86,.12))}
.fh-inner{position:relative;z-index:2}
.eyebrow{font-weight:900;letter-spacing:4px;color:#16407e;font-size:.8rem;margin-bottom:2px}
.display{font-family:'Playfair Display',Georgia,serif;font-weight:900;color:#0c2b56;font-size:2.15rem;line-height:1.02;margin:4px 0 2px;text-shadow:0 2px 0 #fff,0 3px 10px rgba(255,255,255,.8)}
.display .script{font-family:'Pacifico',cursive;font-weight:400;font-size:2.6rem;line-height:1;background:linear-gradient(95deg,#f6b510 0%,#1850a8 48%,#d8362a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;padding:0 .08em;text-shadow:none}
.ribbon{position:relative;display:inline-block;background:linear-gradient(135deg,#c0291d,#d8362a);color:#fff;font-weight:800;letter-spacing:1.2px;font-size:.82rem;padding:9px 26px;border-radius:5px;margin:12px 8px 8px;box-shadow:0 5px 14px rgba(216,54,42,.32)}
.ribbon::before,.ribbon::after{content:"";position:absolute;top:50%;width:0;height:0;border:9px solid transparent}
.ribbon::before{left:-13px;border-right-color:#a52218;transform:translateY(-50%)}
.ribbon::after{right:-13px;border-left-color:#a52218;transform:translateY(-50%)}
.flyer-hero .sub{color:#3a4a63;opacity:1;font-weight:600;font-size:.96rem;max-width:560px;margin:6px auto 0}
.datechips{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.datechip{background:#fff;border:1.5px solid #e3e8ef;border-radius:999px;padding:7px 15px;font-weight:800;font-size:.85rem;color:#13386e;box-shadow:0 2px 8px rgba(12,43,86,.08)}

/* Mensaje principal */
.msg-card{background:#fff;border:1px solid #eee;border-left:5px solid #f6b510;border-radius:14px;padding:14px 16px;margin:14px 0;font-size:.95rem;color:#34455d;box-shadow:0 4px 14px rgba(12,43,86,.06);line-height:1.55}

/* Tarjetas de acción numeradas (estilo categorías del flyer) */
.flyer-card{position:relative;display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e7ecf3;border-radius:18px;padding:17px 18px;cursor:pointer;width:100%;text-align:left;box-shadow:0 4px 16px rgba(12,43,86,.07);transition:transform .16s,box-shadow .16s,border-color .16s;overflow:hidden}
.flyer-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#ffcc00,#0a37c4 50%,#d31931)}
.flyer-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(12,43,86,.15);border-color:#cdd9ea}
.flyer-card .num{position:absolute;top:8px;right:16px;font-family:'Playfair Display',serif;font-weight:900;font-size:1.7rem;line-height:1;opacity:.22}
.flyer-card .num.n-amarillo{color:#e9a200}.flyer-card .num.n-azul{color:#1850a8}.flyer-card .num.n-verde{color:#1f9d57}.flyer-card .num.n-rojo{color:#d8362a}
.flyer-card .ic{width:58px;height:58px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:#fff;margin-left:4px;box-shadow:0 6px 16px rgba(12,43,86,.18)}
.flyer-card .ic.azul{background:linear-gradient(135deg,#13386e,#2f6fd6)}
.flyer-card .ic.amarillo{background:linear-gradient(135deg,#e9a200,#ffcf3f)}
.flyer-card .ic.verde{background:linear-gradient(135deg,#178048,#27b366)}
.flyer-card .ic.rojo{background:linear-gradient(135deg,#b9261c,#e2483c)}
.flyer-card .tx{flex:1;padding-right:18px}
.flyer-card .tx .t{font-family:'Playfair Display',serif;font-weight:800;font-size:1.18rem;display:block;margin-bottom:3px;color:#0c2b56;letter-spacing:-.2px}
.flyer-card .tx .d{color:#5a6678;font-size:.9rem;line-height:1.35}

/* Franja info + tagline */
.info-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fffdf6;border:1.5px dashed #eccf85;border-radius:14px;padding:14px 16px;margin-top:14px;flex-wrap:wrap}
.info-strip strong{color:#0c2b56}
.tagline{font-family:'Pacifico',cursive;text-align:center;color:#0c2b56;font-size:1.55rem;margin-top:20px;line-height:1.1}

/* Footer con sabor flyer */
.foot .partners{letter-spacing:.3px}

@media(min-width:680px){ .display{font-size:2.5rem} .display .script{font-size:3rem} }