/* ============================================
   CONDUCTORES PAGE — Styles + Lightbox
   ============================================ */

/* ── Shared utilities ── */
.section-tag{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);margin-bottom:var(--space-sm);}
.section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:var(--color-navy);line-height:1.2;}
.section-title span{color:var(--color-gold);}
.section-divider{display:block;width:48px;height:3px;background:var(--color-gold);margin:var(--space-md) auto 0;border-radius:2px;}
.section-header{text-align:center;margin-bottom:var(--space-2xl);}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.reveal.visible{opacity:1;transform:none;}
.reveal-left{opacity:0;transform:translateX(-28px);transition:opacity .7s ease,transform .7s ease;}
.reveal-left.visible{opacity:1;transform:none;}
.reveal-right{opacity:0;transform:translateX(28px);transition:opacity .7s ease,transform .7s ease;}
.reveal-right.visible{opacity:1;transform:none;}

/* ── Hero ── */
.cond-hero{position:relative;height:420px;overflow:hidden;background:var(--color-navy);}
.cond-hero-img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;filter:grayscale(40%);}
.cond-hero-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(5,15,30,.82) 0%,rgba(5,15,30,.5) 55%,rgba(5,15,30,.25) 100%);}
.cond-hero-content{position:absolute;inset:0;display:flex;align-items:flex-end;padding-bottom:var(--space-2xl);}
.cond-hero-title{font-family:var(--font-display);font-size:clamp(3rem,7vw,5.5rem);color:var(--color-white);letter-spacing:.04em;line-height:1;margin-bottom:var(--space-md);text-shadow:0 4px 24px rgba(0,0,0,.4);}
.cond-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8rem;color:rgba(255,255,255,.5);}
.cond-breadcrumb a{color:rgba(255,255,255,.7);text-decoration:none;transition:color .2s;}
.cond-breadcrumb a:hover{color:var(--color-gold);}
.cond-bc-current{color:var(--color-gold);font-weight:600;}
@media(max-width:600px){.cond-hero{height:300px;}}

/* ── Intro ── */
.cond-intro-section{padding:var(--space-3xl) 0;background:var(--color-white);}
.cond-intro-text{font-size:.95rem;color:var(--color-gray-600);line-height:1.8;max-width:680px;margin:var(--space-lg) auto 0;}

.cond-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-top:var(--space-2xl);}
@media(max-width:900px){.cond-process-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:500px){.cond-process-grid{grid-template-columns:1fr;}}

.cond-process-item{
  text-align:center;padding:var(--space-xl) var(--space-md);
  background:var(--color-offwhite);border:1px solid var(--color-gray-200);
  border-radius:var(--radius-lg);
  transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);
  position:relative;overflow:hidden;
}
.cond-process-item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-gold),var(--color-gold-bright));transform:scaleX(0);transition:transform var(--transition-base);transform-origin:left;}
.cond-process-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:transparent;}
.cond-process-item:hover::after{transform:scaleX(1);}
.cond-process-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--color-navy),var(--color-navy-mid));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);color:var(--color-gold);}
.cond-process-item h3{font-size:.9rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-sm);}
.cond-process-item p{font-size:.82rem;color:var(--color-gray-600);line-height:1.65;}

/* ── Gallery ── */
.cond-gallery-section{padding:var(--space-3xl) 0;background:var(--color-offwhite);}

.cond-gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--space-md);
}
@media(max-width:900px){.cond-gallery-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:500px){.cond-gallery-grid{grid-template-columns:1fr;}}

.cond-gallery-item{
  position:relative;
  overflow:hidden;
  border-radius:var(--radius-lg);
  aspect-ratio:4/3;
  background:var(--color-navy-light);
  cursor:pointer;
  box-shadow:var(--shadow-sm);
  transition:box-shadow var(--transition-base),transform var(--transition-base);
  outline:none;
}
.cond-gallery-item:hover,
.cond-gallery-item:focus{
  box-shadow:var(--shadow-lg);
  transform:translateY(-3px);
}

.cond-gallery-item img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  transition:transform .55s ease;
  pointer-events:none;
}
.cond-gallery-item:hover img{transform:scale(1.07);}

/* Hover overlay */
.cond-gallery-hover{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,20,40,.72) 0%,rgba(10,20,40,.28) 60%,transparent 100%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:var(--space-sm);
  color:var(--color-white);
  opacity:0;
  transition:opacity var(--transition-base);
}
.cond-gallery-item:hover .cond-gallery-hover,
.cond-gallery-item:focus .cond-gallery-hover{opacity:1;}

.cond-gallery-hover svg{
  width:40px;height:40px;
  background:rgba(201,148,10,.85);
  border-radius:50%;padding:8px;
  flex-shrink:0;
}
.cond-gallery-hover span{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}

/* ════════════════════════════════════════
   LIGHTBOX
════════════════════════════════════════ */
.lb-backdrop{
  position:fixed;inset:0;
  z-index:9999;
  background:rgba(0,0,0,.93);
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;
  transition:opacity .3s ease;
  padding:var(--space-xl) 60px;
}
.lb-backdrop.lb-open{opacity:1;pointer-events:all;}

/* Close button */
.lb-close{
  position:absolute;top:20px;right:24px;
  width:44px;height:44px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--color-white);cursor:pointer;
  transition:background var(--transition-fast),transform var(--transition-fast);
  z-index:10;
}
.lb-close:hover{background:var(--color-gold);border-color:var(--color-gold);transform:rotate(90deg);}

/* Arrow buttons */
.lb-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:50px;height:50px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--color-white);cursor:pointer;
  transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);
  z-index:10;
  flex-shrink:0;
}
.lb-arrow:hover{background:var(--color-gold);border-color:var(--color-gold);}
.lb-prev{left:16px;}
.lb-prev:hover{transform:translateY(-50%) scale(1.1);}
.lb-next{right:16px;}
.lb-next:hover{transform:translateY(-50%) scale(1.1);}

/* Image wrapper */
.lb-img-wrap{
  position:relative;
  max-width:min(900px,90vw);
  max-height:85vh;
  display:flex;align-items:center;justify-content:center;
}

.lb-img{
  max-width:100%;
  max-height:85vh;
  width:auto;height:auto;
  object-fit:contain;
  border-radius:var(--radius-md);
  box-shadow:0 20px 60px rgba(0,0,0,.6);
  transition:opacity .25s ease;
  display:block;
}

/* Loader spinner */
.lb-loader{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
}
.lb-spinner{
  width:40px;height:40px;
  border:3px solid rgba(255,255,255,.2);
  border-top-color:var(--color-gold);
  border-radius:50%;
  animation:lb-spin .8s linear infinite;
}
@keyframes lb-spin{to{transform:rotate(360deg);}}

/* Counter */
.lb-counter{
  position:absolute;bottom:20px;left:50%;transform:translateX(-50%);
  font-size:.82rem;font-weight:600;
  color:rgba(255,255,255,.7);
  background:rgba(0,0,0,.45);
  padding:5px 14px;border-radius:var(--radius-full);
  backdrop-filter:blur(4px);
  letter-spacing:.06em;
  white-space:nowrap;
}

@media(max-width:600px){
  .lb-backdrop{padding:var(--space-md) 50px;}
  .lb-arrow{width:40px;height:40px;}
  .lb-prev{left:6px;}
  .lb-next{right:6px;}
}

/* ── Join section ── */
.cond-join-section{padding:var(--space-3xl) 0;background:var(--color-navy);}
.cond-join-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:start;}
@media(max-width:800px){.cond-join-grid{grid-template-columns:1fr;}}

.cond-join-title{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;color:var(--color-white);line-height:1.2;margin:var(--space-sm) 0 var(--space-lg);}
.cond-join-title em{font-style:normal;color:var(--color-gold);}
.cond-join-section p{font-size:.9rem;color:rgba(255,255,255,.68);line-height:1.8;margin-bottom:var(--space-md);}

.cond-join-list{list-style:none;margin:var(--space-md) 0 0;display:flex;flex-direction:column;gap:10px;}
.cond-join-list li{font-size:.875rem;color:rgba(255,255,255,.75);padding-left:20px;position:relative;line-height:1.6;}
.cond-join-list li::before{content:'✓';position:absolute;left:0;color:var(--color-gold);font-weight:700;font-size:.8rem;}

.cond-join-benefits{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-xl);}
.cond-join-benefits h3{font-size:1rem;font-weight:700;color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(201,148,10,.3);}

.cond-benefit-item{display:flex;gap:var(--space-md);align-items:flex-start;margin-bottom:var(--space-md);}
.cond-benefit-item:last-child{margin-bottom:0;}
.cond-benefit-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:rgba(201,148,10,.15);border:1px solid rgba(201,148,10,.25);display:flex;align-items:center;justify-content:center;color:var(--color-gold);margin-top:2px;}
.cond-benefit-item p{font-size:.875rem;color:rgba(255,255,255,.7);line-height:1.6;margin:0;}

/* btn reuse */
.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px 32px;border-radius:var(--radius-full);font-family:var(--font-body);font-weight:600;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;transition:all var(--transition-base);text-decoration:none;border:none;cursor:pointer;}
.btn-primary{background:var(--color-gold);color:var(--color-white);box-shadow:0 4px 20px rgba(201,148,10,.3);}
.btn-primary:hover{background:var(--color-gold-light);transform:translateY(-2px);box-shadow:0 8px 28px rgba(201,148,10,.4);}