/***********************************************************************/
@media (min-width: 1200px) {
  #index #wrapper {
    margin: 0 0 0 250px; }
    .rtl #index #wrapper {
      margin: 0 250px 0 0; } }
@media (min-width: 992px) {
  #index #wrapper {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; } }
@media (max-width: 991px) {
  #index #wrapper #content-wrapper {
    padding-top: 0; } }
@media (min-width: 1200px) {
  #index #footer {
    margin-left: 250px; }
    .rtl #index #footer {
      margin-right: 250px;
      margin-left: inherit; } }
@media (min-width: 992px) {
  #index #footer {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; } }
@media (min-width: 1200px) {
  #index.active-vertical-menu #wrapper {
    margin: 0 0 0 0; }
    .rtl #index.active-vertical-menu #wrapper {
      margin: 0 0 0 0; } }
@media (min-width: 1200px) {
  #index.active-vertical-menu #footer {
    margin-left: 0px; }
    .rtl #index.active-vertical-menu #footer {
      margin-right: 0px;
      margin-left: inherit; } }

#footer {
  background: #1f2f43 url(../../../../../assets/img/modules/appagebuilder/img/bg-footer.png) center bottom no-repeat;
  background-size: cover;
  color: #cbd5e1;
  font-size: 16px;
  font-weight: 400; /* m�s limpio que 300 */
  letter-spacing: 0.3px;
}

/* =========================================
   FOOTER TOP
========================================= */

.footer-container .footer-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-container .footer-top .title_block {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px; /* se mantiene */
  font-weight: 600;
  padding-right: 0;
  color: #ffffff;
  letter-spacing: 0.5px;
}

.rtl .footer-container .footer-top .title_block {
  padding-left: 0;
  padding-right: inherit;
}

.footer-container .footer-top .title_block span {
  color: #97d6ff; /* azul moderno elegante */
}

/* =========================================
   FOOTER CENTER
========================================= */

.footer-container .footer-center {
  padding: 50px 30px 30px; /* exactamente igual */
}

/* tƭtulos internos m�s refinados */
.footer-container .footer-center .title_block {
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.5px;
  position: relative;
}

/* lĆ­nea decorativa fina sin alterar altura */
.footer-container .footer-center .title_block:after {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  background: #38bdf8;
  margin-top: 8px;
  border-radius: 2px;
}

/* =========================================
   LINKS MƁS PROFESIONALES
========================================= */

.footer-container a {
  color: #cbd5e1;
  transition: all .25s ease;
}

.footer-container a:hover {
  color: #38bdf8;
}

/* =========================================
   FOOTER BOTTOM (si aplica)
========================================= */

.footer-container .footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.08);
  color: #94a3b8;
}

  @media (min-width: 992px) {
    #footer .block_newsletter {
      padding: 0 20px 0 30px; }
      .rtl #footer .block_newsletter {
        padding: 0 30px 0 20px; }
    #footer .block-social {
      padding: 0 30px 0 20px; }
      .rtl #footer .block-social {
        padding: 0 20px 0 30px; } }
  @media (max-width: 1199px) and (min-width: 992px) {
    #footer {
      font-size: 14px; } }

.box-top-footer {
  padding-top: 35px;
  padding-bottom: 35px;
  overflow: hidden;
  position: relative; }
  @media (min-width: 768px) {
    .box-top-footer {
      margin: 0 0 0 0;
      display: -webkit-box;
      display: -moz-box;
      display: box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      box-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      align-items: center;
      -ms-flex-align: center; }
      .rtl .box-top-footer {
        margin: 0 0 0 0; } }
  @media (max-width: 991px) {
    .box-top-footer {
      margin-left: 0;
      margin-right: 0; } }
  @media (max-width: 575px) {
    .box-top-footer {
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media (min-width: 992px) {
    .box-top-footer > [class*="col-"] {
      padding: 0; } }
  @media (max-width: 991px) {
    .box-top-footer .left-top-footer {
      margin-bottom: 30px; } }
  @media (min-width: 992px) {
    .box-top-footer .left-top-footer:before {
      content: '';
      border-right: 1px solid rgba(77, 94, 112, 0.6);
      position: absolute;
      margin: -1000px 0;
      padding: 1000px 0;
      top: 0;
      bottom: 0;
      right: 0; }
      .rtl .box-top-footer .left-top-footer:before {
        border-left: 1px solid rgba(77, 94, 112, 0.6);
        border-right: inherit; }
      .rtl .box-top-footer .left-top-footer:before {
        left: 0;
        right: auto; } }


  @media (max-width: 991px) {
    .footer-container .footer-center {
      padding: 50px 15px 30px; } }
  @media (max-width: 575px) {
    .footer-container .footer-center {
      padding: 30px 15px 10px; } }
  .footer-container .footer-center .title_block {
    color: #FFFFFF;
    font-size: 22px;
    margin: 0 0 30px;
    padding-right: 0; }
    .rtl .footer-container .footer-center .title_block {
      padding-left: 0;
      padding-right: inherit; }
    @media (max-width: 1199px) and (min-width: 992px) {
      .footer-container .footer-center .title_block {
        font-size: 16px; } }
    @media (max-width: 767px) {
      .footer-container .footer-center .title_block {
        font-size: 20px;
        margin: 0 0 20px; } }
    .footer-container .footer-center .title_block a {
      color: #FFFFFF; }
    .footer-container .footer-center .title_block span {
      color: #FFFFFF; }
.footer-container .footer-bottom {
  text-align: center;
  color: #FFFFFF;
  padding: 30px 0;
  border-top: 1px solid rgba(77, 94, 112, 0.6); }
  @media (max-width: 991px) {
    .footer-container .footer-bottom {
      padding: 30px 15px; } }
  @media (max-width: 575px) {
    .footer-container .footer-bottom {
      padding: 15px 15px; } }
  .footer-container .footer-bottom .copyright {
    margin-bottom: 15px; }
  .footer-container .footer-bottom a {
    color: inherit; }
    .footer-container .footer-bottom a:hover {
      color: #19c868; }
/* =========================================
   FOOTER CENTER REDISEĆ‘O PREMIUM
========================================= */

.footer-center {
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);
  padding: 60px 40px 40px;
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* TITULOS */
.footer-center .title_block {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
  position: relative;
}

.footer-center .title_block span {
  color: #38bdf8;
}

/* LĆ­nea decorativa debajo del tĆ­tulo */
.footer-center .title_block:after {
  content: "";
  display: block;
  width: 35px;
  height: 3px;
  margin-top: 10px;
  background: linear-gradient(90deg,#38bdf8,#0ea5e9);
  border-radius: 3px;
}

/* TEXTOS GENERALES */
.footer-center .block_content,
.footer-center .block_content span,
.footer-center .block_content div {
  color: #cbd5e1 !important;
  font-size: 14px;
  line-height: 1.7;
}

/* LINKS */
.footer-center a {
  color: #cbd5e1;
  transition: all .25s ease;
  position: relative;
}

.footer-center a:hover {
  color: #38bdf8;
  padding-left: 6px;
}

/* LISTAS */
.footer-center ul li {
  margin-bottom: 8px;
}

/* TelƩfono destacado */
.footer-center .block_content strong {
  color: #ffffff;
  font-weight: 600;
}

/* LĆ­nea HR personalizada */
.footer-center hr {
  border: none;
  height: 1px;
  background: rgba(255,255,255,0.08);
  margin: 12px 0;
  width: 60%;
}

/* =========================================
   BLOQUE HORARIO
========================================= */

.footer-center .ApHtml .block_content div {
  margin-bottom: 4px;
}

.footer-center .ApHtml .block_content span[style*="#38bdf8"] {
  color: #38bdf8 !important;
}

.footer-center .ApHtml .block_content span[style*="#ef7d00"] {
  color: #f97316 !important;
}

/* =========================================
   ACORDEĆ“N ICONOS (MOBILE)
========================================= */

.footer-center .navbar-toggler .add,
.footer-center .navbar-toggler .remove {
  color: #38bdf8;
}

/* =========================================
   DIRECCIONES BLOQUE
========================================= */

.footer-center .ApColumn:last-child .block_content {
  font-size: 14px;
}

.footer-center .ApColumn:last-child a {
  color: #f97316;
  font-weight: 500;
}

.footer-center .ApColumn:last-child a:hover {
  color: #38bdf8;
}

/* =========================================
   EFECTO HOVER COLUMNAS
========================================= */

.footer-center .ApColumn {
  transition: transform .3s ease;
}

.footer-center .ApColumn:hover {
  transform: translateY(-4px);
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 768px) {

  .footer-center {
    padding: 40px 20px;
  }

  .footer-center .title_block {
    font-size: 16px;
  }

}