/*!------------------------------------------------------------------
PLANTILLA
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TABLE OF CONTENTS]
-------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,500,500i,600,600i,700,700i,800|Open+Sans:400,400i,600,600i,700,700i,800&display=swap);
/* Typography
================================================== */
:root {
  --color_corporativo: #7f54b3;
  --color_borde: #2c2a2a;
  --color_suave: #dac6ee;
  --color_gris: #e8e8e8;
  --color_superior:#e9e9bf; 
  --color_franja-menu2:#313133;

  --color_hamburguesa:var(--color_corporativo);
    --color_iconos: #fff;      /* líneas y flechas blancas */
    --color_dropdown_bg:var(--color_corporativo) ;/* fondo dropdown negro */
    --color_dropdown_hover: #333; /* hover dropdown *
}
/* ej   background:var(--color_corporativo); */
}

.corporativo-box {
  background-color: #E9ECEF;  /* fondo gris suave corporativo */
  padding: 15px;
  border-radius: 10px;
  border: 0px solid #bbb7b7;;  /* borde sutil */
  box-shadow: 0 2px 6px rgba(95, 93, 93, 0.1);
  display: flex;
  align-items: center;
}

.corporativo-box input.form-control {
  flex: 1;  /* para que el input se expanda */
}

.corporativo-box .btn-success {
  background-color: var(--color_corporativo);
  border-color: var(--color_corporativo);
}

.bg-white {
  background-color:var(--color_superior) !important;
}

body {
  background: #fff;
  color: #555;
}


body,
p {
  font-family: "Open Sans", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
  line-height: 26px;
  font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #212121;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
}

h1 {
  font-size: 24px !important;
  line-height: 44px;
}

h2 {
  font-size: 16px !important;
  line-height: 32px;
  text-transform: uppercase;
  letter-spacing: -1px;
}

h3 {
  font-size: 14px !important;
  margin-bottom: 18px;
  text-transform: uppercase;
  letter-spacing: -.5px;
}

h4 {
  font-size: 12px;
  line-height: 26px;
  text-transform: uppercase;
  letter-spacing: -.2px;
}

h5 {
  font-size: 10px;
  line-height: 22px;
}

.alert .icon {
  margin-right: 15px;
}

/* Global styles
================================================== */
html {
  overflow-x: hidden !important;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


body {
  border: 0;
  margin: 0;
  /*padding-top: 150px;*/
}

.body-inner {
  position: relative;
  overflow: hidden;
  flex: 1; 
  min-height: 300px;
  
}

.preload {
  position: fixed;
  background: #fff url(../images/preload.gif) center center no-repeat;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
}

a:link,
a:visited {
  text-decoration: none;
}

a {
  color: inherit;
  transition: .2s ease;
}

a:hover {
  text-decoration: none;
  color: #000;
}

a.read-more {
  color: #066b0e;
  font-weight: 700;
  text-transform: uppercase;
}

a.read-more:hover {
  color: #222;
}

section,
.section-padding {
  padding: 10px 0;  /* separador del menu superior y el contenido claudia */
  position: relative;
}

.no-padding {
  padding: 0;
}

.gap-60 {
  clear: both;
  height: 60px;
}

.gap-40 {
  clear: both;
  height: 40px;
}

.gap-30 {
  clear: both;
  height: 30px;
}

.gap-20 {
  clear: both;
  height: 20px;
}

.mrb-30 {
  margin-bottom: 30px;
}

.mrb-80 {
  margin-bottom: -80px;
}

.mrt-0 {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
}

.pab {
  padding-bottom: 0;
}

a:focus {
  outline: 0;
}

.ts-padding {
  padding: 60px;
}

.solid-bg {
  background: #f9f9f9;
}

.dark-bg {
  background: #252525;
  color: #fff;
}

.dark-bg h2,
.dark-bg h3 {
  color: #fff;
}

.solid-row {
  background: #f0f0f0;
}

.bg-overlay {
  position: relative;
}

.bg-overlay .container {
  position: relative;
  z-index: 1;
}

.bg-overlay:after {
  background-color: rgba(160, 20, 118, 0.8);  /* rgba(0, 46, 91, 0.8); */
  z-index: 0;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.bg-overlay:after {
  position: relative;
}

.bg-overlay:after {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 0;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.content-hidden {
  position: absolute;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  overflow: hidden;
}

/* Dropcap */
.dropcap {
  font-size: 48px;
  line-height: 60px;
  padding: 0 7px;
  display: inline-block;
  font-weight: 700;
  margin: 5px 15px 5px 0;
  position: relative;
  text-transform: uppercase;
}

.dropcap.primary {
  background: #504e50;
  color: #fff;
}

.dropcap.secondary {
  background: #3a5371;
  color: #fff;
}

/* Title */
.title {
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 20px;
}

/* Title Border */
/* Section title */
.section-title {
  font-size: 18px;
  line-height: 28px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 300;
}

.section-sub-title {
  font-weight: 900;
  font-size: 36px;
  line-height: 46px;
  margin: 0 0 60px;
  color: #212121;
}

@media (max-width: 575px) {
  .section-sub-title {
    font-size: 28px;
  }
}

/* Column title */
.column-title {
  margin: 0 0 40px;
}

.column-title-small {
  font-size: 20px;
  margin: 0 0 25px;
}

/* Page content title */
.page-content-title.first {
  margin-top: 0;
}

/* Video responsive */
.embed-responsive {
  padding-bottom: 56.25%;
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
}

.embed-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Input form */
.form-control {
  box-shadow: none;
  border: 1px solid #d3caca;
  padding: 5px 20px;
  height: 44px;
  background: none;
  color: #3b3939;
  font-size: 12px;
  border-radius: 0;
}

.form-control:focus {
  box-shadow: none;
  border: 1px solid #233dcc;
}

hr {
  background-color: #e7e7e7;
  border: 0;
  height: 1px;
  margin: 40px 0;
}

.alert hr {
  background: initial;
  margin: initial;
  border-top: 1px solid;
  height: initial;
  margin-bottom: 1rem;
  opacity: .2;
}

blockquote {
  padding: 25px;
  margin: 20px 0;
  background: #f9f9f9;
  position: relative;
  border-left: 3px solid #ffb600;
  padding-left: 40px;
}

blockquote.text-center {
  border-top: 3px solid #ffb600;
  border-left: 0;
  padding-left: 25px;
  padding-top: 50px;
}

blockquote.text-center:before {
  left: 50%;
  top: 10px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

blockquote.text-right {
  border-right: 3px solid #ffb600;
  padding-right: 40px;
  border-left: 0;
  padding-left: 25px;
}

blockquote.text-right:before {
  left: auto;
  right: 5px;
}

blockquote:before {
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  font-size: 28px;
  color: #E5E5E5;
  top: 5px;
  left: 5px;
  font-weight: 700;
  z-index: 0;
}

blockquote p {
  font-size: 12px;
  line-height: 22px;
  position: relative;
  z-index: 1;
  font-style: italic;
  margin-bottom: 0;
}

cite {
  display: block;
  font-size: 14px;
  margin-top: 10px;
}

/* Ul, Ol */
.list-round,
.list-arrow,
.list-check {
  list-style: none;
  margin: 0;
  padding: 0 0 0 15px;
}

.list-round li {
  line-height: 28px;
}

.list-round li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f138";
  margin-right: 10px;
  color:#066b0e ;
  font-size: 12px;
}

.list-arrow {
  padding: 0;
}

ul.list-arrow li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  margin-right: 10px;
  color: #b30ea5 ;
  font-size: 16px;
  font-weight: bold;
}

ul.list-check li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  margin-right: 10px;
  color: #b30ea5;
  font-size: 14px;
}

/* Bootstrap */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li > a {
  border: 0;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background: none;
}

.pattern-bg {
  background: #f5f5f5 url(../images/crossword.png);
}

a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

/* Button */
.btn:active, .btn:focus {
  box-shadow: none !important;
}

.btn-primary,
.btn-dark 
.btn-danger{
  border: 0;
  border-radius: 3px;
  padding: 12px 20px 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  transition: 350ms;
  font-size: 10px;
}

@media (max-width: 767px) {
  .btn-primary,
  .btn-dark,
  .btn-danger {
    font-size: 13px;
  }
}



/* Bootstrap */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li > a {
  border: 0;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background: none;
}


a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

/* Header area  Barra Menu 

/* ==================================================
   HEADER SUPERIOR (LOGO + USUARIO)
================================================== */
.logo-area {
  padding: 20px 0;
  background: #fff;
}

.logo-img {
  max-height: 75px;
  width: auto;
  transition: transform .3s ease;
}

.logo-img:hover {
  transform: scale(1.03);
}

.header-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

ul.top-info-box {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

ul.top-info-box li {
  padding: 0 18px;
  border-right: 1px solid rgba(0,0,0,.15);
}

ul.top-info-box li:last-child {
  border-right: 0;
}

ul.top-info-box a {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #333;
  text-decoration: none;
}

ul.top-info-box a i {
  margin-right: 6px;
}

ul.top-info-box a:hover {
  color: var(--color_corporativo);
}

/* Responsive header */
@media (max-width: 991px) {
  .header-right {
    justify-content: center;
    margin-top: 15px;
  }

  ul.top-info-box {
    flex-wrap: wrap;
    justify-content: center;
  }

  ul.top-info-box li {
    border: 0;
    padding: 8px 12px;
  }
}

/* ==================================================
   MENÚ PRINCIPAL (NAVBAR)
================================================== */
.header-one,
.header-one .site-navigation {
  background: linear-gradient(
    to right,
    var(--color_corporativo),
    var(--color_franja-menu2)
  ) !important;
}


/* Si deseo dejar fija la barra, descomentar esto y comentar la parte .header-one
de arriba 
Fija la barra del Menu 
considerar en el body padding-top   padding-top: 120px; */
/*
.header-one {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: linear-gradient(
    to right,
    var(--color_corporativo),
    var(--color_franja-menu2)
  ) !important;
}

/*
.header-one .site-navigation {
  position: relative;
  background: transparent !important;
}
  */
/*---------------------------*/

.navbar {
  padding: 0;
  border: 0;
}

ul.navbar-nav > li {
  padding: 0 14px;
  position: relative;
}

ul.navbar-nav > li > a {
  font-family: "Montserrat", sans-serif;
  color: #fff !important;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 30px;      /* barra más angosta */
  padding: 14px 0;
  transition: color .25s ease;
}

ul.navbar-nav > li:hover > a {
  color: #e2e1eb !important;
}

/* Quitar flecha Bootstrap (queda solo FontAwesome) */
.dropdown-toggle::after {
  display: none !important;
}

/* ==================================================
   DROPDOWNS
================================================== */
.dropdown-menu {
  min-width: 360px;
  background: #fff;
  border: 0;
  border-top: 2px solid #967e92;
  border-radius: 0;
  margin-top: 6px;

  /* 🔹 espacio real izquierda / derecha */
  padding: 12px 28px;

  box-shadow: 0 6px 12px rgba(0,0,0,.18);

  /* Siempre por encima de formularios, selects, inputs */
  z-index: 99999 !important;
  position: absolute;
}

/* Items */
.dropdown-menu li a {
  display: block;
  padding: 5px 0; /* solo vertical */
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 700;
  /*text-transform: uppercase;*/
  color: #333;
  border-bottom: 1px solid #e5e5e5;
  text-decoration: none;
  padding: 12px 28px !important; /* espacio entre los bordes */
  white-space: normal;
}

.dropdown-menu li:last-child a {
  border-bottom: 0;
}

.dropdown-menu li a:hover {
  color: #24128d;
  text-decoration: underline;
}

/* Mostrar dropdown al hover (desktop) */
@media (min-width: 991px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

/* ==================================================
   MOBILE
================================================== */
@media (max-width: 991px) {
  ul.navbar-nav > li {
    padding: 0;
  }

  ul.navbar-nav > li > a {
    padding: 12px 0;
  }

  .dropdown-menu {
    box-shadow: none;
    padding: 12px 20px;
  }
}

/* ==================================================
   BOTÓN HAMBURGUESA
================================================== */
.navbar-toggler {
  background: var(--color_hamburguesa);
  border: 0;
  margin: 8px 0;
  padding: 6px;
}

.navbar-toggler:focus {
  outline: none;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/*================================================== */

/* Table of Content
==================================================
1.    Slider
2.    Call to action
3.    Features
4.    Facts
5.    Services
6.   Project area
7.   Content area
8.   Testimonial
9.   Subscribe area
10.   News section
11.   Footer
12.   Sub Pages
13.   Contact Us
14.   News Listing
15.   News Single
16.   Sidebar
17.   Error page
*/
/* Slider
================================================== */
/*-- Main slide --*/

/* Call to action
================================================== */


/* Footer
================================================== */
/*- Footer common */
.footer {
  background-color: #0d0d0d;
  color: #999;
}

.footer-main {
  padding: 80px 0 60px;
}




/* Relleno visual antes del footer */
.footer::before {
  content: "";
  display: block;
  height: 100px;
  background-color: #fff;
  width: 100%;
}

.relleno_footer {
  height:100px !important;             /* altura del relleno */
  background-color: #fff;   /* color del relleno */
  width: 100%;
}


/*-- Copyright --*/
.copyright {
  background: #2c2b2c;
  color: rgb(245, 241, 241);
  padding: 25px 0 15px;
  position: relative;
  z-index: 1;
  font-weight: 600;
  font-size: 12px;
}

.footer-menu ul li {
  display: inline-block;
  line-height: 12px;
  padding-left: 15px;
}

.footer-menu ul.nav li a {
  background: none;
  color: rgb(235, 223, 223);
  padding: 0;
}

.footer-menu ul li a:hover {
  color: #fff;
}

#back-to-top {
  right: 40px;
  top: auto;
  z-index: 10;
  display: none;
}

#back-to-top .btn:focus {
  outline: 0;
  box-shadow: none;
}

@media (max-width: 767px) {
  #back-to-top {
    right: 15px;
  }
}

#back-to-top.position-fixed {
  bottom: 20px;
}

#back-to-top .btn.btn-primary {
  width: 36px;
  height: 36px;
  line-height: 36px;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  color: #ffb600;
  font-weight: 700;
  font-size: 16px;
  padding: 0;
}

@media (max-width: 767px) {
  #back-to-top .btn.btn-primary {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
  }
}

#back-to-top .btn.btn-primary:hover {
  color: #fff;
}



/*-- Team page --*/


/* Pagination */
.paging {
  margin-bottom: -5px;
}

.pagination li a {
  border-radius: 0 !important;
  margin-right: 8px;
  color: #7c7c7c;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > li > a:hover {
  color: #fff;
  background: #92918d;
  border: 1px solid transparent;
}

/* News Single
================================================== */


/* claudia tabla responsive */

.btn-color:hover{color:var(--color_corporativo) !important; }

@media screen and (max-width: 600px) {
  table {
      width:100%;
  }
  thead {
      display: none;
  }
  tr:nth-of-type(2n) {
      background-color: inherit;
  }
  tr td:first-child {
      background: #f0f0f0;
      font-weight:bold;
      font-size:1.3em;
  }
  tbody td {
      display: block;
      text-align:center;
  }
  tbody td:before {
      content: attr(data-th);
      display: block;
      text-align:center;
  }
}

/*# sourceMappingURL=maps/style.css.map */


/* NOTA PEDIDO  PESTAÑAS TAB */
.nav-tabs .nav-link.active {
  background-color:var(--color_corporativo); /* color de fondo azul */
  color: #fff;               /* texto blanco */
  border-color: #0d6efd #0d6efd #fff; /* eliminar borde inferior para efecto de “conexión” con contenido */
  font-weight: 500;
  transition: 0.3s;
  font-weight: bold;
}

.nav-tabs .nav-link {
  color: #495057;
  border: 1px solid #dee2e6;
  border-bottom: none;
  transition: 0.3s;
  font-weight: normal;
}

.nav-tabs .nav-link:hover {
  background-color: #e9f2ff;
  color: #0d6efd;
}

.marco_contenido h4 {
  font-size: 14px !important;
  line-height: 20px;
  text-transform: none;
}