/* Connect One 9.3 - isolated public view; administration retains original styles */
:root{--co-navy:#0c2459;--co-blue:#0879f8;--co-border:#e6edf8;--co-muted:#607598}body:has(.co-app){font-family:Inter,"Segoe UI",Arial,sans-serif;background:#eef4fc;color:var(--co-navy)}body:has(.co-app)>header,body:has(.co-app)>.foot{display:none}body:has(.co-app)>main{max-width:1440px;margin:0 auto;padding:18px 22px 28px}.co-app{border:1px solid #e3eaf7;border-radius:20px;background:linear-gradient(140deg,#f7faff,#eaf1fc);box-shadow:0 15px 45px #254f861b;overflow:hidden}.co-app *{box-sizing:border-box}.co-app a{text-decoration:none}.co-topbar{height:65px;background:#fffffff5;display:flex;align-items:center;justify-content:space-between;padding:0 31px}.co-brand{display:flex;align-items:center;gap:15px;color:#0b255a}.co-brand strong{font-size:21px;letter-spacing:-.6px}.co-brand span{border-left:1px solid #dbe3f0;padding-left:15px;font-size:10px;letter-spacing:1.7px;color:#667e9e}.co-desktop-nav{display:flex;gap:26px;height:100%;align-items:center}.co-desktop-nav a{font-size:12px;font-weight:700;color:#223d6d;height:100%;display:flex;align-items:center;gap:6px}.co-desktop-nav a span{font-size:19px;color:#1a70e3}.co-desktop-nav a.active{border-bottom:3px solid #1682ff;color:#1476f1}.co-menu-mobile{display:none}.co-hero{position:relative;min-height:244px;padding:25px 38px;background:linear-gradient(100deg,#f8fbff 0%,#e9f3ff 43%,#93b8e5 69%,#063a7a 100%);overflow:hidden}.co-hero-copy{position:relative;z-index:2;max-width:720px}.co-hero h1{font-size:clamp(35px,4vw,56px);letter-spacing:-2px;line-height:1.07;margin:6px 0 7px;color:#09245a}.co-hero h1 span{background:linear-gradient(90deg,#147bff,#0ab978);-webkit-background-clip:text;background-clip:text;color:transparent}.co-hero p{color:#53729f;font-size:clamp(14px,1.45vw,19px);margin:0 0 20px}.co-hero-features{display:flex;gap:25px}.co-hero-features>div{display:flex;align-items:center;gap:8px;font-size:11px;color:#254779;line-height:1.3}.co-feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e0efff;color:#006be8;font-size:20px;flex:none}.co-hero-art{position:absolute;inset:0 0 0 auto;width:45%;overflow:hidden;background:radial-gradient(circle at 70% 50%,#1475d880,transparent 64%)}.co-hero-art img{position:absolute;height:116%;width:auto;max-width:none;right:25%;bottom:-18%;object-fit:contain;filter:drop-shadow(0 8px 15px #06275c77)}.co-orbit{position:absolute;border:1px solid #a8f1ffb0;border-radius:50%;width:110%;height:75%;left:-12%;top:5%;transform:rotate(23deg)}.co-orbit-b{transform:rotate(-23deg);top:28%;left:-8%}.co-star-card{position:absolute;right:4%;top:34%;display:flex;align-items:center;gap:10px;border-radius:22px;background:#fff;padding:14px 15px;box-shadow:0 7px 25px #12396822}.co-star-card>span{font-size:26px}.co-star-card small{font-size:10px;color:#1b376c;font-weight:700}.co-filters{position:relative;z-index:3;display:grid;grid-template-columns:1.1fr 1.1fr auto auto;align-items:end;gap:15px;margin:-1px 24px 10px;padding:19px 22px;background:#fff;border-radius:17px;box-shadow:0 6px 22px #17447b0b}.co-filter label{font-size:12px;font-weight:800;margin-bottom:7px;color:#102b60}.co-filter select{height:45px;border:1px solid #d8e3f3;background:#f8fbff;border-radius:9px;font-size:13px;color:#143568;padding:0 13px}.co-update{display:flex;flex-direction:column;gap:5px;padding-bottom:5px;min-width:145px}.co-update strong{font-size:11px;color:#2369b5}.co-update span{font-size:11px;color:#6b80a1}.co-apply{height:45px;padding:0 16px;border-radius:9px;background:#0b79ed;color:#fff;font-size:12px}.co-demo-banner{display:flex;gap:10px;align-items:center;margin:0 25px 12px;padding:9px 14px;border:1px solid #f3dca6;background:#fffaf0;border-radius:10px;color:#775517;font-size:11px}.co-demo-banner strong{white-space:nowrap;color:#9b6500}.co-dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:13px;margin:0 24px}.co-card{border-radius:16px;background:#fff;border:1px solid #e9eef8;box-shadow:0 6px 24px #2a548b0b;padding:19px}.co-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.co-section-title h2{display:flex;align-items:center;gap:7px;font-size:18px;margin:0;color:#10285c;letter-spacing:-.3px}.co-title-icon{font-size:21px}.co-section-title>a{font-size:11px;color:#0877f0;font-weight:700}.co-chip{background:#e8f2ff;border-radius:25px;padding:7px 12px;color:#1671e3;font-size:11px;font-weight:700;max-width:45%;text-align:center}.co-bars-icon{color:#0b76ed;font-size:20px;letter-spacing:-5px;margin-right:8px}.co-podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:8px;min-height:385px}.co-winner{display:flex;flex-direction:column;align-items:center;justify-content:end;text-align:center;position:relative;min-width:0}.co-crown{font-size:31px;height:40px;filter:drop-shadow(0 3px 4px #e1a11c55)}.co-crown-space{opacity:0}.co-laurel{font-size:40px;color:#f3d378;position:absolute;top:58px;right:0;opacity:.48}.co-winner-2 .co-laurel{color:#a6c3e5}.co-winner-3 .co-laurel{color:#f0c7ac}.co-person-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#f7faff;border:3px solid #a2b9da;box-shadow:0 4px 15px #0d356524}.co-person-icon svg{width:100%;height:100%}.co-winner-1 .co-person-icon{width:88px;height:88px;border-color:#f3bb24}.co-winner-3 .co-person-icon{border-color:#d28b59}.co-medal{border-radius:100px;margin-top:-14px;position:relative;z-index:1;padding:7px 10px;background:linear-gradient(135deg,#a9b9d3,#6b83aa);color:#fff;font-size:13px;font-weight:900;box-shadow:0 2px 7px #28497b33}.co-medal-1{background:linear-gradient(135deg,#ffde48,#e6a600)}.co-medal-3{background:linear-gradient(135deg,#f0b781,#c66d35)}.co-winner strong{font-size:13px;margin:10px 0 4px;overflow-wrap:anywhere}.co-points{font-size:29px;font-weight:900;line-height:1.1;color:#0a255a}.co-winner small{font-size:11px;color:#61779a}.co-step{width:100%;height:72px;margin-top:20px;border-radius:50% 50% 10px 10px / 17% 17% 10px 10px;background:linear-gradient(180deg,#e4efff,#a8c2e6 62%,#8cadd7);box-shadow:inset 0 -7px 0 #84a5d2,0 11px 18px #436da02a}.co-winner-1 .co-step{height:107px;background:linear-gradient(180deg,#fff1b6,#ffd044 63%,#e6a500);box-shadow:inset 0 -8px 0 #dca000,0 12px 18px #bc9c372a}.co-winner-3 .co-step{height:55px;background:linear-gradient(180deg,#fce8d9,#eeb28a 65%,#c87b4e);box-shadow:inset 0 -7px 0 #c57c52,0 11px 18px #ab73402a}.co-rank-columns,.co-rank-item{display:grid;grid-template-columns:45px minmax(0,1fr) 90px;align-items:center;gap:7px}.co-rank-columns{font-size:11px;color:#5b769d;padding:0 10px 9px}.co-rank-columns span:last-child{text-align:right}.co-rank-list{max-height:394px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c5d7ed transparent}.co-rank-item{padding:6px 10px;min-height:37px;border-bottom:1px solid #edf2f9;font-size:12px}.co-rank-item.co-rank-first{background:#fff7e3;border-radius:8px}.co-rank-pos{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e9eff9;color:#647ca4;font-size:11px;font-weight:800}.co-pos-1{background:#f5b400;color:#fff}.co-pos-2{background:#a6b7d0;color:#fff}.co-pos-3{background:#cf814a;color:#fff}.co-rank-person{display:flex;align-items:center;gap:9px;min-width:0}.co-rank-person>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-small-avatar{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e2ebfa;color:#8ba8d0;font-size:15px}.co-rank-item strong{text-align:right}.co-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 24px}.co-stat{background:#fff;border:1px solid #e7eef8;border-radius:13px;display:flex;align-items:center;gap:11px;padding:12px}.co-stat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;font-size:23px;flex:none}.co-stat-icon.green{background:#e4f9ec;color:#08a45b}.co-stat-icon.blue{background:#e7f2ff;color:#0876f5}.co-stat-icon.purple{background:#f0e6ff;color:#7a43e8}.co-stat-icon.gold{background:#fff5d9;color:#ca9600}.co-stat strong{display:block;font-size:22px;color:#102759;line-height:1.1}.co-stat small{display:block;font-size:10px;color:#50698d}.co-operations{margin:0 24px 20px;background:#ffffffb8;border-radius:15px;padding:18px}.co-operations .co-section-title>span{font-size:11px;color:#6680a3}.co-operation-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.co-operation{border:1px solid #e7edf7;border-radius:11px;background:#fff;min-height:92px;padding:10px 7px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;text-align:center;font-size:10px;font-weight:700;color:#21406d;overflow-wrap:anywhere}.co-operation.selected{border:2px solid #1482ff;background:#f9fcff}.co-op-icon{color:#0b7af1;font-size:25px;font-weight:900}.co-about{font-size:11px;color:#7387a4;text-align:center;padding:2px 20px 25px}.co-about a{color:#2d69b3}.co-mobile-nav{display:none}@media(max-width:1050px){.co-dashboard-grid{grid-template-columns:1fr}.co-operation-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.co-filters{grid-template-columns:1fr 1fr}.co-update{display:none}.co-apply{grid-column:1/-1}}@media(max-width:650px){body:has(.co-app)>main{margin:0;padding:0}.co-app{border:0;border-radius:0;min-height:100vh}.co-topbar{height:60px;padding:0 16px}.co-brand strong{font-size:18px}.co-brand span,.co-desktop-nav{display:none}.co-menu-mobile{display:block;font-size:24px;color:#133b78}.co-hero{min-height:195px;padding:24px 15px}.co-hero h1{font-size:33px;max-width:210px;letter-spacing:-1.4px}.co-hero p{max-width:205px;font-size:12px;margin-bottom:10px}.co-hero-features{display:none}.co-hero-art{width:53%}.co-hero-art img{right:0;height:112%;bottom:-18%}.co-star-card{display:none}.co-filters{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin:-4px 10px 10px;padding:13px}.co-filter label{font-size:11px}.co-filter select{height:41px;font-size:12px}.co-apply{height:38px}.co-demo-banner{margin:0 10px 10px;display:block;font-size:10px}.co-demo-banner strong{display:block;margin-bottom:3px}.co-dashboard-grid{margin:0 10px;gap:10px}.co-card{padding:13px}.co-section-title{margin-bottom:13px}.co-section-title h2{font-size:14px}.co-chip{font-size:9px;max-width:52%}.co-podium{min-height:300px;gap:3px}.co-person-icon{width:48px;height:48px}.co-winner-1 .co-person-icon{width:65px;height:65px}.co-crown{font-size:24px;height:30px}.co-laurel{display:none}.co-winner strong{font-size:10px}.co-points{font-size:22px}.co-winner small{font-size:9px}.co-step{height:48px;margin-top:13px}.co-winner-1 .co-step{height:71px}.co-winner-3 .co-step{height:37px}.co-rank-list{max-height:300px}.co-rank-columns,.co-rank-item{grid-template-columns:34px minmax(0,1fr) 65px}.co-rank-item{font-size:11px}.co-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px}.co-stat{padding:9px}.co-stat-icon{width:36px;height:36px;font-size:20px}.co-stat strong{font-size:18px}.co-stat small{font-size:9px}.co-operations{margin:0 10px 15px;padding:12px}.co-operations .co-section-title{display:block}.co-operations .co-section-title>span{font-size:10px}.co-operation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.co-operation{min-height:78px}.co-about{padding-bottom:80px}.co-mobile-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:66px;background:#fff;border-top:1px solid #e4ebf5;box-shadow:0 -4px 18px #16427912}.co-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#2c548e;font-size:10px;font-weight:700}.co-mobile-nav a span{font-size:24px;color:#1478f0}}

/* FASE 9.4 - Connect One Premium: isolated refinements to public page only */
body:has(.co-app){font-family:Inter,ui-sans-serif,system-ui,"Segoe UI",Arial,sans-serif;background:#edf3fc}
body:has(.co-app)>main{max-width:1510px}
.co-app{box-shadow:0 24px 60px #1c437820;border-color:#dce7f6}
.co-topbar{height:72px;padding:0 34px}
.co-brand{gap:16px;min-width:0}
.co-brand-logo{display:block;width:174px;height:48px;object-fit:contain;object-position:left center}
.co-brand span{font-weight:700;font-size:9px;letter-spacing:1.65px}
.co-desktop-nav a{font-size:12px}
.co-hero{min-height:252px;padding:31px 42px;background:linear-gradient(95deg,#f9fcff 0%,#eaf3ff 43%,#9bbfe8 72%,#0b3b79 100%)}
.co-hero-art{width:48%;background:linear-gradient(90deg,transparent 0%,#0c448322 35%,#0a397b55 100%)}
.co-hero-art:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#c5ddf400 10%,#c4dcf222 30%,transparent 70%)}
.co-hero-art img{right:13%;height:125%;bottom:-24%;max-width:none;object-fit:contain;mask-image:linear-gradient(90deg,transparent 0%,#000 23%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 23%,#000 85%,transparent 100%)}
.co-star-card{z-index:2;top:32%;right:4%;border-radius:19px}
.co-hero h1{font-weight:850;letter-spacing:-2.4px}
.co-hero-features>div{font-size:11px;font-weight:600}
.co-feature-icon{font-weight:900;color:#0874f4;font-size:20px}
.co-card{border-radius:18px;box-shadow:0 9px 28px #1e457910}
.co-section-title h2{font-size:18px;font-weight:800}
.co-podium{min-height:370px;gap:10px;padding:6px 8px 0}
.co-winner{isolation:isolate}
.co-crown{color:#e9ae08;text-shadow:0 3px 8px #e7b93655;font-size:39px;height:44px}
.co-laurel{font-size:48px;opacity:.25;top:56px}
.co-person-icon{background:radial-gradient(circle at 35% 25%,#fff,#d9e6fa);box-shadow:0 5px 20px #1b47712b}
.co-winner-1 .co-person-icon{box-shadow:0 0 0 6px #fff5d6,0 9px 24px #d0a42644}
.co-winner strong{font-size:13px;line-height:1.25}
.co-winner-1 strong{font-size:15px}
.co-points{font-size:31px;letter-spacing:-.8px}
.co-step{border-radius:48% 48% 12px 12px / 12% 12% 10px 10px;box-shadow:inset 0 -9px 0 #84a5d2,0 11px 23px #436da02b}
.co-winner-1 .co-step{height:118px;background:linear-gradient(180deg,#fff1bd 0%,#ffdc60 28%,#ffcc33 75%,#e6a500 100%);box-shadow:inset 0 -10px 0 #dca000,0 15px 26px #d5a52936}
.co-winner-2 .co-step{height:80px}
.co-winner-3 .co-step{height:64px}
.co-rank-list{max-height:none;overflow:visible}
.co-rank-item{min-height:37px;transition:background .2s ease}
.co-rank-item:hover{background:#f4f8ff}
.co-rank-item:nth-child(2){background:#f7faff;border-radius:8px}
.co-rank-item:nth-child(3){background:#fff8f3;border-radius:8px}
.co-small-avatar{color:#8ca8cf}
.co-small-avatar svg{width:16px;height:16px}
.co-stat{box-shadow:0 5px 18px #1e45790a;min-height:68px}
.co-operation{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.co-operation:hover{transform:translateY(-3px);box-shadow:0 8px 20px #234b8217;border-color:#a7c9fa}
.co-operation.selected{box-shadow:0 0 0 3px #dcebff}
.co-op-icon{font-family:system-ui,sans-serif}
.co-demo-banner{font-size:12px}
@media(max-width:1050px){.co-rank-list{max-height:none}.co-brand-logo{width:155px}}
@media(max-width:650px){.co-topbar{height:62px;padding:0 15px}.co-brand-logo{width:142px;height:39px}.co-hero{min-height:208px;padding:25px 17px}.co-hero-art{width:57%}.co-hero-art img{right:-12%;height:110%;bottom:-12%}.co-hero h1{font-size:35px;letter-spacing:-1.5px}.co-podium{min-height:292px;gap:5px;padding:0}.co-winner-1 .co-step{height:83px}.co-winner-2 .co-step{height:59px}.co-winner-3 .co-step{height:46px}.co-crown{font-size:29px;height:32px}.co-winner-1 strong{font-size:11px}.co-rank-list{max-height:none;overflow:visible}.co-section-title h2{font-size:14px}.co-demo-banner{font-size:10px}.co-operation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.co-operation{transition:none}}

/* FASE 9.5: banner oficial aprobado; imagen completa, sin capas ni recortes. */
.co-app .co-hero.co-hero-official{padding:0!important;min-height:0!important;height:auto!important;background:none!important;overflow:hidden;display:block;line-height:0}
.co-hero-banner-official{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;}
@media(max-width:650px){.co-app .co-hero.co-hero-official{min-height:0!important;padding:0!important}.co-hero-banner-official{width:100%;height:auto;object-fit:contain}}
