.rsor-pepo{position:relative;overflow:hidden;background:#1a3a2a;color:#f5f0e8;border-radius:10px;max-width:760px;margin:24px auto;padding:46px 26px 30px;text-align:center;font-family:'DM Sans',system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.25)}

/* Marco doble */
.rsor-pepo::before,.rsor-pepo::after{content:'';position:absolute;pointer-events:none;border-radius:6px}
.rsor-pepo::before{inset:10px;border:2px solid rgba(200,168,75,.35)}
.rsor-pepo::after{inset:16px;border:1px solid rgba(200,168,75,.22)}

/* Decoración: barras diagonales redondeadas + burbujas */
.rsor-pepo-bg{position:absolute;inset:0;pointer-events:none;background-image:
	radial-gradient(circle 5px at 12% 22%, rgba(255,255,255,.10) 98%, transparent),
	radial-gradient(circle 3px at 18% 30%, rgba(255,255,255,.08) 98%, transparent),
	radial-gradient(circle 6px at 85% 14%, rgba(255,255,255,.07) 98%, transparent),
	radial-gradient(circle 4px at 90% 60%, rgba(255,255,255,.08) 98%, transparent),
	radial-gradient(circle 5px at 8% 78%, rgba(255,255,255,.07) 98%, transparent)}
.rsor-pepo-bg::before,.rsor-pepo-bg::after{content:'';position:absolute;width:520px;height:56px;border-radius:56px;transform:rotate(-35deg)}
.rsor-pepo-bg::before{top:6%;left:-14%;background:rgba(255,255,255,.05);box-shadow:180px 300px 0 rgba(0,0,0,.14),420px 620px 0 rgba(255,255,255,.04)}
.rsor-pepo-bg::after{bottom:4%;right:-16%;background:rgba(0,0,0,.16);box-shadow:-260px -420px 0 rgba(255,255,255,.045)}
.rsor-pepo-in{position:relative;z-index:1}

/* Logo exportado de Canva (attr logo="") */
.rsor-pepo-logo{display:block;max-width:min(78%,460px);height:auto;margin:0 auto 14px}

/* Fondo exportado de Canva (attr fondo="") */
.rsor-pepo-conimg{background-size:cover;background-position:center}
.rsor-pepo-conimg .rsor-pepo-bg{display:none}
.rsor-pepo-conimg::before,.rsor-pepo-conimg::after{display:none}

/* Título estilo lotería */
.rsor-pepo-titulo{font-family:'Lilita One',system-ui,sans-serif;text-transform:uppercase;line-height:.9;margin-bottom:18px}
.rsor-pepo-el{display:block;font-size:44px;color:#f7c548;-webkit-text-stroke:1.5px #a92c1e;text-shadow:0 4px 0 rgba(0,0,0,.28)}
.rsor-pepo-pep{display:block;font-size:66px;color:#f7c548;-webkit-text-stroke:2px #a92c1e;text-shadow:0 5px 0 rgba(0,0,0,.3);letter-spacing:1px}

.rsor-pepo-nombre{font-family:'Oswald',sans-serif;font-weight:600;font-size:26px;letter-spacing:4px;text-transform:uppercase;color:#cfd8cf;margin:4px 0 2px}
.rsor-pepo-desc{font-family:'Oswald',sans-serif;font-weight:500;font-size:18px;letter-spacing:3px;text-transform:uppercase;color:#aebbae;margin:0 0 16px}

/* Countdown */
.rsor-pepo-cd-label{font-size:15px;letter-spacing:4px;text-transform:uppercase;color:#cfd8cf;margin-bottom:12px}
.rsor-pepo-cd{display:flex;justify-content:center;gap:16px;margin-bottom:26px}
.rsor-pepo-cd span{background:rgba(255,255,255,.05);border:1px solid rgba(200,168,75,.45);border-radius:14px;min-width:92px;padding:16px 8px;display:flex;flex-direction:column}
.rsor-pepo-cd b{font-family:'Oswald',sans-serif;font-weight:600;font-size:44px;line-height:1;color:#e3b64f}
.rsor-pepo-cd i{font-style:normal;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#cfd8cf;margin-top:8px}

/* Cabeceras de sección */
.rsor-pepo-h{font-family:'Oswald',sans-serif;font-weight:600;font-size:30px;letter-spacing:3px;text-transform:uppercase;color:#c9d3c9;text-shadow:0 2px 0 rgba(0,0,0,.35);margin:8px 0 14px}

/* Pescadores apuntados */
.rsor-pepo-nbox{display:inline-block;min-width:120px;padding:24px 26px;border:1px solid rgba(200,168,75,.5);border-radius:16px;background:rgba(255,255,255,.045);margin-bottom:26px}
.rsor-pepo-n{font-family:'Lilita One',system-ui,sans-serif;font-size:42px;color:#e3b64f;-webkit-text-stroke:1px #a92c1e}

/* Bombo Nº ganador */
.rsor-pepo-bombo{display:flex;justify-content:center;gap:14px}
.rsor-pepo-reel{width:70px;height:100px;overflow:hidden;border-radius:14px;background:linear-gradient(180deg,#0d241a 0%,#153420 50%,#0d241a 100%);border:1.5px solid #c8a84b;box-shadow:inset 0 10px 16px rgba(0,0,0,.5),inset 0 -10px 16px rgba(0,0,0,.5)}
.rsor-pepo-strip{display:flex;flex-direction:column;will-change:transform}
.rsor-pepo-strip span{height:100px;line-height:100px;font-family:'Lilita One',system-ui,sans-serif;font-size:56px;color:#e3b64f;text-shadow:0 2px 6px rgba(0,0,0,.5)}
.rsor-pepo-reel.girando .rsor-pepo-strip{animation:rsorPepoSpin .28s linear infinite}
@keyframes rsorPepoSpin{from{transform:translateY(0)}to{transform:translateY(-1000px)}}
.rsor-pepo-reel.parando .rsor-pepo-strip{transition:transform 2.2s cubic-bezier(.15,.85,.25,1.02)}

.rsor-pepo-estado{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:#aebbae;margin:12px 0 4px;min-height:1.4em}
.rsor-pepo-ganador{background:#e3b64f;color:#1a3a2a;border-radius:14px;padding:16px;margin:12px auto 4px;max-width:480px;font-family:'Oswald',sans-serif;font-size:1.35em;animation:rsorPepoPop .5s ease}
@keyframes rsorPepoPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}

/* Pie */
.rsor-pepo-meta{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-family:'Oswald',sans-serif;font-weight:500;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#cfd8cf;margin:20px 0 6px}
.rsor-pepo-como{font-family:'Oswald',sans-serif;font-weight:500;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#c9d3c9;margin:0 0 14px}
.rsor-pepo-verif{font-size:11.5px;color:#8fa08f;max-width:620px;margin:0 auto 12px}
.rsor-pepo-bases{display:inline-block;font-family:'Lilita One',system-ui,sans-serif;font-size:15px;letter-spacing:1px;color:#e3b64f;text-decoration:underline}

/* ---------- Responsivo ---------- */
@media(max-width:560px){
	.rsor-pepo{padding:36px 14px 24px;border-radius:8px}
	.rsor-pepo-el{font-size:32px}
	.rsor-pepo-pep{font-size:44px;-webkit-text-stroke:1.5px #a92c1e}
	.rsor-pepo-nombre{font-size:20px;letter-spacing:2px}
	.rsor-pepo-desc{font-size:14px;letter-spacing:2px}
	.rsor-pepo-cd{gap:8px}
	.rsor-pepo-cd span{min-width:0;flex:1;max-width:86px;padding:12px 4px;border-radius:10px}
	.rsor-pepo-cd b{font-size:30px}
	.rsor-pepo-cd i{font-size:10px}
	.rsor-pepo-h{font-size:22px}
	.rsor-pepo-n{font-size:32px}
	.rsor-pepo-reel{width:54px;height:78px;border-radius:10px}
	.rsor-pepo-strip span{height:78px;line-height:78px;font-size:42px}
	@keyframes rsorPepoSpin{from{transform:translateY(0)}to{transform:translateY(-780px)}}
	.rsor-pepo-meta{gap:6px;flex-direction:column;font-size:13px}
	.rsor-pepo-como{font-size:12.5px}
}

@media(max-width:560px){.rsor-pepo-logo{max-width:88%;margin-bottom:8px}}