/* ============================================
   FRUDUA MUSIC — stile condiviso responsive
   Stessa identità della homepage (rosso #b3382c,
   header scuro, Open Sans) su tutte le pagine.
   ============================================ */
*{box-sizing:border-box;}
body,html{margin:0;padding:0;color:#232323;font-family:'Open Sans',Arial,sans-serif;background:#e6e6e6;}
img{max-width:100%;display:block;}
a{color:#b3382c;text-decoration:none;}
a:hover{color:#dd3333;}
h1,h2,h3{margin:0;font-weight:normal;}
p{margin:0;}

.wrap{width:1240px;max-width:100%;margin:0 auto;}

/* HEADER */
.site-header{background:#333;}
.site-header .wrap{display:flex;align-items:center;height:90px;padding:0 20px;}
.site-header img.logo{height:60px;width:auto;}

/* TOP MENU */
#top-menu-wrap{background:#b3382c;box-shadow:0 4px 4px -2px #aaa;}
#top-menu-inner-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 20px;}
#top-menu{display:flex;flex-wrap:wrap;}
.top-menu-list{border-left:1px solid #bc3f33;border-right:1px solid #ae3428;}
.top-menu-list a{display:block;padding:0 6px;height:40px;line-height:40px;color:#fff;white-space:nowrap;}
.top-menu-list a:hover{color:#ffd9d3;}
.lang-switch img{width:38px;height:35px;}
.lang-switch{padding:4px 10px;}

/* PAGE TITLE BAND (sostituisce l'hero sulle pagine interne) */
.page-title-band{background:#333;padding:50px 20px;text-align:center;}
.page-title-band h1{color:#fff;font-size:2em;max-width:900px;margin:0 auto;line-height:1.4em;}
.page-title-band p{color:#ddd;margin-top:14px;font-size:1.1em;}

/* CONTENT ARTICLE */
.article-wrap{width:900px;max-width:100%;background:#fff;margin:30px auto;padding:60px;}
.article-wrap h2{font-size:1.6em;color:#333;margin-top:34px;}
.article-wrap h2:first-child{margin-top:0;}
.article-wrap p{font-size:1.15em;line-height:1.8em;color:#555;margin-top:16px;}
.article-wrap ul,.article-wrap ol{margin-top:16px;padding-left:24px;font-size:1.15em;line-height:1.8em;color:#555;}
.article-wrap blockquote{font-style:italic;border-left:3px solid #b3382c;padding-left:20px;margin:24px 0;color:#666;}
.article-wrap .cta{display:inline-block;margin-top:14px;padding:12px 22px;background:#b3382c;color:#fff;font-weight:bold;}
.article-wrap .cta:hover{background:#dd3333;color:#fff;}

/* BACK-TO-HOME BAR under content */
.page-nav{width:900px;max-width:100%;margin:0 auto 40px;padding:0 60px;display:flex;gap:24px;flex-wrap:wrap;}
.page-nav a{font-weight:bold;}

/* HERO (usato solo dalla home) */
.hero{width:100%;background:url('apply/partnership-top-header2.png') center center / cover no-repeat;padding:110px 20px 90px;}
.hero-inner{max-width:640px;margin:0 auto 0 8%;color:#fff;}
.hero h1{font-size:1.9em;}
.hero h1 strong{font-weight:bold;}
.hero p{line-height:1.75em;margin-top:30px;font-size:1.3em;}
.hero .signature{display:block;margin-top:30px;font-size:1.6em;font-weight:bold;}
.hero .contact-box{display:inline-block;margin-top:25px;padding:12px 22px;background:#b3382c;color:#fff;font-size:1.1em;font-weight:bold;text-decoration:none;}
.hero .contact-box:hover{background:#dd3333;color:#fff;}

.tagline{padding:20px;color:#fff;font-size:1.5em;background:#b3382c;text-align:center;font-style:italic;}

/* SERVICE ROWS (home) */
.services{padding:20px;}
.service-row{width:1140px;max-width:100%;background:#fff;margin:20px auto;display:flex;flex-wrap:wrap;align-items:center;}
.service-text,.service-img{width:50%;}
.service-row.reverse{flex-direction:row-reverse;}
.service-text-inner{padding:60px;}
.service-text h3{font-size:1.7em;color:#333;}
.service-text p{margin-top:14px;font-size:1.15em;line-height:1.75em;color:#666;}
.service-text a{font-weight:bold;}
.service-img img{width:100%;height:auto;}
.email-cta{display:block;padding:20px 60px 0;}
.email-cta img{max-width:340px;}

.about{width:1140px;max-width:100%;background:#fff;margin:20px auto 40px;padding:60px 90px;text-align:center;}
.about h3{font-size:2.1em;color:#333;letter-spacing:1px;}
.about p{margin-top:30px;font-size:1.2em;line-height:1.75em;color:#666;}

/* FOOTER */
#footerOuterWrap{background:#2a2a2a;border-top:1px solid #ddd;}
#footerInnerWrap{display:flex;flex-wrap:wrap;gap:30px;padding:40px 20px;color:#fff;}
#showSomeLoveWrap img{width:120px;}
#footerContentWrap{flex:1 1 400px;}
#footerContentWrap h4{font-size:1.2em;margin-bottom:14px;}
#footerContentWrap p{color:#ccc;line-height:1.6em;margin-top:10px;}
#footerSupportWrap img{max-width:250px;}
#subFooterOuterWrap{background:#303030;color:#ccc;text-align:center;padding:15px 20px;font-size:0.9em;}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 900px){
    .service-row,.service-row.reverse{flex-direction:column;}
    .service-text,.service-img{width:100%;}
    .service-text-inner{padding:30px;}
    .hero{padding:70px 20px 60px;}
    .hero-inner{margin:0 auto;}
    .about{padding:40px 30px;}
    .article-wrap{padding:40px 30px;}
    .page-nav{padding:0 30px;}
}
@media (max-width: 640px){
    .site-header .wrap{justify-content:center;}
    #top-menu-inner-wrap{justify-content:center;}
    .top-menu-list a{font-size:0.9em;padding:0 8px;}
    .hero h1{font-size:1.5em;}
    .hero p{font-size:1.1em;}
    .tagline{font-size:1.15em;}
    .about h3{font-size:1.6em;}
    .page-title-band h1{font-size:1.5em;}
    .article-wrap{padding:30px 20px;}
    .article-wrap h2{font-size:1.3em;}
    #footerInnerWrap{flex-direction:column;text-align:center;}
    #footerInnerWrap > div{margin:0 auto;}
}