.color-blanco{color: white;}
.padb30{padding-bottom: 30px;}

/* Elimina las viñetas de las listas en el menú móvil */
.main-menu-mobile ul {
    list-style-type: none;
    padding-left: 0;
}

.main-menu-mobile a:hover
{color: blueviolet;
}


@media (max-width: 1200px) {
  .banner-content .row {
    flex-direction: column;
    align-items: center;
  }

  .banner-counter-item {
    margin-top: 2rem;
    text-align: center;
  }

  .banner-counter {
    display: flex;
    justify-content: center;
  }

  .theme-btn-2 {
    margin-top: 2rem;
  }

  .banner-img {
    display: none; /* o usa otro comportamiento si quieres que sí aparezca */
  }
}


@media (max-width: 576px) {
  .theme-btn-2 {
    width: auto;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}




.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5; }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    opacity: .75; }
  .close:not(:disabled):not(.disabled) {
    cursor: pointer; }

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }

  .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%); }
    @media screen and (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        -webkit-transition: none;
        -o-transition: none;
        transition: none; } }
  .modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2)); }

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  alignment-adjust:central;
  text-align:center;
  alignment-baseline:central;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }
  .modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2)); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px; } }



#portfolio{padding-top:30px;}

#portfolio .portfolio-item{right:0;margin:0 0 15px}#portfolio .portfolio-item .portfolio-link{position:relative;display:block;max-width:400px;margin:0 auto;cursor:pointer}#portfolio .portfolio-item .portfolio-link .portfolio-hover{position:absolute;width:100%;height:100%;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;transition:all ease .5s;opacity:0;background:rgba(40,56,127,.9)

}#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{font-size:20px;position:absolute;top:50%;width:100%;height:20px;margin-top:-12px;text-align:center;color:#fff}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px}#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0}#portfolio .portfolio-item .portfolio-caption{max-width:400px;margin:0 auto;padding:25px;text-align:center;background-color:#fff}#portfolio .portfolio-item .portfolio-caption h4{margin:0;text-transform:none}#portfolio .portfolio-item .portfolio-caption p{font-size:16px;font-style:italic;margin:0;font-family:'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif}
 
 #portfolio *{z-index:2}@media (min-width:767px){#portfolio .portfolio-item{margin:0 0 30px}}.portfolio-modal .modal-dialog{max-width:none;height:100%;margin:0}.portfolio-modal .modal-content{min-height:100%;padding:100px 0;text-align:center;border:none;border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none}.portfolio-modal .modal-content h2{font-size:3em;margin-bottom:15px}.portfolio-modal .modal-content p{margin-bottom:30px}.portfolio-modal .modal-content p.item-intro{font-size:16px;font-style:italic;margin:20px 0 30px;font-family:'Droid Serif','Helvetica Neue',Helvetica,Arial,sans-serif}.portfolio-modal .modal-content ul.list-inline{margin-top:0;margin-bottom:30px}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .modal-content button{cursor:pointer}.portfolio-modal .close-modal{position:absolute;top:25px;right:25px;width:75px;height:75px;cursor:pointer;background-color:transparent}.portfolio-modal .close-modal:hover{opacity:.3}.portfolio-modal .close-modal .lr{z-index:1051;width:1px;height:75px;margin-left:35px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:#222}.portfolio-modal .close-modal .lr .rl{z-index:1052;width:1px;height:75px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);background-color:#222}.portfolio-modal .modal-backdrop{display:none;opacity:0}.timeline{position:relative;padding:0;list-style:none}.timeline:before{position:absolute;top:0;bottom:0;left:40px;width:2px;margin-left:-1.5px;content:'';background-color:#f1f1f1}.timeline>li{position:relative;min-height:50px;margin-bottom:50px}.timeline>li:after,.timeline>li:before{display:table;content:' '}.timeline>li:after{clear:both}.timeline>li .timeline-panel{position:relative;float:right;width:100%;padding:0 20px 0 100px;text-align:left}.timeline>li .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li .timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}
 


.fondoimg{
background-image: url("../img/fondo.png");
width: 100%;
background-repeat: no-repeat;
background-position:center;
}



:root {
  --primary: #193256;
  --accent: #ec681c;
  --light: #f4f7fb;
}

.capabilities {
  max-width: 1100px;
  margin: auto;
  padding: 4rem 1.5rem;
  font-family: system-ui, -apple-system, sans-serif;
}

h2 {
  color: var(--primary);
  font-size: 2.4rem;
}

.intro {
  color: #555;
  margin-bottom: 2rem;
}

/* Pills */
.pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 2.5rem;
}

.pill {
  border: 1px solid var(--primary);
  background: transparent;
  color: var(--primary);
  padding: 0.6rem 1.3rem;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.25s ease;
  font-weight: 500;
}

.pill:hover,
.pill.active {
  background: var(--primary);
  color: #fff;
}

/* Content */
.capability-content {
  position: relative;
}

.capability {
  display: none;
  animation: fadeSlide 0.4s ease;
  background: var(--light);
  padding: 2.5rem;
  border-radius: 1.25rem;
}

.capability.active {
  display: block;
}

.capability h3 {
  color: var(--primary);
  font-size: 1.6rem;
  margin-bottom: 0.75rem;
}

.capability p {
  color: #444;
}

/* Subtopics */
.subtopics {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.subtopic {
  background: #fff;
  padding: 1rem 1.2rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
  border-left: 4px solid var(--accent);
}

.icon {
  font-size: 1.3rem;
}

/* Animation */
@keyframes fadeSlide {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.brochure-cta {
  margin-top: 3.5rem;
  text-align: center;
}

.brochure-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.9rem 2.2rem;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  background: var(--accent);
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 12px 30px rgba(236, 104, 28, 0.35);
}

.brochure-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 40px rgba(236, 104, 28, 0.45);
}

.brochure-btn:active {
  transform: translateY(0);
}



.intro-text {
  font-size: 1.05rem;
  line-height: 1.7;
  color: #444;
  margin-bottom: 60px;
}

.process-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 30px;
}

.process-item {
  background: #f7f7f7;
  padding: 60px 30px 30px; 
  border-radius: 16px;
  position: relative;
}

.process-number {
  font-size: 2rem;
  font-weight: 700;
  color: #cfcfcf;
  position: absolute;
  top: 20px;
  right: 25px;
}

.process-item p {
  font-size: 0.95rem;
  line-height: 1.6;
  margin: 0;
  color: #333;
}


.process-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.process-number {
  font-size: 2rem;
  font-weight: 700;
  color: #d6d6d6;
}





.industrias .section-subtitle {
  margin-top: 10px;
  color: #666;
  font-size: 16px;
}

.industry-card {
  background: #fff;
  border-radius: 15px;
  padding: 25px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  margin-bottom: 30px;
  position: relative;
}

.industry-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

.industry-card img {
  border-radius: 10px;
  margin: 15px 0;
}

.industry-card h5 {
  margin-top: 10px;
  font-weight: bold;
  color: #0c1a17;
}

.industry-card p {
  font-size: 14px;
  color: #666;
  min-height: 60px;
}

.industry-icon {
  width: 60px;
  height: 60px;
  background: #ec681c;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -50px auto 10px;
  font-size: 22px;
}

.industry-card .btn {
  margin-top: 10px;
  background: #ec681c;
  border: none;
}