.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e1e59;width:100%;position:fixed;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo img{height:60px}.nav{color:#fff;gap:2rem;display:flex}.nav a{transition:var(--transition)}.nav a:hover{color:var(--primary)}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;display:none}@media (width<=768px){.menu-btn{display:block}.nav{text-align:center;background:#1e1e1ef2;flex-direction:column;width:100%;max-height:0;transition:all .3s;position:absolute;top:80px;left:0;overflow:hidden}.nav.active{max-height:400px;padding:2rem 0}}.hero{background-image:url(https://espacioubt.com.ar/heroubt.webp);background-position:50%;background-size:cover;align-items:center;min-height:100vh;display:flex;position:relative}.overlay{background:linear-gradient(#00000031,#a37d91c9);position:absolute;inset:0}.hero-content{z-index:2;color:#fff;text-align:center;max-width:700px;margin:0 auto;position:relative}.hero-tag{background:#7b469e40;border:1px solid #9585a080;border-radius:50px;margin-bottom:1rem;padding:.5rem 1rem;display:inline-block}.hero h1{margin-bottom:1.5rem}.hero-title{min-height:4.5rem}.hero p{margin-bottom:2rem;font-size:1.1rem}.hero h3{margin-bottom:2rem;font-weight:400;line-height:1.4}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{background:var(--primary);color:#fff;transition:var(--transition);border-radius:50px;padding:1rem 2rem}.btn-primary:hover{transform:translateY(-3px)}.btn-secondary{border:2px solid var(--secondary);color:#fff;border-radius:50px;padding:1rem 2rem}.btn-secondary:hover{background:var(--secondary)}.about{background-color:var(--white);position:relative;overflow:hidden}.about-header{text-align:center;margin-bottom:2.5rem}.section-tag{letter-spacing:2px;color:var(--primary);text-transform:uppercase;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:inline-block}.about-header h2{color:var(--dark);margin-bottom:.75rem}.title-separator{background-color:var(--secondary);border-radius:2px;width:60px;height:3px;margin:0 auto}.about-grid{flex-direction:column;gap:2.5rem;display:flex}.about-visual{width:100%}.about-card-decorative{text-align:center;background:linear-gradient(135deg,#9585a014 0%,#81856c1f 100%);border:1px solid #9585a033;border-radius:16px;flex-direction:column;align-items:center;padding:2.5rem 1.5rem;display:flex;box-shadow:0 8px 24px #0000000a}.about-logo{filter:brightness(0)drop-shadow(0 4px 6px #0000000d);max-width:160px;height:auto;margin-bottom:1.5rem}.ubuntu-highlight{border-top:1px solid #9585a033;width:100%;padding-top:1.5rem}.ubuntu-title{font-family:var(--font-title);letter-spacing:3px;color:var(--primary);margin-bottom:.5rem;font-size:1.4rem;font-weight:700;display:block}.ubuntu-quote{font-family:var(--font-title);color:var(--secondary);font-size:1.15rem;font-style:italic;font-weight:600}.about-content{color:var(--dark);text-align:left;flex-direction:column;gap:1.25rem;font-size:1rem;line-height:1.8;display:flex}.about-lead{color:var(--dark);font-size:1.15rem;font-weight:500;line-height:1.7}.about-callout{background-color:var(--light);border-left:4px solid var(--primary);border-radius:0 12px 12px 0;margin:.5rem 0;padding:1.25rem 1.5rem}.about-callout p{color:var(--dark);font-size:1rem}.ubuntu-banner{background:var(--light);border:1px dashed var(--secondary);text-align:center;color:var(--secondary);border-radius:12px;margin:.5rem 0;padding:1rem 1.5rem;font-size:1.2rem}.about-footer-tagline{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:var(--white);text-align:center;box-shadow:var(--shadow);border-radius:12px;margin-top:1rem;padding:1.25rem 1.5rem;font-size:1.1rem}.about-footer-tagline strong{font-weight:600}@media (width>=900px){.about-header{margin-bottom:3.5rem}.about-grid{grid-template-columns:360px 1fr;align-items:start;gap:3.5rem;display:grid}.about-card-decorative{padding:3rem 2rem;position:sticky;top:100px}.about-content{font-size:1.05rem}.about-lead{font-size:1.25rem}}.classes{background:#fafafc}.classes .container{flex-direction:column;gap:3rem;display:flex}.classes-header{text-align:center;max-width:760px;margin:0 auto}.section-tag{color:var(--primary);letter-spacing:.08rem;text-transform:uppercase;background:#9585a01f;border-radius:999px;justify-content:center;align-items:center;margin-bottom:1rem;padding:.45rem 1rem;font-size:.85rem;font-weight:700;display:inline-flex}.classes-header h2{color:var(--dark);margin-bottom:1rem;line-height:1.2}.classes-header p{color:#666;max-width:640px;margin:auto;font-size:1.05rem;line-height:1.8}.classes-grid{grid-template-columns:1fr;gap:2rem;display:grid}.class-card{background:var(--white);border-radius:24px;flex-direction:column;transition:all .35s;display:flex;overflow:hidden;box-shadow:0 12px 35px #00000014}.class-card:hover{transform:translateY(-8px);box-shadow:0 24px 45px #00000026}.class-image{aspect-ratio:16/10;position:relative;overflow:hidden}.class-image img{object-fit:cover;width:100%;height:100%;transition:all .6s}.class-card:hover img{transform:scale(1.08)}.class-overlay{background:linear-gradient(#0000000d,#00000073);justify-content:flex-end;align-items:flex-start;padding:1rem;display:flex;position:absolute;inset:0}.class-level{color:var(--primary);background:#fffffff2;border-radius:999px;padding:.45rem 1rem;font-size:.82rem;font-weight:700}.class-content{flex-direction:column;flex:1;padding:1.75rem;display:flex}.class-content h3{color:var(--dark);margin-bottom:.8rem;font-size:1.45rem}.class-content p{color:#666;margin-bottom:1.5rem;line-height:1.7}.class-info{flex-direction:column;gap:.8rem;margin-bottom:2rem;display:flex}.class-info li{color:#555;align-items:center;gap:.4rem;font-size:.95rem;display:flex}.class-info strong{color:var(--secondary)}.class-button{background:var(--primary);color:var(--white);border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;margin-top:auto;padding:.95rem 1.8rem;font-weight:600;transition:all .3s;display:inline-flex}.class-button:hover{background:var(--secondary);transform:translateY(-2px)}@media (width>=768px){.classes-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.classes-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1500px){.classes-grid{gap:2.5rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.contact{background-color:var(--light)}.contact-header{text-align:center;max-width:650px;margin:0 auto 2.5rem}.contact-header h2{color:var(--dark);margin-top:.5rem;margin-bottom:.75rem}.contact-header p{color:#555;font-size:1rem}.contact-wrapper{flex-direction:column;gap:2rem;display:flex}.contact-info-card{background:var(--white);border:1px solid #9585a026;border-radius:16px;flex-direction:column;padding:2rem 1.5rem;display:flex;box-shadow:0 10px 30px #0000000d}.contact-info-card h3{color:var(--dark);margin-bottom:.5rem;font-size:1.35rem}.contact-info-desc{color:#666;margin-bottom:1.5rem;font-size:.95rem}.contact-details{flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;display:flex}.contact-details li{align-items:center;gap:1rem;display:flex}.icon-wrapper{background:#9585a01f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.contact-details strong{color:#777;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;display:block}.contact-details a,.contact-details span{color:var(--dark);word-break:break-all;font-size:.95rem;font-weight:500}.contact-details a:hover{color:var(--primary);text-decoration:underline}.contact-quote-badge{text-align:center;font-family:var(--font-title);color:var(--secondary);background:linear-gradient(135deg,#9585a01a 0%,#81856c1a 100%);border-radius:10px;margin-top:auto;padding:1rem;font-weight:600}.contact-form-container{background:var(--white);border:1px solid #9585a026;border-radius:16px;padding:2rem 1.5rem;box-shadow:0 10px 30px #0000000d}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{text-align:left;flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--dark);font-size:.9rem;font-weight:600}.form-group input,.form-group textarea{width:100%;font-family:var(--font-body);color:var(--dark);transition:var(--transition);background-color:#fafafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:.85rem 1rem;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);background-color:var(--white);box-shadow:0 0 0 3px #9585a026}.form-row{flex-direction:column;gap:1.25rem;display:flex}.btn-submit{background:linear-gradient(135deg, var(--primary) 0%, #7d6b88 100%);width:100%;color:var(--white);cursor:pointer;transition:var(--transition);border:none;border-radius:10px;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;box-shadow:0 4px 14px #9585a04d}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9585a066}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.alert{text-align:left;border-radius:10px;margin-bottom:1.25rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:500}.alert-success{color:#03543f;background-color:#def7ec;border:1px solid #bcf0da}.alert-error{color:#9b1c1c;background-color:#fde8e8;border:1px solid #fbd5d5}@media (width>=768px){.form-row{flex-direction:row}.form-row .form-group{flex:1}}@media (width>=992px){.contact-wrapper{grid-template-columns:380px 1fr;align-items:stretch;gap:2.5rem;display:grid}.contact-info-card,.contact-form-container{padding:2.5rem 2rem}}:root{--font-title:"Poppins",sans-serif;--font-body:"Inter",sans-serif;--primary:#9585a0;--secondary:#81856c;--dark:#1e1e1e;--light:#f7f7f7;--white:#fff;--max-width:1400px;--shadow:0 10px 30px #00000026;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:#fafafc}h1,h2,h3,h4,h5,h6,button{font-family:var(--font-title)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:min(100% - 2rem,var(--max-width));margin:auto}.section{padding:clamp(4rem,8vw,7rem) 0}h1{font-size:clamp(2.8rem,8vw,5.5rem)}h2{font-size:clamp(2rem,5vw,3.5rem)}p{line-height:1.7}
