@charset "UTF-8";*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif}h1{font-size:2.5rem}h1,h2,h3{margin-bottom:20px}p{line-height:1.7;max-width:900px;font-size:.9rem}.page{color:#1f2937}.home{font-family:Inter,sans-serif;color:#0b1e36}.section{padding:80px 12%}.section{max-width:80%;margin:auto;padding:70px 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.btn-primary,.cta{display:inline-block;background:#1db954;color:#fff;padding:14px 28px;border-radius:6px;font-weight:600;text-decoration:none;width:fit-content}.btn-primary:hover,.cta:hover{background:#16a34a}.card{background:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 30px #00000014}.card h3{margin-top:0}.form-section{background:#0f172a;color:#fff;border-radius:24px;padding:50px 30px}form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}input,textarea{width:100%;padding:14px;border-radius:8px;border:none;font-size:16px}textarea{grid-column:span 2;min-height:120px}button{grid-column:span 2;background:#22c55e;border:none;padding:16px;font-size:18px;border-radius:10px;cursor:pointer;font-weight:700}button:hover{background:#16a34a}@media(max-width:768px){.form-section{padding:36px 22px;border-radius:18px}form{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}input,textarea{padding:12px;font-size:15px}button{font-size:16px;padding:14px}}@media(max-width:600px){.form-section{padding:28px 18px;border-radius:14px}form{grid-template-columns:1fr;gap:14px;margin-top:20px}input,textarea{padding:12px;font-size:15px}textarea{grid-column:span 1}button{grid-column:span 1;font-size:16px;padding:14px}}@media(max-width:380px){.form-section{padding:22px 14px;border-radius:12px}input,textarea{padding:10px 12px;font-size:14px;border-radius:6px}button{font-size:15px;padding:13px;border-radius:8px}}.badge{display:inline-block;background:#e0e7ff;color:#1e40af;padding:6px 14px;border-radius:999px;font-size:14px}.hero,.hero-banner{position:relative;z-index:4;background-size:cover;background-position:center;color:#fff}.hero{padding:80px 20px;text-align:center;background:linear-gradient(120deg,#0f172a,#1e3a8a)}.hero h1{max-width:90%;margin:30px auto 0}.hero p{margin:auto auto 30px}.hero-banner{height:90vh}.hero-overlay{position:absolute;inset:0;background:#0b1e3699}.hero-content{position:relative;z-index:2;height:100%;padding:0 12%;display:flex;flex-direction:column;justify-content:center}.intro{text-align:center}.intro h2{padding:1rem}.intro p{position:relative;margin:0 auto;max-width:75%;padding:0 2rem 2%;z-index:1;font-size:.9rem}.intro p:before{content:"";position:absolute;background:url(/sun-rays-bg.png) no-repeat left/350px 350px;inset:0 0 0 -20%;z-index:-1}.advantages{list-style:none;padding:0}.advantages li{padding:10px 0}.pictos{width:80%;margin:2rem auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:60px}.pictobox{display:flex;flex-direction:column;align-items:center;text-align:center}.pictobox .image{height:100px;width:auto;margin-bottom:16px}.pictobox span{font-size:.95rem;line-height:1.4}.pictos{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;padding:48px 20px;max-width:var(--max-width, 1100px);margin:0 auto}.pictobox{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;flex:1 1 140px;max-width:180px}.pictobox .image{height:80px;width:auto;object-fit:contain}.pictobox span{font-size:.9rem;color:var(--dark-blue);line-height:1.5}.pictobox strong{display:block;font-weight:600;margin-bottom:2px}@media(max-width:900px){.pictos{gap:24px;padding:40px 16px}.pictobox{flex:1 1 120px;max-width:160px}.pictobox .image{height:68px}}@media(max-width:600px){.pictos{gap:20px 16px;padding:32px 14px}.pictobox{flex:1 1 calc(50% - 16px);max-width:calc(50% - 16px)}.pictobox .image{height:58px}.pictobox span{font-size:.85rem}}@media(max-width:380px){.pictos{gap:16px 10px;padding:24px 10px}.pictobox{flex:1 1 calc(50% - 10px);max-width:calc(50% - 10px)}.pictobox .image{height:50px}.pictobox span{font-size:.8rem}}.image-text-01{position:relative;width:80%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:4rem 0;overflow:visible}.image-text-01{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:420px}.image-text-01 .image{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:300px}.image-text-01 .text{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}.image-text-01 .text h2{font-size:1.75rem;margin-bottom:20px;color:var(--dark-blue)}.image-text-01 .text p{font-size:.95rem;line-height:1.7;color:#0b1e36cc;margin-bottom:14px}@media(max-width:900px){.image-text-01{grid-template-columns:1fr 1fr;min-height:320px}.image-text-01 .text{padding:36px 28px}.image-text-01 .text h2{font-size:1.5rem}}@media(max-width:700px){.image-text-01{grid-template-columns:1fr}.image-text-01 .image{min-height:240px}.image-text-01 .text{padding:28px 20px}.image-text-01 .text h2{font-size:1.35rem}}@media(max-width:480px){.image-text-01 .image{min-height:200px}.image-text-01 .text{padding:22px 16px}.image-text-01 .text h2{font-size:1.2rem;margin-bottom:14px}.image-text-01 .text p{font-size:.9rem}}.image-text-02{position:relative;width:80%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:4rem 0;overflow:visible}.image-text-02:before{content:"";position:absolute;top:-80px;left:-120px;width:180px;height:420px;background:linear-gradient(180deg,#0b1e3659,#0f3a5f40,#1db9542e);border-radius:18px;filter:blur(18px);opacity:.85;z-index:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.image-text-02:after{content:"";position:absolute;bottom:-100px;right:-140px;width:460px;height:140px;background:linear-gradient(120deg,#0f3a5f4d,#22c55e33);border-radius:22px;filter:blur(22px);opacity:.75;z-index:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.image-text-02:nth-child(2n):before{left:auto;right:-120px}.image-text-02:nth-child(2n):after{right:auto;left:-140px}.image-text-02 .text{position:relative;z-index:2;background:transparent}.image-text-02 .text h2{font-size:1.8rem;margin-bottom:.5rem}.image-text-02 .text h3{font-size:1.1rem;font-weight:500;color:var(--blue);margin-bottom:1rem}.image-text-02 .text p,.image-text-02 .text ul{font-size:.9rem;line-height:1.4;color:#1f2937}.image-text-02 .text ul{margin-top:.5rem;padding-left:1.2rem}.image-text-01 .image{height:320px;background-size:cover;background-position:center;border-radius:14px;position:relative;z-index:2}.image-text-02 .image{height:420px;background-size:cover;background-position:center;border-radius:14px;position:relative;z-index:2}@media(max-width:900px){.image-text-02{grid-template-columns:1fr;gap:40px}.image-text-02:before,.image-text-02:after{width:240px;height:240px;opacity:.45}}@media(max-width:600px){.image-text-02{padding:2.5rem 0}.image-text-02:before,.image-text-02:after{display:none}}.types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.types-grid div{background:#f5f7fa;padding:20px;border-left:4px solid #1db954}.banner{position:relative;height:380px;display:flex;align-items:center;background-size:cover;background-position:center}@media screen and (max-width:768px){.banner{height:260px}}@media screen and (max-width:480px){.banner{height:200px}}.banner-overlay{position:absolute;inset:0;background:linear-gradient(120deg,#0b1e36d9,#0f3a5fbf,#1db95440)}.banner-content{position:relative;color:#fff;padding-left:12%;max-width:800px}@media screen and (max-width:768px){.banner-content{padding-left:6%;max-width:90%}}@media screen and (max-width:480px){.banner-content{padding-left:5%;max-width:95%}}#thematicsbanner{position:relative;display:block;max-width:90%;margin:auto}@media screen and (max-width:768px){#thematicsbanner{max-width:95%}}#thematicsbanner .thematicscontainer{position:relative;display:block}#thematicsbanner .thematicscontainer h2{position:relative;color:#0f3a5f;font-size:2rem;font-weight:700;line-height:1rem;text-align:center;top:15px;margin-bottom:40px}#thematicsbanner .thematicscontainer h2:after{top:30px;content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:3px;background-color:#0b1e36bf;border-radius:50px}#thematicsbanner .thematicscontainer h2{margin-top:40px}@media screen and (max-width:768px){#thematicsbanner .thematicscontainer h2{margin-top:28px}}@media screen and (max-width:480px){#thematicsbanner .thematicscontainer h2{margin-top:20px}}#thematicsbanner .thematicscontainer p{display:block;position:relative;width:60%;text-align:center;margin:auto}@media screen and (max-width:700px){#thematicsbanner .thematicscontainer p{width:80%}}@media screen and (max-width:480px){#thematicsbanner .thematicscontainer p{width:92%}}#thematicsbanner .thematicscontainer .thematicsgrid{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-rows:auto auto auto auto auto auto;grid-template-areas:"a3 a3 a2 a2 a2 a2" "a3 a3 a2 a2 a2 a2" "a3 a3 a5 a5 a6 a6" "a3 a3 a5 a5 a6 a6" "a4 a4 a4 a4 a6 a6" "a4 a4 a4 a4 a6 a6";width:85%;margin:20px auto 80px;box-shadow:0 0 15px #0000004d;border:solid 1px #0f3a5f}@media screen and (max-width:1024px){#thematicsbanner .thematicscontainer .thematicsgrid{width:92%;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"a3 a2" "a3 a5" "a4 a6"}}@media screen and (max-width:700px){#thematicsbanner .thematicscontainer .thematicsgrid{display:block;width:95%;margin:16px auto 50px}}@media screen and (max-width:480px){#thematicsbanner .thematicscontainer .thematicsgrid{width:100%;margin:12px auto 40px;box-shadow:none;border:none}}#thematicsbanner .thematicscontainer .thematicsgrid .clasico,#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza,#thematicsbanner .thematicscontainer .thematicsgrid .playas,#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel,#thematicsbanner .thematicscontainer .thematicsgrid .aventura,#thematicsbanner .thematicscontainer .thematicsgrid .senderismo{display:flex;align-items:flex-end;bottom:0;transition:.5s ease-in-out}@media screen and (max-width:700px){#thematicsbanner .thematicscontainer .thematicsgrid .clasico,#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza,#thematicsbanner .thematicscontainer .thematicsgrid .playas,#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel,#thematicsbanner .thematicscontainer .thematicsgrid .aventura,#thematicsbanner .thematicscontainer .thematicsgrid .senderismo{max-height:200px}}@media screen and (max-width:350px){#thematicsbanner .thematicscontainer .thematicsgrid .clasico,#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza,#thematicsbanner .thematicscontainer .thematicsgrid .playas,#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel,#thematicsbanner .thematicscontainer .thematicsgrid .aventura,#thematicsbanner .thematicscontainer .thematicsgrid .senderismo{max-height:250px}}#thematicsbanner .thematicscontainer .thematicsgrid .clasico:hover>a>p,#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza:hover>a>p,#thematicsbanner .thematicscontainer .thematicsgrid .playas:hover>a>p,#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel:hover>a>p,#thematicsbanner .thematicscontainer .thematicsgrid .aventura:hover>a>p,#thematicsbanner .thematicscontainer .thematicsgrid .senderismo:hover>a>p{display:block;top:0;margin:20px auto 10px}#thematicsbanner .thematicscontainer .thematicsgrid .clasico:hover>a>h3,#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza:hover>a>h3,#thematicsbanner .thematicscontainer .thematicsgrid .playas:hover>a>h3,#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel:hover>a>h3,#thematicsbanner .thematicscontainer .thematicsgrid .aventura:hover>a>h3,#thematicsbanner .thematicscontainer .thematicsgrid .senderismo:hover>a>h3{margin-bottom:15px}#thematicsbanner .thematicscontainer .thematicsgrid .clasico a,#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza a,#thematicsbanner .thematicscontainer .thematicsgrid .playas a,#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel a,#thematicsbanner .thematicscontainer .thematicsgrid .aventura a,#thematicsbanner .thematicscontainer .thematicsgrid .senderismo a{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;text-decoration:none;background:#0006;cursor:pointer;margin-top:auto;transition:.5s ease-in-out;overflow:hidden}#thematicsbanner .thematicscontainer .thematicsgrid .clasico a h3,#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza a h3,#thematicsbanner .thematicscontainer .thematicsgrid .playas a h3,#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel a h3,#thematicsbanner .thematicscontainer .thematicsgrid .aventura a h3,#thematicsbanner .thematicscontainer .thematicsgrid .senderismo a h3{position:relative;color:#0f3a5f;font-size:2rem;font-weight:700;line-height:1rem;text-align:center;top:15px;margin-bottom:40px}#thematicsbanner .thematicscontainer .thematicsgrid .clasico a h3:after,#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza a h3:after,#thematicsbanner .thematicscontainer .thematicsgrid .playas a h3:after,#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel a h3:after,#thematicsbanner .thematicscontainer .thematicsgrid .aventura a h3:after,#thematicsbanner .thematicscontainer .thematicsgrid .senderismo a h3:after{top:30px;content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:3px;background-color:#0b1e36bf;border-radius:50px}#thematicsbanner .thematicscontainer .thematicsgrid .clasico a h3,#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza a h3,#thematicsbanner .thematicscontainer .thematicsgrid .playas a h3,#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel a h3,#thematicsbanner .thematicscontainer .thematicsgrid .aventura a h3,#thematicsbanner .thematicscontainer .thematicsgrid .senderismo a h3{color:#f8fafc;font-size:1.2rem;margin-bottom:-40px;transition:.5 ease-in-out}@media screen and (max-width:768px){#thematicsbanner .thematicscontainer .thematicsgrid .clasico a h3,#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza a h3,#thematicsbanner .thematicscontainer .thematicsgrid .playas a h3,#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel a h3,#thematicsbanner .thematicscontainer .thematicsgrid .aventura a h3,#thematicsbanner .thematicscontainer .thematicsgrid .senderismo a h3{font-size:1rem;margin-bottom:-30px}}@media screen and (max-width:480px){#thematicsbanner .thematicscontainer .thematicsgrid .clasico a h3,#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza a h3,#thematicsbanner .thematicscontainer .thematicsgrid .playas a h3,#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel a h3,#thematicsbanner .thematicscontainer .thematicsgrid .aventura a h3,#thematicsbanner .thematicscontainer .thematicsgrid .senderismo a h3{font-size:.95rem}}#thematicsbanner .thematicscontainer .thematicsgrid .clasico a p,#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza a p,#thematicsbanner .thematicscontainer .thematicsgrid .playas a p,#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel a p,#thematicsbanner .thematicscontainer .thematicsgrid .aventura a p,#thematicsbanner .thematicscontainer .thematicsgrid .senderismo a p{position:relative;top:150px;width:100%;margin:5px auto;color:#f5f7fa;transition:.5s ease-in-out}@media screen and (max-width:768px){#thematicsbanner .thematicscontainer .thematicsgrid .clasico a p,#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza a p,#thematicsbanner .thematicscontainer .thematicsgrid .playas a p,#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel a p,#thematicsbanner .thematicscontainer .thematicsgrid .aventura a p,#thematicsbanner .thematicscontainer .thematicsgrid .senderismo a p{font-size:.85rem;top:120px}}@media screen and (max-width:480px){#thematicsbanner .thematicscontainer .thematicsgrid .clasico a p,#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza a p,#thematicsbanner .thematicscontainer .thematicsgrid .playas a p,#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel a p,#thematicsbanner .thematicscontainer .thematicsgrid .aventura a p,#thematicsbanner .thematicscontainer .thematicsgrid .senderismo a p{font-size:.8rem;top:100px}}#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza{position:relative;grid-area:a2;background:url(/benjamin-child-GWe0dlVD9e0-unsplash.jpg) center/cover;height:160px}@media screen and (max-width:1024px){#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza{height:180px}}@media screen and (max-width:700px){#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza{height:200px;max-height:200px}}@media screen and (max-width:480px){#thematicsbanner .thematicscontainer .thematicsgrid .naturaleza{height:180px}}#thematicsbanner .thematicscontainer .thematicsgrid .playas{position:relative;grid-area:a3;background:url(/pexels-yankrukov-7794010.jpg) center/cover;height:320px}@media screen and (max-width:1024px){#thematicsbanner .thematicscontainer .thematicsgrid .playas{height:360px}}@media screen and (max-width:700px){#thematicsbanner .thematicscontainer .thematicsgrid .playas{height:200px;max-height:200px}}@media screen and (max-width:480px){#thematicsbanner .thematicscontainer .thematicsgrid .playas{height:180px}}#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel{position:relative;grid-area:a4;background:url("/Gemini_Generated_Image_h46rpxh46rpxh46r(1).png") top/cover;height:160px}@media screen and (max-width:1024px){#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel{height:180px}}@media screen and (max-width:700px){#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel{height:200px;max-height:200px}}@media screen and (max-width:480px){#thematicsbanner .thematicscontainer .thematicsgrid .lunademiel{height:180px}}#thematicsbanner .thematicscontainer .thematicsgrid .aventura{position:relative;grid-area:a5;background:url(/docusign-7RWBSYA9Rro-unsplash.jpg) center/cover;height:160px}@media screen and (max-width:1024px){#thematicsbanner .thematicscontainer .thematicsgrid .aventura{height:180px}}@media screen and (max-width:700px){#thematicsbanner .thematicscontainer .thematicsgrid .aventura{height:200px;max-height:200px}}@media screen and (max-width:480px){#thematicsbanner .thematicscontainer .thematicsgrid .aventura{height:180px}}#thematicsbanner .thematicscontainer .thematicsgrid .senderismo{position:relative;grid-area:a6;background:url(/woman-6573021_1280.jpg) center/cover;height:320px}@media screen and (max-width:1024px){#thematicsbanner .thematicscontainer .thematicsgrid .senderismo{height:360px}}@media screen and (max-width:700px){#thematicsbanner .thematicscontainer .thematicsgrid .senderismo{height:200px;max-height:200px}}@media screen and (max-width:480px){#thematicsbanner .thematicscontainer .thematicsgrid .senderismo{height:180px}}.compare{display:grid;grid-template-columns:1fr 1fr}.compare-box{padding:60px;color:#fff}.compare-box.before{background:#0b1e36}.compare-box.after{background:linear-gradient(135deg,#0f3a5f,#1db954)}.cto{position:relative;background:#0b1e36;color:#fff;text-align:center;padding:5%;z-index:3}.cto p{margin:0 auto 20px}:root{--dark-blue: #0b1e36;--blue: #0f3a5f;--green: #1db954;--green-light: #22c55e;--green-dark: #16a34a;--gray-light: #f5f7fa;--gray-bg: #f8fafc;--fondu: linear-gradient( 120deg, rgba(11, 30, 54, .85), rgba(15, 58, 95, .75), rgba(29, 185, 84, .25) opacity: .6; )}.vertical-tabs{position:relative;width:80%;margin:auto;padding:0 0 5%}.tabs-wrapper{max-width:1100px;margin:auto;display:grid;grid-template-columns:280px 1fr;gap:50px}.tabs-menu{display:flex;flex-direction:column;gap:18px}.tab-button{position:relative;background:none;border:none;padding:10px 0;font-size:1rem;font-weight:500;text-align:left;color:var(--dark-blue);cursor:pointer;transition:color .3s ease}.tab-button:hover{color:#fff}.tab-button:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--dark-blue),var(--green-light));transition:width .35s ease}.tab-button.active{font-weight:600}.tab-button.active:after{width:100%}.tabs-content{position:relative;padding:70px;border-radius:20px;overflow:hidden;color:#fff;background-color:var(--dark-blue)}.tabs-content:before{content:"";position:absolute;inset:0;background-image:var(--tab-bg);background-size:cover;background-position:center;filter:grayscale(75%);opacity:.4;z-index:0}.tabs-content:after{content:"";position:absolute;inset:0;background:var(--fondu);z-index:1}.tabs-content>*{position:relative;z-index:2}.tabs-content h3{font-size:2rem;margin-bottom:22px}.tabs-content p{max-width:680px;line-height:1.7;margin-bottom:18px;color:#fffffff2}@media(max-width:1100px){.vertical-tabs{width:88%}.tabs-wrapper{grid-template-columns:220px 1fr;gap:36px}.tabs-content{padding:60px 50px}.tabs-content h3{font-size:1.75rem}}@media(max-width:900px){.vertical-tabs{width:92%;padding:0 0 6%}.tabs-wrapper{grid-template-columns:1fr;gap:0}.tabs-menu{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:0;border-radius:14px 14px 0 0;overflow:hidden;border:1px solid rgba(11,30,54,.12);border-bottom:none}.tab-button{white-space:normal;text-align:center;padding:14px 12px;font-size:.88rem;border-bottom:1px solid rgba(11,30,54,.12);border-right:1px solid rgba(11,30,54,.12);background:var(--gray-bg);transition:background .25s ease,color .25s ease}.tab-button:last-child,.tab-button:nth-child(2n){border-right:none}.tab-button:hover{background:var(--blue);color:#fff}.tab-button.active{background:var(--dark-blue);color:#fff;font-weight:600}.tab-button:after{display:none}.tabs-content{padding:40px 32px;border-radius:0 0 14px 14px}.tabs-content h3{font-size:1.6rem;margin-bottom:16px}.tabs-content p{max-width:100%}}@media(max-width:600px){.vertical-tabs{width:95%;padding:0 0 8%}.tabs-menu{grid-template-columns:1fr;border-radius:14px 14px 0 0}.tab-button{font-size:.9rem;padding:13px 16px;text-align:left;border-right:none}.tabs-content{padding:32px 22px;border-radius:0 0 12px 12px}.tabs-content h3{font-size:1.4rem;margin-bottom:14px}.tabs-content p{font-size:.95rem;line-height:1.65;margin-bottom:14px}}@media(max-width:380px){.vertical-tabs{width:100%;padding:0 0 10%}.tab-button{font-size:.85rem;padding:11px 14px}.tabs-content{padding:24px 16px;border-radius:0 0 10px 10px}.tabs-content h3{font-size:1.25rem}.tabs-content p{font-size:.88rem}}#menu{position:fixed;top:0;left:0;width:100%;padding:0 10%;z-index:1000;transition:transform .4s ease,background-color .4s ease,backdrop-filter .4s ease,box-shadow .4s ease}.menu--visible{transform:translateY(0)}.menu--hidden{transform:translateY(-100%)}.menu--top{background:transparent}.menu--scrolled{background:#0b1e36d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #00000059}#menu nav{display:flex;align-items:center;justify-content:space-between;height:80px}.logo{width:72px;flex-shrink:0;transition:width .4s ease,transform .4s ease}.logo img{width:100%;display:block}.logo--small{width:58px;transform:translateY(-2px)}.desktop-menu{display:flex;list-style:none;gap:4px;margin:0;padding:0}.desktop-menu li a{color:#f5f7fa;text-decoration:none;padding:10px 15px;font-weight:500;position:relative;transition:color .3s ease}.desktop-menu li a:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#0f3a5f,#22c55e);transition:width .3s ease;transform:translate(-50%);border-radius:2px}.desktop-menu li a:hover:after,.desktop-menu li a.active:after{width:40px}.desktop-menu li a.active{color:#fff;font-weight:600}.burger{display:flex;flex-direction:column;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;padding:8px;width:40px;height:40px}.burger span{display:block;width:24px;height:2px;background:#f5f7fa;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.burger span+span{margin-top:5px}.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:flex;flex-direction:column;text-align:center;position:absolute;top:80px;left:0;width:100%;background:#0b1e36f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px #0006;animation:slideDown .3s ease forwards}.mobile-menu a{padding:18px 20px;color:#f5f7fa;text-decoration:none;font-size:1rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.08);transition:background .2s ease,color .2s ease}.mobile-menu a:last-child{border-bottom:none}.mobile-menu a:hover,.mobile-menu a.active{background:#ffffff12;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){#menu{padding:0 5%}}@media(max-width:480px){#menu{padding:0 4%}#menu nav{height:64px}.logo{width:56px}.logo--small{width:48px}.mobile-menu{top:64px}.mobile-menu a{padding:16px;font-size:.95rem}}:root{--dark-blue: #0b1e36;--blue: #0f3a5f;--green: #1db954;--green-light: #22c55e;--green-dark: #16a34a;--gray-light: #f5f7fa;--gray-bg: #d2d0d06d;--max-width: 1100px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,sans-serif;color:var(--dark-blue);background:#fff;line-height:1.6}.demo-wrapper{width:100%;overflow-x:hidden}.demo-section{padding:10px 20px;position:relative;width:90%;margin:auto}.demo-container{max-width:var(--max-width);margin:0 auto}.demo-hero{min-height:60vh;background:linear-gradient(120deg,#0b1e36d9,#0f3a5fbf,#1db95440),url(/hero-vitrage.jpg) center/cover no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.demo-hero-content{max-width:820px;padding:40px}.demo-hero h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:20px;font-weight:400}.demo-hero p{font-size:1.1rem;opacity:.9;margin-bottom:35px}.demo-hero-cta{display:inline-block;padding:14px 34px;background:var(--green);color:#fff;border-radius:30px;font-weight:600;text-decoration:none;transition:all .3s ease;width:fit-content}.demo-hero-cta:hover{background:var(--green-dark);transform:translateY(-2px)}.demo-title{text-align:center;font-size:2rem;margin-bottom:20px}.demo-intro{text-align:center;max-width:820px;margin:0 auto 60px;color:#0b1e36bf}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:20px}.demo-card{background:var(--gray-bg);border-radius:18px;padding:10px;transition:all .3s ease;border:solid .1px rgba(15,58,95,.137)}.demo-card:hover{transform:translateY(-6px)}.demo-card-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--green-dark);margin-bottom:10px}.demo-card h3{font-size:1.1rem;margin-bottom:10px}.demo-card p{font-size:.95rem;color:#0b1e36cc}.demo-steps-layout{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;margin-top:10px;border-radius:18px;overflow:hidden}.demo-steps-image{position:relative;min-height:480px}.demo-steps-img-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}.demo-steps-img-fade{position:absolute;inset:0;background:linear-gradient(to right,transparent 30%,rgba(245,247,250,.6) 65%,rgb(245,247,250) 100%)}.demo-steps-cards{display:flex;flex-direction:column;gap:14px;padding:10px 0 10px 10px;background:var(--gray-light)}.demo-steps-cards .demo-card{text-align:left}.demo-pictos{padding:10px 20px;background:#fff}.demo-pictos-grid{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:60px;text-align:center}.demo-picto-item img{height:90px;margin-bottom:18px}.demo-picto-item span{font-size:.95rem;color:var(--dark-blue)}.demo-picto-item strong{display:block;font-weight:600}.demo-form-section{background:#0f3a5fbf;border-radius:22px;padding:60px;max-width:760px;margin:0 auto}.demo-form-section h2{text-align:center;margin-bottom:10px}.demo-form-section p{text-align:center;margin-bottom:40px;color:#0b1e36bf}.demo-form-section form{display:grid;gap:18px}.demo-form-section input,.demo-form-section textarea{padding:14px 16px;border-radius:12px;border:1px solid #dbe3ec;font-size:.95rem;font-family:inherit}.demo-form-section textarea{resize:vertical;min-height:120px}.demo-form-section button{margin-top:10px;padding:15px;border-radius:30px;border:none;background:var(--dark-blue);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.demo-form-section button:hover{background:var(--blue)}.demo-footer{padding:30px 20px;text-align:center;font-size:.85rem;color:#0b1e3699}@media(max-width:1100px){.demo-section{width:94%}.demo-title{font-size:1.75rem}.demo-intro{margin-bottom:40px}.demo-pictos-grid{gap:40px}}@media(max-width:900px){.demo-hero{min-height:50vh}.demo-hero-content{padding:30px 24px}.demo-hero p{font-size:1rem}.demo-title{font-size:1.6rem}.demo-intro{margin-bottom:30px}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.demo-form-section{padding:48px 40px}.demo-pictos-grid{gap:30px}.demo-picto-item img{height:72px}}@media(max-width:700px){.demo-section{width:96%;padding:10px 12px}.demo-hero{min-height:45vh}.demo-hero-content{padding:24px 16px}.demo-hero h1{margin-bottom:14px}.demo-hero p{font-size:.95rem;margin-bottom:24px}.demo-hero-cta{padding:12px 26px;font-size:.95rem}.demo-title{font-size:1.45rem;margin-bottom:14px}.demo-intro{font-size:.95rem;margin-bottom:24px}.demo-grid{grid-template-columns:1fr 1fr;gap:12px}.demo-steps-layout{grid-template-columns:1fr}.demo-steps-image{min-height:220px}.demo-steps-img-fade{background:linear-gradient(to bottom,transparent 40%,rgb(245,247,250) 100%)}.demo-steps-cards{padding:10px 0}.demo-pictos{padding:10px 16px}.demo-pictos-grid{grid-template-columns:1fr 1fr 1fr;gap:20px}.demo-picto-item img{height:58px;margin-bottom:10px}.demo-picto-item span{font-size:.82rem}.demo-form-section{padding:36px 24px;border-radius:16px}.demo-form-section h2{font-size:1.3rem}.demo-form-section p{font-size:.9rem;margin-bottom:28px}}@media(max-width:480px){.demo-section{width:100%;padding:8px 10px}.demo-hero{min-height:40vh}.demo-hero-content{padding:20px 14px}.demo-grid{grid-template-columns:1fr}.demo-card{padding:14px 12px}.demo-card h3{font-size:1rem}.demo-steps-image{min-height:180px}.demo-pictos-grid{grid-template-columns:1fr;gap:24px}.demo-picto-item img{height:64px}.demo-form-section{padding:28px 16px;border-radius:12px}.demo-form-section input,.demo-form-section textarea{padding:12px 14px;font-size:.9rem}.demo-form-section button{padding:13px;font-size:.95rem}.demo-footer{padding:20px 16px;font-size:.8rem}}