/* BricoDato V10 · Ceramic Connection 5.24 */
.cc524{--cc-blue:#0e3f72;--cc-orange:#f58220;--cc-ink:#18364f;--cc-muted:#63788c;--cc-line:#dce7f0}
.cc524-shell{max-width:1080px;margin:0 auto;padding:22px 20px 42px}
.cc524-breadcrumb{font-size:.9rem;color:#718397;margin:0 0 14px}
.cc524-breadcrumb a{color:#0d5b9e;text-decoration:none}
.cc524-hero{
 display:grid;grid-template-columns:1.04fr .96fr;gap:20px;overflow:hidden;
 border-radius:24px;background:linear-gradient(135deg,#0b3d6e 0%,#155f9f 58%,#eef5fa 58%,#f9fbfd 100%);
 box-shadow:0 18px 42px rgba(13,52,83,.13)
}
.cc524-hero-copy{padding:30px 27px;color:#fff}
.cc524-kicker{display:inline-flex;align-items:center;gap:7px;color:#f58220;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.cc524-hero h1{margin:8px 0 12px;font-size:clamp(2rem,4vw,3.25rem);line-height:1;color:#fff}
.cc524-hero p{margin:0;color:rgba(255,255,255,.92);line-height:1.65}
.cc524-badges{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}
.cc524-badges span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2);font-weight:800;font-size:.88rem}
.cc524-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.cc524-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:11px;text-decoration:none;font-weight:900}
.cc524-btn-primary{background:#fff;color:#0b3d6e}
.cc524-btn-soft{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.22)}
.cc524-hero-media{position:relative;min-height:390px}
.cc524-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.cc524-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35))}
.cc524-photo-credit{position:absolute;right:12px;bottom:10px;z-index:2;color:#fff;font-size:.78rem;background:rgba(0,0,0,.48);padding:6px 8px;border-radius:8px}

.cc524-section{margin-top:28px}
.cc524-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:14px}
.cc524-head h2{margin:3px 0 0;color:#123a5b;font-size:1.65rem}
.cc524-head p{margin:0;max-width:540px;color:#62798d;line-height:1.55}

.cc524-space-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cc524-space-card{
 position:relative;min-height:220px;overflow:hidden;border-radius:20px;
 box-shadow:0 13px 28px rgba(12,49,82,.09);background:#eaf1f6;text-decoration:none
}
.cc524-space-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.cc524-space-card:hover img{transform:scale(1.025)}
.cc524-space-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,25,44,.05),rgba(4,25,44,.75))}
.cc524-space-copy{position:absolute;left:16px;right:16px;bottom:15px;z-index:2;color:#fff}
.cc524-space-copy strong{display:block;font-size:1.2rem;margin-bottom:4px}
.cc524-space-copy span{font-size:.9rem;line-height:1.35;color:rgba(255,255,255,.9)}

.cc524-material-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.cc524-material{
 padding:15px 13px;border-radius:16px;border:1px solid var(--cc-line);background:#fff;
 text-decoration:none;box-shadow:0 9px 22px rgba(11,44,74,.05)
}
.cc524-material strong{display:block;color:#17476e;margin-bottom:5px}
.cc524-material span{color:#677d90;font-size:.86rem;line-height:1.35}
.cc524-material em{display:inline-flex;margin-top:10px;color:#0c5a9d;font-style:normal;font-weight:850;font-size:.84rem}

.cc524-value{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px
}
.cc524-value div{padding:15px;border-radius:17px;background:#f7fbfe;border:1px solid #dbe8f2}
.cc524-value b{display:block;color:#133f64;margin-bottom:6px}
.cc524-value span{color:#637a8e;line-height:1.45;font-size:.9rem}

.cc524-pick{
 display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch
}
.cc524-pick-photo{overflow:hidden;border-radius:20px;min-height:280px;background:#eef3f7}
.cc524-pick-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cc524-checklist{padding:20px;border-radius:20px;border:1px solid var(--cc-line);background:#fff}
.cc524-checklist h3{margin:0 0 12px;color:#123d60}
.cc524-checklist ul{margin:0;padding-left:20px;color:#405f78;line-height:1.65}
.cc524-checklist li{margin-bottom:7px}

.cc524-footer-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.cc524-disclosure{margin-top:24px;padding:14px 16px;border-radius:14px;background:#f8fafc;border:1px solid #dee7ee;color:#576c7d;font-size:.9rem;line-height:1.5}
.cc524-disclosure strong{color:#2a485f}
.cc524-source{margin-top:10px;color:#7b8a99;font-size:.82rem}

.cc524-hub-card{
 display:grid!important;grid-template-columns:180px 1fr;gap:0;overflow:hidden;border-radius:18px;
 border:1px solid #dce7f0;background:#fff;text-decoration:none;box-shadow:0 10px 25px rgba(12,49,82,.06)
}
.cc524-hub-card img{width:100%;height:100%;object-fit:cover;display:block;min-height:180px}
.cc524-hub-copy{padding:18px}
.cc524-hub-copy h2{margin:5px 0 8px;color:#123d60}
.cc524-hub-copy p{margin:0;color:#62798d;line-height:1.5}
.cc524-hub-copy strong{display:inline-block;margin-top:10px;color:#0d5d9f}

@media(max-width:940px){
 .cc524-material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .cc524-value{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .cc524-hero{grid-template-columns:1fr;background:linear-gradient(180deg,#0b3d6e 0%,#155f9f 47%,#f7fafc 47%)}
 .cc524-hero-media{min-height:280px}
 .cc524-space-grid{grid-template-columns:1fr}
 .cc524-pick{grid-template-columns:1fr}
 .cc524-head{display:block}
 .cc524-head p{margin-top:8px}
 .cc524-hub-card{grid-template-columns:1fr}
 .cc524-hub-card img{height:200px}
}
@media(max-width:560px){
 .cc524-material-grid,.cc524-value{grid-template-columns:1fr}
}