html{box-sizing:border-box;font-size:16px}
*,:before,:after{box-sizing:inherit}
body{margin:0;padding:0;font-family:'Nunito',sans-serif;background:linear-gradient(135deg,#FFF 0%,#f5f0eb 100%);color:#29211D;line-height:1.6}
.MastHd{background:linear-gradient(180deg,#29211D 0%,#3d3430 100%);padding:28px 0;box-shadow:0 4px 12px #29211d26}
.MastHd .mast-wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.MastHd .SiteTtl{margin:0;font-family:'Exo 2',sans-serif;font-size:42px;font-weight:700;color:#CCB894;text-align:center;letter-spacing:1px}
.EdBar{background:#FFF;border-bottom:3px solid #CCB894;padding:0;box-shadow:0 6px 16px #29211d14}
.EdBar .ed-wrap{max-width:1140px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.EdBar .logo-holder{flex-shrink:0}
.EdBar .BrandLogo{height:85px;width:85px;display:block;border:2px solid #CCB894;border-radius:20px;padding:6px;background:#FFF;box-shadow:0 4px 10px #ccb89440}
.EdBar .MainNv{display:flex;gap:32px;flex-wrap:wrap;align-items:center}
.EdBar .MainNv .nv-link{font-family:'Exo 2',sans-serif;font-size:16px;font-weight:700;color:#29211D;text-decoration:none;padding:10px 0;position:relative;transition:color .3s ease}
.EdBar .MainNv .nv-link:hover{color:#CCB894}
.EdBar .MainNv .nv-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:#CCB894;transition:width .3s ease}
.EdBar .MainNv .nv-link:hover::after{width:100%}
.FtZone{background:radial-gradient(circle at top left,#e8e4e0,#f5f0eb);padding:60px 0 20px;margin-top:80px;box-shadow:inset 0 8px 20px #29211d0f}
.FtZone .ft-container{max-width:1140px;margin:0 auto;padding:0 20px}
.FtZone .ft-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;margin-bottom:40px}
.FtZone .ft-heading{font-family:'Exo 2',sans-serif;font-size:28px;font-weight:700;color:#29211D;margin:0 0 16px}
.FtZone .ft-subhead{font-family:'Exo 2',sans-serif;font-size:20px;font-weight:700;color:#29211D;margin:0 0 20px}
.FtZone .ft-desc{font-size:15px;line-height:1.7;color:#4a4240;margin:0 0 24px}
.FtZone .contact-block{display:flex;flex-direction:column;gap:12px}
.FtZone .contact-item{font-size:14px;color:#4a4240;margin:0;display:flex;align-items:center;gap:10px}
.FtZone .contact-item .oi{color:#CCB894;font-size:16px}
.FtZone .contact-item a{color:#29211D;text-decoration:none;transition:color .3s ease}
.FtZone .contact-item a:hover{color:#CCB894}
.FtZone .FtNav,.FtZone .LegalNav{display:flex;flex-direction:column;gap:12px}
.FtZone .ft-navlink{font-size:15px;color:#29211D;text-decoration:none;transition:color .3s ease,padding-left .3s ease;padding-left:0}
.FtZone .ft-navlink:hover{color:#CCB894;padding-left:6px}
.FtZone .ft-bottom{border-top:2px solid #CCB894;padding-top:24px;text-align:center}
.FtZone .copyright-txt{font-size:14px;color:#4a4240;margin:0}
.CookieToast{position:fixed;top:20px;left:20px;max-width:380px;background:#FFF;border-radius:20px;padding:24px;box-shadow:0 12px 32px #29211d40;z-index:10000;border:2px solid #CCB894}
.CookieToast .toast-content{display:flex;flex-direction:column;gap:16px}
.CookieToast .toast-heading{font-family:'Exo 2',sans-serif;font-size:20px;font-weight:700;color:#29211D;margin:0}
.CookieToast .toast-desc{font-size:14px;color:#4a4240;margin:0;line-height:1.6}
.CookieToast .cookie-options{display:flex;flex-direction:column;gap:12px;padding:12px 0;border-top:1px solid #e8e4e0;border-bottom:1px solid #e8e4e0}
.CookieToast .cookie-toggle-item{display:flex;align-items:center}
.CookieToast .toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#29211D}
.CookieToast .cookie-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#CCB894}
.CookieToast .cookie-checkbox:disabled{cursor:not-allowed}
.CookieToast .expandable-section{margin-top:8px}
.CookieToast .expand-btn{background:transparent;border:none;color:#CCB894;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 0;transition:color .3s ease}
.CookieToast .expand-btn:hover{color:#29211D}
.CookieToast .legal-content{padding:12px 0 0}
.CookieToast .policy-text{font-size:13px;color:#4a4240;margin:0}
.CookieToast .policy-text a{color:#CCB894;text-decoration:underline}
.CookieToast .toast-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.CookieToast .bt{font-family:'Exo 2',sans-serif;font-size:14px;font-weight:700;padding:12px 16px;border-radius:16px;border:2px solid #CCB894;cursor:pointer;transition:background .3s ease,color .3s ease}
.CookieToast .bt--accept{background:#CCB894;color:#29211D}
.CookieToast .bt--accept:hover{background:#29211D;color:#FFF;border-color:#29211D}
.CookieToast .bt--decline{background:transparent;color:#29211D}
.CookieToast .bt--decline:hover{background:#e8e4e0}
@media (max-width: 1024px) {
.FtZone .ft-row{grid-template-columns:1fr;gap:40px}
.EdBar .ed-wrap{flex-direction:column;gap:20px;padding:20px}
.EdBar .MainNv{justify-content:center;gap:20px}
}
@media (max-width: 768px) {
.MastHd .SiteTtl{font-size:32px}
.EdBar .MainNv{flex-direction:column;gap:16px;width:100%}
.EdBar .MainNv .nv-link{width:100%;text-align:center;padding:12px;border-radius:12px;background:#f5f0eb}
.CookieToast{left:10px;right:10px;max-width:calc(100% - 20px)}
.CookieToast .toast-actions{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.MastHd{padding:20px 0}
.MastHd .SiteTtl{font-size:26px}
.EdBar .BrandLogo{height:70px;width:70px}
.FtZone{padding:40px 0 20px}
}
.legal-content{max-width:1140px;margin:0 auto;padding:80px 20px;background:#FFF}
.legal-content h1{font-size:42px;font-weight:700;color:#29211D;margin:0 0 40px;line-height:1.2;padding-bottom:24px;border-bottom:3px solid #CCB894}
.legal-content h2{font-size:32px;font-weight:700;color:#29211D;margin:60px 0 24px;line-height:1.3;padding-left:16px;border-left:4px solid #CCB894}
.legal-content h3{font-size:24px;font-weight:600;color:#29211D;margin:40px 0 20px;line-height:1.4}
.legal-content h4{font-size:20px;font-weight:600;color:#29211D;margin:32px 0 16px;line-height:1.4}
.legal-content h5{font-size:18px;font-weight:600;color:#29211D;margin:24px 0 12px;line-height:1.5}
.legal-content h6{font-size:16px;font-weight:600;color:#29211D;margin:20px 0 12px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.legal-content p{font-size:16px;line-height:1.8;color:#29211D;margin:0 0 20px;opacity:.9}
.legal-content strong,.legal-content b{font-weight:700;color:#29211D}
.legal-content em,.legal-content i{font-style:italic;color:#29211D}
.legal-content hr{border:none;height:2px;background:linear-gradient(90deg,#CCB894,#ccb89433);margin:48px 0;border-radius:16px}
.legal-content table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #29211d14}
.legal-content thead{background:linear-gradient(135deg,#29211D,#3d332d)}
.legal-content thead tr th{padding:18px 20px;text-align:left;font-weight:600;font-size:15px;color:#FFF;text-transform:uppercase;letter-spacing:.5px}
.legal-content tbody{background:#FFF}
.legal-content tbody tr{border-bottom:1px solid #ccb89433;transition:background .3s ease}
.legal-content tbody tr:hover{background:#ccb89414}
.legal-content tbody tr:last-child{border-bottom:none}
.legal-content tbody tr td{padding:16px 20px;font-size:15px;line-height:1.6;color:#29211D;opacity:.9}
.legal-content th{font-weight:600}
.legal-content td{font-weight:400}
.legal-content div{margin:24px 0}
@media (max-width: 1024px) {
.legal-content{padding:60px 20px}
.legal-content h1{font-size:36px;margin-bottom:32px}
.legal-content h2{font-size:28px;margin:48px 0 20px}
.legal-content h3{font-size:22px}
}
@media (max-width: 768px) {
.legal-content{padding:40px 16px}
.legal-content h1{font-size:30px;margin-bottom:24px;padding-bottom:16px}
.legal-content h2{font-size:24px;margin:40px 0 16px;padding-left:12px}
.legal-content h3{font-size:20px;margin:32px 0 16px}
.legal-content h4{font-size:18px}
.legal-content p{font-size:15px;line-height:1.7}
.legal-content table{font-size:14px}
.legal-content thead tr th{padding:14px 12px;font-size:13px}
.legal-content tbody tr td{padding:12px;font-size:14px}
}
@media (max-width: 480px) {
.legal-content{padding:32px 12px}
.legal-content h1{font-size:26px}
.legal-content h2{font-size:22px}
.legal-content h3{font-size:18px}
.legal-content table{display:block;overflow-x:auto;white-space:nowrap}
.legal-content thead tr th,.legal-content tbody tr td{padding:10px 8px;font-size:13px}
}
.hro-Wrap{position:relative;min-height:580px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#29211D 0%,#5a4f47 100%)}
.hro-Wrap::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#CCB894 0%,transparent 70%);opacity:.15;animation:slowPulse 8s ease-in-out infinite}
@keyframes slowPulse {
0%,100%{transform:scale(1);opacity:.15}
50%{transform:scale(1.1);opacity:.25}
}
.hro-Wrap::after{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:#CCB894;opacity:.08;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);transform:rotate(15deg)}
.hro-Container{max-width:1140px;margin:0 auto;padding:80px 20px;position:relative;z-index:2}
.hro-Grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hro-Content h1{font-size:3.2rem;line-height:1.15;color:#FFF;margin:0 0 24px;font-weight:700}
.hro-Content h1::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#CCB894,transparent);margin-bottom:20px}
.hro-Content .txt-sub{font-size:1.15rem;line-height:1.6;color:#ffffffd9;margin-bottom:32px}
.hro-Cta{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#CCB894;color:#29211D;text-decoration:none;border-radius:28px;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 4px 12px #ccb8944d}
.hro-Cta:hover{background:#d9c9a9;transform:translateY(-2px);box-shadow:0 6px 16px #ccb89466}
.hro-ImgWrap{position:relative;padding:20px}
.hro-ImgWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,#CCB894,#a89674);border-radius:32px;transform:rotate(-3deg);opacity:.5;animation:gradShift 6s ease-in-out infinite}
@keyframes gradShift {
0%,100%{transform:rotate(-3deg) scale(1)}
50%{transform:rotate(-2deg) scale(1.02)}
}
.hro-ImgWrap img{position:relative;width:100%;height:420px;object-fit:cover;border-radius:28px;clip-path:polygon(8% 0%,100% 0%,92% 100%,0% 100%);box-shadow:0 8px 24px #0000004d}
.cmty-Sect{padding:100px 20px;background:#FFF}
.cmty-Holder{max-width:1140px;margin:0 auto}
.cmty-Hdr{text-align:center;margin-bottom:60px}
.cmty-Hdr h2{font-size:2.6rem;color:#29211D;margin:0 0 16px;position:relative;display:inline-block}
.cmty-Hdr h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent,#CCB894,transparent)}
.cmty-Hdr .lead-txt{font-size:1.1rem;color:#5a4f47;max-width:680px;margin:24px auto 0;line-height:1.7}
.cmty-Grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.cmty-Card{background:linear-gradient(135deg,#f9f7f4 0%,#FFF 100%);padding:40px 32px;border-radius:24px;border:1px solid #ccb89433;transition:all .3s ease}
.cmty-Card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #29211d14;border-color:#CCB894}
.cmty-Card .icn-hld{width:56px;height:56px;background:linear-gradient(135deg,#CCB894,#d9c9a9);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.cmty-Card .icn-hld .oi{font-size:28px;color:#29211D}
.cmty-Card h3{font-size:1.4rem;color:#29211D;margin:0 0 12px;font-weight:600}
.cmty-Card .txt-p{font-size:.98rem;color:#5a4f47;line-height:1.6;margin:0}
.src-Sect{padding:100px 20px;background:linear-gradient(180deg,#f4f1ed 0%,#FFF 100%)}
.src-Container{max-width:1140px;margin:0 auto}
.src-Layout{display:grid;grid-template-columns:45% 55%;gap:80px;align-items:center}
.src-Img{position:relative}
.src-Img::before{content:'';position:absolute;top:-16px;left:-16px;width:100%;height:100%;background:#CCB894;border-radius:24px;opacity:.25;z-index:0}
.src-Img img{position:relative;width:100%;height:480px;object-fit:cover;border-radius:24px;box-shadow:0 8px 32px #29211d26;z-index:1}
.src-TxtBox h2{font-size:2.4rem;color:#29211D;margin:0 0 28px;line-height:1.2}
.src-TxtBox .intro-txt{font-size:1.05rem;color:#5a4f47;line-height:1.7;margin-bottom:32px}
.src-List{list-style:none;padding:0;margin:0 0 36px}
.src-List li{padding:16px 0 16px 48px;position:relative;font-size:1rem;color:#29211D;border-bottom:1px solid #ccb89433}
.src-List li:last-child{border-bottom:none}
.src-List li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:32px;height:32px;background:linear-gradient(135deg,#CCB894,#d9c9a9);border-radius:8px;display:flex;align-items:center;justify-content:center}
.src-List li::after{content:'✓';position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#29211D;font-weight:700;font-size:16px}
.src-TxtBox .lnk-more{display:inline-flex;align-items:center;gap:8px;color:#29211D;text-decoration:none;font-weight:600;font-size:1.05rem;padding:12px 28px;border:2px solid #CCB894;border-radius:24px;transition:all .3s ease}
.src-TxtBox .lnk-more:hover{background:#CCB894;transform:translateX(4px)}
.prx-Sect{padding:100px 20px;background:#29211D;position:relative;overflow:hidden}
.prx-Sect::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,#ccb8941a 0%,transparent 50%);pointer-events:none}
.prx-Wrap{max-width:1140px;margin:0 auto;position:relative;z-index:1}
.prx-TtlBox{text-align:center;margin-bottom:70px}
.prx-TtlBox h2{font-size:2.6rem;color:#FFF;margin:0 0 20px}
.prx-TtlBox .sub-desc{font-size:1.1rem;color:#fffc;max-width:640px;margin:0 auto;line-height:1.6}
.prx-CardRow{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.prx-CardItem{background:#ffffff0a;padding:48px 40px;border-radius:28px;border:1px solid #ccb89426;transition:all .4s ease;position:relative}
.prx-CardItem::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ccb89414 0%,transparent 100%);border-radius:28px;opacity:0;transition:opacity .4s ease}
.prx-CardItem:hover{border-color:#CCB894;transform:translateY(-6px);box-shadow:0 16px 40px #0000004d}
.prx-CardItem:hover::before{opacity:1}
.prx-CardHdr{display:flex;align-items:center;gap:20px;margin-bottom:24px;position:relative;z-index:1}
.prx-CardHdr .bg-icn{width:64px;height:64px;background:linear-gradient(135deg,#CCB894,#a89674);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.prx-CardHdr .bg-icn .oi{font-size:32px;color:#29211D}
.prx-CardHdr h3{font-size:1.6rem;color:#FFF;margin:0;font-weight:600}
.prx-CardItem .price-val{font-size:2.8rem;color:#CCB894;font-weight:700;margin:0 0 8px;position:relative;z-index:1}
.prx-CardItem .price-note{font-size:.95rem;color:#fff9;margin-bottom:28px;position:relative;z-index:1}
.prx-FeatLst{list-style:none;padding:0;margin:0 0 32px;position:relative;z-index:1}
.prx-FeatLst li{padding:10px 0;color:#ffffffd9;font-size:.98rem;display:flex;align-items:center;gap:12px}
.prx-FeatLst li::before{content:'→';color:#CCB894;font-weight:700;font-size:1.2rem}
.prx-CardItem .btn-enroll{display:block;width:100%;padding:14px 24px;background:#CCB894;color:#29211D;text-align:center;text-decoration:none;border-radius:24px;font-weight:600;font-size:1.05rem;transition:all .3s ease;position:relative;z-index:1}
.prx-CardItem .btn-enroll:hover{background:#d9c9a9;transform:scale(1.02);box-shadow:0 4px 16px #ccb89466}
.tst-Sect{padding:100px 20px;background:#FFF}
.tst-Holder{max-width:1140px;margin:0 auto}
.tst-TtlArea{text-align:center;margin-bottom:60px}
.tst-TtlArea h2{font-size:2.5rem;color:#29211D;margin:0 0 16px;position:relative;display:inline-block}
.tst-TtlArea h2::before{content:'';position:absolute;top:-12px;left:-24px;width:48px;height:48px;background:#CCB894;opacity:.2;border-radius:12px;transform:rotate(12deg)}
.tst-Grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.tst-Box{background:linear-gradient(135deg,#f9f7f4 0%,#FFF 100%);padding:36px 32px;border-radius:24px;border:1px solid #ccb89433;position:relative;transition:all .3s ease}
.tst-Box::before{content:'"';position:absolute;top:16px;left:24px;font-size:5rem;color:#CCB894;opacity:.15;font-family:Georgia,serif;line-height:1}
.tst-Box:hover{transform:translateY(-4px);box-shadow:0 12px 32px #29211d1a;border-color:#CCB894}
.tst-Box .txt-quote{font-size:.98rem;color:#5a4f47;line-height:1.7;margin:0 0 24px;position:relative;z-index:1}
.tst-Auth{display:flex;align-items:center;gap:16px;position:relative;z-index:1}
.tst-Auth .img-wrap{width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #CCB894}
.tst-Auth .img-wrap img{width:100%;height:100%;object-fit:cover}
.tst-Auth .nm-info{flex:1}
.tst-Auth .nm-info .nm{font-size:1.05rem;color:#29211D;font-weight:600;margin:0 0 4px}
.tst-Auth .nm-info .role{font-size:.9rem;color:#5a4f47;margin:0}
.cta-Final{padding:80px 20px;background:linear-gradient(135deg,#29211D 0%,#3d342e 100%);text-align:center}
.cta-Box{max-width:740px;margin:0 auto}
.cta-Box h2{font-size:2.4rem;color:#FFF;margin:0 0 20px;line-height:1.2}
.cta-Box .desc-txt{font-size:1.1rem;color:#ffffffd9;line-height:1.6;margin-bottom:32px}
.cta-Box .btn-start{display:inline-flex;align-items:center;gap:12px;padding:18px 44px;background:#CCB894;color:#29211D;text-decoration:none;border-radius:32px;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 6px 20px #ccb8944d}
.cta-Box .btn-start:hover{background:#d9c9a9;transform:translateY(-3px);box-shadow:0 8px 24px #ccb89466}
@media (max-width: 1024px) {
.hro-Grid{grid-template-columns:1fr;gap:40px}
.hro-Content h1{font-size:2.6rem}
.cmty-Grid{grid-template-columns:repeat(2,1fr)}
.src-Layout{grid-template-columns:1fr;gap:50px}
.prx-CardRow{grid-template-columns:1fr}
.tst-Grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.hro-Content h1{font-size:2.2rem}
.cmty-Grid{grid-template-columns:1fr}
.cmty-Hdr h2{font-size:2rem}
.src-TxtBox h2{font-size:2rem}
.prx-TtlBox h2{font-size:2rem}
.tst-Grid{grid-template-columns:1fr}
.tst-TtlArea h2{font-size:2rem}
.cta-Box h2{font-size:1.9rem}
}
@media (max-width: 480px) {
.hro-Wrap{min-height:480px}
.hro-Container{padding:60px 16px}
.hro-Content h1{font-size:1.8rem}
.hro-ImgWrap img{height:320px}
.cmty-Sect,.src-Sect,.prx-Sect,.tst-Sect{padding:60px 16px}
.cta-Final{padding:60px 16px}
}
.TitleHero{position:relative;overflow:hidden;background:linear-gradient(135deg,#29211D 0%,#CCB894 100%);padding:0;margin:0}
.TitleHero .InnerWrap{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:48px;padding:80px 24px;position:relative;z-index:2}
.TitleHero .CtBlock{flex:1;min-width:0}
.TitleHero .MainHd{font-size:48px;font-weight:700;color:#FFF;margin:0 0 24px;line-height:1.2}
.TitleHero .BltList{list-style:none;padding:0;margin:0 0 32px}
.TitleHero .BltList li{font-size:18px;color:#FFF;margin-bottom:12px;padding-left:32px;position:relative}
.TitleHero .BltList li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:#CCB894;border-radius:50%}
.TitleHero .CBtn{display:inline-block;padding:14px 32px;background:#FFF;color:#29211D;text-decoration:none;border-radius:24px;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 12px #00000026}
.TitleHero .CBtn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003;background:#CCB894;color:#FFF}
.TitleHero .ImgBlock{flex:1;position:relative;transform:rotate(3deg);min-width:0}
.TitleHero .ImgBlock img{width:100%;height:400px;object-fit:cover;border-radius:24px;box-shadow:0 8px 24px #0003;display:block}
.TitleHero .ImgBlock::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#29211d4d 0%,#ccb89433 100%);border-radius:24px;pointer-events:none}
.TitleHero .GeomPattern{position:absolute;top:0;right:0;width:300px;height:300px;opacity:.08;z-index:1}
.TitleHero .GeomPattern svg{width:100%;height:100%}
.ContactInfo{padding:80px 24px;background:#FFF}
.ContactInfo .Wrap{max-width:1140px;margin:0 auto}
.ContactInfo .Hd2{font-size:36px;font-weight:700;color:#29211D;margin:0 0 16px;text-align:center}
.ContactInfo .SubTxt{font-size:18px;color:#29211D;opacity:.7;text-align:center;margin:0 0 48px;max-width:640px;margin-left:auto;margin-right:auto}
.ContactInfo .CardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:48px}
.ContactInfo .InfoCard{background:linear-gradient(135deg,#29211D 0%,#CCB894 100%);padding:32px;border-radius:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #29211d1a}
.ContactInfo .InfoCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #29211d33}
.ContactInfo .InfoCard .IconWrap{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.ContactInfo .InfoCard .oi{font-size:28px;color:#FFF}
.ContactInfo .InfoCard .Label{font-size:16px;color:#FFF;opacity:.9;margin:0 0 8px;font-weight:600}
.ContactInfo .InfoCard .Value{font-size:18px;color:#FFF;margin:0;font-weight:500;word-break:break-word}
.ContactInfo .InfoCard a{color:#FFF;text-decoration:none;transition:opacity .3s ease}
.ContactInfo .InfoCard a:hover{opacity:.8}
.FormSection{padding:80px 24px;background:radial-gradient(circle at top right,#CCB894 0%,#FFF 50%);position:relative}
.FormSection::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#CCB894 50%,transparent 100%)}
.FormSection .Wrap{max-width:840px;margin:0 auto}
.FormSection .Hd2{font-size:36px;font-weight:700;color:#29211D;margin:0 0 12px;text-align:center}
.FormSection .SubHd{font-size:18px;color:#29211D;opacity:.7;text-align:center;margin:0 0 48px}
.FormSection .ContactForm{background:#FFF;padding:48px;border-radius:24px;box-shadow:0 8px 32px #29211d14}
.FormSection .FormRow{margin-bottom:24px}
.FormSection .FormRow label{display:block;font-size:15px;font-weight:600;color:#29211D;margin-bottom:8px}
.FormSection .FormRow input,.FormSection .FormRow textarea,.FormSection .FormRow select{width:100%;padding:14px 18px;border:2px solid #CCB894;border-radius:12px;font-size:16px;color:#29211D;background:#FFF;transition:all .3s ease;box-sizing:border-box}
.FormSection .FormRow input:focus,.FormSection .FormRow textarea:focus,.FormSection .FormRow select:focus{outline:none;border-color:#29211D;box-shadow:0 0 0 4px #29211d1a}
.FormSection .FormRow textarea{min-height:140px;resize:vertical}
.FormSection .FormGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}
.FormSection .PrivacyCheck{margin:32px 0;display:flex;align-items:flex-start;gap:12px}
.FormSection .PrivacyCheck input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#29211D}
.FormSection .PrivacyCheck label{font-size:14px;color:#29211D;opacity:.8;line-height:1.5;cursor:pointer;margin:0}
.FormSection .PrivacyCheck a{color:#29211D;text-decoration:underline;transition:opacity .3s ease}
.FormSection .PrivacyCheck a:hover{opacity:.7}
.FormSection .SubmitBtn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#29211D 0%,#CCB894 100%);color:#FFF;border:none;border-radius:16px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #29211d33}
.FormSection .SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #29211d4d}
.LocationSection{padding:80px 24px;background:#FFF}
.LocationSection .Wrap{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:64px}
.LocationSection .TextBlock{flex:1}
.LocationSection .Hd2{font-size:36px;font-weight:700;color:#29211D;margin:0 0 24px}
.LocationSection .DescTxt{font-size:17px;color:#29211D;opacity:.8;line-height:1.7;margin:0 0 16px}
.LocationSection .AddressBlock{background:linear-gradient(135deg,#29211d0d 0%,#ccb8941a 100%);padding:24px;border-radius:16px;margin-top:32px;border-left:4px solid #CCB894}
.LocationSection .AddressBlock .Label{font-size:14px;font-weight:600;color:#29211D;opacity:.7;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}
.LocationSection .AddressBlock .AddrTxt{font-size:18px;color:#29211D;margin:0;line-height:1.6}
.LocationSection .ImgBlock{flex:1;position:relative}
.LocationSection .ImgBlock img{width:100%;height:480px;object-fit:cover;border-radius:24px;box-shadow:0 12px 40px #29211d26}
.LocationSection .ImgBlock::after{content:'';position:absolute;bottom:-16px;right:-16px;width:200px;height:200px;background:linear-gradient(135deg,#CCB894 0%,transparent 70%);border-radius:50%;opacity:.3;z-index:-1}
@media (max-width: 1024px) {
.TitleHero .InnerWrap{flex-direction:column;padding:60px 24px}
.TitleHero .ImgBlock{width:100%}
.LocationSection .Wrap{flex-direction:column-reverse;gap:48px}
}
@media (max-width: 768px) {
.TitleHero .MainHd{font-size:36px}
.TitleHero .ImgBlock img{height:300px}
.ContactInfo .Hd2,.FormSection .Hd2,.LocationSection .Hd2{font-size:28px}
.FormSection .ContactForm{padding:32px 24px}
.FormSection .FormGrid{grid-template-columns:1fr}
.ContactInfo .CardGrid{grid-template-columns:1fr}
.LocationSection .ImgBlock img{height:320px}
}
@media (max-width: 480px) {
.TitleHero .MainHd{font-size:28px}
.TitleHero .InnerWrap{padding:48px 20px}
.ContactInfo,.FormSection,.LocationSection{padding:60px 20px}
.FormSection .ContactForm{padding:24px 20px}
}
.LpHero{background:linear-gradient(135deg,#29211D 0%,#4A3B32 100%);padding:80px 20px;position:relative;overflow:hidden}
.LpHero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ccb89426 0%,transparent 70%);border-radius:50%}
.HeroWrapper{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.HeroTxt{color:#FFF}
.HeroTxt h1{font-size:48px;line-height:1.2;margin:0 0 20px;font-weight:700}
.HeroTxt h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#CCB894,transparent);margin-top:16px}
.ProblemStatement{font-size:18px;color:#ffffffd9;margin:0 0 24px;line-height:1.6}
.SolutionStatement{font-size:16px;color:#ccb894f2;margin:0;line-height:1.7}
.HeroVisual{position:relative}
.HeroVisual img{width:100%;height:420px;object-fit:cover;border-radius:24px;box-shadow:0 12px 40px #00000059 0 4px 12px #0003;filter:brightness(0.92) contrast(1.05)}
.HeroVisual::after{content:'';position:absolute;top:20px;left:20px;right:-20px;bottom:-20px;border:2px solid #ccb89440;border-radius:24px;z-index:-1}
.CoursePath{padding:100px 20px;background:linear-gradient(180deg,#FFF 0%,#FAF8F5 100%)}
.PathHolder{max-width:1140px;margin:0 auto}
.PathTitle{text-align:center;margin:0 0 70px}
.PathTitle h2{font-size:42px;color:#29211D;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.PathTitle h2::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#CCB894;border-radius:50%}
.PathTitle p{font-size:18px;color:#5A4E47;margin:0;max-width:650px;margin:0 auto;line-height:1.6}
.StageGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.StageCard{background:#FFF;padding:36px 28px;border-radius:20px;box-shadow:0 4px 16px #29211d14;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.StageCard:hover{transform:translateY(-6px);box-shadow:0 8px 28px #29211d24}
.StageNum{position:absolute;top:-16px;left:28px;width:48px;height:48px;background:linear-gradient(135deg,#29211D,#4A3B32);color:#CCB894;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 12px #29211d40}
.StageCard h3{font-size:20px;color:#29211D;margin:24px 0 12px;font-weight:600}
.StageCard p{font-size:15px;color:#6B5F58;margin:0 0 20px;line-height:1.6}
.StageDetail{font-size:14px;color:#CCB894;margin:0;font-weight:500;display:flex;align-items:center;gap:6px}
.StageDetail::before{content:'';width:6px;height:6px;background:#CCB894;border-radius:50%}
.ApproachZone{padding:100px 20px;background:#29211D;position:relative}
.ApproachZone::before{content:'';position:absolute;bottom:0;left:0;right:0;height:300px;background:linear-gradient(to top,#ccb8940f,transparent)}
.ApproachContent{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.ApproachHeader{margin:0 0 60px}
.ApproachHeader h2{font-size:40px;color:#FFF;margin:0 0 20px;font-weight:700}
.ApproachHeader p{font-size:17px;color:#ccb894e6;margin:0;max-width:780px;line-height:1.7}
.FeatureSet{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.FeatureBx{background:#ffffff0a;padding:40px 32px;border-radius:24px;border:1px solid #ccb89426;transition:all .3s ease}
.FeatureBx:hover{background:#ffffff12;border-color:#ccb8944d;transform:translateY(-4px)}
.FeatureIcon{width:56px;height:56px;background:linear-gradient(135deg,#CCB894,#B8A583);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.FeatureIcon svg{width:28px;height:28px;fill:#29211D}
.FeatureBx h3{font-size:22px;color:#FFF;margin:0 0 14px;font-weight:600}
.FeatureBx p{font-size:15px;color:#ffffffbf;margin:0;line-height:1.7}
.CtaAction{text-align:center;margin-top:70px}
.BtnPrimary{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#CCB894,#B8A583);color:#29211D;text-decoration:none;font-size:17px;font-weight:600;border-radius:28px;transition:all .3s ease;box-shadow:0 6px 20px #ccb8944d}
.BtnPrimary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ccb89466;background:linear-gradient(135deg,#D4C29E,#CCB894)}
@media (max-width: 1024px) {
.HeroWrapper{grid-template-columns:1fr;gap:40px}
.HeroTxt h1{font-size:38px}
.StageGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.FeatureSet{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.LpHero{padding:60px 20px}
.HeroTxt h1{font-size:32px}
.ProblemStatement{font-size:16px}
.HeroVisual img{height:320px}
.CoursePath{padding:70px 20px}
.PathTitle h2{font-size:32px}
.PathTitle h2::before{display:none}
.StageGrid{grid-template-columns:1fr}
.ApproachZone{padding:70px 20px}
.ApproachHeader h2{font-size:30px}
.CtaAction{margin-top:50px}
}
@media (max-width: 480px) {
.HeroTxt h1{font-size:28px}
.PathTitle h2{font-size:28px}
.ApproachHeader h2{font-size:26px}
.BtnPrimary{padding:16px 36px;font-size:16px}
}
.HrBnr{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#29211D 0%,#5a4d45 50%,#CCB894 100%);background-size:200% 200%;animation:gradientShift 12s ease infinite}
@keyframes gradientShift {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.HrBnr::before,.HrBnr::after{content:'';position:absolute;width:80px;height:80px;border:2px solid #CCB894;opacity:.4}
.HrBnr::before{top:32px;left:32px;border-right:none;border-bottom:none}
.HrBnr::after{bottom:32px;right:32px;border-left:none;border-top:none}
.HrBnr .ctn-holder{max-width:1140px;margin:0 auto;padding:0 24px;width:100%;position:relative;z-index:2;display:flex;gap:48px;align-items:center}
.HrBnr .txt-area{flex:1}
.HrBnr .MainTitle{font-size:52px;font-weight:700;color:#FFF;line-height:1.2;margin:0 0 20px}
.HrBnr .SubText{font-size:18px;color:#ffffffe6;line-height:1.6}
.HrBnr .img-accent{width:380px;height:380px;border-radius:24px;overflow:hidden;box-shadow:0 12px 32px #0000004d;transform:translateZ(0);transition:transform .3s ease}
.HrBnr .img-accent img{width:100%;height:100%;object-fit:cover;display:block}
.HrBnr .img-accent:hover{transform:translateY(-8px)}
.FoundingStory{padding:96px 24px;background:#FFF}
.FoundingStory .wrap-2col{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.FoundingStory .txt-side h2{font-size:38px;color:#29211D;margin:0 0 24px;font-weight:700}
.FoundingStory .txt-side p{font-size:16px;color:#29211D;line-height:1.8;margin:0 0 16px}
.FoundingStory .img-side{position:relative}
.FoundingStory .img-side img{width:100%;height:480px;object-fit:cover;border-radius:28px;box-shadow:0 8px 24px #29211d1f}
.FoundingStory .img-side::before{content:'';position:absolute;top:-16px;left:-16px;width:100%;height:100%;border:3px solid #CCB894;border-radius:28px;z-index:-1}
.PhilosophyMix{padding:80px 24px;background:linear-gradient(180deg,#f8f5f2 0%,#FFF 100%)}
.PhilosophyMix .central-wrap{max-width:1140px;margin:0 auto}
.PhilosophyMix .SectionLabel{text-align:center;font-size:42px;color:#29211D;font-weight:700;margin:0 0 56px;position:relative}
.PhilosophyMix .SectionLabel::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#29211D,#CCB894);margin:16px auto 0;border-radius:2px}
.PhilosophyMix .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.PhilosophyMix .principle-card{background:#FFF;padding:40px 28px;border-radius:20px;box-shadow:0 4px 16px #29211d14;position:relative;overflow:hidden;transition:all .3s ease}
.PhilosophyMix .principle-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#CCB894,#29211D);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.PhilosophyMix .principle-card:hover::before{transform:scaleX(1)}
.PhilosophyMix .principle-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #29211d26}
.PhilosophyMix .principle-card h3{font-size:22px;color:#29211D;margin:0 0 16px;font-weight:700}
.PhilosophyMix .principle-card p{font-size:15px;color:#29211D;line-height:1.7;margin:0}
.TeamPerspective{padding:88px 24px;background:#29211D;position:relative}
.TeamPerspective::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%,#ccb89414,transparent 60%);pointer-events:none}
.TeamPerspective .inner-container{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.TeamPerspective .header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:48px;gap:40px}
.TeamPerspective .header-row h2{font-size:44px;color:#FFF;font-weight:700;margin:0;flex:1}
.TeamPerspective .header-row .intro-text{flex:1;font-size:17px;color:#ffffffd9;line-height:1.7}
.TeamPerspective .members-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.TeamPerspective .member-block{background:#ffffff0d;padding:36px;border-radius:24px;border:1px solid #ccb89433;transition:all .3s ease}
.TeamPerspective .member-block:hover{background:#ffffff14;border-color:#ccb89466}
.TeamPerspective .member-block h4{font-size:26px;color:#CCB894;margin:0 0 8px;font-weight:700}
.TeamPerspective .member-block .role{font-size:15px;color:#fff9;margin:0 0 20px;font-style:italic}
.TeamPerspective .member-block p{font-size:15px;color:#ffffffd9;line-height:1.7;margin:0}
.ApproachDetails{padding:96px 24px;background:#FFF}
.ApproachDetails .layout-container{max-width:1140px;margin:0 auto}
.ApproachDetails .title-zone{text-align:center;margin-bottom:64px}
.ApproachDetails .title-zone h2{font-size:40px;color:#29211D;font-weight:700;margin:0 0 20px}
.ApproachDetails .title-zone .desc{font-size:18px;color:#29211D;line-height:1.6;max-width:720px;margin:0 auto}
.ApproachDetails .visual-split{display:grid;grid-template-columns:45% 55%;gap:56px;align-items:start}
.ApproachDetails .img-column img{width:100%;height:520px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #29211d24}
.ApproachDetails .content-column{padding-top:24px}
.ApproachDetails .methodology-item{margin-bottom:40px;position:relative;padding-left:48px}
.ApproachDetails .methodology-item::before{content:'';position:absolute;left:0;top:6px;width:32px;height:32px;background:linear-gradient(135deg,#CCB894,#29211D);border-radius:50%}
.ApproachDetails .methodology-item h5{font-size:20px;color:#29211D;font-weight:700;margin:0 0 12px}
.ApproachDetails .methodology-item p{font-size:15px;color:#29211D;line-height:1.8;margin:0}
.ApproachDetails .cta-row{margin-top:56px;text-align:center}
.ApproachDetails .cta-row .BtnPrimary{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#29211D,#5a4d45);color:#FFF;text-decoration:none;font-size:17px;font-weight:600;border-radius:28px;transition:all .3s ease;box-shadow:0 6px 20px #29211d33;position:relative;z-index:10}
.ApproachDetails .cta-row .BtnPrimary:hover{transform:translateY(-3px);box-shadow:0 10px 28px #29211d4d;background:linear-gradient(135deg,#1a1410,#29211D)}
@media (max-width: 1024px) {
.HrBnr .ctn-holder{flex-direction:column;text-align:center}
.HrBnr .img-accent{width:100%;max-width:420px;height:320px}
.FoundingStory .wrap-2col{grid-template-columns:1fr;gap:48px}
.PhilosophyMix .grid-3{grid-template-columns:1fr;gap:24px}
.TeamPerspective .header-row{flex-direction:column}
.TeamPerspective .members-grid{grid-template-columns:1fr}
.ApproachDetails .visual-split{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.HrBnr{min-height:400px}
.HrBnr .MainTitle{font-size:36px}
.HrBnr .SubText{font-size:16px}
.FoundingStory{padding:64px 24px}
.FoundingStory .txt-side h2{font-size:30px}
.PhilosophyMix{padding:64px 24px}
.PhilosophyMix .SectionLabel{font-size:32px}
.TeamPerspective{padding:64px 24px}
.TeamPerspective .header-row h2{font-size:32px}
.ApproachDetails{padding:64px 24px}
.ApproachDetails .title-zone h2{font-size:32px}
.ApproachDetails .img-column img{height:360px}
}
@media (max-width: 480px) {
.HrBnr .MainTitle{font-size:28px}
.HrBnr::before,.HrBnr::after{width:50px;height:50px}
.FoundingStory .txt-side h2{font-size:26px}
.PhilosophyMix .SectionLabel{font-size:28px}
.PhilosophyMix .principle-card{padding:28px 20px}
.TeamPerspective .header-row h2{font-size:28px}
.TeamPerspective .member-block{padding:24px}
.ApproachDetails .title-zone h2{font-size:28px}
.ApproachDetails .methodology-item{padding-left:40px}
}
.ProyectosHolder{background:linear-gradient(135deg,#FFF 0%,#F5F0EA 100%);padding:0;margin:0}
.Hd--proyecto{max-width:1140px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.Hd--proyecto .txt-side{padding-right:30px}
.Hd--proyecto .preheader-tag{display:inline-block;background:linear-gradient(90deg,#29211D,#CCB894);color:#FFF;padding:8px 20px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:20px;letter-spacing:.5px}
.Hd--proyecto h1{font-size:2.8rem;color:#29211D;line-height:1.2;margin:0 0 24px;font-weight:700}
.Hd--proyecto .desc-intro{font-size:1.1rem;color:#5C5450;line-height:1.7;margin-bottom:16px}
.Hd--proyecto .img-side{position:relative}
.Hd--proyecto .img-side img{width:100%;height:480px;object-fit:cover;border-radius:24px;box-shadow:0 12px 40px #29211d26}
.Hd--proyecto .img-side::before{content:'';position:absolute;top:-20px;right:-20px;width:120px;height:120px;background:radial-gradient(circle,#CCB894 3px,transparent 3px);background-size:20px 20px;z-index:-1;opacity:.6}
.ProyectGallery{max-width:1140px;margin:0 auto;padding:100px 20px}
.ProyectGallery h2{font-size:2.2rem;color:#29211D;margin:0 0 16px;font-weight:700}
.ProyectGallery .section-lead{font-size:1.05rem;color:#6B615D;margin-bottom:50px;max-width:720px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.project-card{background:#FFF;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #29211d14;transition:all .35s ease;position:relative}
.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #29211d26}
.project-card .card-img-wrapper{position:relative;overflow:hidden;height:240px}
.project-card .card-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.project-card:hover .card-img-wrapper img{transform:scale(1.08)}
.project-card .overlay-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#29211D,#3D342E);color:#FFF;padding:6px 16px;border-radius:16px;font-size:.8rem;font-weight:600;z-index:2}
.project-card .card-content{padding:28px}
.project-card h3{font-size:1.35rem;color:#29211D;margin:0 0 12px;font-weight:600}
.project-card .card-desc{font-size:.95rem;color:#6B615D;line-height:1.6;margin-bottom:20px}
.project-card .meta-row{display:flex;gap:16px;padding-top:16px;border-top:1px solid #E8E3DD}
.project-card .meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#8A7F7A}
.project-card .meta-item .oi{color:#CCB894;font-size:.9rem}
.showcase-tabs{margin-top:80px}
.tab-controls{display:flex;gap:12px;margin-bottom:40px;justify-content:center;flex-wrap:wrap}
.tab-controls input[type="radio"]{display:none}
.tab-controls label{padding:12px 32px;background:#F5F0EA;color:#6B615D;border-radius:24px;cursor:pointer;font-weight:600;transition:all .3s ease;border:2px solid transparent}
.tab-controls label:hover{background:#E8DFD5;color:#29211D}
.tab-controls input[type="radio"]:checked + label{background:linear-gradient(90deg,#29211D,#3D342E);color:#FFF;border-color:#29211D}
.tab-content-wrapper{display:none;animation:fadeIn .4s ease}
#tab1:checked ~ .tab-panels .panel-1,#tab2:checked ~ .tab-panels .panel-2,#tab3:checked ~ .tab-panels .panel-3{display:block}
@keyframes fadeIn {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.panel-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.panel-content .text-col h4{font-size:1.6rem;color:#29211D;margin:0 0 16px;font-weight:700}
.panel-content .text-col p{font-size:1rem;color:#6B615D;line-height:1.7;margin-bottom:14px}
.panel-content .skill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.panel-content .skill-tag{background:#FFF;border:2px solid #CCB894;color:#29211D;padding:8px 18px;border-radius:20px;font-size:.9rem;font-weight:600}
.panel-content .visual-col{background:linear-gradient(135deg,#F5F0EA,#FFF);padding:32px;border-radius:20px;border:2px solid #E8DFD5}
.panel-content .stat-box{margin-bottom:24px}
.panel-content .stat-label{font-size:.85rem;color:#8A7F7A;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
.panel-content .stat-bar{height:12px;background:#E8DFD5;border-radius:8px;overflow:hidden;position:relative}
.panel-content .stat-bar .fill{height:100%;background:linear-gradient(90deg,#29211D,#CCB894);border-radius:8px;transition:width .6s ease}
.panel-content .stat-number{font-size:1.8rem;color:#29211D;font-weight:700;margin-top:8px}
@media (max-width: 1024px) {
.Hd--proyecto{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.Hd--proyecto .txt-side{padding-right:0}
.Hd--proyecto h1{font-size:2.2rem}
.gallery-grid{grid-template-columns:repeat(2,1fr)}
.panel-content{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.Hd--proyecto h1{font-size:1.9rem}
.ProyectGallery h2{font-size:1.8rem}
.gallery-grid{grid-template-columns:1fr}
.tab-controls{flex-direction:column}
.tab-controls label{text-align:center}
}
@media (max-width: 480px) {
.Hd--proyecto{padding:40px 16px}
.Hd--proyecto h1{font-size:1.6rem}
.ProyectGallery{padding:60px 16px}
.project-card .card-content{padding:20px}
}
.SuccessHero{background:linear-gradient(135deg,#CCB894 0%,#29211D 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.SuccessHero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);border-radius:50%}
.SuccessHero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to bottom,transparent,#29211d4d)}
.SuccessHero .contentWrap{max-width:1140px;margin:0 auto;position:relative;z-index:2;text-align:center}
.SuccessHero .iconHolder{width:100px;height:100px;margin:0 auto 32px;background:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #29211d33}
.SuccessHero .iconHolder svg{width:56px;height:56px}
.SuccessHero h1{font-size:48px;line-height:1.2;color:#FFF;margin:0 0 20px;font-weight:700}
.SuccessHero .subText{font-size:20px;line-height:1.6;color:#fffffff2;max-width:680px;margin:0 auto}
.InfoGrid{padding:80px 20px;background:#FFF}
.InfoGrid .gridWrap{max-width:1140px;margin:0 auto}
.InfoGrid .cardSet{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}
.InfoGrid .stepCard{background:#FFF;border:2px solid #CCB894;border-radius:24px;padding:36px 28px;text-align:center;transition:all .3s ease;position:relative}
.InfoGrid .stepCard::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#CCB894,#29211D);border-radius:24px;opacity:0;transition:opacity .3s ease;z-index:-1}
.InfoGrid .stepCard:hover{border-color:transparent;transform:translateY(-4px);box-shadow:0 12px 32px #29211d26}
.InfoGrid .stepCard:hover::before{opacity:1}
.InfoGrid .stepCard .numLabel{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#29211D,#CCB894);color:#FFF;border-radius:50%;font-size:22px;font-weight:700;line-height:48px;margin-bottom:20px}
.InfoGrid .stepCard h3{font-size:22px;line-height:1.3;color:#29211D;margin:0 0 12px;font-weight:700}
.InfoGrid .stepCard p{font-size:16px;line-height:1.6;color:#29211D;margin:0;opacity:.85}
.InfoGrid .actionZone{background:linear-gradient(135deg,#29211D 0%,#CCB894 100%);border-radius:28px;padding:56px 48px;text-align:center;position:relative;overflow:hidden}
.InfoGrid .actionZone::before{content:'';position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#ffffff14 0%,transparent 70%);border-radius:50%}
.InfoGrid .actionZone::after{content:'';position:absolute;bottom:-80px;right:-80px;width:240px;height:240px;background:radial-gradient(circle,#ffffff0f 0%,transparent 70%);border-radius:50%}
.InfoGrid .actionZone .innerContent{position:relative;z-index:2}
.InfoGrid .actionZone h2{font-size:36px;line-height:1.3;color:#FFF;margin:0 0 16px;font-weight:700}
.InfoGrid .actionZone .desc{font-size:18px;line-height:1.6;color:#ffffffeb;margin:0 0 36px;max-width:700px;margin-left:auto;margin-right:auto}
.InfoGrid .actionZone .btnRow{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.InfoGrid .actionZone .mainBtn{display:inline-flex;align-items:center;gap:12px;padding:16px 40px;background:#FFF;color:#29211D;font-size:18px;font-weight:700;border-radius:20px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #00000026}
.InfoGrid .actionZone .mainBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003;background:#CCB894;color:#FFF}
.InfoGrid .actionZone .mainBtn .oi{font-size:20px}
.InfoGrid .actionZone .secBtn{display:inline-flex;align-items:center;gap:12px;padding:16px 40px;background:transparent;color:#FFF;font-size:18px;font-weight:700;border:2px solid #FFF;border-radius:20px;text-decoration:none;transition:all .3s ease}
.InfoGrid .actionZone .secBtn:hover{background:#FFF;color:#29211D;transform:translateY(-2px)}
.InfoGrid .actionZone .secBtn .oi{font-size:20px}
.InfoGrid .contactDetail{margin-top:48px;padding-top:40px;border-top:2px solid #fff3}
.InfoGrid .contactDetail .detailRow{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}
.InfoGrid .contactDetail .detailItem{display:flex;align-items:center;gap:12px;color:#FFF;text-decoration:none;font-size:16px;transition:opacity .3s ease}
.InfoGrid .contactDetail .detailItem:hover{opacity:.8}
.InfoGrid .contactDetail .detailItem .oi{font-size:20px;opacity:.9}
@media (max-width: 1024px) {
.SuccessHero h1{font-size:40px}
.SuccessHero .subText{font-size:18px}
.InfoGrid .cardSet{grid-template-columns:repeat(2,1fr);gap:24px}
.InfoGrid .actionZone h2{font-size:32px}
}
@media (max-width: 768px) {
.SuccessHero{padding:80px 20px 60px}
.SuccessHero .iconHolder{width:80px;height:80px;margin-bottom:24px}
.SuccessHero .iconHolder svg{width:44px;height:44px}
.SuccessHero h1{font-size:32px}
.SuccessHero .subText{font-size:16px}
.InfoGrid{padding:60px 20px}
.InfoGrid .cardSet{grid-template-columns:1fr;gap:20px;margin-bottom:40px}
.InfoGrid .stepCard{padding:28px 24px}
.InfoGrid .actionZone{padding:40px 28px;border-radius:24px}
.InfoGrid .actionZone h2{font-size:28px}
.InfoGrid .actionZone .desc{font-size:16px;margin-bottom:28px}
.InfoGrid .actionZone .btnRow{flex-direction:column;gap:16px}
.InfoGrid .actionZone .mainBtn,.InfoGrid .actionZone .secBtn{width:100%;justify-content:center;padding:14px 32px;font-size:16px}
.InfoGrid .contactDetail .detailRow{flex-direction:column;gap:20px;align-items:center}
}
@media (max-width: 480px) {
.SuccessHero h1{font-size:28px}
.InfoGrid .stepCard h3{font-size:20px}
.InfoGrid .actionZone h2{font-size:24px}
}