/* sdv-complete.css - modern visual styles */
.sdv-complete{font-family:Inter,system-ui,Arial,sans-serif;color:#111;max-width:1200px;margin:18px auto;padding:20px}
.sc-header{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-bottom:18px}
.sc-brand{display:flex;align-items:center;gap:12px}
.sc-logo{width:86px;height:auto;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,0.08)}
.sc-name{font-weight:900;font-size:20px;color:#003D00;margin:0}
.sc-meta{color:#666;font-size:13px}

/* nav */
.sc-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.sc-tab{padding:8px 14px;border-radius:999px;background:#f1f1f1;border:none;cursor:pointer;font-weight:700}
.sc-tab.active{background:linear-gradient(90deg,#ffd24d,#ffc300);color:#003D00;box-shadow:0 10px 30px rgba(255,195,0,0.12)}

/* main layout panels */
.sc-main{background:#fff;border-radius:14px;padding:18px;box-shadow:0 10px 40px rgba(0,0,0,0.04)}
.sc-panel{display:none}
.sc-panel.active{display:block}

/* timeline */
.sc-timeline{position:relative;margin:12px 0;padding-left:28px;border-left:4px solid #003D00}
.tl-item{position:relative;margin-bottom:20px;display:flex;gap:12px;align-items:flex-start}
.tl-item .tl-dot{width:14px;height:14px;border-radius:50%;background:#003D00;position:relative;left:-34px;top:6px;box-shadow:0 4px 12px rgba(0,0,0,0.06)}
.tl-year{font-weight:800;color:#003D00;min-width:100px}
.tl-title{margin:0;font-size:18px}
.tl-excerpt{color:#666}

/* palmarés cards */
.sc-pal-tabs{display:flex;gap:8px;margin-bottom:12px}
.sc-pal-tab{padding:8px 12px;border-radius:8px;background:#f3f3f3;border:none;cursor:pointer;font-weight:700}
.sc-pal-tab.active{background:#003D00;color:#fff;box-shadow:0 8px 20px rgba(0,0,0,0.06)}
.sc-pal-wrap{display:flex;gap:12px;flex-direction:column}
.pal-card{display:flex;gap:14px;align-items:center;padding:14px;border-radius:12px;border-left:6px solid #003D00;background:linear-gradient(180deg,#fff,#fbfbfb);box-shadow:0 8px 22px rgba(0,0,0,0.04)}

/* grid & cards */
.sc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.pena-card,img{width:100%}
.pena-card img{width:100%;border-radius:10px;object-fit:contain;padding:8px;background:#fff}

/* staff */
.sc-staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(208px,1fr));gap:16px}
.staff-card{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,0.04);overflow:hidden;text-align:center;padding:10px;box-shadow:0 8px 20px rgba(0,0,0,0.04)}
.staff-photo{width:208px;height:365px;background-size:cover;background-position:center;border-radius:8px;margin:0 auto 8px}

/* modal */
.sc-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(2,6,23,0.6);z-index:99999}
.sc-modal-inner{background:#fff;padding:18px;border-radius:12px;max-width:920px;width:94%;max-height:86vh;overflow:auto}
.sc-btn{padding:8px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:700}
.sc-btn-primary{background:#003D00;color:#fff}
.sc-btn-ghost{background:transparent;border:2px solid #003D00;color:#003D00}