/* Portada WAJOMEA.GROUP: estilos independientes de los cursos. */
:root{--wg-blue:#005be8;--wg-red:#d71939;--wg-orange:#ff8616;--wg-green:#007a3d;--wg-ink:#101722;--wg-text:#40516a}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:#f8fbff;color:var(--wg-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit}
a:focus-visible{outline:3px solid var(--wg-blue);outline-offset:5px}
.wg-skip{position:absolute;left:16px;top:-100px;z-index:200;background:#fff;padding:12px 18px;font-weight:800;border:2px solid var(--wg-blue);border-radius:10px}
.wg-skip:focus{top:12px}
.wg-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:17px max(5%,calc((100% - 1200px)/2));background:#fff;border-bottom:3px solid var(--wg-blue);position:sticky;top:0;z-index:100}
.wg-brand{text-decoration:none;font-family:"Arial Black",Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(20px,2vw,26px);letter-spacing:-.06em;color:var(--wg-blue);white-space:nowrap}
.wg-brand span{color:var(--wg-ink)}
.wg-header nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.wg-header nav a{text-decoration:none;font-size:13px;font-weight:800}
.wg-header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.wg-header nav .wg-nav-med{padding:10px 16px;border-radius:10px;background:var(--wg-blue);color:#fff}
.wg-hero{background:radial-gradient(ellipse at 88% 50%,#ecfaf2 0,transparent 43%),linear-gradient(115deg,#fff 45%,#edf5ff);border-bottom:1px solid #e0e9f5;padding:38px 5% 35px}
.wg-hero-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:44px;align-items:center}
.wg-eyebrow{font-size:11px;font-weight:900;letter-spacing:.11em;color:var(--wg-blue);display:block}
.wg-hero h1{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(39px,5.5vw,70px);letter-spacing:-.065em;line-height:1.08;color:var(--wg-blue);margin:14px 0 15px}
.wg-hero h1 span{color:var(--wg-ink)}
.wg-hero-copy>p:first-of-type{font-size:clamp(22px,2.5vw,29px);font-weight:800;line-height:1.3;margin:0 0 12px}
.wg-hero-description{max-width:710px;font-size:16px;color:var(--wg-text);margin:0}
.wg-orbit{position:relative;display:grid;place-items:center;width:180px;height:180px;border:2px dashed #b8cee9;border-radius:50%;margin:auto}
.wg-orbit-center{width:108px;height:108px;display:grid;place-content:center;background:#fff;border:3px solid var(--wg-blue);border-radius:28px;font-size:43px;font-weight:900;font-family:"Arial Black",Arial,sans-serif;line-height:1;box-shadow:0 8px 24px #005be815;transform:rotate(-7deg);color:var(--wg-blue)}
.wg-orbit-center span{font-size:21px;text-align:right;color:var(--wg-ink)}
.wg-orbit-dot{position:absolute;width:24px;height:24px;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 10px #10172214}
.wg-dot-blue{background:var(--wg-blue);left:10px;top:20px}
.wg-dot-red{background:var(--wg-red);right:4px;top:30px}
.wg-dot-orange{background:var(--wg-orange);left:20px;bottom:4px}
.wg-dot-green{background:var(--wg-green);right:14px;bottom:12px}
.wg-anchor{scroll-margin-top:100px}
.wg-projects{max-width:1300px;padding:32px 5% 44px;margin:auto;scroll-margin-top:100px}
.wg-section-heading{margin-bottom:20px}
.wg-section-heading h2{font-size:30px;letter-spacing:-.04em;margin:4px 0 0;line-height:1.2}
.wg-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.wg-med{--wg-accent:var(--wg-blue);--wg-soft:#edf5ff;--wg-icon-ink:#fff}
.wg-music{--wg-accent:var(--wg-red);--wg-soft:#fff0f3;--wg-icon-ink:#fff}
.wg-books{--wg-accent:var(--wg-orange);--wg-soft:#fff5e8;--wg-icon-ink:var(--wg-ink)}
.wg-card{display:flex;flex-direction:column;min-width:0;text-decoration:none;padding:25px;border:2px solid var(--wg-accent);border-top-width:7px;border-radius:20px;background:var(--wg-soft);transition:transform .18s,box-shadow .18s}
.wg-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #10172214}
.wg-card-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:17px;margin-bottom:17px;background:var(--wg-accent);color:var(--wg-icon-ink);padding:14px}
.wg-card-icon svg{width:100%;height:100%}
.wg-card-icon.wg-panda{padding:2px;background:#fff;border:1px solid #c7d9f0}
.wg-panda img{display:block;width:100%;height:100%;object-fit:contain}
.wg-card-category{font-size:10px;font-weight:900;letter-spacing:.08em;color:var(--wg-text)}
.wg-card h3{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(22px,2.1vw,29px);line-height:1.18;letter-spacing:-.04em;color:var(--wg-blue);margin:9px 0 13px;overflow-wrap:anywhere}
.wg-card h3 span{color:var(--wg-red)}
.wg-books h3 span{color:var(--wg-ink)}
.wg-card p{font-size:14px;color:var(--wg-text);margin:0 0 20px;line-height:1.7}
.wg-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:20px}
.wg-card-tags>span{background:#fff;border:1px solid #1017221a;padding:4px 9px;border-radius:7px;font-size:11px;font-weight:800;color:var(--wg-ink)}
.wg-card-action{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #10172225;padding-top:16px;font-weight:900;font-size:13px;color:var(--wg-ink)}
.wg-card-action>span{font-size:24px;line-height:1}
.wg-team{max-width:1200px;margin:0 auto 45px;padding:28px 30px;background:#fff;border:1px solid #d8e4f1;border-left:6px solid var(--wg-green);border-radius:18px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:35px;scroll-margin-top:100px}
.wg-team h2{font-size:25px;line-height:1.25;letter-spacing:-.03em;margin:7px 0 12px}
.wg-team p{font-size:14px;color:var(--wg-text);margin:0}
.wg-team-note{background:#ecfaf2;border-radius:13px;padding:20px}
.wg-team-note strong{font-size:17px}
.wg-team-note p{margin-top:9px}
.wg-note-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--wg-green);margin-right:8px}
.wg-footer{padding:28px 20px;text-align:center;background:#fff;border-top:3px solid var(--wg-orange)}
.wg-footer p{font-size:13px;color:var(--wg-text);margin:8px 0}
.wg-footer small{font-size:11px;color:var(--wg-text)}
@media(max-width:950px){.wg-header{padding:14px 5%;gap:16px}.wg-header nav{gap:12px}.wg-hero-inner{grid-template-columns:minmax(0,1fr) 150px;gap:20px}.wg-orbit{width:140px;height:140px}.wg-orbit-center{width:90px;height:90px;font-size:34px}.wg-card{padding:20px}.wg-project-grid{gap:15px}.wg-team{margin-left:5%;margin-right:5%}}
@media(max-width:760px){html{scroll-padding-top:160px}.wg-header{position:relative;flex-direction:column;align-items:flex-start;gap:12px}.wg-header nav{gap:10px 16px}.wg-header nav a{font-size:12px}.wg-header nav .wg-nav-med{padding:7px 10px}.wg-hero{padding:30px 5%}.wg-hero-inner{grid-template-columns:minmax(0,1fr)}.wg-orbit{display:none}.wg-hero h1{font-size:clamp(32px,8.8vw,60px)}.wg-eyebrow{font-size:10px;letter-spacing:.08em}.wg-hero-description{font-size:15px}.wg-projects{padding-top:25px}.wg-project-grid{grid-template-columns:1fr;gap:18px}.wg-card{padding:24px}.wg-card h3{font-size:29px}.wg-team{grid-template-columns:1fr;gap:20px;padding:25px 22px}.wg-section-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wg-card{transition:none}.wg-card:hover{transform:none}}

/* Proyectos registrados para el crecimiento del grupo. */
.wg-lab{--wg-accent:var(--wg-green);--wg-soft:#ecfaf2;--wg-icon-ink:#fff}
.wg-curiosidades{--wg-accent:var(--wg-ink);--wg-soft:#f4f7ff;--wg-icon-ink:#ffe34d}
.wg-lab h3 span{color:var(--wg-green)}
.wg-curiosidades h3,.wg-curiosidades h3 span{color:var(--wg-ink)}