/* BonoDrop v2 — interfaz mundial blanca y verde, visuales propios y acceso directo a regalos */
:root{
 --bg:#ffffff;--panel:#ffffff;--panel2:#f3faf5;--line:#e2ede5;--text:#183023;--muted:#6b7e72;
 --soft:#476353;--lime:#159b56;--blue:#64d8a5;--purple:#8975ce;--orange:#c58a3b;
 --radius:22px;--max:1230px;color-scheme:light
}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
::selection{background:#d0f7e0;color:#145536}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #149b58;outline-offset:3px}
.ambient{display:none}
.header{height:78px;position:sticky;top:0;background:#fffffff2;border-bottom:1px solid #e9f1eb;backdrop-filter:blur(18px);box-shadow:0 2px 22px #133e2210;z-index:20}
.brand{font-size:22px;letter-spacing:-.9px;color:#193b2a}
.brand-icon{background:linear-gradient(145deg,#20c776,#0d914c);color:#fff;border-radius:13px;box-shadow:0 6px 20px #0d914c22}
.brand small{color:#789487;font-size:9px;letter-spacing:1.15px}
.nav-link{color:#4a6254;font-size:13px}
.nav-link:hover,.nav-link.selected{color:#118c4e}
.nav-cta{background:#169b56;border:1px solid #169b56;color:#fff;box-shadow:0 6px 20px #159b5626;padding:11px 16px}
.nav-cta:hover{background:#0d8145}
.mobile-toggle{background:#eff9f2;border:1px solid #d4e8d9;color:#166b3f}
.skip-link{position:absolute;top:-60px;left:12px;background:#159b56;color:#fff;padding:10px 16px;border-radius:10px;z-index:50}
.skip-link:focus{top:8px}
.btn{border-radius:13px;font-size:14px;min-height:47px;gap:12px}
.btn-primary{background:#159b56;border-color:#159b56;color:#fff;box-shadow:0 10px 22px #159b5626}
.btn-primary:hover{background:#107f46;color:#fff}
.btn-ghost,.btn-outline{background:#fff;border-color:#d4e8dc;color:#1b693f}
.btn-outline:hover,.btn-ghost:hover{background:#f2faf5}
.btn-white{background:#fff;color:#166b3f}
.eyebrow{color:#129153;font-size:11px;letter-spacing:1.6px}
.live-badge{background:#fff;border:1px solid #c5ebd1;color:#178c51;padding:8px 14px;letter-spacing:1px;font-size:11px;margin-bottom:22px}
.pulse{background:#18b865;box-shadow:0 0 0 4px #c9f4d9}
.hero{min-height:unset;margin-top:25px;padding:57px 63px 52px;grid-template-columns:1.1fr .9fr;gap:45px;background:radial-gradient(circle at 95% 5%,#d2ffe0 0,transparent 49%),linear-gradient(120deg,#f3fff6 0%,#e9faf0 100%);border:1px solid #d7efde;border-radius:32px;overflow:hidden;position:relative}
.hero h1{font-size:clamp(42px,5vw,71px);letter-spacing:-2.9px;line-height:1.08;margin-bottom:19px;color:#173f28}
.gradient-text{background:linear-gradient(100deg,#10a85a,#057440);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{max-width:540px;font-size:16px;line-height:1.75;color:#557261;margin-bottom:26px}
.hero-buttons{margin-bottom:23px}
.hero-proof{color:#4d765e;font-size:12px}
.hero-proof strong{color:#215738}
.proof-icon{background:#d8f7e3;color:#159b56}
.hero-showcase{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center}
.showcase-main{position:relative;background:#fff;border:1px solid #dcefe1;padding:12px;border-radius:24px;box-shadow:0 26px 58px #246d4330;transform:rotate(4deg);width:min(100%,410px)}
.showcase-main img{display:block;width:100%;height:220px;object-fit:cover;border-radius:16px}
.showcase-copy{display:flex;align-items:center;justify-content:space-between;padding:14px 7px 4px;gap:10px}
.showcase-copy strong{font-size:15px;color:#19442a}
.showcase-copy small{font-size:11px;color:#65836f}
.showcase-glyph{font-size:24px}
.showcase-pill{position:absolute;top:10px;left:0;background:#fff;box-shadow:0 8px 24px #316a4433;border:1px solid #dbefdf;border-radius:100px;padding:11px 17px;color:#16874b;font-size:12px;font-weight:800;transform:rotate(-5deg)}
.showcase-spark{position:absolute;right:0;bottom:20px;background:#1cac62;color:#fff;border-radius:16px;padding:15px;font-size:24px;box-shadow:0 15px 32px #16995b3b;transform:rotate(-10deg)}
.metrics{background:#fff;margin-top:25px;padding:19px 16px;border:1px solid #e4ede7;border-radius:18px;gap:4px;box-shadow:0 10px 34px #17472c07}
.metrics>div{padding:4px 16px;border-right:1px solid #e4eee6}
.metrics strong{color:#118b4d;font-size:27px}
.metrics span{font-size:12px;color:#698173}
.block-section{padding-top:68px;padding-bottom:15px}
.section-head h2{font-size:34px;letter-spacing:-1.2px;color:#172e20}
.section-head p,.page-heading p{color:#667e70;font-size:13px}
.mini-tag{border:1px solid #cfebda;background:#f1fbf5;color:#21764a;font-size:11px}
.filterbar{flex-wrap:wrap;align-items:center}
.filter-tabs{gap:7px;padding:2px 1px 8px}
.filter-btn{background:#f7faf8;border-color:#e0e9e2;color:#537362;border-radius:100px;padding:10px 16px;font-weight:750}
.filter-btn:hover{border-color:#9ed5b2;color:#15834c}
.filter-btn.active{background:#159b56;border-color:#159b56;color:#fff}
.filter-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.game-select{height:43px;border:1px solid #dceae0;border-radius:12px;background:#fff;color:#254a34;padding:0 12px;max-width:200px;font-size:12px;font-weight:700}
.search-wrap{height:43px;background:#fff;border-color:#dceae0;color:#799182;min-width:225px;border-radius:12px}
.search-wrap input{color:#1b3727}
.search-wrap input::placeholder{color:#8aa093}
.rewards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.reward-card{padding:0;min-height:0;background:#fff;border:1px solid #e3ebe5;border-radius:21px;box-shadow:0 12px 32px #1a493013;overflow:hidden}
.reward-card:before{display:none}
.reward-card:hover{transform:translateY(-5px);border-color:#b6d7c1;box-shadow:0 18px 38px #12592d24}
.reward-media{position:relative;overflow:hidden;height:185px;background:#e6f8ed}
.reward-media img{display:block;width:100%;height:100%;object-fit:cover}
.reward-amount{position:absolute;right:13px;bottom:12px;background:#fffffff0;color:#207345;box-shadow:0 4px 12px #234d2b20;border-radius:9px;font-size:12px;font-weight:850;padding:6px 11px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reward-content{padding:19px 20px 20px;display:flex;flex-direction:column;flex:1}
.reward-top{align-items:center;gap:8px}
.game-chip{color:#41654e;font-size:11px}
.game-chip>span{background:#effaf1;border:1px solid #d8edde}
.reward-status{background:#edfaf2;border:1px solid #d2eedb;color:#167a45;font-size:10px}
.reward-status i{background:#1eb669}
.reward-card h3{font-size:20px;letter-spacing:-.5px;line-height:1.25;min-height:50px;margin:15px 0 9px;color:#1b3424}
.reward-description{font-size:12px;line-height:1.55;color:#688073;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}
.reward-bottom{border-top:1px solid #eaf1eb;padding-top:12px;color:#789382;font-size:11px;align-items:center}
.reward-source{max-width:100%;color:#1a8d4e;font-weight:750}
.reward-action{background:#159b56;color:#fff;border:1px solid #159b56;justify-content:center;font-size:13px;padding:12px 14px;margin-top:15px;border-radius:12px;box-shadow:0 7px 16px #159b5622}
.reward-action:hover{background:#0f8046;color:#fff}
.reward-secondary{font-size:11px;color:#63836d;text-decoration:underline;text-underline-offset:3px}
.empty-state{background:#f5fbf6;border:1px dashed #bcdeca;border-radius:20px}
.empty-state p{color:#668072}
.more-row{margin:28px 0 0}
.text-link{color:#0d9450}
.games-grid{gap:16px}
.game-tile{background:#fff;border-color:#e5eee7;border-radius:18px;min-height:94px;box-shadow:0 7px 22px #17462b09;padding:15px}
.game-tile:hover{border-color:#abd8b8;box-shadow:0 13px 32px #14462b14}
.game-tile-icon{display:block;width:60px;height:60px;padding:0;overflow:hidden;border-radius:13px;flex:none;background:#f1fbf3;border:0}
.game-tile-icon img{width:100%;height:100%;object-fit:cover}
.game-tile strong{font-size:13px;color:#263e2b}
.game-tile small{font-size:11px}
.tile-arrow{color:#169454}
.farmville-feature{display:grid;grid-template-columns:1fr 190px;align-items:center;gap:20px;background:linear-gradient(110deg,#f0fff1,#e4f8e5);border:1px solid #cdebd2;border-radius:24px;padding:26px 34px;overflow:hidden}
.farmville-feature .eyebrow{color:#147b44}
.farmville-feature h2{font-size:26px;letter-spacing:-.9px;margin:9px 0}
.farmville-feature p{color:#5d7965;font-size:13px;max-width:640px;margin-bottom:16px}
.farmville-feature img{width:190px;max-width:100%;border-radius:17px;box-shadow:0 12px 25px #267b401c;transform:rotate(7deg)}
.trust-section{background:linear-gradient(125deg,#e5fbea,#c9f5d6);color:#17412a;border:1px solid #c3edce;border-radius:24px;gap:45px;margin-top:65px}
.trust-content .eyebrow{color:#178b51}
.trust-content .muted{color:#527a62!important}
.trust-list span{color:#268853}
.trust-content p,.trust-list p{color:#507560}
.fineprint{color:#769184}
.footer{background:#f7faf7;border-top:1px solid #e0ece2;color:#1d402b}
.foot-grid p{color:#748d7a}
.foot-grid a:not(.brand){color:#536d5d}
.foot-grid a:hover{color:#108849}
.foot-bottom{border-color:#e3eee6;color:#7b9082}
.inner-page{padding-top:55px}
.page-heading h1{color:#183a25}
.info-note{background:#effbf2;border-color:#d2efda;color:#3f7851}
.warning-box{background:#fff8ec;border-color:#f0ddbb;color:#8b663d}
.breadcrumb{color:#789082}
.breadcrumb a{color:#218b50}
.game-banner{background:linear-gradient(120deg,#effcf2,#f9fffa);border:1px solid #d9eddd;border-radius:23px;padding:29px;margin-bottom:35px}
.banner-game{width:138px;height:110px;border-radius:17px;overflow:hidden;display:block;background:#eff8ed;border:0;flex:none}
.banner-game img{width:100%;height:100%;object-fit:cover}
.game-banner h1{color:#1c3a29;font-size:42px}
.game-banner p{color:#5d7968}
.guide-box,.detail-main,.detail-aside,.community-form-card,.login-card,.admin-panel,.stat-tile{background:#fff;border:1px solid #e2ede5;box-shadow:0 10px 30px #204b2b0b;border-radius:20px;color:#243f2d}
.guide-box p,.guide-box li,.detail-lead,.detail-aside p,.detail-aside li,.community-form-card>p,.login-card p,.feature-block p,.article-content,.detail-aside li{color:#65806d}
.guide-box{padding:30px}
.detail-main,.detail-aside{padding:29px}
.detail-main h1{color:#1b3827}
.detail-facts>div{background:#f6fbf7;border-color:#e4eee6}
.detail-facts span{color:#7c9181}
.detail-facts strong{color:#27442e}
.detail-reward-art{width:100%;height:245px;object-fit:cover;border-radius:17px;margin-bottom:19px}
.source-disclosure{margin-top:27px;border:1px solid #e0ece2;background:#f9fcfa;border-radius:13px;padding:13px 17px}
.source-disclosure summary{cursor:pointer;color:#27794b;font-weight:750}
.source-disclosure .source-box{padding:12px 0 0;border:0;margin:0}
.source-box p,.report-box p{color:#677e70}
.source-box a,.source-box code{color:#108a4d}
.aside-icon{font-size:70px}
.community-form label,.login-card label,.admin-panel label{color:#365743}
.community-form input,.community-form select,.community-form textarea,.login-card input,.admin-panel input,.admin-panel select,.admin-panel textarea{background:#fff;border:1px solid #d7e8dc;color:#1d3929}
.login-card h1,.community-form-card h2{color:#1a3f29}
.feature-number{background:#e0f8e7;border-color:#d1ebd8;color:#128848}
.legal-document{color:#203e2b}
.article-content h2{color:#173b27}
.admin-panel th{color:#516c5a}.admin-panel td{color:#1d3727}.admin-panel small{color:#7f9384}
.admin-tabs button{background:#f3faf5;color:#42674b;border-color:#d5e8d9}
.admin-tabs button.active{background:#159b56;border-color:#159b56;color:#fff}
.admin-panel button{background:#eef7f0;color:#255f39;border:1px solid #d2e5d6}
.admin-panel button:hover{color:#118246}
.stat-tile strong{color:#149a56}
.inline-message{color:#117e46}.muted{color:#789080!important}
.ad-boundary{color:#839987}
@media(max-width:1080px){.hero{padding:42px;gap:24px}.hero h1{font-size:56px}.rewards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.farmville-feature{grid-template-columns:1fr 145px}}
@media(max-width:760px){
 .header{height:68px}.nav-menu{background:#fff;border-color:#dcebe0;box-shadow:0 18px 35px #255c3120}
 .hero{grid-template-columns:1fr;padding:30px 25px 18px;margin-top:15px;border-radius:23px;gap:10px}
 .hero h1{font-size:clamp(37px,9vw,52px);letter-spacing:-1.9px}
 .hero-copy>p{font-size:14px;margin-bottom:18px}
 .hero-showcase{min-height:255px}
 .showcase-main{width:280px}
 .showcase-main img{height:155px}
 .showcase-pill{top:6px;left:5px}
 .showcase-spark{bottom:16px}
 .metrics{grid-template-columns:repeat(2,1fr);padding:16px}
 .metrics>div{padding:6px}.metrics>div:nth-child(2){border:0}
 .block-section{padding-top:44px}
 .filterbar{flex-direction:column;align-items:stretch}
 .filter-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .search-wrap{min-width:0;width:100%}.game-select{width:100%;min-width:0}
 .rewards-grid{grid-template-columns:1fr}
 .reward-media{height:205px}
 .games-grid,.all-games{grid-template-columns:repeat(2,minmax(0,1fr))}
 .game-tile-icon{height:52px;width:52px}
 .farmville-feature{grid-template-columns:1fr;padding:26px}
 .farmville-feature img{display:none}
 .trust-section{padding:28px}
 .game-banner{padding:20px;gap:15px}.banner-game{width:95px;height:95px}
 .game-banner h1{font-size:28px}
 .detail-reward-art{height:190px}
}
@media(max-width:420px){.filter-tools{grid-template-columns:1fr}.hero-showcase{min-height:225px}.reward-media{height:175px}.games-grid,.all-games{grid-template-columns:1fr 1fr}.game-tile{flex-direction:column;align-items:start}.game-tile strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Contraste accesible AA en etiquetas y acciones verdes de texto blanco */
.btn-primary,.reward-action,.nav-cta,.filter-btn.active{background:#0b8045;border-color:#0b8045;color:#fff}
.btn-primary:hover,.reward-action:hover,.nav-cta:hover{background:#086d3b;border-color:#086d3b;color:#fff}
.eyebrow,.nav-link:hover,.nav-link.selected,.text-link{color:#0b7a41}
.reward-status{color:#116b3e}
.reward-secondary{color:#236542}

/* Consentimiento granular para auto-publicación de enlaces comunitarios */
.community-form label.community-optin{display:flex;align-items:flex-start;gap:13px;background:#eefaf2;border:1px solid #cce9d5;padding:15px;border-radius:13px;font-weight:500;color:#365e44;line-height:1.6}
.community-form .community-optin input[type=checkbox]{appearance:auto;width:20px;min-width:20px;height:20px;margin:2px 0 0;accent-color:#0b8045}
.community-form label.community-optin span{font-size:12px}
.community-form .community-optin+p{font-size:12px;line-height:1.6;margin:-8px 0 0}

/* Lámina original por videojuego + medallón visual del recurso auténtico. */
.reward-media img.reward-game-cover{width:100%;height:100%;object-fit:cover;opacity:.83;filter:saturate(.91)}
.reward-media img.reward-type-cover{position:absolute;top:11px;right:17px;width:124px;height:124px;object-fit:contain;filter:drop-shadow(0 9px 11px #173f2829);transform:rotate(8deg);transition:transform .24s ease;pointer-events:none}
.reward-card:hover .reward-type-cover{transform:rotate(-2deg) translateY(-4px)}
.reward-media .reward-amount{z-index:2}
.detail-art-wrap{position:relative;margin-bottom:18px;overflow:hidden;border-radius:19px;background:#eef9f1}
.detail-art-wrap img.detail-reward-art{display:block;width:100%;height:245px;object-fit:cover;border-radius:19px;margin:0}
.detail-art-wrap img.detail-type-cover{position:absolute;top:18px;right:22px;width:min(38%,188px);height:auto;filter:drop-shadow(0 12px 13px #1a5a3933)}
@media(max-width:760px){.reward-media img.reward-type-cover{width:118px;height:118px}.detail-art-wrap img.detail-reward-art{height:194px}}
@media(max-width:420px){.reward-media img.reward-type-cover{width:104px;height:104px;right:10px}.detail-art-wrap img.detail-type-cover{width:35%;right:10px}}