.dev-navbar .navbar-brand { color:#ff7a00 !important; }
.dev-navbar .nav-link { color:#ddd !important; }
.dev-navbar .nav-link:hover { color:#ff7a00 !important; }

.btn-servicios {
  background:#ff7a00; border:none; color:#fff;
}
.btn-servicios:hover { filter:brightness(.95); color:#fff; }

.news-card img { object-fit:cover; }

/* Navbar sticky con transición para ocultar/mostrar */
.sev-sticky {
  position: sticky;           /* se queda pegado arriba */
  top: 0;
  z-index: 1030;
  will-change: transform, background-color, box-shadow;
  transition: transform .28s ease, background-color .18s ease, box-shadow .18s ease;
}

/* Ocultar al hacer scroll hacia abajo */
.sev-sticky.is-hidden {
  transform: translateY(-100%);
}

/* Al hacer algo de scroll, darle fondo sólido y sombra (si querés) */
.sev-sticky.scrolled {
  background-color: #0f0f10 !important;   /* ajustá si ya usás bg-dark */
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}
/* Colores de la marca */
:root {
  --sev-orange: #f26d03;
  --sev-dark: #0f0f10;
}

/* Bloques */
.sev-servicio {
  border-bottom: 1px dashed rgba(0,0,0,.08);
  padding-bottom: .25rem;
}

.sev-servicio__head{
  width:100%;
  display:flex;
  align-items:center;
  gap:.75rem;
  background:transparent;
  border:0;
  padding:.25rem 0 .35rem;
  cursor:pointer;
}

.sev-servicio__icon{
  font-size: 2rem;
  color: var(--sev-orange);
  line-height: 1;
}

.sev-servicio__title{
  font-weight: 700;
  color: #1c1f23;
  flex: 1;
  text-align: left;
}

.sev-servicio__chev{
  color:#8a8f97;
  transition: transform .2s ease;
}

.sev-servicio.open .sev-servicio__chev{
  transform: rotate(180deg);
}

/* cuerpo colapsable */
.sev-servicio__body{
  overflow: hidden;
  max-height: 0;
  transition: max-height .3s ease;
}

.sev-servicio__body ul{
  margin: .5rem 0 1rem;
  padding-left: 1.25rem;
}

/* Botón de CTA ya existente en tu tema */
.btn-servicios{
  background: var(--sev-orange);
  color:#fff;
  border:none;
}
.btn-servicios:hover{ background:#d56103; transform: scale(1.05); color:#fff; }

/* separadores suaves entre columnas en escritorio (opcional) */
@media (min-width: 992px){
  .sev-servicio{ padding-bottom:.75rem; }
}

/* ===== CTA tipo hero con imagen de fondo ===== */
.sev-cta-hero{
  position: relative;
  isolation: isolate;
  min-height: 440px;
  display: grid;
  place-items: center;
  color:#fff;
  text-align:center;
  /* cambia la imagen por la que prefieras */
  background: url("/assets/img/somos/equipo_sevicol.webp") center/cover no-repeat fixed;
  border-top: 4px solid #f26d03;      /* línea naranja superior opcional */
  border-bottom: 4px solid #f26d03;   /* línea naranja inferior opcional */
}
.sev-cta-hero::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.55));
  z-index:-1;
}
.sev-cta-inner{ max-width:1000px; margin-inline:auto; padding:42px 16px; }
.sev-cta-logo{ height:56px; margin-bottom:12px; filter: drop-shadow(0 6px 16px rgba(0,0,0,.35)); }
.sev-cta-title{
  font-weight:800;
  font-size: clamp(1.25rem, 2.6vw, 2rem);
  line-height:1.25;
  letter-spacing:.4px;
  text-transform: uppercase;
  text-wrap: balance;
  text-shadow: 0 3px 18px rgba(0,0,0,.55);
  margin: 0 0 18px;
}
.sev-cta-btn{
  background:#f26d03; border:none; color:#fff;
  padding:.65rem 1.25rem; font-weight:700; border-radius:.5rem;
}
.sev-cta-btn:hover{ background:#d95e00;transform: scale(1.05); color:#fff; }


