/* =========================================================
   TRES ANGELES - SHOWROOM DINAMICO
   ========================================================= */
.showroom-page{background:#fff;color:#333;min-height:60vh}
.showroom-hero{background:#f7f8f9;padding:42px 0 34px;border-bottom:1px solid #e9ecef}
.showroom-breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:23px;font-family:Montserrat-Regular,sans-serif;font-size:12px;color:#8b9197;text-transform:uppercase;letter-spacing:.4px}
.showroom-breadcrumb a{color:#0098DA;transition:.2s}
.showroom-breadcrumb a:hover{color:#333}
.showroom-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px}
.showroom-kicker{display:block;margin-bottom:8px;font-family:Montserrat-Medium,sans-serif;font-size:12px;color:#4aa097;text-transform:uppercase;letter-spacing:1.8px}
.showroom-heading h1{margin:0;font-family:Montserrat-Bold,sans-serif;font-size:38px;line-height:1.12;color:#333;text-transform:uppercase}
.showroom-heading p{max-width:650px;margin:13px 0 0;font-family:Montserrat-Regular,sans-serif;font-size:14px;line-height:1.7;color:#777}
.showroom-search-wrap{width:min(370px,100%)}
.showroom-search-wrap label{display:block;margin-bottom:8px;font-family:Montserrat-Medium,sans-serif;font-size:11px;color:#555;text-transform:uppercase;letter-spacing:.7px}
.showroom-search{display:flex;align-items:center;height:46px;background:#fff;border:1px solid #ddd;padding:0 14px;transition:.2s}
.showroom-search:focus-within{border-color:#4aa097;box-shadow:0 0 0 2px rgba(74,160,151,.08)}
.showroom-search i{margin-right:10px;color:#999}
.showroom-search input{width:100%;height:100%;border:0;outline:0;background:transparent;font-family:Montserrat-Regular,sans-serif;font-size:13px;color:#333}
.showroom-meta{margin-top:18px;font-family:Montserrat-Regular,sans-serif;font-size:12px;color:#999}
.showroom-type-filter{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:22px}
.showroom-type-filter[hidden]{display:none!important}
.showroom-type-label{font-family:Montserrat-Medium,sans-serif;font-size:11px;color:#555;text-transform:uppercase;letter-spacing:.7px}
.showroom-type-options{display:flex;flex-wrap:wrap;gap:8px}
.showroom-type-btn{appearance:none;border:1px solid #d7dcdf;background:#fff;color:#555;min-height:38px;padding:8px 18px;border-radius:20px;font-family:Montserrat-Medium,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.35px;cursor:pointer;transition:.2s}
.showroom-type-btn:hover{border-color:#0098DA;color:#0098DA}
.showroom-type-btn.is-active{background:#0098DA;border-color:#0098DA;color:#fff}
.showroom-products{padding:50px 0 85px}
.showroom-state,.showroom-empty{text-align:center;padding:60px 20px;font-family:Montserrat-Regular,sans-serif;color:#777}
.showroom-state.is-error{color:#a72828}
.showroom-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 24px}
.showroom-card{min-width:0}
.showroom-card-image{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#f7f7f7;overflow:hidden}
.showroom-card-image img{width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.showroom-card:hover .showroom-card-image img{transform:scale(1.035)}
.showroom-card-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:22px;background:rgba(0,0,0,.28);opacity:0;transition:.25s}
.showroom-card:hover .showroom-card-overlay{opacity:1}
.showroom-btn{display:inline-flex;align-items:center;justify-content:center;min-width:145px;min-height:42px;padding:10px 20px;border-radius:22px;background:#4aa097;color:#fff!important;font-family:Montserrat-Medium,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.4px;transition:.2s}
.showroom-btn:hover{background:#333;color:#fff!important}
.showroom-card-body{padding-top:17px}
.showroom-card-category{display:block;margin-bottom:7px;font-family:Montserrat-Regular,sans-serif;font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.7px}
.showroom-card-type{display:inline-flex;align-items:center;margin:0 0 9px;padding:5px 10px;border-radius:14px;background:#f0f6f5;color:#397f78;font-family:Montserrat-Medium,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.45px}
.showroom-card-title{display:block;min-height:41px;font-family:Montserrat-Regular,sans-serif;font-size:13px;line-height:1.55;color:#555;transition:.2s}
.showroom-card-title:hover{color:#4aa097}
.showroom-card-price{display:block;margin-top:9px;font-family:Montserrat-Medium,sans-serif;font-size:15px;color:#333}
.showroom-empty h2{margin:0 0 10px;font-family:Montserrat-Medium,sans-serif;font-size:22px;color:#333}
.showroom-empty p{margin-bottom:24px}
@media(max-width:1199px){.showroom-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){.showroom-heading{align-items:flex-start;flex-direction:column}.showroom-search-wrap{width:100%}.showroom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.showroom-type-filter{align-items:flex-start;flex-direction:column}.showroom-type-options{width:100%}.showroom-type-btn{flex:1;padding-left:10px;padding-right:10px}.showroom-hero{padding:30px 0 26px}.showroom-heading h1{font-size:29px}.showroom-products{padding:35px 0 60px}.showroom-grid{grid-template-columns:1fr;gap:34px}.showroom-card-image{aspect-ratio:4/3}.showroom-card-overlay{opacity:1;background:linear-gradient(transparent 55%,rgba(0,0,0,.38))}.showroom-card-title{min-height:0}}