*{box-sizing:border-box}body{margin:0;background:#f3f7f5;font-family:Arial,Helvetica,sans-serif}.yc-header{--green:#008b0a;position:relative;width:100%;background:radial-gradient(ellipse at 40% 0%,#003d2c,#001e17 70%);border-bottom:6px solid #d7e8e3;color:white;isolation:isolate}.yc-art{position:absolute;right:0;top:0;width:366px;height:196px;background:url('/assets/yoconstructor/header-decoration-1.png') right top/366px 196px no-repeat;z-index:-1}.yc-top{height:78px;display:flex;align-items:center;gap:30px;padding:0 19.5% 0 2.6%}.yc-event{display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:20px}.yc-event svg{color:#bfd900;width:29px;height:29px}.yc-divider{height:33px;border-left:2px solid #8caaa0;margin:0 6px}.yc-tagline{margin-left:auto;white-space:nowrap;font-size:13px;font-weight:bold;letter-spacing:2px}.yc-tagline strong{color:#badc2b}.yc-social{display:flex;align-items:center;gap:35px;margin-left:auto;padding-left:40px}.yc-social a{color:#fff;text-decoration:none;display:grid;place-items:center;width:28px;height:30px}.yc-social svg{width:26px;height:26px}.yc-social .letter{font-size:31px;font-weight:bold}.yc-social .linkedin{font-size:27px}.yc-nav{position:relative;min-height:118px;display:flex;align-items:center;gap:42px;padding:14px 10.3% 14px 2.6%;color:#253043}.yc-nav:before{content:'';position:absolute;inset:0;z-index:-1;background:#fff;clip-path:polygon(0 0,88.6% 0,89.4% 3%,90% 13%,93.1% 93%,93.8% 100%,0 100%);border-radius:13px 0 0 0}.yc-brand{flex:0 0 349px;display:block}.yc-brand img{display:block;width:100%;height:auto}.yc-links{display:flex;align-items:center;justify-content:space-between;flex:1;gap:25px;white-space:nowrap}.yc-links a{position:relative;color:#293448;text-decoration:none;font-size:18px;padding:22px 0}.yc-links a:hover,.yc-links a.active{color:#118918}.yc-links a.active{font-weight:bold}.yc-links a.active:after{content:'';position:absolute;height:4px;background:#118918;bottom:10px;left:0;right:0;border-radius:5px}.yc-actions{display:flex;align-items:center;gap:40px}.yc-search{border:0;border-left:2px solid #e1e4e6;background:none;color:#0b2026;padding:6px 0 6px 39px;cursor:pointer}.yc-search svg{width:35px;height:35px}.yc-club{display:flex;align-items:center;justify-content:center;gap:16px;white-space:nowrap;text-decoration:none;color:white;background:linear-gradient(#10b500,#008700);box-shadow:0 5px 18px #20980023,inset 0 2px 3px #ffffff50;border-radius:18px;min-height:64px;padding:0 28px;font-size:18px}.yc-club svg{width:36px;height:36px}.yc-club .arrow{width:24px}.yc-menu{display:none}.yc-searchbox{background:#fff;padding:18px 3%;color:#123b29}.yc-searchbox form{display:flex;gap:10px;max-width:650px;margin:auto}.yc-searchbox input{width:100%;padding:12px;border:1px solid #aaa;border-radius:6px}.yc-searchbox button{background:#008b0a;color:white;border:0;border-radius:6px;padding:0 20px}a:focus-visible,button:focus-visible{outline:3px solid #aaca00;outline-offset:4px}
@media(min-width:1500px) and (max-width:1800px){.yc-top{gap:18px}.yc-event{font-size:17px;gap:12px}.yc-tagline{font-size:11px;letter-spacing:1px}.yc-social{gap:24px;padding-left:12px}.yc-nav{gap:28px}.yc-brand{flex-basis:290px}.yc-links a{font-size:16px}.yc-actions{gap:25px}.yc-search{padding-left:24px}.yc-club{padding:0 20px;font-size:16px}.yc-links{gap:18px}}
@media(max-width:1499px){.yc-art{display:none}.yc-top{padding:0 3%;height:65px;gap:18px}.yc-event{font-size:15px;gap:10px}.yc-tagline{font-size:10px;letter-spacing:1px}.yc-social{gap:18px;padding-left:10px}.yc-nav{padding:14px 3%;gap:25px;min-height:100px}.yc-nav:before{clip-path:none;border-radius:12px 12px 0 0}.yc-brand{flex-basis:260px}.yc-links{gap:17px}.yc-links a{font-size:14px}.yc-actions{gap:20px}.yc-search{padding-left:20px}.yc-club{font-size:14px;padding:0 16px;gap:9px;min-height:55px}.yc-club svg{width:28px}}
@media(max-width:1150px){.yc-tagline{display:none}.yc-nav{flex-wrap:wrap}.yc-brand{margin-right:auto}.yc-menu{display:block;background:none;border:0;color:#07552e;padding:8px;cursor:pointer}.yc-menu svg{width:29px;height:29px}.yc-links{display:none;order:4;flex-basis:100%;align-items:stretch;flex-direction:column;gap:0}.yc-links.is-open{display:flex}.yc-links a{padding:14px 3px;font-size:17px}.yc-links a.active:after{right:auto;width:42px;bottom:5px}}
@media(max-width:600px){.yc-top{height:54px;justify-content:center;gap:10px}.yc-event{font-size:11px;gap:7px}.yc-event svg{width:21px;height:21px}.yc-divider{height:22px;margin:0 3px}.yc-social{display:none}.yc-nav{gap:10px;padding:12px 4%;min-height:85px}.yc-brand{flex-basis:210px;max-width:70%}.yc-actions{order:3;width:100%;justify-content:space-between;gap:15px}.yc-search{border:0;padding:6px}.yc-search svg{width:27px;height:27px}.yc-club{min-height:45px;border-radius:12px;flex:1;font-size:14px}.yc-club svg{width:27px}.yc-links{order:4}}

/* Mantiene la composición completa de 1916 px a cualquier ancho de escritorio. */
@media(min-width:900px){
body{container-type:inline-size}
.yc-header{--green:#008b0a;position:relative;width:100%;background:radial-gradient(ellipse at 40% 0%,#003d2c,#001e17 70%);border-bottom:0.313152cqw solid #d7e8e3;color:white;isolation:isolate}.yc-art{position:absolute;right:0;top:0;width:19.102296cqw;height:10.229645cqw;background:url('/assets/yoconstructor/header-decoration-1.png') right top/19.102296cqw 10.229645cqw no-repeat;z-index:-1}.yc-top{height:4.070981cqw;display:flex;align-items:center;gap:1.565762cqw;padding:0 19.5% 0 2.6%}.yc-event{display:flex;align-items:center;gap:1.043841cqw;white-space:nowrap;font-size:1.043841cqw}.yc-event svg{color:#bfd900;width:1.513570cqw;height:1.513570cqw}.yc-divider{height:1.722338cqw;border-left:0.104384cqw solid #8caaa0;margin:0 0.313152cqw}.yc-tagline{margin-left:auto;white-space:nowrap;font-size:0.678497cqw;font-weight:bold;letter-spacing:0.104384cqw}.yc-tagline strong{color:#badc2b}.yc-social{display:flex;align-items:center;gap:1.826722cqw;margin-left:auto;padding-left:2.087683cqw}.yc-social a{color:#fff;text-decoration:none;display:grid;place-items:center;width:1.461378cqw;height:1.565762cqw}.yc-social svg{width:1.356994cqw;height:1.356994cqw}.yc-social .letter{font-size:1.617954cqw;font-weight:bold}.yc-social .linkedin{font-size:1.409186cqw}.yc-nav{position:relative;min-height:6.158664cqw;display:flex;align-items:center;gap:2.192067cqw;padding:0.730689cqw 10.3% 0.730689cqw 2.6%;color:#253043}.yc-nav:before{content:'';position:absolute;inset:0;z-index:-1;background:#fff;clip-path:polygon(0 0,88.6% 0,89.4% 3%,90% 13%,93.1% 93%,93.8% 100%,0 100%);border-radius:0.678497cqw 0 0 0}.yc-brand{flex:0 0 18.215031cqw;display:block}.yc-brand img{display:block;width:100%;height:auto}.yc-links{display:flex;align-items:center;justify-content:space-between;flex:1;gap:1.304802cqw;white-space:nowrap}.yc-links a{position:relative;color:#293448;text-decoration:none;font-size:0.939457cqw;padding:1.148225cqw 0}.yc-links a:hover,.yc-links a.active{color:#118918}.yc-links a.active{font-weight:bold}.yc-links a.active:after{content:'';position:absolute;height:0.208768cqw;background:#118918;bottom:0.521921cqw;left:0;right:0;border-radius:0.260960cqw}.yc-actions{display:flex;align-items:center;gap:2.087683cqw}.yc-search{border:0;border-left:0.104384cqw solid #e1e4e6;background:none;color:#0b2026;padding:0.313152cqw 0 0.313152cqw 2.035491cqw;cursor:pointer}.yc-search svg{width:1.826722cqw;height:1.826722cqw}.yc-club{display:flex;align-items:center;justify-content:center;gap:0.835073cqw;white-space:nowrap;text-decoration:none;color:white;background:linear-gradient(#10b500,#008700);box-shadow:0 0.260960cqw 0.939457cqw #20980023,inset 0 0.104384cqw 0.156576cqw #ffffff50;border-radius:0.939457cqw;min-height:3.340292cqw;padding:0 1.461378cqw;font-size:0.939457cqw}.yc-club svg{width:1.878914cqw;height:1.878914cqw}.yc-club .arrow{width:1.252610cqw}.yc-menu{display:none}.yc-searchbox{background:#fff;padding:0.939457cqw 3%;color:#123b29}.yc-searchbox form{display:flex;gap:0.521921cqw;max-width:33.924843cqw;margin:auto}.yc-searchbox input{width:100%;padding:0.626305cqw;border:0.052192cqw solid #aaa;border-radius:0.313152cqw}.yc-searchbox button{background:#008b0a;color:white;border:0;border-radius:0.313152cqw;padding:0 1.043841cqw}a:focus-visible,button:focus-visible{outline:0.156576cqw solid #aaca00;outline-offset:0.208768cqw}

.yc-art{display:block}
.yc-top{padding:0;position:relative;display:block;height:4.07098cqw}
.yc-top>.yc-event{position:absolute;top:1.25261cqw;height:1.82672cqw}
.yc-top>.yc-event:first-child{left:2.60960cqw}
.yc-top>.yc-event:nth-child(3){left:18.58038cqw}
.yc-divider{position:absolute;left:16.64927cqw;top:1.14823cqw;margin:0}
.yc-tagline{display:block;position:absolute;left:35.5428cqw;top:1.67015cqw;margin:0;font-size:.67850cqw;letter-spacing:.10438cqw}
.yc-social{display:flex;position:absolute;left:69.25887cqw;top:1.14823cqw;gap:1.82672cqw;margin:0;padding:0}
.yc-nav{display:block;height:6.15866cqw;min-height:0;padding:0}
.yc-brand{position:absolute;left:2.50522cqw;top:.62630cqw;width:18.21503cqw;max-width:none;margin:0}
.yc-links{position:absolute;left:23.90397cqw;top:1.14823cqw;width:41.64927cqw;display:flex;flex-direction:row;gap:0;align-items:center}
.yc-links a{font-size:.93946cqw;padding:1.14823cqw 0}
.yc-links a.active:after{width:auto;right:0;bottom:.52192cqw}
.yc-actions{position:absolute;left:67.79749cqw;top:1.56576cqw;width:21.86848cqw;display:flex;gap:2.08768cqw}
.yc-search{width:4.17537cqw;flex-shrink:0;padding:.31315cqw 0 .31315cqw 2.03549cqw;border-left:.10438cqw solid #e1e4e6}
.yc-club{width:15.60543cqw;min-height:3.34029cqw;flex-shrink:0;padding:0 1.2cqw;font-size:.93946cqw}
.yc-menu{display:none}
.yc-nav:before{clip-path:path('M 0 0');clip-path:polygon(0 0,88.6% 0,89.4% 3%,90% 13%,93.1% 93%,93.8% 100%,0 100%)}
}

/* Curva continua y alineación óptica compartida. */
.yc-top svg{display:block;flex-shrink:0}
.yc-event,.yc-social a{line-height:1}
@media(min-width:900px){
.yc-nav:before{clip-path:url(#yc-smooth-edge);border-radius:0}
.yc-top>.yc-event{top:0;height:100%;align-items:center}
.yc-top>.yc-divider{top:50%;transform:translateY(-50%)}
.yc-tagline{top:0;height:100%;display:flex;align-items:center;gap:.32cqw;line-height:1;white-space:nowrap}
.yc-social{top:0;height:100%;align-items:center}
.yc-social a{height:1.56576cqw;display:flex;align-items:center;justify-content:center}
.yc-social svg{width:1.35699cqw;height:1.35699cqw;display:block}
.yc-art{z-index:-1;background-repeat:no-repeat}
}

/* Integra el borde izquierdo de la fotografía en el fondo de la cabecera. */
.yc-art{
-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 3%,rgba(0,0,0,.5) 8%,#000 18%,#000 100%);
mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 3%,rgba(0,0,0,.5) 8%,#000 18%,#000 100%);
-webkit-mask-size:100% 100%;mask-size:100% 100%;
-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}

/* Verde sólido muestreado del borde de la imagen. */
.yc-header{background:#001f19}

/* Oculta el borde de la barra original que quedó dentro de la fotografía. */
@media(min-width:900px){
.yc-nav{margin-top:-.208768cqw}
.yc-header{overflow:hidden}
.yc-art{height:10.020877cqw;background-position:right top}
}

/* Cabecera compacta y lema tipográfico de alta nitidez. */
.yc-community{display:none}
@media(min-width:900px){
.yc-top{height:2.81837cqw}
.yc-event{font-size:.83507cqw;gap:.73069cqw}
.yc-event svg{width:1.25261cqw;height:1.25261cqw}
.yc-divider{height:1.46138cqw}
.yc-tagline{font-size:.57411cqw;letter-spacing:.07829cqw}
.yc-social svg{width:1.14823cqw;height:1.14823cqw}
.yc-nav{height:4.48852cqw;margin-top:0}
.yc-brand{width:14.61378cqw;top:.36534cqw}
.yc-links{top:.36534cqw}
.yc-links a{font-size:.83507cqw;padding:.93946cqw 0}
.yc-links a.active:after{bottom:.36534cqw;height:.15658cqw}
.yc-actions{top:.83507cqw}
.yc-club{min-height:2.60960cqw;border-radius:.73069cqw;font-size:.83507cqw}
.yc-club svg{width:1.56576cqw;height:1.56576cqw}
.yc-club .arrow{width:1.14823cqw}
.yc-search svg{width:1.46138cqw;height:1.46138cqw}
.yc-art{height:7.30689cqw;background-size:100% 100%}
.yc-community{display:block;position:absolute;right:0;top:0;width:8.50731cqw;height:5.74113cqw;padding:.62630cqw .62630cqw .41754cqw .93946cqw;background:#00362b;color:#fff;font-size:.57411cqw;font-weight:700;line-height:1.32;letter-spacing:.02088cqw;z-index:0;clip-path:polygon(0 0,100% 0,100% 100%,31% 100%,0 25%)}
.yc-community strong{color:#c3e62b}
.yc-community span{display:block;width:1.77453cqw;height:.15658cqw;background:#b7e723;margin-top:.46973cqw}
.yc-header{border-bottom-width:.15658cqw}
}

/* Versión compacta: 34 px de información + 68 px de navegación + 2 px de borde. */
@media(min-width:900px){
.yc-top{height:34px}
.yc-nav{height:68px;min-height:68px;margin:0}
.yc-header{border-bottom:2px solid #d7e8e3}
.yc-event{font-size:13px;gap:10px}
.yc-event svg{width:18px;height:18px}
.yc-divider{height:20px}
.yc-tagline{font-size:10px;letter-spacing:1px}
.yc-social a{height:20px;width:20px}
.yc-social svg{height:17px;width:17px}
.yc-brand{width:220px;top:6px}
.yc-links{top:0;height:68px;align-items:center}
.yc-links a{font-size:14px;padding:23px 0}
.yc-links a.active:after{height:3px;bottom:15px}
.yc-actions{top:14px;height:40px;gap:22px}
.yc-search{width:54px;padding:5px 0 5px 20px}
.yc-search svg{height:25px;width:25px}
.yc-club{min-height:40px;height:40px;border-radius:11px;font-size:14px;padding:0 18px;gap:10px;width:auto;flex:1}
.yc-club svg{height:24px;width:24px}
.yc-club .arrow{width:18px}
.yc-art{height:102px;background-size:100% 100%}
.yc-community{height:78px;font-size:9px;line-height:1.3;padding:7px 8px 6px 18px}
.yc-community span{height:2px;width:26px;margin-top:5px}
}
@media(min-width:900px) and (max-width:1350px){
.yc-brand{width:180px;top:11px}
.yc-event{font-size:11px;gap:7px}
.yc-tagline{font-size:8px;letter-spacing:.4px}
.yc-links a{font-size:11px}
.yc-actions{gap:10px}
.yc-search{width:34px;padding-left:10px}
.yc-search svg{width:21px;height:21px}
.yc-club{font-size:11px;padding:0 9px;gap:6px}
.yc-community{font-size:7px;padding-left:10px}
}

/* Proporciones de la referencia Altos: 46 + 104 px. */
@media(min-width:900px){
.yc-top{height:46px}
.yc-nav{height:104px;min-height:104px}
.yc-header{border-bottom:0}
.yc-brand{width:260px;top:19px;left:2.6%}
.yc-event{font-size:15px;gap:12px}
.yc-event svg{width:22px;height:22px}
.yc-tagline{font-size:11px;letter-spacing:.8px}
.yc-social svg{width:20px;height:20px}
.yc-links{left:26%;width:39.5%;height:104px;top:0;justify-content:space-between}
.yc-links a{font-size:15px;font-weight:600;padding:40px 0}
.yc-links a.active:after{bottom:22px}
.yc-actions{top:28px;height:48px;left:67.5%;width:22%;gap:24px}
.yc-search{width:50px;padding-left:18px}
.yc-search svg{width:27px;height:27px}
.yc-club{height:48px;min-height:48px;font-size:15px;border-radius:13px;gap:12px;padding:0 20px}
.yc-club svg{width:28px;height:28px}
.yc-art{height:150px;background-size:100% 100%}
.yc-community{width:8.5%;height:104px;font-size:11px;line-height:1.3;padding:9px 8px 8px 18px;clip-path:none;background:#00362b}
}
@media(min-width:900px) and (max-width:1450px){
.yc-brand{width:210px;top:26px}
.yc-event{font-size:12px}
.yc-tagline{font-size:8px;letter-spacing:.5px}
.yc-links{left:23%;width:43%}
.yc-links a{font-size:12px}
.yc-actions{gap:12px}
.yc-club{font-size:12px;padding:0 10px;gap:7px}
.yc-community{font-size:8px;padding-left:10px}
}

/* Fondo continuo sin cartela rectangular; curva en su propia capa superior. */
@media(min-width:900px){
.yc-art{background-image:linear-gradient(125deg,#001f19 0%,#001f19 16%,#54dd06 16.5%,#54dd06 20%,#00271e 20.5%,#00271e 29%,transparent 29.5%),linear-gradient(90deg,#001f19 0%,transparent 45%),url('/assets/yoconstructor/header-decoration-2.png');background-size:100% 100%,100% 100%,auto 100%;background-position:center,center,right center;background-repeat:no-repeat;background-color:#00362b;height:150px;z-index:0}
.yc-community{background:transparent;clip-path:none;z-index:1;height:auto;right:0;top:0;padding-top:12px;text-shadow:0 1px 3px #001b16}
.yc-nav{z-index:2;isolation:isolate}
.yc-top{z-index:2}
.yc-community span{margin-top:7px}
}

/* Botón integrado de extremo a extremo en la altura del menú. */
@media(min-width:900px){
.yc-nav:before{clip-path:none;width:89.5%;border-radius:10px 0 0 0}
.yc-actions{top:0;height:104px;left:67.5%;width:22%;gap:24px;align-items:center}
.yc-club{height:104px;min-height:104px;border-radius:0;padding:0 22px;box-shadow:none;background:linear-gradient(120deg,#0aaa00,#008b00);align-self:stretch;justify-content:center}
.yc-search{flex:0 0 50px}
.yc-community{z-index:3}
.yc-art{height:150px}
}
@media(min-width:900px) and (max-width:1450px){
.yc-actions{gap:12px}
.yc-search{flex-basis:34px}
.yc-club{padding:0 10px;font-size:12px;gap:7px}
}

/* Un solo límite inferior: menú, botón y fotografía terminan en 122 px. */
@media(min-width:900px){
.yc-header{--yc-top-height:46px;--yc-nav-height:76px;overflow:hidden;border:0}
.yc-top{height:var(--yc-top-height)}
.yc-nav{height:var(--yc-nav-height);min-height:var(--yc-nav-height);margin:0}
.yc-nav:before{width:100%;clip-path:url(#yc-smooth-edge);border-radius:0}
.yc-art{top:0;bottom:auto;height:calc(var(--yc-top-height) + var(--yc-nav-height));max-height:122px;overflow:hidden}
.yc-brand{top:10px;width:225px}
.yc-brand img{height:56px;width:100%;object-fit:contain}
.yc-links{height:76px;top:0}
.yc-links a{padding:27px 0}
.yc-links a.active:after{bottom:13px}
.yc-actions{top:auto;bottom:0;height:48px;align-items:center}
.yc-club{height:48px;min-height:48px;align-self:center;border-radius:13px 13px 0 0;padding:0 20px;box-shadow:none}
.yc-community{font-size:10px;line-height:1.25;padding-top:9px}
}
@media(min-width:900px) and (max-width:1450px){
.yc-brand{width:195px;top:10px}
.yc-community{font-size:8px}
.yc-club{font-size:12px;padding:0 10px}
}

/* Menú más legible y botón centrado sin buscador. */
.yc-links a{font-weight:700}
.yc-club{border-radius:13px}
@media(min-width:900px){
.yc-links{left:23%;width:45.5%;height:76px}
.yc-links a{font-size:16px;font-weight:700;line-height:1.2;padding:25px 0}
.yc-actions{left:71%;width:18.5%;top:14px;bottom:auto;height:48px;gap:0}
.yc-club{height:48px;min-height:48px;width:100%;flex:1;border-radius:13px;align-self:center;font-size:15px;font-weight:600;padding:0 16px;gap:10px}
}
@media(min-width:900px) and (max-width:1450px){
.yc-links{left:23%;width:45.5%}
.yc-links a{font-size:14px;font-weight:700}
.yc-actions{left:71%;width:18.5%}
.yc-club{font-size:13px;padding:0 10px;gap:8px}
}

/* Fotografía de mayor resolución y textura discreta en la franja superior. */
.yc-header{background-color:#001f19;background-image:radial-gradient(ellipse at 40% 40%,#06433466,transparent 70%),repeating-linear-gradient(115deg,transparent 0px,transparent 37px,#ffffff03 38px,transparent 39px)}
@media(min-width:900px){
.yc-art{background-image:linear-gradient(125deg,#001f19 0%,#001f19 16%,#54dd06 16.5%,#54dd06 20%,#00271e 20.5%,#00271e 29%,transparent 29.5%),url('/assets/yoconstructor/header-decoration-3.webp');background-size:100% 100%,cover;background-position:center,right center;background-repeat:no-repeat}
.yc-community{width:8.5%;font-size:12px;line-height:1.22;letter-spacing:.1px;padding:10px 5px 0 12px;text-shadow:0 1px 4px #00130d}
.yc-community strong{font-size:12px}
}
@media(min-width:900px) and (max-width:1450px){
.yc-community{width:8.7%;font-size:9px;line-height:1.25;padding:9px 4px 0 9px;letter-spacing:0}
.yc-community strong{font-size:9px}
}

/* Logo oficial blanco, con contraste y proporciones originales. */
.yc-brand{background:transparent;border-radius:0;padding:10px 14px}
.yc-brand img{display:block;width:100%;height:auto;object-fit:contain;filter:brightness(0)}
@media(min-width:900px){
.yc-brand{left:2.6%;top:8px;width:250px;height:60px;display:flex;align-items:center;justify-content:center;padding:9px 15px}
.yc-brand img{width:220px;height:auto;max-height:44px;object-fit:contain}
}
@media(min-width:900px) and (max-width:1450px){
.yc-brand{width:205px;height:56px;top:10px;padding:9px 12px}
.yc-brand img{width:181px;height:auto}
}

/* Estados responsive y textura compartida. */
.yc-header{position:fixed;inset:0 0 auto;z-index:1000}
.yc-spacer{height:122px}
.yc-club{background-image:repeating-linear-gradient(115deg,transparent 0 22px,#ffffff0b 23px,transparent 24px),radial-gradient(ellipse at 28% 0,#87eb2955,transparent 65%),linear-gradient(140deg,#12b500,#006d00);box-shadow:inset 0 1px 2px #ffffff70,0 5px 15px #00880020}
.yc-bottom,.yc-mobile-extra{display:none}


@media(min-width:1200px){
.yc-top{transition:height .2s,opacity .2s;overflow:hidden}
.yc-header.is-compact .yc-top{height:0;opacity:0;visibility:hidden}
.yc-header.is-compact .yc-art{height:76px}
.yc-header.is-compact{box-shadow:0 4px 20px #00291e18}
.yc-header.is-compact .yc-community{padding-top:10px}
}
@media(max-width:1199px){
body{container-type:normal;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.yc-header{display:flex;flex-direction:column;overflow:visible;border:0;background:#00291f}
.yc-spacer{height:110px}
.yc-art,.yc-community,.yc-tagline,.yc-top .yc-social{display:none}
.yc-nav{order:0;position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:10px;padding:0 16px;width:100%;height:66px;min-height:66px;background:#fff;margin:0;isolation:auto;z-index:auto}
.yc-nav:before{display:none}
.yc-menu{display:grid;place-items:center;position:static;flex:0 0 32px;padding:4px;width:32px;height:40px;border:0;background:transparent;color:#092e20;order:0}
.yc-menu svg{width:24px;height:24px}
.yc-brand{position:static;order:1;flex:0 1 200px;width:200px;max-width:calc(100% - 128px);height:auto;padding:0;margin:0 auto 0 0;background:transparent}
.yc-brand img{width:100%;height:auto;max-height:45px;object-fit:contain}
.yc-actions{position:static;order:2;flex:0 0 auto;width:auto;height:38px;gap:0}
.yc-club{width:auto;flex:none;height:38px;min-height:38px;padding:0 12px;border-radius:9px;gap:6px;font-size:13px}
.yc-club svg{height:21px;width:21px}.yc-club .arrow{display:none}
.yc-club span{font-size:0}.yc-club span:after{content:'Club';font-size:13px}
.yc-top{position:relative;order:1;display:flex;align-items:center;justify-content:center;height:44px;padding:0 10px;gap:14px;overflow:hidden;transition:height .2s,opacity .2s;background:repeating-linear-gradient(115deg,transparent 0 37px,#ffffff05 38px,transparent 39px)}
.yc-top>.yc-event{position:static;height:auto;font-size:11px;gap:7px;line-height:1.2}
.yc-event svg{width:19px;height:19px}
.yc-top>.yc-divider{position:static;transform:none;height:19px;margin:0;border-left:1px solid #ffffff55}
.yc-header.is-compact .yc-top{height:0;opacity:0;visibility:hidden}
.yc-header.is-compact{box-shadow:0 3px 15px #00291e18}
.yc-links{display:none;position:fixed;inset:66px 0 calc(76px + env(safe-area-inset-bottom));width:auto;height:auto;padding:16px;overflow:auto;background:#fff;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:4px;white-space:normal;z-index:1002}
.yc-links.is-open{display:flex}
.yc-links>a{display:flex;align-items:center;min-height:49px;padding:13px 15px;font-size:15px;font-weight:600;border-radius:10px;color:#142c24}
.yc-links>a:after{content:'›';position:static;margin-left:auto;font-size:24px;color:#90a799;background:none;width:auto;height:auto}
.yc-links>a.active{background:#e7f8e5;color:#008700}
.yc-links>a.active:after{position:static;background:none;content:'›';width:auto;height:auto;color:#008700}
.yc-mobile-extra{display:block;border-top:1px solid #e5ede7;margin-top:12px;padding-top:16px}
.yc-mobile-extra>a{display:flex;align-items:center;gap:12px;background:#e7f8e5;border-radius:12px;padding:15px;text-decoration:none;color:#064023;font-size:15px;font-weight:700}
.yc-mobile-extra svg{width:30px;height:30px}.yc-mobile-extra small{display:block;font-size:12px;font-weight:400;margin-top:4px}
.yc-mobile-social{display:flex;justify-content:center;gap:22px;margin-top:20px}.yc-mobile-social a{color:#123b29}.yc-mobile-social svg{width:23px;height:23px}
.yc-bottom{display:flex;position:fixed;inset:auto 0 0;z-index:1010;justify-content:space-around;gap:4px;background:#fff;border-top:1px solid #e7eee9;border-radius:18px 18px 0 0;padding:8px 10px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -5px 25px #00312110}
.yc-bottom a,.yc-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;height:58px;color:#183b2d;font:11px Arial;text-decoration:none;background:none;border:0;border-radius:12px;cursor:pointer}
.yc-bottom .active{background:#e6f9e2;color:#008900}.yc-bottom svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}
body.yc-menu-open{overflow:hidden}.yc-menu-open .yc-top{visibility:hidden}

}
@media(prefers-reduced-motion:reduce){.yc-top{transition:none}}

/* Shared typography and a clean junction with the page. */
.yc-header,.yc-bottom{font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.yc-header{border-bottom:0}
.yc-links>a{font-weight:600;letter-spacing:0;line-height:1.3}
.yc-club{background:#008b0a;box-shadow:0 4px 12px #008b0a18}
@media(min-width:1200px){
.yc-spacer{height:122px}
.yc-header.is-compact{border-bottom:1px solid #dce8e1;box-shadow:0 6px 20px #00291e12}
.yc-header.is-compact .yc-links>a{font-size:clamp(12px,.85vw,16px);font-weight:600;letter-spacing:0;line-height:1.4}
.yc-header.is-compact .yc-community{height:76px;top:0;display:block;padding:10px 6px 8px 22px;font-size:10px;line-height:1.35;letter-spacing:.15px;text-shadow:none}
.yc-header.is-compact .yc-community br{display:initial}
.yc-header.is-compact .yc-community strong{font-size:10px;line-height:1.4}
.yc-header.is-compact .yc-community span{display:none}
}

/* Aprovecha mejor el espacio disponible para la marca en escritorio. */
@media(min-width:1451px){
.yc-brand{left:2.25%;top:5px;width:290px;height:66px;padding:5px 8px}
.yc-brand img{width:265px;max-height:56px}
}
@media(min-width:900px) and (max-width:1450px){
.yc-brand{left:2.3%;top:6px;width:228px;height:61px;padding:5px 8px}
.yc-brand img{width:210px;max-height:51px}
}