/* ===== CATÁLOGO DEIBI ARIAAN COMPANY SAC ===== */
.catalog-body{background:#07101f;color:#f8fafc;}
.catalog-body header{background:rgba(11,19,41,.97);backdrop-filter:blur(12px);flex-wrap:wrap;gap:16px;}
.main-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 16px;}
.main-nav a{margin-left:0;white-space:nowrap;}
.main-nav a.active{color:var(--acento);}

.catalog-hero{
  position:relative;overflow:hidden;padding:92px 6% 72px;
  background:
    linear-gradient(135deg,rgba(11,19,41,.96),rgba(11,19,41,.78)),
    url("../img/proyecto21.jpg") center/cover no-repeat;
}
.catalog-hero::after{
  content:"";position:absolute;inset:auto -12% -140px auto;width:480px;height:480px;
  border:1px solid rgba(160,160,160,.16);border-radius:50%;
  box-shadow:0 0 0 55px rgba(56,189,248,.035),0 0 0 110px rgba(160,160,160,.02);
}
.catalog-hero-inner{position:relative;z-index:1;max-width:1100px;margin:auto;text-align:center;}
.catalog-kicker{display:inline-flex;align-items:center;gap:9px;color:#aaaaaa;font-weight:800;
 text-transform:uppercase;letter-spacing:2px;font-size:.78rem;margin-bottom:14px;}
.catalog-kicker::before,.catalog-kicker::after{content:"";width:34px;height:1px;background:#aaaaaa;opacity:.6;}
.catalog-hero h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.02;margin:0 0 18px;color:#fff;letter-spacing:-1px;}
.catalog-hero h1 span{color:var(--acento);}
.catalog-hero p{max-width:800px;margin:0 auto;color:#c7c7c7;font-size:1.05rem;line-height:1.75;}
.catalog-metrics{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:34px;}
.catalog-metric{min-width:190px;padding:14px 18px;border:1px solid rgba(255,255,255,.12);
 background:rgba(255,255,255,.055);border-radius:10px;}
.catalog-metric strong{display:block;color:#fff;font-size:1.2rem;}
.catalog-metric span{color:#9b9b9b;font-size:.8rem;}

.catalog-shell{max-width:1380px;margin:0 auto;padding:42px 5% 80px;}
.catalog-tabs{
 position:sticky;top:80px;z-index:50;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;
 background:rgba(7,16,31,.9);backdrop-filter:blur(14px);padding:14px;border:1px solid #202020;border-radius:14px;
 margin-bottom:34px;box-shadow:0 14px 35px rgba(0,0,0,.22);
}
.catalog-tab{
 appearance:none;border:1px solid #343434;background:#0b1329;color:#c7c7c7;padding:12px 18px;
 border-radius:9px;font-weight:800;letter-spacing:.5px;cursor:pointer;transition:.2s;
}
.catalog-tab:hover,.catalog-tab.active{background:var(--acento);border-color:var(--acento);color:#0b1329;transform:translateY(-1px);}
.catalog-panel{display:none;}
.catalog-panel.active{display:block;}
.catalog-panel-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px;}
.catalog-panel-head h2{font-size:clamp(1.7rem,3vw,2.45rem);margin:0;color:#fff;}
.catalog-panel-head p{max-width:700px;color:#9b9b9b;margin:0;line-height:1.7;}
.catalog-jump{width:min(100%,420px);background:#0b1329;color:#fff;border:1px solid #343434;border-radius:9px;padding:12px 14px;}

.catalog-section{
 background:#0b1329;border:1px solid #202020;border-radius:14px;margin-bottom:16px;overflow:hidden;
 box-shadow:0 12px 28px rgba(0,0,0,.12);
}
.catalog-section[open]{border-color:rgba(160,160,160,.48);}
.catalog-section summary{
 list-style:none;cursor:pointer;padding:22px 24px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;
 background:linear-gradient(90deg,#0b1329,#111c35);
}
.catalog-section summary::-webkit-details-marker{display:none;}
.catalog-section-title{display:flex;gap:16px;align-items:center;}
.catalog-index{
 flex:0 0 42px;height:42px;border-radius:10px;display:grid;place-items:center;
 border:1px solid rgba(160,160,160,.42);color:var(--acento);font-size:.8rem;font-weight:900;
}
.catalog-section h3{margin:0 0 4px;font-size:1.15rem;color:#fff;}
.catalog-section summary p{margin:0;color:#888888;font-size:.84rem;}
.catalog-chevron{width:36px;height:36px;border-radius:50%;border:1px solid #343434;display:grid;place-items:center;color:#c7c7c7;transition:.2s;}
.catalog-section[open] .catalog-chevron{transform:rotate(45deg);border-color:var(--acento);color:var(--acento);}
.catalog-content{padding:0 24px 26px;border-top:1px solid #202020;}
.catalog-description{color:#c7c7c7;line-height:1.7;padding:20px 0 16px;margin:0;max-width:950px;}
.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.photo-item{
 position:relative;overflow:hidden;border-radius:10px;aspect-ratio:4/3;background:#111827;border:1px solid #292929;cursor:zoom-in;
}
.photo-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease,filter .3s ease;}
.photo-item:hover img{transform:scale(1.035);filter:brightness(1.06);}
.photo-number{
 position:absolute;left:8px;bottom:8px;background:rgba(7,16,31,.8);color:#fff;border:1px solid rgba(255,255,255,.18);
 border-radius:6px;padding:4px 8px;font-size:.68rem;font-weight:800;letter-spacing:.5px;
}
.catalog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
.quote-btn{
 display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--acento);color:#0b1329;text-decoration:none;
 font-weight:900;text-transform:uppercase;letter-spacing:.8px;font-size:.8rem;padding:13px 20px;border-radius:8px;
 border:2px solid var(--acento);transition:.2s;
}
.quote-btn:hover{background:transparent;color:var(--acento);transform:translateY(-2px);}
.quote-btn svg{width:17px;height:17px;}

.it-intro{
 border:1px solid #202020;background:linear-gradient(135deg,#0b1329,#101a31);padding:24px;border-radius:14px;margin-bottom:22px;
}
.it-intro h3{margin:0 0 8px;color:#fff}.it-intro p{margin:0;color:#9b9b9b;line-height:1.7;}
.it-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.it-card{
 position:relative;background:#0b1329;border:1px solid #202020;border-radius:14px;padding:24px;display:flex;flex-direction:column;
 min-height:270px;transition:.25s;overflow:hidden;
}
.it-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(56,189,248,.1),transparent 42%);pointer-events:none;}
.it-card:hover{transform:translateY(-4px);border-color:#aaaaaa;box-shadow:0 16px 30px rgba(0,0,0,.24);}
.it-card .service-number{color:#aaaaaa;font-size:.72rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px;}
.it-card h3{color:#fff;margin:0 0 10px;font-size:1.2rem;}
.it-card p{color:#9b9b9b;line-height:1.7;font-size:.9rem;flex:1;margin:0 0 18px;}
.it-card .quote-btn{align-self:flex-start;background:#fff;border-color:#fff;color:#0b1329;}
.it-card .quote-btn:hover{background:transparent;color:#fff;}

.catalog-note{margin-top:30px;padding:18px 20px;border-left:4px solid var(--acento);background:#0b1329;color:#9b9b9b;border-radius:0 8px 8px 0;font-size:.88rem;line-height:1.65;}
.catalog-note strong{color:#fff;}

.catalog-lightbox{
 position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:24px;
}
.catalog-lightbox.open{display:flex;}
.catalog-lightbox img{max-width:min(1200px,92vw);max-height:82vh;border-radius:10px;box-shadow:0 22px 70px rgba(0,0,0,.5);}
.catalog-lightbox button{position:absolute;top:22px;right:26px;width:46px;height:46px;border-radius:50%;border:1px solid #555555;background:#0b1329;color:#fff;font-size:1.7rem;cursor:pointer;}
.catalog-lightbox-caption{position:absolute;bottom:22px;color:#c7c7c7;background:rgba(11,19,41,.82);border:1px solid #343434;padding:8px 12px;border-radius:7px;font-size:.8rem;}

.future-page{min-height:72vh;display:grid;place-items:center;padding:70px 6%;background:linear-gradient(135deg,#07101f,#0b1329);color:#fff;text-align:center;}
.future-card{max-width:780px;border:1px solid #343434;background:#101a31;border-radius:18px;padding:46px 30px;box-shadow:0 20px 55px rgba(0,0,0,.25);}
.future-card .badge{display:inline-block;color:var(--acento);border:1px solid rgba(160,160,160,.4);padding:6px 10px;border-radius:20px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;}
.future-card h1{font-size:clamp(2rem,5vw,3.3rem);margin:16px 0 12px;}
.future-card p{color:#9b9b9b;line-height:1.75;margin-bottom:24px;}

@media(max-width:1180px){
 header{padding:16px 4%;justify-content:center;}
 .logo{width:100%;justify-content:center;}
 .main-nav{justify-content:center;}
 .main-nav a{font-size:.82rem;}
 .photo-grid{grid-template-columns:repeat(3,1fr);}
 .it-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:800px){
 .catalog-hero{padding:72px 5% 58px;}
 .catalog-shell{padding:28px 4% 60px;}
 .catalog-tabs{position:static;}
 .catalog-panel-head{display:block;}
 .catalog-jump{margin-top:16px;}
 .photo-grid{grid-template-columns:repeat(2,1fr);}
 .it-grid{grid-template-columns:1fr;}
 .catalog-section summary{padding:18px 16px;}
 .catalog-content{padding:0 16px 20px;}
 .main-nav{gap:8px 13px;}
 .main-nav a{margin:0;font-size:.76rem;padding:3px 0;}
}
@media(max-width:480px){
 .photo-grid{grid-template-columns:1fr;}
 .catalog-section-title{align-items:flex-start;}
 .catalog-index{flex-basis:36px;height:36px;}
}


/* ===== DEIBI ARIAAN — TEMA NEGRO MONOCROMÁTICO ===== */
.catalog-body{background:#000 !important;color:#fff !important;}
.catalog-body header{background:rgba(0,0,0,.97) !important;border-bottom:1px solid #262626;}
.main-nav a.active{color:#fff !important;background:#333 !important;}
.catalog-hero{background:linear-gradient(135deg,rgba(0,0,0,.94),rgba(0,0,0,.82)),url("../img/proyecto21.jpg") center/cover no-repeat !important;}
.catalog-hero::after{border-color:rgba(170,170,170,.15) !important;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.012) !important;}
.catalog-kicker,.catalog-hero h1 span{color:#bdbdbd !important;}
.catalog-kicker::before,.catalog-kicker::after{background:#777 !important;}
.catalog-hero p,.catalog-metric span,.catalog-panel-head p,.catalog-section summary p,.catalog-description,.it-intro p,.it-card p,.catalog-note,.future-card p{color:#a8a8a8 !important;}
.catalog-metric,.catalog-tabs,.catalog-section,.it-intro,.it-card,.future-card{background:#0c0c0c !important;border-color:#2b2b2b !important;}
.catalog-tabs{background:rgba(4,4,4,.92) !important;}
.catalog-tab{background:#171717 !important;border-color:#3a3a3a !important;color:#c8c8c8 !important;}
.catalog-tab:hover,.catalog-tab.active{background:#555 !important;border-color:#8a8a8a !important;color:#fff !important;box-shadow:0 8px 18px rgba(255,255,255,.06);}
.catalog-jump{background:#0a0a0a !important;border-color:#3b3b3b !important;color:#fff !important;}
.catalog-section[open]{border-color:#666 !important;}
.catalog-section summary{background:linear-gradient(90deg,#0b0b0b,#141414) !important;}
.catalog-index{border-color:#5c5c5c !important;color:#c8c8c8 !important;}
.catalog-chevron{border-color:#444 !important;color:#ccc !important;}
.catalog-section[open] .catalog-chevron{border-color:#888 !important;color:#fff !important;}
.catalog-content{border-top-color:#282828 !important;}
.photo-item{background:#090909 !important;border-color:#282828 !important;}
.photo-item:hover{border-color:#666 !important;}
.photo-number{background:rgba(0,0,0,.82) !important;}
.quote-btn{background:#2d2d2d !important;color:#fff !important;border-color:#666 !important;}
.quote-btn:hover{background:#606060 !important;color:#fff !important;border-color:#aaa !important;}
.it-card::before{background:radial-gradient(circle at 100% 0,rgba(255,255,255,.07),transparent 42%) !important;}
.it-card:hover{border-color:#777 !important;box-shadow:0 16px 32px rgba(0,0,0,.55) !important;}
.it-card .service-number{color:#aaa !important;}
.it-card .quote-btn{background:#303030 !important;border-color:#666 !important;color:#fff !important;}
.catalog-note{border-left-color:#777 !important;background:#0d0d0d !important;}
.catalog-lightbox button{background:#111 !important;border-color:#555 !important;}
.catalog-lightbox-caption{background:rgba(0,0,0,.86) !important;border-color:#444 !important;}
.future-page{background:linear-gradient(135deg,#000,#0c0c0c) !important;}
.future-card .badge{color:#c7c7c7 !important;border-color:#555 !important;}

/* ===== CATÁLOGO FINAL: FOTOGRAFÍAS REALES Y SIN CONTADORES ===== */
.catalog-hero{padding-bottom:58px !important;}
.catalog-metrics,.catalog-note,.photo-number{display:none !important;}
.photo-grid{gap:14px;}
.photo-item{aspect-ratio:4/3;background:#050505 !important;border:1px solid #292929;}
.photo-item img{object-fit:cover;object-position:center;}
.photo-item:hover{border-color:#777 !important;box-shadow:0 10px 28px rgba(0,0,0,.42);}
.it-card{padding:0 !important;min-height:0 !important;}
.it-media{aspect-ratio:16/10;overflow:hidden;background:#050505;border-bottom:1px solid #282828;}
.it-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease,filter .3s ease;}
.it-card:hover .it-media img{transform:scale(1.035);filter:brightness(1.06);}
.it-card .service-number,.it-card h3,.it-card p,.it-card .quote-btn{position:relative;z-index:1;}
.it-card .service-number{margin:20px 22px 10px !important;}
.it-card h3{margin:0 22px 10px !important;}
.it-card p{margin:0 22px 18px !important;}
.it-card .quote-btn{margin:0 22px 22px;align-self:flex-start;}
.catalog-lightbox-caption{max-width:min(850px,85vw);text-align:center;}
@media(max-width:800px){.photo-grid{grid-template-columns:repeat(2,1fr);}.it-media{aspect-ratio:16/9;}}
@media(max-width:480px){.photo-grid{grid-template-columns:1fr;}.photo-item{aspect-ratio:16/11;}}