*{margin:0;padding:0;box-sizing:border-box;font-weight:300;font-style:normal}h1,h2,h3,h4,h5,h6{font-weight:300;font-style:bold}html{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background-color:#ecf0f5;background-image:radial-gradient(circle at 20% 50%,rgba(245,158,11,.7),transparent 50%),radial-gradient(circle at 80% 50%,rgba(16,185,129,.7),transparent 50%);background-repeat:no-repeat;background-attachment:fixed;color:#111827;width:100%;overflow-x:hidden;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:floatWaves 20s ease-in-out infinite}@keyframes floatWaves{0%{background-image:radial-gradient(circle at 20% 40%,rgba(245,158,11,.7),transparent 50%),radial-gradient(circle at 80% 60%,rgba(16,185,129,.7),transparent 50%)}50%{background-image:radial-gradient(circle at 20% 60%,rgba(245,158,11,.6),transparent 50%),radial-gradient(circle at 80% 40%,rgba(16,185,129,.65),transparent 50%)}to{background-image:radial-gradient(circle at 20% 40%,rgba(245,158,11,.7),transparent 50%),radial-gradient(circle at 80% 60%,rgba(16,185,129,.7),transparent 50%)}}body{min-height:100vh}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh;background:transparent}.sidebar{width:280px;min-height:100vh;background:linear-gradient(180deg,rgba(11,17,31,.98),rgba(18,43,34,.98));color:#fff;padding:24px 20px;display:none;flex-direction:column;gap:24px;border-right:1px solid rgba(162,212,171,.16);box-shadow:0 24px 60px rgba(3,16,12,.28)}.sidebar__header h2{font-size:20px;line-height:1.3;font-weight:700}.sidebar__nav ul{list-style:none;display:flex;flex-direction:column;gap:14px}.sidebar__section-title{font-weight:700;margin-top:10px}.content{flex:1 1;min-height:100vh;padding:30px;background:transparent}.home{min-height:100vh}.hero,.home{align-items:center;justify-content:center}.hero{position:relative;height:340px;display:flex;text-align:center;color:#fff;background-image:url(/fondo4.jpg);background-size:cover;background-position:50%;border-bottom:6px solid #fff}.hero:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}.hero h1,.hero h2{position:relative;font-size:50px;font-weight:700}.photos{gap:20px;flex-wrap:wrap;padding:40px 20px;width:100%;margin:0 auto}.photos,.site-footer{display:flex;justify-content:center;align-items:center;max-width:1280px}.site-footer{padding-top:2rem;margin:5rem auto 0;border-top:1px solid rgba(72,158,49,.2);text-align:center;color:#6b7280;font-size:.875rem}.site-footer p{margin:0}.photos img{width:100%;max-width:100%;height:auto;border-radius:12px;object-fit:cover;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .3s ease}.photos img:hover{transform:scale(1.05)}.intro{position:relative;padding:80px 40px;text-align:center;font-size:22px;line-height:1.6;color:#fff;background-image:url(/fondo1.gif);background-size:cover;background-position:50%;background-attachment:fixed;margin-top:-40px}.intro:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.75)}.intro p{position:relative;max-width:900px;margin:auto}.lesson{max-width:900px;padding:40px}.lesson__header h1{font-size:40px;margin-bottom:20px}.lesson__section{margin-top:40px}.lesson__video{margin-top:20px}.navbar{display:flex;justify-content:center;align-items:center;padding:12px 28px;background:#0b0b0b;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1100;flex-wrap:wrap;border-bottom:1px solid rgba(196,164,76,.14);box-shadow:0 10px 28px rgba(0,0,0,.28)}.navbar-inner{width:100%;max-width:1440px;display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:center;grid-gap:24px;gap:24px}.navbar-brand{display:flex;align-items:center;gap:16px;min-width:0}.navbar-brand__link{display:inline-flex;flex-shrink:0}.navbar-brand__copy{display:flex;flex-direction:column;gap:4px;min-width:0}.navbar-brand__eyebrow{color:#c8b36a;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.navbar-brand__copy p{font-size:14px;font-weight:700;line-height:1.3;color:hsla(0,0%,100%,.94)}.navbar-link-item{position:relative;padding:10px 0;font-size:14px;font-weight:700;color:hsla(0,0%,100%,.9);transition:color .2s ease}.navbar-link-item:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;transform:scaleX(0);transform-origin:center;background:linear-gradient(90deg,#c8b36a,#8e8f52);transition:transform .2s ease}.navbar-link-item:focus-visible,.navbar-link-item:hover{color:#fff}.navbar-link-item:focus-visible:after,.navbar-link-item:hover:after{transform:scaleX(1)}.navbar-links{display:flex;justify-content:flex-end;gap:24px;align-items:center;flex-wrap:wrap}.logo{height:72px;width:auto}.course-dropdown{position:relative}.course-button,.course-dropdown{display:inline-flex;align-items:center}.course-button{background:hsla(0,0%,7%,.6);border:1px solid hsla(47,46%,60%,.14);color:hsla(0,0%,100%,.95);font-size:14px;font-weight:700;gap:8px;padding:8px 12px;border-radius:999px;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.course-button:focus,.course-button:hover{transform:translateY(-2px);background:hsla(47,46%,60%,.06)}.course-item{padding:11px 14px;transition:background-color .2s ease,transform .15s ease;color:hsla(0,0%,100%,.92)}.course-item:hover{background:rgba(196,164,76,.12);transform:translateX(4px)}.course-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1205}.course-modal{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:1210;width:320px;max-height:60vh;display:block;padding:8px;overflow:visible}.course-modal-inner{width:100%;background:linear-gradient(180deg,#0f1110,#121212);border-radius:14px;padding:14px;box-shadow:0 20px 40px rgba(0,0,0,.45);border:1px solid hsla(47,46%,60%,.12);overflow:auto}.course-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.course-modal-header h3{margin:0;font-size:16px;color:#fff}.course-modal-close{background:hsla(0,0%,100%,.04);border:none;color:#fff;width:36px;height:36px;border-radius:999px;font-size:20px;cursor:pointer}.course-modal-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.course-modal-item a{display:block;padding:10px 12px;background:hsla(0,0%,100%,.03);color:hsla(0,0%,100%,.96);border-radius:10px;text-decoration:none;font-weight:700}.course-modal-item a:hover{background:hsla(47,46%,60%,.12)}@media (max-width:768px){.course-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,480px);max-height:80vh}}.contact-map{margin-top:40px}.contact-info,.contact-map{justify-content:center;display:flex}.contact-info{gap:40px;padding:60px 40px;flex-wrap:wrap}.contact-card{background:linear-gradient(180deg,#fff,#fbfdff);padding:28px 32px;width:280px;border-radius:14px;text-align:center;box-shadow:0 12px 32px rgba(18,24,28,.08);border:1px solid hsla(47,46%,60%,.12);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#c8b36a,#8e8f52)}.contact-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(18,24,28,.12);border-color:hsla(47,46%,60%,.25)}.contact-card h2{margin-bottom:16px;font-size:18px;font-weight:800;color:#111827;letter-spacing:.3px}.contact-card h3{margin-bottom:10px}.contact-back{position:relative;padding:80px 40px;text-align:center;font-size:22px;line-height:1.6;color:#fff;background-size:cover;background-position:50%;margin-top:-25px;background-image:url(/fondo-titulo2.jpg);background-blend-mode:overlay}.contact-back:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(180deg,transparent,rgba(246,248,251,.4));pointer-events:none}.contact-back h1{position:relative;font-size:44px;font-weight:800;text-shadow:0 4px 12px rgba(0,0,0,.3);letter-spacing:.5px}.contact-social{max-width:600px;margin:20px auto;display:flex;flex-direction:column;gap:16px}.social-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#fff,#fbfdff);border-radius:12px;box-shadow:0 8px 24px rgba(18,24,28,.06);border:1px solid hsla(47,46%,60%,.08);font-size:15px;font-weight:600;color:#2d3748;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.social-row:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(18,24,28,.12);border-color:hsla(47,46%,60%,.2)}.social-button{justify-content:center;max-width:760px;margin:40px auto 0;background:linear-gradient(135deg,#2f855a,#48bb78);color:#fff;font-weight:700;text-align:center;padding:18px 24px}.social-button span{width:100%}.cta-wrapper{display:flex;justify-content:center;padding:0 20px 40px}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lesson{max-width:1000px;margin:0 auto;padding:40px 20px;background:transparent}.lesson h1{font-size:38px;font-weight:800;color:#111827;margin-bottom:26px;text-align:center;background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#c8b36a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.2px}.lesson-section{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);margin-bottom:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.lesson-section:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,.15)}.lesson-section iframe{border:none;border-radius:0 0 12px 12px;width:100%;aspect-ratio:16/9;height:auto}.lesson-text{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:30px;margin-bottom:20px;line-height:1.8;font-size:18px;font-family:Georgia,serif;color:#2d3748;transition:transform .28s ease,box-shadow .28s ease}.lesson-text p:first-of-type:first-letter{font-size:46px;line-height:1;float:left;margin-right:12px;font-weight:700;color:#2d3748;font-family:Georgia,serif}.lesson-text:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,.15)}.lesson-image{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);padding:20px;margin-bottom:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.lesson-image:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,.15)}.lesson-image img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.lesson-image-text{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);padding:30px;margin-bottom:20px;transition:transform .3s ease,box-shadow .3s ease}.lesson-image-text:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,.15)}.image-text-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;align-items:center}.image-text-image{text-align:center}.image-text-image img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.image-text-content{display:flex;flex-direction:column;justify-content:center}.image-text-content p{line-height:1.8;font-size:18px;font-family:Georgia,serif;color:#2d3748;white-space:pre-wrap;word-wrap:break-word}.game-block{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);padding:30px 15px;margin-bottom:30px;transition:transform .3s ease,box-shadow .3s ease}.game-block:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.game-block h2{font-size:32px;font-weight:800;color:#111827;margin-bottom:18px;text-align:center}.game-block h2:after{content:"";display:block;width:90px;height:6px;margin:10px auto 0;border-radius:6px;background:linear-gradient(90deg,#c8b36a,#8e8f52)}.scratch-demo{text-align:center;margin-bottom:40px}.scratch-demo iframe{border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);max-width:100%;width:100%;height:auto;aspect-ratio:485/402}.game-info{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:12px;padding:22px 26px;margin-bottom:36px;border-left:6px solid hsla(47,46%,60%,.9);box-shadow:0 10px 24px rgba(18,24,28,.04)}.game-info p{margin-bottom:14px;font-size:15.5px;color:#475569}.game-info p strong{display:inline-block;min-width:140px;background:hsla(47,46%,60%,.12);color:#4b3a20;padding:6px 10px;border-radius:999px;font-weight:800;margin-right:12px;font-size:14px}.game-info h3{font-size:20px;font-weight:700;color:#1f2937;margin-top:18px;margin-bottom:12px;position:relative;padding-left:26px}.game-info h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:4px;background:linear-gradient(180deg,#c8b36a,#8e8f52);box-shadow:0 6px 14px hsla(47,46%,60%,.12)}.game-pdf{margin-bottom:40px}.game-pdf h3{font-size:24px;font-weight:600;color:#2d3748;margin-bottom:20px;text-align:center}.game-pdf iframe{border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);width:100%;height:600px;border:none}@media (max-width:1024px){.lesson{max-width:90%;padding:15px}.lesson h1{font-size:32px}.lesson h1,.lesson-section{margin-bottom:25px}.lesson-text{padding:25px;font-size:15px}.lesson-image{padding:15px}.image-text-container{grid-template-columns:1fr 1fr;gap:20px}.image-text-content p{font-size:16px}.game-block{padding:25px}}@media (max-width:768px){.lesson h1{font-size:28px}.lesson-section iframe{aspect-ratio:16/9}.lesson-text{padding:20px;font-size:14px}.lesson-image{padding:15px}.image-text-container{grid-template-columns:1fr;gap:20px}.image-text-content p{font-size:15px}.game-block{padding:20px}.navbar{padding:10px 20px;flex-direction:column;gap:10px}.navbar-links{gap:15px;font-size:14px;flex-wrap:wrap;justify-content:center}.logo{height:60px}.pdf-viewer{padding:15px;max-width:100%;margin:10px auto}.pdf-document{min-height:50vh;overflow:hidden}.pdf-document iframe{height:50vh;min-height:50vh}.pdf-controls{flex-wrap:wrap;gap:10px;padding:12px}.pdf-button{padding:8px 12px;font-size:12px;flex:1 1;min-width:80px}.pdf-page-info{width:100%;text-align:center;order:3;font-size:14px}.scratch-demo{margin-bottom:30px}.scratch-demo iframe{max-width:100%!important;width:100%!important;height:auto!important;min-height:300px}.game-pdf{margin-bottom:30px}.game-pdf h3{font-size:18px;margin-bottom:15px}}@media (max-width:480px){.lesson{padding:10px}.lesson h1{font-size:24px}.lesson h1,.lesson-section{margin-bottom:20px}.lesson-text{padding:15px;font-size:13px}.game-block{padding:15px}.pdf-viewer{padding:10px;border-radius:8px}.pdf-document,.pdf-document iframe{min-height:40vh}.pdf-controls{flex-direction:column;padding:10px;gap:8px}.pdf-button{width:100%;padding:10px;font-size:13px}.pdf-page-info{font-size:13px;padding:8px}.scratch-demo{margin-bottom:20px}.scratch-demo iframe{height:250px!important;min-height:250px!important}.game-pdf h3{font-size:16px;margin-bottom:12px}.game-info{padding:15px}.game-info h3{font-size:18px;margin-top:20px}.game-info p{font-size:14px}}.menu-button{display:none;position:fixed;top:20px;left:20px;z-index:1201;background:linear-gradient(135deg,#111,#2b2618);color:#fff;border:none;padding:12px 16px;border-radius:999px;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.02em;box-shadow:0 12px 30px rgba(0,0,0,.32);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-button__icon{font-size:18px;line-height:1}.menu-button__text{text-transform:uppercase;font-size:12px}.sidebar-backdrop{position:fixed;inset:0;z-index:1090;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.text-preserve-whitespace{white-space:pre-wrap;word-wrap:break-word}.pdf-viewer{background:transparent;border-radius:0;padding:0;box-shadow:none;margin-bottom:20px;width:100%}.pdf-document{display:flex;justify-content:center;overflow:visible;width:100%;min-height:85vh}.pdf-document iframe{width:100%;height:85vh;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.pdf-loading{color:#666;font-size:16px}.pdf-error,.pdf-loading{text-align:center;padding:40px}.pdf-error{color:#e53e3e;background:#fed7d7;border-radius:8px;margin:20px 0}.pdf-error p{margin:5px 0;font-size:14px}.pdf-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background:#f7fafc;border-radius:8px}.pdf-button{background:#3182ce;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s ease}.pdf-button:hover:not(:disabled){background:#2c5282}.pdf-button:disabled{background:#cbd5e0;cursor:not-allowed}.pdf-page-info{font-size:16px;font-weight:600;color:#2d3748}.sidebar{position:relative;overflow:hidden;background:radial-gradient(circle at top left,hsla(47,46%,60%,.12),transparent 34%),radial-gradient(circle at top right,rgba(142,143,82,.12),transparent 28%),linear-gradient(180deg,rgba(9,9,9,.98),rgba(21,22,18,.98))}.sidebar.open{transform:translateX(0)}.sidebar-header{justify-content:space-between;gap:16px;padding-top:4px}.sidebar-brand,.sidebar-header{display:flex;align-items:center}.sidebar-brand{gap:12px;min-width:0}.sidebar-brand__logo{width:52px;height:52px;border-radius:14px;object-fit:cover;background:hsla(0,0%,100%,.08);border:1px solid hsla(47,46%,60%,.22);box-shadow:0 10px 24px rgba(0,0,0,.18)}.sidebar-brand__text{display:flex;flex-direction:column;gap:4px;min-width:0}.sidebar-brand__eyebrow{color:#c8b36a;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.sidebar-brand__text strong{font-size:13px;line-height:1.35;max-width:210px}.sidebar-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:hsla(0,0%,100%,.08);color:#fff;width:40px;height:40px;border-radius:999px;font-size:24px;line-height:1;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.sidebar-close:hover{transform:rotate(6deg);background:hsla(0,0%,100%,.14)}.sidebar-description{color:hsla(0,0%,100%,.76);font-size:13px;line-height:1.6;padding:12px 14px;border-radius:14px;background:hsla(0,0%,100%,.04);border:1px solid hsla(47,46%,60%,.08)}.sidebar-nav{display:flex;flex:0 0 auto}.sidebar-list{list-style:none;display:flex;flex-direction:column;gap:12px;width:100%}.course-toggle,.sidebar-link,.submenu-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;color:#fff;text-align:left;border:1px solid transparent;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.sidebar-link{padding:15px 16px;border-radius:18px;background:linear-gradient(180deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.035));font-weight:700;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 10px 24px rgba(0,0,0,.08)}.sidebar-link--home{background:linear-gradient(180deg,hsla(47,46%,60%,.12),hsla(0,0%,100%,.04))}.sidebar-link:focus-visible,.sidebar-link:hover{transform:translateX(4px);background:hsla(47,46%,60%,.12);border-color:hsla(47,46%,60%,.18)}.sidebar-section{padding-top:2px}.course-toggle{background:linear-gradient(180deg,rgba(50,44,27,.78),rgba(28,24,15,.82));border-radius:18px;padding:15px 16px;font-weight:800;cursor:pointer}.course-toggle:focus-visible,.course-toggle:hover{background:linear-gradient(180deg,rgba(72,62,37,.88),rgba(36,31,19,.88));border-color:hsla(47,46%,60%,.18)}.course-toggle__icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:hsla(0,0%,100%,.12);flex-shrink:0}.submenu{list-style:none;margin-top:10px;margin-left:8px;padding:10px 0 8px 12px;border-left:1px solid hsla(47,46%,60%,.18);display:flex;flex-direction:column;gap:8px}.submenu-link{padding:11px 13px;border-radius:12px;color:hsla(0,0%,100%,.92);background:hsla(0,0%,100%,.03);font-size:13px}.submenu-link:focus-visible,.submenu-link:hover{transform:translateX(4px);background:hsla(47,46%,60%,.1)}@media (max-width:768px){.layout{flex-direction:column}.menu-button{display:inline-flex}.sidebar{display:flex;position:fixed;top:0;left:0;width:min(90vw,360px);height:100dvh;z-index:1100;transform:translateX(-100%);transition:transform .3s ease;padding:18px 16px 20px;overflow-y:auto;scrollbar-width:thin;border-right:1px solid rgba(167,243,208,.14);border-radius:0 28px 28px 0;gap:16px}.sidebar.open{transform:translateX(0)}.content{padding:20px;margin-top:0}.navbar{padding:10px 20px}}@media (min-width:769px){.menu-button,.sidebar,.sidebar-backdrop{display:none}}@media (max-width:480px){.sidebar{width:100%;border-right:none;border-radius:0}.content{padding:15px}.menu-button{top:15px;left:15px;padding:11px 14px}.navbar{display:none}.navbar-links a{font-size:11px;padding:4px 6px;white-space:nowrap}.logo{height:40px}.sidebar-header{gap:12px}.sidebar-brand__logo{width:48px;height:48px}.sidebar-brand__text strong{font-size:12px;max-width:190px}.sidebar-description{font-size:13px}}@media (max-width:1024px){.hero{height:280px}.hero h1,.hero h2{font-size:40px}.photos{padding:30px;gap:15px}.intro{padding:60px 30px;font-size:20px}.navbar{padding:10px 30px}.navbar-links{gap:20px}.logo{height:80px}.contact-info{padding:40px 20px;gap:20px}.contact-card{width:240px;padding:20px}.social-row{font-size:16px;padding:12px 16px}}@media (max-width:768px){.hero{height:240px}.hero h1,.hero h2{font-size:32px}.photos{padding:20px;gap:10px}.photos img{max-width:300px}.intro{padding:40px 20px;font-size:18px;margin-top:-20px}.intro p{max-width:100%}.navbar{display:none}.logo{height:60px}.content{padding:20px}.site-footer{padding-top:1rem;margin-top:3rem;font-size:.75rem}.contact-info{padding:30px 15px;gap:15px}.contact-card{width:100%;max-width:300px;padding:15px}.contact-back{padding:40px 20px;font-size:18px;margin-top:-15px}.contact-social{margin:20px auto;gap:15px}.social-row{font-size:14px;padding:10px 12px}.course-menu{min-width:200px}}@media (max-width:480px){.hero{height:200px}.hero h1,.hero h2{font-size:24px}.photos{padding:15px;gap:8px}.photos img{max-width:250px}.intro{padding:30px 15px;font-size:16px;margin-top:-15px}.navbar{padding:8px 10px;flex-wrap:wrap;gap:8px}.navbar>div:nth-child(2){display:none}.navbar-links{gap:8px;width:100%;justify-content:space-around}.navbar-links a{font-size:12px;padding:4px 6px}.logo{height:45px}.content{padding:15px}.site-footer{padding-top:.5rem;margin-top:2rem;font-size:.7rem}.contact-info{padding:20px 10px;gap:10px}.contact-card{width:100%;padding:12px}.contact-back,.contact-card h3{font-size:16px}.contact-back{padding:30px 15px;margin-top:-10px}.contact-social{margin:15px auto;gap:10px}.social-row{font-size:12px;padding:8px 10px}.course-menu{min-width:180px}.course-item{padding:8px 12px}.lesson-image{padding:10px}.image-text-container{grid-template-columns:1fr;gap:15px}.image-text-content p{font-size:13px}}