html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #eeeeee;
  margin: 0.5em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

@font-face {
  font-family: Graphik-Black;
  src: url(../fonts/Graphik-Black.otf); }
@font-face {
  font-family: Graphik-Semibold;
  src: url(../fonts/Graphik-Semibold.otf); }
@font-face {
  font-family: Graphik-Bold;
  src: url(../fonts/Graphik-Bold.otf); }
@font-face {
  font-family: Graphik-Regular;
  src: url(../fonts/Graphik-Regular.otf); }
@font-face {
  font-family: Graphik-Medium;
  src: url(../fonts/Graphik-Medium.otf); }
@font-face {
  font-family: Graphik-Thin;
  src: url(../fonts/Graphik-Thin.otf); }
@font-face {
  font-family: Graphik-Light;
  src: url(../fonts/Graphik-Light.otf); }
@font-face {
  font-family: Freshness;
  src: url(../fonts/Freshness.otf); }
.contenedor_imagenes_index {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-content: center;
  z-index: 2; }
  .contenedor_imagenes_index > div {
    margin: 0;
    opacity: 0; }
    .contenedor_imagenes_index > div > a > img {
      width: 400px;
      margin-bottom: -120px; }

.input_error_morado {
  border: 1px solid #1c1c4b !important; }

.linea_rojas {
  height: 5px;
  background: #9C223C;
  width: 100%; }

.linea_verde {
  margin-top: 2%;
  height: 3pt;
  background: #BC955C;
  width: 41%; }

.linea_verde_dos {
  position: relative;
  margin-top: 2%;
  font-size: 1.6%;
  width: 43%; }

.contenedor_mensaje {
  padding-top: 15px;
  width: 100%; }
  .contenedor_mensaje > .mensaje_component {
    color: white; }
    .contenedor_mensaje > .mensaje_component > div > div > h1 {
      color: #B51C40; }
    .contenedor_mensaje > .mensaje_component > div > div > h4 > a {
      color: #BC955C;
      text-decoration: underline; }
    .contenedor_mensaje > .mensaje_component > div > div > h4 > ul > li > a {
      color: #BC955C; }
      .contenedor_mensaje > .mensaje_component > div > div > h4 > ul > li > a:hover {
        transition: 1s;
        text-decoration: underline; }
    .contenedor_mensaje > .mensaje_component > div > div > h4 > ul > li::before {
      content: "\2022  ";
      /* Add content: \2022 is the CSS Code/unicode for a bullet */
      color: #9C223C;
      /* Change the color */ }

.header_micuenta {
  width: 100%;
  background-color: transparent;
  min-height: 300px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  .header_micuenta .circulo_central {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background-color: rgba(111, 180, 48, 0.6);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border: solid 1px #BC955C;
    text-align: center;
    text-transform: uppercase;
    color: white; }

/*  ====================***  BOTONES **** ====================*/
.boton_sencillo {
  display: block;
  transition: .5s;
  width: 400px;
  height: 50px;
  align-self: center;
  background-color: #BC955C;
  color: #656565 !important;
  margin: auto;
  margin-top: 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-family: Graphik-Bold;
  cursor: pointer; }
  .boton_sencillo:hover {
    background-color: transparent;
    transition: .5s;
    color: white !important;
    border: solid #BC955C 1px; }
  @media all and (max-width: 700px) {
    .boton_sencillo {
      width: 200px; } }

.boton_sencillo_desactivado {
  border: solid #BC955C 1px;
  transition: .5s;
  margin-top: 50px;
  width: 200px;
  height: 50px;
  background-color: transparent;
  color: white !important;
  margin-left: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-family: Graphik-Bold;
  cursor: not-allowed; }
  .boton_sencillo_desactivado:hover {
    transition: .5s;
    color: white;
    transform: scale(1.09); }

.boton_sencillo_rojo_mio_nuevo_chat {
  transition: .5s;
  width: 400px;
  height: 50px;
  align-self: center;
  background-color: #9C223C;
  color: white !important;
  margin: auto;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-family: Graphik-Bold;
  cursor: pointer; }
  .boton_sencillo_rojo_mio_nuevo_chat:hover {
    background-color: transparent;
    transition: .5s;
    color: white !important;
    border: solid #B51C40 1px; }
  @media all and (max-width: 700px) {
    .boton_sencillo_rojo_mio_nuevo_chat {
      width: 200px; } }

.boton_sencillo_verde {
  transition: .5s;
  width: 400px;
  height: 50px;
  align-self: center;
  background-color: #BC955C;
  color: #656565 !important;
  margin: auto;
  margin-top: 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-family: Graphik-Bold;
  cursor: pointer; }
  .boton_sencillo_verde:hover {
    background-color: transparent;
    transition: .5s;
    color: white !important;
    border: solid #BC955C 1px; }
  @media all and (max-width: 700px) {
    .boton_sencillo_verde {
      width: 200px; } }

.boton_sencillo_rojo {
  transition: .5s;
  width: 400px;
  height: 50px;
  align-self: center;
  background-color: #9C223C;
  color: white !important;
  margin: auto;
  margin-top: 50px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-family: Graphik-Bold;
  cursor: pointer; }
  .boton_sencillo_rojo:hover {
    background-color: transparent;
    transition: .5s;
    color: white !important;
    border: solid #B51C40 1px; }
  @media all and (max-width: 700px) {
    .boton_sencillo_rojo {
      width: 200px; } }

.boton_sencillo_rojo_sin_width {
  transition: .5s;
  height: 40px;
  align-self: center;
  background-color: #BC955C;
  color: white !important;
  margin: auto;
  display: flex;
  padding: 8px;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-family: Graphik-Bold;
  cursor: pointer; }
  .boton_sencillo_rojo_sin_width:hover {
    background-color: transparent;
    transition: .5s;
    color: white !important;
    border: solid #BC955C 1px; }
  @media all and (max-width: 700px) {
    .boton_sencillo_rojo_sin_width {
      width: 200px; } }

.boton_subir_arriba {
  width: 45px;
  height: 45px;
  border: solid 1px black;
  position: fixed;
  bottom: 40px;
  right: 40px;
  font-size: 30px;
  z-index: 9999;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #9C223C;
  border-radius: 200px;
  box-shadow: 0px 0px 10px black;
  border: 2px #9C223C solid;
  color: white;
  text-shadow: 2px 2px 2px black;
  cursor: pointer; }
  .boton_subir_arriba > span {
    font-size: 18px; }

.boton_suscribite {
  background-color: #BC955C;
  color: white;
  padding: .8%;
  font-size: 18px;
  cursor: pointer;
  width: 150px;
  border-radius: 1px; }

.boton_sticky {
  font-size: 14px;
  transform: rotate(-90deg) translatey(2vw);
  -ms-transform: rotate(-90deg) translatey(2vw);
  /* IE 9 */
  -webkit-transform: rotate(-90deg) translatey(2vw);
  position: fixed;
  right: 0;
  top: 23vh;
  background-color: #9C223C;
  margin-left: 20px;
  padding: 1%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  color: white;
  border-radius: 1%;
  z-index: 99999; }

.boton_sticky:hover {
  transition: 1s;
  background-color: #9C223C; }

.boton_menu {
  color: white;
  display: none; }
  @media all and (max-width: 700px) {
    .boton_menu {
      display: block; } }

.button_efecto_nuevo_efecto_nuevo_blanco {
  /*   margin-left: 4px;
     margin-right: 4px; */
  margin-right: 4px;
  margin-left: 4px;
  --offset: 4px;
  --border-size: 1px;
  display: block;
  position: relative;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: transparent;
  color: white;
  outline: none;
  cursor: pointer;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-size) currentcolor;
  transition: background .8s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

.button_efecto_nuevo_efecto_nuevo_blanco:hover {
  background: rgba(100, 0, 0, 0.03);
  background-color: transparent;
  font-family: Graphik-Bold;
  box-shadow: inset 0 0 0 var(--border-size) white;
  color: white; }

.button__horizontal_blanco, .button__vertical_blanco {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 0);
  left: var(--vertical-offset, 0);
  transition: -webkit-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
  will-change: transform; }

.button__horizontal_blanco::before, .button__vertical_blanco::before {
  content: '';
  position: absolute;
  border: inherit; }

.button__horizontal_blanco {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: var(--border-size) solid currentcolor;
  border-bottom: var(--border-size) solid currentcolor; }

.button__horizontal_blanco::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--vertical-offset) * -1);
  right: calc(var(--vertical-offset) * -1); }

.button_efecto_nuevo_efecto_nuevo_blanco:hover .button__horizontal_blanco {
  -webkit-transform: scaleX(0);
  transform: scaleX(0); }

.button__vertical_blanco {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: var(--border-size) solid currentcolor;
  border-right: var(--border-size) solid currentcolor; }

.button__vertical_blanco::before {
  top: calc(var(--horizontal-offset) * -1);
  bottom: calc(var(--horizontal-offset) * -1);
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size)); }

.button_efecto_nuevo_efecto_nuevo_blanco:hover .button__vertical_blanco {
  -webkit-transform: scaleY(0);
  transform: scaleY(0); }

.button_efecto_nuevo_efecto_nuevo_rojo {
  /*   margin-left: 4px;
     margin-right: 4px; */
  margin-right: 4px;
  margin-left: 4px;
  --offset: 4px;
  --border-size: 1px;
  display: block;
  position: relative;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: transparent;
  color: #B51C40;
  outline: none;
  cursor: pointer;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-size) currentcolor;
  transition: background .8s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

.button_efecto_nuevo_efecto_nuevo_rojo:hover {
  background: rgba(100, 0, 0, 0.03);
  background-color: transparent;
  font-family: Graphik-Bold;
  box-shadow: inset 0 0 0 var(--border-size) #B51C40;
  color: #B51C40; }

.button__horizontal_rojo, .button__vertical_rojo {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 0);
  left: var(--vertical-offset, 0);
  transition: -webkit-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
  will-change: transform; }

.button__horizontal_rojo::before, .button__vertical_rojo::before {
  content: '';
  position: absolute;
  border: inherit; }

.button__horizontal_rojo {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: var(--border-size) solid currentcolor;
  border-bottom: var(--border-size) solid currentcolor; }

.button__horizontal_rojo::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--vertical-offset) * -1);
  right: calc(var(--vertical-offset) * -1); }

.button_efecto_nuevo_efecto_nuevo_rojo:hover .button__horizontal_rojo {
  -webkit-transform: scaleX(0);
  transform: scaleX(0); }

.button__vertical_rojo {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: var(--border-size) solid currentcolor;
  border-right: var(--border-size) solid currentcolor; }

.button__vertical_rojo::before {
  top: calc(var(--horizontal-offset) * -1);
  bottom: calc(var(--horizontal-offset) * -1);
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size)); }

.button_efecto_nuevo_efecto_nuevo_rojo:hover .button__vertical_rojo {
  -webkit-transform: scaleY(0);
  transform: scaleY(0); }

.button_efecto_nuevo_efecto_nuevo_verde {
  /*   margin-left: 4px;
     margin-right: 4px; */
  margin-right: 4px;
  margin-left: 4px;
  --offset: 4px;
  --border-size: 1px;
  display: block;
  position: relative;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: transparent;
  color: #BC955C;
  outline: none;
  cursor: pointer;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-size) currentcolor;
  transition: background .8s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

.button_efecto_nuevo_efecto_nuevo_verde:hover {
  background: rgba(100, 0, 0, 0.03);
  background-color: transparent;
  font-family: Graphik-Bold;
  box-shadow: inset 0 0 0 var(--border-size) #BC955C;
  color: #BC955C; }

.button__horizontal_verde, .button__vertical_verde {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 0);
  left: var(--vertical-offset, 0);
  transition: -webkit-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
  will-change: transform; }

.button__horizontal_verde::before, .button__vertical_verde::before {
  content: '';
  position: absolute;
  border: inherit; }

.button__horizontal_verde {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: var(--border-size) solid currentcolor;
  border-bottom: var(--border-size) solid currentcolor; }

.button__horizontal_verde::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--vertical-offset) * -1);
  right: calc(var(--vertical-offset) * -1); }

.button_efecto_nuevo_efecto_nuevo_verde:hover .button__horizontal_verde {
  -webkit-transform: scaleX(0);
  transform: scaleX(0); }

.button__vertical_verde {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: var(--border-size) solid currentcolor;
  border-right: var(--border-size) solid currentcolor; }

.button__vertical_verde::before {
  top: calc(var(--horizontal-offset) * -1);
  bottom: calc(var(--horizontal-offset) * -1);
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size)); }

.button_efecto_nuevo_efecto_nuevo_verde:hover .button__vertical_verde {
  -webkit-transform: scaleY(0);
  transform: scaleY(0); }

.button_efecto_nuevo_efecto_nuevo {
  margin-right: -4px;
  margin-left: -4px;
  --offset: 4px;
  --border-size: 1px;
  display: block;
  position: relative;
  padding: 1.5em 3em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: transparent;
  color: white;
  outline: none;
  cursor: pointer;
  border-radius: 0;
  box-shadow: inset 0 0 0 var(--border-size) currentcolor;
  transition: background .8s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }
  @media all and (max-width: 700px) {
    .button_efecto_nuevo_efecto_nuevo {
      padding: .75em 1.5em; } }

.button_efecto_nuevo_efecto_nuevo:hover {
  background: rgba(100, 0, 0, 0.03);
  background-color: #BC955C;
  font-family: Graphik-Bold;
  box-shadow: inset 0 0 0 var(--border-size) #BC955C; }

.button__horizontal, .button__vertical {
  position: absolute;
  top: var(--horizontal-offset, 0);
  right: var(--vertical-offset, 0);
  bottom: var(--horizontal-offset, 0);
  left: var(--vertical-offset, 0);
  transition: -webkit-transform .8s ease;
  transition: transform .8s ease;
  transition: transform .8s ease, -webkit-transform .8s ease;
  will-change: transform; }

.button__horizontal::before, .button__vertical::before {
  content: '';
  position: absolute;
  border: inherit; }

.button__horizontal {
  --vertical-offset: calc(var(--offset) * -1);
  border-top: var(--border-size) solid currentcolor;
  border-bottom: var(--border-size) solid currentcolor; }

.button__horizontal::before {
  top: calc(var(--vertical-offset) - var(--border-size));
  bottom: calc(var(--vertical-offset) - var(--border-size));
  left: calc(var(--vertical-offset) * -1);
  right: calc(var(--vertical-offset) * -1); }

.button_efecto_nuevo_efecto_nuevo:hover .button__horizontal {
  -webkit-transform: scaleX(0);
  transform: scaleX(0); }

.button__vertical {
  --horizontal-offset: calc(var(--offset) * -1);
  border-left: var(--border-size) solid currentcolor;
  border-right: var(--border-size) solid currentcolor; }

.button__vertical::before {
  top: calc(var(--horizontal-offset) * -1);
  bottom: calc(var(--horizontal-offset) * -1);
  left: calc(var(--horizontal-offset) - var(--border-size));
  right: calc(var(--horizontal-offset) - var(--border-size)); }

.button_efecto_nuevo_efecto_nuevo:hover .button__vertical {
  -webkit-transform: scaleY(0);
  transform: scaleY(0); }

.icono_boton_menu {
  color: #9C223C; }

.icono_central_botones {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-image: url(../imagenes/fondo.png?v=12);
  background-attachment: fixed;
  z-index: 8808;
  border: 1px solid white; }

/*  ====================****  CONTENEDORES **** ====================*/
.contenedor_columna h2 {
  color: white; }
.contenedor_columna p {
  color: white; }
  .contenedor_columna p > span {
    color: #B51C40;
    padding-right: 10px;
    font-size: 16px; }

.container_stick_right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  height: 200px;
  position: relative; }
  @media all and (max-width: 700px) {
    .container_stick_right {
      height: 400px; } }

.contenedor_crear_cuenta_nuevo_ro {
  min-height: 80vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }

.contenedor_contacto {
  width: 90%;
  margin-left: 5%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding-bottom: 50px; }
  @media all and (max-width: 700px) {
    .contenedor_contacto {
      flex-direction: column-reverse; } }
  .contenedor_contacto > div:nth-child(1) {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    @media all and (max-width: 700px) {
      .contenedor_contacto > div:nth-child(1) {
        width: 90%; } }
  .contenedor_contacto > div:nth-child(2) {
    width: 100%; }
    @media all and (max-width: 700px) {
      .contenedor_contacto > div:nth-child(2) {
        width: 90%; } }

.contenedor_contacto_titulo {
  width: 90%;
  margin-left: 5%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  .contenedor_contacto_titulo > div {
    font-family: freshness;
    font-size: 40px;
    color: #BC955C; }
    .contenedor_contacto_titulo > div > h3 {
      text-align: center;
      align-self: center;
      color: white;
      padding-bottom: 10px;
      font-family: Graphik-Regular; }

.contenedor_contacto_datos {
  width: 90%;
  margin-left: 5%;
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  align-items: center;
  padding-bottom: 40px;
  padding-top: 40px;
  font-family: Graphik-Regular; }
  @media all and (max-width: 700px) {
    .contenedor_contacto_datos {
      flex-direction: column;
      align-items: center;
      font-family: Graphik-Bold; } }
  .contenedor_contacto_datos > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    @media all and (max-width: 700px) {
      .contenedor_contacto_datos > div {
        padding-bottom: 20px; } }
    .contenedor_contacto_datos > div > div > i {
      color: #B51C40; }
    .contenedor_contacto_datos > div > div > span {
      color: #BC955C;
      font-family: Graphik-Bold;
      font-size: 16px; }

.contenedor_central {
  background-color: transparent;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center; }
  .contenedor_central > .contenedor_mpe_mps_texto {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    @media all and (min-width: 1600px) {
      .contenedor_central > .contenedor_mpe_mps_texto {
        height: 80vh; } }
    @media all and (max-width: 1600px) {
      .contenedor_central > .contenedor_mpe_mps_texto {
        height: 90vh; } }
    @media all and (max-width: 700px) {
      .contenedor_central > .contenedor_mpe_mps_texto {
        height: 80vh; } }
    .contenedor_central > .contenedor_mpe_mps_texto > .escudos {
      margin-top: 20px;
      margin-bottom: 20px;
      width: 60%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: row;
      align-content: center;
      background-color: transparent;
      display: none; }
      .contenedor_central > .contenedor_mpe_mps_texto > .escudos > .h_crece_blanco > img {
        width: 8em; }
      .contenedor_central > .contenedor_mpe_mps_texto > .escudos > .escudo_armas > img {
        width: 6.8em; }
      @media all and (max-width: 700px) {
        .contenedor_central > .contenedor_mpe_mps_texto > .escudos {
          width: 90%; }
          .contenedor_central > .contenedor_mpe_mps_texto > .escudos > .h_crece_blanco > img {
            width: 80px; }
          .contenedor_central > .contenedor_mpe_mps_texto > .escudos > .escudo_armas > img {
            width: 70px; } }
    .contenedor_central > .contenedor_mpe_mps_texto > .titulo_mpemps {
      font-family: Graphik-Bold;
      color: white;
      margin: 0px;
      line-height: normal;
      text-align: center;
      font-size: 40px !important; }
      .contenedor_central > .contenedor_mpe_mps_texto > .titulo_mpemps > div:nth-child(2) {
        color: #BC955C;
        border-bottom: solid 4px #9C223C; }
      @media all and (max-width: 700px) {
        .contenedor_central > .contenedor_mpe_mps_texto > .titulo_mpemps {
          font-size: 30px !important;
          text-align: center;
          height: auto; } }
    .contenedor_central > .contenedor_mpe_mps_texto > .contenedor_principal_mpemps_botones {
      width: 100%;
      display: flex;
      justify-content: center;
      flex-direction: row;
      align-items: center; }
      .contenedor_central > .contenedor_mpe_mps_texto > .contenedor_principal_mpemps_botones > .contenedor_botones {
        padding-top: 50px;
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center; }
        @media (max-width: 700px) and (orientation: landscape) {
          .contenedor_central > .contenedor_mpe_mps_texto > .contenedor_principal_mpemps_botones > .contenedor_botones {
            padding-top: 100px; } }
    .contenedor_central > .contenedor_mpe_mps_texto > .container {
      position: relative;
      width: 24px;
      height: 24px;
      margin-top: 140px; }
      .contenedor_central > .contenedor_mpe_mps_texto > .container > .chevron {
        position: absolute;
        width: 28px;
        height: 8px;
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5);
        animation: move 3s ease-out infinite; }
      .contenedor_central > .contenedor_mpe_mps_texto > .container > .chevron:first-child {
        animation: move 3s ease-out 1s infinite; }
      .contenedor_central > .contenedor_mpe_mps_texto > .container > .chevron:nth-child(2) {
        animation: move 3s ease-out 2s infinite; }
      .contenedor_central > .contenedor_mpe_mps_texto > .container > .chevron:before, .contenedor_central > .contenedor_mpe_mps_texto > .container > .chevron:after {
        content: ' ';
        position: absolute;
        top: 0;
        height: 100%;
        width: 51%;
        background: rgba(255, 255, 255, 0.5); }
      .contenedor_central > .contenedor_mpe_mps_texto > .container > .chevron:before {
        left: 0;
        transform: skew(0deg, 30deg); }
      .contenedor_central > .contenedor_mpe_mps_texto > .container > .chevron:after {
        right: 0;
        width: 50%;
        transform: skew(0deg, -30deg); }
@keyframes move {
  25% {
    opacity: 1; }
  33% {
    opacity: 1;
    transform: translateY(30px); }
  67% {
    opacity: 1;
    transform: translateY(40px); }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5); } }
  .contenedor_central > .texto_centrado {
    padding-top: 220px;
    padding-bottom: 200px;
    width: 70%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center; }
    @media all and (max-width: 700px) {
      .contenedor_central > .texto_centrado {
        padding-top: 60px; } }
    .contenedor_central > .texto_centrado > h2 {
      font-family: Graphik-Regular;
      color: white;
      margin: 0px;
      line-height: normal;
      text-align: center; }
      @media all and (max-width: 700px) {
        .contenedor_central > .texto_centrado > h2 {
          font-family: Graphik-Regular; } }
  .contenedor_central > .contenedor_circulos {
    width: 90%;
    background-color: rgba(0, 0, 0, 0.4); }

.contenedor_divido_dos {
  width: 90%;
  margin-left: 5%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  padding-bottom: 50px;
  min-height: 60vh; }
  @media all and (max-width: 700px) {
    .contenedor_divido_dos {
      width: 100%;
      margin-left: 0;
      display: flex;
      justify-content: center;
      flex-direction: column-reverse;
      align-items: center; } }
  .contenedor_divido_dos > .divisor_izq {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border-right: 4px solid #BC955C;
    min-height: 60vh; }
    @media all and (max-width: 700px) {
      .contenedor_divido_dos > .divisor_izq {
        margin-top: 40px;
        border-right: 0px solid transparent; } }
  .contenedor_divido_dos > .divisor_der {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    min-height: 60vh; }

.contenedor_divido {
  width: 90%;
  margin-left: 5%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  padding-bottom: 100px;
  padding-top: 20px; }
  @media all and (max-width: 700px) {
    .contenedor_divido {
      width: 100%;
      margin-left: 0;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; } }
  .contenedor_divido > .divisor_izq {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    @media all and (max-width: 700px) {
      .contenedor_divido > .divisor_izq {
        border-right: 0px solid transparent; } }
  .contenedor_divido > .divisor_der {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    @media all and (max-width: 700px) {
      .contenedor_divido > .divisor_der {
        margin-top: 80px; } }

.contenedor_other {
  width: 80%;
  min-height: 100vh;
  margin-left: 10%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  padding-bottom: 100px; }
  @media all and (max-width: 700px) {
    .contenedor_other {
      width: 100%;
      margin-left: 0;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; } }
  .contenedor_other > div > .titulo_principal {
    line-height: 1;
    padding-top: 50px;
    font-family: freshness;
    font-size: 40px;
    color: white; }
    @media all and (max-width: 700px) {
      .contenedor_other > div > .titulo_principal {
        padding-top: 10px; } }
  .contenedor_other > div > div > .sub_titulo_principal {
    padding-top: 20px;
    max-width: 90%; }
    .contenedor_other > div > div > .sub_titulo_principal > a > .boton {
      margin-top: 50px;
      width: 160px;
      height: 50px;
      background-color: #BC955C;
      color: #656565;
      margin-left: 20px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      font-family: Graphik-Bold; }
    .contenedor_other > div > div > .sub_titulo_principal > h3 {
      margin: 0;
      font-family: Graphik-Bold;
      color: #BC955C; }
      .contenedor_other > div > div > .sub_titulo_principal > h3 > .sub_titulo_principal_mini_container {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-items: flex-start; }
        .contenedor_other > div > div > .sub_titulo_principal > h3 > .sub_titulo_principal_mini_container > span:nth-child(1) {
          color: #9C223C;
          font-size: 20px; }
        .contenedor_other > div > div > .sub_titulo_principal > h3 > .sub_titulo_principal_mini_container > span:nth-child(2) {
          padding-left: 10px; }
    .contenedor_other > div > div > .sub_titulo_principal > div > p {
      text-align: left;
      color: white;
      margin: 0;
      margin-left: 20px;
      display: flex;
      justify-content: flex-start;
      flex-direction: row;
      align-items: flex-start; }
  @media all and (max-width: 700px) {
    .contenedor_other > .divisor_der {
      margin-top: 80px; } }

.contenedor_descargables {
  padding-top: 100px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap; }
  @media all and (max-width: 700px) {
    .contenedor_descargables {
      flex-direction: column;
      align-items: center; } }
  .contenedor_descargables > .item_descargable {
    width: 22%;
    height: auto;
    background-color: transparent;
    color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    @media all and (max-width: 700px) {
      .contenedor_descargables > .item_descargable {
        width: 90%;
        padding-top: 20px;
        padding-bottom: 20px; } }
    .contenedor_descargables > .item_descargable > .descripcion {
      text-align: justify;
      overflow: hidden; }

.contenedor_contadores {
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  align-content: space-between;
  align-items: flex-start; }
  .contenedor_contadores > .contenedor_contador {
    max-width: 300px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative; }
    .contenedor_contadores > .contenedor_contador > .circulo {
      transition: .4s;
      width: 120px;
      height: 120px;
      background-color: transparent;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      position: relative;
      cursor: pointer;
      box-shadow: inset 0 0 0 200px rgba(230, 60, 77, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1); }
      @media all and (max-width: 700px) {
        .contenedor_contadores > .contenedor_contador > .circulo {
          width: 80px;
          height: 80px; } }
      .contenedor_contadores > .contenedor_contador > .circulo:hover {
        background-color: transparent;
        box-shadow: inset 0 0 0 3px rgba(230, 60, 77, 0.6), 0 1px 2px rgba(0, 0, 0, 0.1); }
      .contenedor_contadores > .contenedor_contador > .circulo > img {
        width: 100px; }
        @media all and (max-width: 700px) {
          .contenedor_contadores > .contenedor_contador > .circulo > img {
            width: 50px;
            height: 50px; } }
    .contenedor_contadores > .contenedor_contador > .cantidad {
      padding-top: 40px;
      font-size: 60px;
      color: white;
      font-family: freshness; }
      @media all and (max-width: 700px) {
        .contenedor_contadores > .contenedor_contador > .cantidad {
          padding-top: 10px;
          font-size: 20px; } }
    .contenedor_contadores > .contenedor_contador > .texto {
      padding-top: 20px;
      color: #BC955C; }
      .contenedor_contadores > .contenedor_contador > .texto > h1 {
        font-size: 20px;
        text-align: center;
        font-family: Graphik-Regular !important; }
        @media all and (max-width: 700px) {
          .contenedor_contadores > .contenedor_contador > .texto > h1 {
            font-size: 14px; } }

.contenedor_beneficios {
  width: 60%;
  line-height: 1; }
  @media all and (max-width: 700px) {
    .contenedor_beneficios {
      width: 90%;
      margin-left: 5%; } }
  .contenedor_beneficios > h1 {
    text-align: left; }
  .contenedor_beneficios > div {
    width: 100%;
    text-align: left; }
    .contenedor_beneficios > div > p {
      display: flex;
      align-items: center;
      flex-direction: row; }
      .contenedor_beneficios > div > p > span:nth-child(1) {
        margin-left: 1px; }
      .contenedor_beneficios > div > p > span:nth-child(2) {
        padding-left: 10px; }

.proceso_1, .proceso_2, .proceso_3, .proceso_4, .proceso_5, .proceso_6, .proceso_7 {
  fill: #ffffff !important; }

.imagen_Paloma {
  fill: #ffffff !important; }

/*:nth-child(1)*/
.contenedor_proceso > div:nth-child(1) {
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  align-items: flex-start;
  height: auto; }
  .contenedor_proceso > div:nth-child(1) > .proceso {
    width: 100px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    @media all and (max-width: 700px) {
      .contenedor_proceso > div:nth-child(1) > .proceso {
        width: 50px; } }
    .contenedor_proceso > div:nth-child(1) > .proceso > .circulo {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      overflow: hidden;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
      @media all and (max-width: 700px) {
        .contenedor_proceso > div:nth-child(1) > .proceso > .circulo {
          width: 40px;
          height: 40px; } }
      .contenedor_proceso > div:nth-child(1) > .proceso > .circulo > .contenedor_imagen_proceso {
        width: 50%; }
      .contenedor_proceso > div:nth-child(1) > .proceso > .circulo > #proceso_3 > svg {
        width: 85%;
        height: 85%; }
      .contenedor_proceso > div:nth-child(1) > .proceso > .circulo > #proceso_5 {
        width: 60%; }
        .contenedor_proceso > div:nth-child(1) > .proceso > .circulo > #proceso_5 > svg {
          width: 100%; }
      .contenedor_proceso > div:nth-child(1) > .proceso > .circulo > #proceso_6 {
        width: 45%; }
        .contenedor_proceso > div:nth-child(1) > .proceso > .circulo > #proceso_6 > svg {
          width: 100%; }
      .contenedor_proceso > div:nth-child(1) > .proceso > .circulo > #proceso_1 {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center; }
        .contenedor_proceso > div:nth-child(1) > .proceso > .circulo > #proceso_1 > svg {
          width: 90%;
          height: 90%; }
    .contenedor_proceso > div:nth-child(1) > .proceso > .titulo {
      font-family: Graphik-Bold;
      margin-top: 20px;
      width: 100%;
      text-align: center;
      color: #BC955C; }
      @media all and (max-width: 700px) {
        .contenedor_proceso > div:nth-child(1) > .proceso > .titulo {
          display: none; } }
    .contenedor_proceso > div:nth-child(1) > .proceso > .mensaje {
      font-family: Graphik-Bold;
      margin-top: 20px;
      text-align: center;
      color: #BC955C; }

.mensaje_desactivado {
  display: none; }

.mensaje_activado {
  display: block; }

.mensaje_realizado {
  display: none; }

.contenedor_titulo_index_becario > .titulo {
  line-height: normal;
  text-align: center;
  font-family: freshness;
  color: white;
  font-size: 40px;
  border-bottom: 4px solid #B51C40; }
.contenedor_titulo_index_becario > .subtitulo {
  background-color: rgba(20, 20, 20, 0.4);
  line-height: normal;
  text-align: center;
  font-family: Graphik-Regular;
  color: white;
  font-size: 12px; }

.circulo_activado {
  box-shadow: 0px 0px 10px white;
  border: 2px solid white;
  cursor: pointer; }
  .circulo_activado > div > svg * {
    fill: white !important;
    box-shadow: 2px 2px 2px black; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
.circulo_desactivado {
  border: 1px solid rgba(255, 255, 225, 0.2);
  background-color: rgba(255, 255, 225, 0.2);
  cursor: not-allowed; }
  .circulo_desactivado > div > svg * {
    fill: rgba(255, 255, 225, 0.2) !important; }

.circulo_validado {
  background-color: #BC955C; }
  .circulo_validado > div > svg * {
    fill: #ffffe1 !important; }

.titulo_desactivado {
  color: rgba(255, 255, 225, 0.4) !important; }

.titulo_validado {
  color: #ffffe1 !important; }

.contenedor_cita, .contenedor_vacante {
  width: 100%; }
  .contenedor_cita > div, .contenedor_vacante > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap; }
    .contenedor_cita > div > .vacante, .contenedor_vacante > div > .vacante {
      margin-top: 80px;
      max-width: 600px;
      border-radius: 4px;
      border-bottom: solid #9C223C 3px;
      padding: 8px;
      width: 100%;
      height: 100%; }
      @media all and (max-width: 700px) {
        .contenedor_cita > div > .vacante, .contenedor_vacante > div > .vacante {
          margin-top: 20px; } }
      .contenedor_cita > div > .vacante > div, .contenedor_vacante > div > .vacante > div {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-items: flex-start; }
        .contenedor_cita > div > .vacante > div > .item_title > h3, .contenedor_vacante > div > .vacante > div > .item_title > h3 {
          text-transform: uppercase;
          font-family: Graphik-Bold;
          color: #BC955C; }
        .contenedor_cita > div > .vacante > div > .item_text > h4, .contenedor_vacante > div > .vacante > div > .item_text > h4 {
          text-transform: uppercase;
          color: white; }
        .contenedor_cita > div > .vacante > div > .item_text > h3, .contenedor_vacante > div > .vacante > div > .item_text > h3 {
          text-transform: uppercase;
          color: white; }
        .contenedor_cita > div > .vacante > div > .subitem_title, .contenedor_vacante > div > .vacante > div > .subitem_title {
          width: 100%;
          text-align: left; }
          .contenedor_cita > div > .vacante > div > .subitem_title > h3, .contenedor_vacante > div > .vacante > div > .subitem_title > h3 {
            text-transform: uppercase;
            color: #BC955C;
            font-family: Graphik-Bold;
            margin: 0;
            font-kerning: normal; }
          .contenedor_cita > div > .vacante > div > .subitem_title > .contenedor_subitem, .contenedor_vacante > div > .vacante > div > .subitem_title > .contenedor_subitem {
            display: flex;
            justify-content: space-between;
            flex-direction: row; }
            .contenedor_cita > div > .vacante > div > .subitem_title > .contenedor_subitem > div, .contenedor_vacante > div > .vacante > div > .subitem_title > .contenedor_subitem > div {
              margin: 3px; }
              .contenedor_cita > div > .vacante > div > .subitem_title > .contenedor_subitem > div > .item_title > h3, .contenedor_vacante > div > .vacante > div > .subitem_title > .contenedor_subitem > div > .item_title > h3 {
                text-transform: uppercase;
                color: #BC955C; }
              .contenedor_cita > div > .vacante > div > .subitem_title > .contenedor_subitem > div > .item_text > h4, .contenedor_vacante > div > .vacante > div > .subitem_title > .contenedor_subitem > div > .item_text > h4 {
                text-transform: uppercase;
                color: white; }
              .contenedor_cita > div > .vacante > div > .subitem_title > .contenedor_subitem > div > .item_text > h3, .contenedor_vacante > div > .vacante > div > .subitem_title > .contenedor_subitem > div > .item_text > h3 {
                text-transform: uppercase;
                color: white; }
        .contenedor_cita > div > .vacante > div > .subitem_title_rojo, .contenedor_vacante > div > .vacante > div > .subitem_title_rojo {
          width: 100%;
          text-align: left; }
          .contenedor_cita > div > .vacante > div > .subitem_title_rojo > h3, .contenedor_vacante > div > .vacante > div > .subitem_title_rojo > h3 {
            text-transform: uppercase;
            color: #B51C40;
            font-family: Graphik-Bold;
            margin: 0;
            font-kerning: normal; }
          .contenedor_cita > div > .vacante > div > .subitem_title_rojo > .contenedor_subitem, .contenedor_vacante > div > .vacante > div > .subitem_title_rojo > .contenedor_subitem {
            display: flex;
            justify-content: space-between;
            flex-direction: row; }
            .contenedor_cita > div > .vacante > div > .subitem_title_rojo > .contenedor_subitem > div, .contenedor_vacante > div > .vacante > div > .subitem_title_rojo > .contenedor_subitem > div {
              margin: 3px; }
              .contenedor_cita > div > .vacante > div > .subitem_title_rojo > .contenedor_subitem > div > .item_title > h3, .contenedor_vacante > div > .vacante > div > .subitem_title_rojo > .contenedor_subitem > div > .item_title > h3 {
                text-transform: uppercase;
                color: #BC955C; }
              .contenedor_cita > div > .vacante > div > .subitem_title_rojo > .contenedor_subitem > div > .item_title > h4, .contenedor_vacante > div > .vacante > div > .subitem_title_rojo > .contenedor_subitem > div > .item_title > h4 {
                text-transform: uppercase;
                color: #BC955C; }
              .contenedor_cita > div > .vacante > div > .subitem_title_rojo > .contenedor_subitem > div > .item_text > h3, .contenedor_vacante > div > .vacante > div > .subitem_title_rojo > .contenedor_subitem > div > .item_text > h3 {
                text-transform: uppercase;
                color: white; }
              .contenedor_cita > div > .vacante > div > .subitem_title_rojo > .contenedor_subitem > div > .item_text > h4, .contenedor_vacante > div > .vacante > div > .subitem_title_rojo > .contenedor_subitem > div > .item_text > h4 {
                text-transform: uppercase;
                color: white; }

.contenedor_cita_observacion {
  width: 100%; }
  .contenedor_cita_observacion > div > div {
    margin-top: 80px;
    max-width: 600px;
    border-radius: 4px;
    border-bottom: solid #9C223C 3px;
    padding: 8px;
    width: 100%;
    height: 100%; }
    .contenedor_cita_observacion > div > div > form {
      width: 100%; }
      .contenedor_cita_observacion > div > div > form > label > h2 {
        text-align: left;
        color: #BC955C; }
        .contenedor_cita_observacion > div > div > form > label > h2 > span {
          color: white; }
      .contenedor_cita_observacion > div > div > form > div label h2 {
        text-align: left;
        color: #BC955C; }

.contenedor_reporte {
  width: 100%; }
  .contenedor_reporte > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap; }
    .contenedor_reporte > div > div {
      margin-top: 80px;
      border-radius: 4px;
      padding: 8px;
      width: 100%;
      height: 100%;
      max-width: 800px; }
      @media all and (max-width: 700px) {
        .contenedor_reporte > div > div {
          margin-top: 20px; } }
      .contenedor_reporte > div > div > .formulario {
        margin-top: 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .contenedor_reporte > div > div > .formulario > form {
          width: 100%; }
          .contenedor_reporte > div > div > .formulario > form > div {
            display: flex;
            justify-content: center;
            flex-direction: row;
            align-items: center; }
            @media all and (max-width: 700px) {
              .contenedor_reporte > div > div > .formulario > form > div {
                flex-direction: column;
                align-items: flex-start; } }
            .contenedor_reporte > div > div > .formulario > form > div > div:nth-child(1) {
              color: white;
              width: 30%; }
              @media all and (max-width: 700px) {
                .contenedor_reporte > div > div > .formulario > form > div > div:nth-child(1) {
                  width: 100%; } }
              .contenedor_reporte > div > div > .formulario > form > div > div:nth-child(1) > h3 {
                color: white; }
            .contenedor_reporte > div > div > .formulario > form > div > div:nth-child(2) {
              color: white;
              width: 70%; }
              @media all and (max-width: 700px) {
                .contenedor_reporte > div > div > .formulario > form > div > div:nth-child(2) {
                  width: 100%; } }
              .contenedor_reporte > div > div > .formulario > form > div > div:nth-child(2) > h3 {
                color: white; }
      .contenedor_reporte > div > div > div {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        align-items: flex-start; }
        @media all and (max-width: 700px) {
          .contenedor_reporte > div > div > div {
            flex-direction: column; } }
        .contenedor_reporte > div > div > div > .item_title > h3 {
          text-transform: uppercase;
          font-family: Graphik-Bold;
          color: #BC955C; }
        .contenedor_reporte > div > div > div > .item_title > h4 {
          text-transform: uppercase;
          font-family: Graphik-Bold;
          color: #BC955C; }
        .contenedor_reporte > div > div > div > .item_text > h4 {
          text-transform: uppercase;
          color: white; }
        .contenedor_reporte > div > div > div > .item_text > h3 {
          text-transform: uppercase;
          color: white; }

.contenedor_curriculum_vitae {
  width: 100%;
  min-height: 100vh;
  padding-bottom: 40px;
  border-bottom: 2px dotted rgba(0, 0, 0, 0.4); }
  .contenedor_curriculum_vitae > .contenedor_header {
    margin-top: 100px;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    background-color: transparent;
    margin-bottom: 40px; }
    .contenedor_curriculum_vitae > .contenedor_header .contenido_izquierdo {
      margin-left: 10%;
      width: 30%; }
      @media all and (max-width: 700px) {
        .contenedor_curriculum_vitae > .contenedor_header .contenido_izquierdo {
          width: 100%;
          margin: 0; } }
      .contenedor_curriculum_vitae > .contenedor_header .contenido_izquierdo > .circulo_foto {
        top: 0;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        background-color: black;
        background-position: center;
        background-size: cover; }
        @media all and (max-width: 700px) {
          .contenedor_curriculum_vitae > .contenedor_header .contenido_izquierdo > .circulo_foto {
            margin: auto;
            align-self: center;
            width: 200px;
            height: 200px; } }
      .contenedor_curriculum_vitae > .contenedor_header .contenido_izquierdo .boton_asignar_entrevista {
        margin-top: 50px;
        background-color: #BC955C; }
    .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho {
      width: 50%;
      margin-right: 10%; }
      @media all and (max-width: 700px) {
        .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho {
          width: 100%;
          margin: 0; } }
      .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_titulo_derecho > .nombre {
        color: #BC955C;
        font-size: 40px;
        line-height: normal;
        font-family: Graphik-Regular; }
      .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_titulo_derecho > .apellido {
        line-height: normal;
        color: white;
        font-size: 50px;
        font-family: Graphik-Bold; }
      .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_titulo_derecho > .perfil {
        color: #BC955C;
        font-size: 20px; }
      .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_info {
        width: 100%;
        margin-top: 90px;
        border-top: solid white 2px;
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        align-items: center; }
        @media all and (max-width: 700px) {
          .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_info {
            flex-direction: column;
            align-items: flex-start; } }
        .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_info > .contenedor_item {
          display: flex;
          justify-content: center;
          flex-direction: column;
          align-items: flex-start;
          align-content: center;
          margin-top: 20px; }
          @media all and (max-width: 700px) {
            .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_info > .contenedor_item {
              flex-direction: column;
              align-items: flex-start;
              align-content: flex-start; } }
          .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_info > .contenedor_item > div:nth-child(1) {
            font-family: Graphik-Bold;
            color: #BC955C; }
          .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_info > .contenedor_item > div:nth-child(2) {
            font-family: Graphik-Regular;
            color: white; }
      .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_info2 {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        align-items: center; }
        @media all and (max-width: 700px) {
          .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_info2 {
            flex-direction: column;
            align-items: flex-start; } }
        .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_info2 > .contenedor_item {
          display: flex;
          justify-content: center;
          flex-direction: column;
          align-items: flex-start;
          align-content: center;
          margin-top: 20px; }
          @media all and (max-width: 700px) {
            .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_info2 > .contenedor_item {
              flex-direction: column;
              align-items: flex-start;
              align-content: flex-start; } }
          .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_info2 > .contenedor_item > div:nth-child(1) {
            font-family: Graphik-Bold;
            color: #BC955C; }
          .contenedor_curriculum_vitae > .contenedor_header > .contenido_derecho > .contenedor_info2 > .contenedor_item > div:nth-child(2) {
            font-family: Graphik-Regular;
            color: white; }
  .contenedor_curriculum_vitae > .boton_ver_mas {
    transition: .5s;
    width: 200px;
    align-self: flex-end;
    background-color: white;
    color: #656565 !important;
    margin: auto;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-family: Graphik-Bold;
    cursor: pointer; }
    .contenedor_curriculum_vitae > .boton_ver_mas:hover {
      background-color: transparent;
      transition: .5s;
      color: white !important;
      border: solid #BC955C 1px; }
    @media all and (max-width: 700px) {
      .contenedor_curriculum_vitae > .boton_ver_mas {
        width: 200px; } }
  .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .contenedor_habilidades {
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 100px; }
    @media all and (max-width: 700px) {
      .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .contenedor_habilidades {
        flex-direction: column;
        margin-left: 0%;
        margin-right: 0%;
        width: 100%; } }
    .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .contenedor_habilidades > div {
      width: 25%; }
      @media all and (max-width: 700px) {
        .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .contenedor_habilidades > div {
          width: 90%; } }
      .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .contenedor_habilidades > div > .title {
        line-height: normal;
        color: white;
        font-size: 30px;
        font-family: Graphik-Regular; }
        @media all and (max-width: 700px) {
          .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .contenedor_habilidades > div > .title {
            margin-top: 40px; } }
      .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .contenedor_habilidades > div > .habilidad {
        margin-top: 20px; }
        .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .contenedor_habilidades > div > .habilidad > .nombre {
          line-height: normal;
          color: #BC955C;
          font-size: 20px;
          font-family: Graphik-Regular; }
        .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .contenedor_habilidades > div > .habilidad > .porcentaje {
          max-width: 100%;
          background-color: transparent;
          border: 1px solid white;
          border-radius: 10px;
          overflow: hidden;
          height: 8px; }
          .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .contenedor_habilidades > div > .habilidad > .porcentaje > .porcentaje-1 {
            background-color: #BC955C;
            width: 20%; }
          .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .contenedor_habilidades > div > .habilidad > .porcentaje > .porcentaje-2 {
            background-color: #BC955C;
            width: 40%; }
          .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .contenedor_habilidades > div > .habilidad > .porcentaje > .porcentaje-3 {
            background-color: #BC955C;
            width: 60%; }
          .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .contenedor_habilidades > div > .habilidad > .porcentaje > .porcentaje-4 {
            background-color: #BC955C;
            width: 80%; }
          .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .contenedor_habilidades > div > .habilidad > .porcentaje > .porcentaje-5 {
            background-color: #BC955C;
            width: 100%; }
  .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional {
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 100px; }
    @media all and (max-width: 700px) {
      .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional {
        flex-direction: column;
        margin-left: 0%;
        margin-right: 0%;
        width: 100%; } }
    .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional > div {
      width: 100%; }
      @media all and (max-width: 700px) {
        .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional > div {
          width: 100%; } }
      .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional > div > .title {
        line-height: normal;
        color: white;
        font-size: 30px;
        font-family: Graphik-Regular; }
        .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional > div > .title > a {
          width: 100px;
          line-height: normal;
          color: #B51C40;
          font-size: 20px;
          padding: 10px;
          font-family: Graphik-Bold;
          border-bottom: 2px solid white; }
          .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional > div > .title > a:hover {
            transition: .4s;
            color: white;
            border-bottom: 2px solid #B51C40; }
        .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional > div > .title > span {
          color: white; }
        @media all and (max-width: 700px) {
          .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional > div > .title {
            margin-top: 40px; } }
      .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional > div > .contenedor {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: row;
        margin-top: 20px; }
        @media all and (max-width: 700px) {
          .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional > div > .contenedor {
            flex-direction: column; } }
        .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional > div > .contenedor > .elemento {
          width: 33.333%; }
          @media all and (max-width: 700px) {
            .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional > div > .contenedor > .elemento {
              width: 100%;
              margin-top: 20px; } }
          .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional > div > .contenedor > .elemento > .titulo {
            line-height: normal;
            color: #BC955C;
            font-size: 16px;
            font-family: Graphik-Bold; }
          .contenedor_curriculum_vitae > .contenedor_de_habilides_y_experiencia > .experiencia_profesional > div > .contenedor > .elemento > .texto {
            line-height: normal;
            color: white;
            font-size: 18px;
            font-family: Graphik-Regular; }

.mostrar {
  display: block; }

.ocultar {
  display: none; }

/*  ====================****  ACORDEON **** ====================*/
.accordion {
  width: 100%; }
  @media all and (max-width: 700px) {
    .accordion {
      width: 90%;
      margin-left: 5%; } }
  .accordion > div {
    width: 100%;
    position: relative;
    padding-top: 2px;
    padding-bottom: 2px; }
    .accordion > div > div {
      width: 100%;
      text-align: left;
      padding-left: 10px; }
      .accordion > div > div > h3 {
        color: #BC955C;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        font-family: Graphik-Regular; }
      .accordion > div > div > p {
        color: white;
        padding: 4px; }
    .accordion > div > .content {
      color: white; }

.contenedor_vacantes {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center; }

.contenedor_vacantes2 {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px dotted #B51C40; }
  @media all and (max-width: 700px) {
    .contenedor_vacantes2 {
      max-width: 90%;
      overflow-y: hidden;
      overflow-x: auto;
      display: flex;
      justify-content: flex-start;
      flex-direction: row;
      align-items: stretch; } }

.principal_contenedor_vacantes, .principal_contenedor_vacantes_asignadas {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  max-width: 800px;
  margin: auto; }
  .principal_contenedor_vacantes > .secundario, .principal_contenedor_vacantes_asignadas > .secundario {
    width: 800px;
    align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    @media all and (max-width: 700px) {
      .principal_contenedor_vacantes > .secundario, .principal_contenedor_vacantes_asignadas > .secundario {
        width: 100%; } }
    .principal_contenedor_vacantes > .secundario > .titulo, .principal_contenedor_vacantes_asignadas > .secundario > .titulo {
      width: 100%;
      color: #BC955C;
      border-bottom: 4px solid #B51C40; }
      .principal_contenedor_vacantes > .secundario > .titulo > h1, .principal_contenedor_vacantes_asignadas > .secundario > .titulo > h1 {
        font-family: Graphik-Bold; }
      @media all and (max-width: 700px) {
        .principal_contenedor_vacantes > .secundario > .titulo, .principal_contenedor_vacantes_asignadas > .secundario > .titulo {
          min-width: inherit; } }
    .principal_contenedor_vacantes > .secundario > .descripcion, .principal_contenedor_vacantes_asignadas > .secundario > .descripcion {
      margin-top: 10px;
      max-width: 50%;
      align-self: flex-end;
      text-align: right;
      color: #f0f0f0;
      font-family: Graphik-Regular;
      font-size: 12px; }
      @media all and (max-width: 700px) {
        .principal_contenedor_vacantes > .secundario > .descripcion, .principal_contenedor_vacantes_asignadas > .secundario > .descripcion {
          width: 100%;
          max-width: none; } }
    .principal_contenedor_vacantes > .secundario > .descripcion_otro, .principal_contenedor_vacantes_asignadas > .secundario > .descripcion_otro {
      margin-top: 10px;
      max-width: 50%;
      align-self: flex-end;
      text-align: right;
      color: #f0f0f0;
      font-family: Graphik-Regular;
      font-size: 12px; }
      @media all and (max-width: 700px) {
        .principal_contenedor_vacantes > .secundario > .descripcion_otro, .principal_contenedor_vacantes_asignadas > .secundario > .descripcion_otro {
          width: 100%;
          max-width: none; } }
      .principal_contenedor_vacantes > .secundario > .descripcion_otro > .container, .principal_contenedor_vacantes_asignadas > .secundario > .descripcion_otro > .container {
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center; }
        .principal_contenedor_vacantes > .secundario > .descripcion_otro > .container > .reporte, .principal_contenedor_vacantes_asignadas > .secundario > .descripcion_otro > .container > .reporte {
          margin: 4px;
          top: 0;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          background-color: rgba(0, 0, 0, 0.4);
          background-position: center;
          background-size: cover;
          display: flex;
          justify-content: center;
          flex-direction: column;
          align-items: center; }
          .principal_contenedor_vacantes > .secundario > .descripcion_otro > .container > .reporte > div, .principal_contenedor_vacantes_asignadas > .secundario > .descripcion_otro > .container > .reporte > div {
            color: white; }
        .principal_contenedor_vacantes > .secundario > .descripcion_otro > .container > .validado, .principal_contenedor_vacantes_asignadas > .secundario > .descripcion_otro > .container > .validado {
          background-color: #BC955C !important; }

.contenedor_vacantes_asignadas {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px dotted #B51C40; }
  @media all and (max-width: 700px) {
    .contenedor_vacantes_asignadas {
      max-width: 90%;
      overflow-y: hidden;
      overflow-x: auto;
      display: flex;
      justify-content: flex-start;
      flex-direction: row;
      align-items: stretch; } }
  .contenedor_vacantes_asignadas .titulo {
    color: #BC955C; }

.contenedor_componente_crear_vacante {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  .contenedor_componente_crear_vacante > .contenedor_circulo {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    .contenedor_componente_crear_vacante > .contenedor_circulo:hover > a > .circulo {
      position: relative;
      transition: .6s;
      border: solid 40px rgba(0, 0, 0, 0.4);
      color: #656565; }
      .contenedor_componente_crear_vacante > .contenedor_circulo:hover > a > .circulo > .icono {
        color: #BC955C; }
      .contenedor_componente_crear_vacante > .contenedor_circulo:hover > a > .circulo > .cantidad {
        display: none; }
    .contenedor_componente_crear_vacante > .contenedor_circulo:hover > .titulo > a {
      transition: .6s;
      transform: scale(1.1);
      text-decoration: underline;
      color: white; }
    .contenedor_componente_crear_vacante > .contenedor_circulo > a .circulo {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.4);
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      cursor: pointer !important;
      border: solid 1px rgba(111, 180, 48, 0.6); }
      .contenedor_componente_crear_vacante > .contenedor_circulo > a .circulo > .icono {
        font-size: 20px;
        color: white; }
      .contenedor_componente_crear_vacante > .contenedor_circulo > a .circulo > .cantidad {
        position: absolute;
        width: 20px;
        height: 20px;
        color: #BC955C;
        right: 0;
        top: 0;
        border-radius: 50%;
        background-color: white;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center; }
    .contenedor_componente_crear_vacante > .contenedor_circulo > .titulo > a {
      text-align: center;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      color: #BC955C;
      font-family: Graphik-Bold;
      cursor: pointer !important; }
  .contenedor_componente_crear_vacante > .descripcion {
    max-width: 200px;
    margin-top: 10px;
    align-self: flex-end;
    text-align: right;
    color: #f0f0f0;
    font-family: Graphik-Regular;
    cursor: pointer !important;
    font-size: 12px; }
    @media all and (max-width: 700px) {
      .contenedor_componente_crear_vacante > .descripcion {
        max-width: none;
        width: 100%; } }

.ContenedorVacanteEmpresa {
  width: 100%;
  margin-top: 20px;
  display: flex;
  min-width: 200px;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  .ContenedorVacanteEmpresa > .Vacante {
    width: 120px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 10px; }
    .ContenedorVacanteEmpresa > .Vacante > .body {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
      .ContenedorVacanteEmpresa > .Vacante > .body:hover > .circulo {
        transition: .4s;
        border: solid 40px #BC955C;
        color: #656565; }
        .ContenedorVacanteEmpresa > .Vacante > .body:hover > .circulo > .icono {
          color: white; }
      .ContenedorVacanteEmpresa > .Vacante > .body:hover > .titulo {
        transition: .4s;
        transform: scale(1.1);
        text-decoration: underline;
        color: white; }
      .ContenedorVacanteEmpresa > .Vacante > .body .circulo {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-color: #9C223C;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        cursor: pointer !important;
        border: solid 1px rgba(0, 0, 0, 0.4); }
        .ContenedorVacanteEmpresa > .Vacante > .body .circulo > .icono {
          font-size: 30px;
          color: white; }
      .ContenedorVacanteEmpresa > .Vacante > .body > .titulo {
        text-align: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        color: #BC955C;
        font-family: Graphik-Bold;
        cursor: pointer !important;
        text-transform: lowercase; }
    .ContenedorVacanteEmpresa > .Vacante > .header {
      opacity: 0;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      width: 100%;
      height: 34px;
      overflow: hidden; }
      @media all and (max-width: 700px) {
        .ContenedorVacanteEmpresa > .Vacante > .header {
          opacity: 1; } }
      .ContenedorVacanteEmpresa > .Vacante > .header > div {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        font-family: Graphik-Regular;
        font-weight: lighter;
        color: white;
        padding: 2px;
        text-shadow: 1px 1px 1px black;
        -webkit-user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -ms-user-select: none; }
        .ContenedorVacanteEmpresa > .Vacante > .header > div > div {
          color: #BC955C; }
          .ContenedorVacanteEmpresa > .Vacante > .header > div > div:hover {
            color: #B51C40; }
        .ContenedorVacanteEmpresa > .Vacante > .header > div:hover {
          font-family: Graphik-Bold;
          color: #B51C40; }
    .ContenedorVacanteEmpresa > .Vacante:hover > .header {
      transition: .4s;
      opacity: 1; }

.contenedor_principal_crear_vacante {
  width: 100%;
  height: auto; }
  .contenedor_principal_crear_vacante > .contenedor_crear_vacante {
    width: 100%; }
    .contenedor_principal_crear_vacante > .contenedor_crear_vacante > form > .field > label {
      text-align: left;
      color: rgba(240, 240, 240, 0.4); }
    .contenedor_principal_crear_vacante > .contenedor_crear_vacante > form > .field > textarea {
      text-align: center; }
    .contenedor_principal_crear_vacante > .contenedor_crear_vacante > form > .fields > .titulo_selector {
      font-family: Graphik-Regular;
      color: white;
      font-size: 18px; }
      .contenedor_principal_crear_vacante > .contenedor_crear_vacante > form > .fields > .titulo_selector > .ejemplo {
        text-align: left;
        color: rgba(240, 240, 240, 0.4);
        font-size: 14px; }

.ContenedorSeleccionarPostulanteEmpresa {
  width: 100%;
  margin-top: 20px;
  margin-left: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  @media all and (max-width: 700px) {
    .ContenedorSeleccionarPostulanteEmpresa {
      margin-left: 0; } }
  .ContenedorSeleccionarPostulanteEmpresa > .SeleccionarPostulante {
    max-width: 120px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 10px; }
    .ContenedorSeleccionarPostulanteEmpresa > .SeleccionarPostulante > .body {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      height: auto; }
      .ContenedorSeleccionarPostulanteEmpresa > .SeleccionarPostulante > .body > .boton {
        position: relative; }
        .ContenedorSeleccionarPostulanteEmpresa > .SeleccionarPostulante > .body > .boton > .cantidad {
          position: absolute;
          top: 0px;
          right: 23px;
          width: 18px;
          height: 18px;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          flex-direction: column;
          align-items: center;
          background-color: white;
          color: black;
          font-size: 10px;
          z-index: 2; }
        .ContenedorSeleccionarPostulanteEmpresa > .SeleccionarPostulante > .body > .boton > a {
          width: 100px;
          background-color: transparent;
          color: white;
          text-align: center;
          border-radius: 6px;
          cursor: pointer;
          display: flex;
          justify-content: center;
          flex-direction: column;
          align-items: center; }
          .ContenedorSeleccionarPostulanteEmpresa > .SeleccionarPostulante > .body > .boton > a:hover > .icono {
            transform: scale(1.09);
            transition: .6s;
            background-color: #BC955C; }
          .ContenedorSeleccionarPostulanteEmpresa > .SeleccionarPostulante > .body > .boton > a > .icono {
            width: 50px;
            height: 50px;
            background-color: rgba(0, 0, 0, 0.4);
            border-radius: 50%;
            color: white;
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center; }
            .ContenedorSeleccionarPostulanteEmpresa > .SeleccionarPostulante > .body > .boton > a > .icono:hover {
              transition: .4s;
              background-color: #BC955C; }
          .ContenedorSeleccionarPostulanteEmpresa > .SeleccionarPostulante > .body > .boton > a > .texto {
            line-height: initial; }
          .ContenedorSeleccionarPostulanteEmpresa > .SeleccionarPostulante > .body > .boton > a:hover > .texto {
            transition: .4s;
            color: #BC955C; }
    .ContenedorSeleccionarPostulanteEmpresa > .SeleccionarPostulante > .header {
      opacity: 0;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      width: 100%;
      height: 34px;
      overflow: hidden; }
    .ContenedorSeleccionarPostulanteEmpresa > .SeleccionarPostulante:hover > .header {
      transition: .4s;
      opacity: 1; }

.contenedor_asignar_entrevista {
  width: 100%;
  height: auto; }
  .contenedor_asignar_entrevista .tabla {
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    .contenedor_asignar_entrevista .tabla > div {
      min-width: 100px; }
      @media all and (max-width: 700px) {
        .contenedor_asignar_entrevista .tabla > div {
          width: 100%; } }
    .contenedor_asignar_entrevista .tabla > .persona {
      margin: 20px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
      .contenedor_asignar_entrevista .tabla > .persona > .circulo {
        width: 90px;
        height: 90px;
        border-radius: 50%;
        background-color: black;
        background-position: center;
        background-size: cover; }
      .contenedor_asignar_entrevista .tabla > .persona > .nombre {
        text-align: center;
        color: white;
        font-size: 14px; }
    .contenedor_asignar_entrevista .tabla > .vacante > .titulo {
      text-align: center;
      color: #BC955C;
      font-size: 14px;
      font-family: Graphik-Bold; }
    .contenedor_asignar_entrevista .tabla > .vacante > .nombre {
      text-align: center;
      color: white;
      font-size: 14px; }
    .contenedor_asignar_entrevista .tabla > .asignar_entrevista {
      margin-top: 20px;
      max-width: 400px; }
      .contenedor_asignar_entrevista .tabla > .asignar_entrevista > form > .field > .titulo_input {
        text-align: left;
        color: #BC955C; }
      .contenedor_asignar_entrevista .tabla > .asignar_entrevista > form > .field > label {
        text-align: left;
        color: rgba(240, 240, 240, 0.4); }
      .contenedor_asignar_entrevista .tabla > .asignar_entrevista > form > .field > textarea {
        text-align: center; }
      .contenedor_asignar_entrevista .tabla > .asignar_entrevista > form > .fields > .titulo_selector {
        font-family: Graphik-Regular;
        color: white;
        font-size: 18px; }
        .contenedor_asignar_entrevista .tabla > .asignar_entrevista > form > .fields > .titulo_selector > .ejemplo {
          text-align: left;
          color: rgba(240, 240, 240, 0.4);
          font-size: 14px; }

.ContenedorBecariosEnEntrevista {
  width: 100%;
  margin-top: 20px;
  margin-left: 30px; }
  @media all and (max-width: 700px) {
    .ContenedorBecariosEnEntrevista {
      margin-left: 0; } }
  .ContenedorBecariosEnEntrevista > .header {
    max-width: 200px;
    color: white;
    text-align: center;
    font-family: Graphik-Bold; }
  .ContenedorBecariosEnEntrevista > .body > .contenedor_becario {
    width: 200px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.4); }
    .ContenedorBecariosEnEntrevista > .body > .contenedor_becario > .foto {
      margin-top: 10px;
      top: 0;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: black;
      background-position: center;
      background-size: cover; }
    .ContenedorBecariosEnEntrevista > .body > .contenedor_becario > .nombre {
      padding-left: 4px;
      padding-right: 4px;
      border-radius: 10px;
      text-align: center;
      color: white; }
    .ContenedorBecariosEnEntrevista > .body > .contenedor_becario > .fecha {
      padding-left: 4px;
      padding-right: 4px;
      border-radius: 10px;
      text-align: center;
      color: white; }
    .ContenedorBecariosEnEntrevista > .body > .contenedor_becario > a {
      background-color: #BC955C;
      color: white;
      padding-left: 4px;
      padding-right: 4px;
      margin-bottom: 6px;
      border-radius: 4px;
      box-shadow: 0px 0px 8px black; }
      .ContenedorBecariosEnEntrevista > .body > .contenedor_becario > a:hover {
        transition: .4s;
        transform: scale(1.09);
        box-shadow: 0px 0px 4px black; }

.ContenedorBecariosEntrevistados {
  margin-top: 20px;
  margin-left: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  @media all and (max-width: 700px) {
    .ContenedorBecariosEntrevistados {
      margin-left: 0; } }
  .ContenedorBecariosEntrevistados > .header {
    width: 200px;
    color: #BC955C;
    text-align: center;
    font-family: Graphik-Bold; }
  .ContenedorBecariosEntrevistados > .body > .contenedor_becario {
    max-width: 200px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.4); }
    .ContenedorBecariosEntrevistados > .body > .contenedor_becario > .foto {
      top: 0;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: black;
      background-position: center;
      background-size: cover; }
    .ContenedorBecariosEntrevistados > .body > .contenedor_becario > .nombre {
      padding-left: 4px;
      padding-right: 4px;
      border-radius: 10px;
      text-align: center;
      color: white; }
    .ContenedorBecariosEntrevistados > .body > .contenedor_becario > .fecha {
      padding-left: 4px;
      padding-right: 4px;
      border-radius: 10px;
      text-align: center;
      color: white; }
    .ContenedorBecariosEntrevistados > .body > .contenedor_becario > a {
      background-color: #9C223C;
      color: white;
      padding-left: 4px;
      padding-right: 4px;
      margin-bottom: 6px; }
  .ContenedorBecariosEntrevistados > .body .aceptado {
    background-color: #BC955C; }
  .ContenedorBecariosEntrevistados > .body .rechazado {
    background-color: #9C223C; }

.ContenedorBecarioAsignado {
  width: 100%;
  margin-top: 20px;
  margin-left: 30px; }
  @media all and (max-width: 700px) {
    .ContenedorBecarioAsignado {
      margin-left: 0; } }
  .ContenedorBecarioAsignado > .header {
    width: 200px;
    color: white;
    text-align: center;
    font-family: Graphik-Regular;
    margin-bottom: 10px; }
  .ContenedorBecarioAsignado > .body {
    width: 200px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    .ContenedorBecarioAsignado > .body > .foto {
      top: 0;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: black;
      background-position: center;
      background-size: cover; }
    .ContenedorBecarioAsignado > .body > .nombre {
      color: white;
      text-align: center;
      font-family: Graphik-Regular; }
    .ContenedorBecarioAsignado > .body > .contenedor_reportes {
      display: flex;
      justify-content: center;
      flex-direction: row; }
      .ContenedorBecarioAsignado > .body > .contenedor_reportes > .reporte {
        margin: 4px;
        top: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, 0.4);
        background-position: center;
        background-size: cover;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center; }
        .ContenedorBecarioAsignado > .body > .contenedor_reportes > .reporte > .numero {
          color: white; }

.ContenedorReportesBecarioAsignado {
  width: 100%;
  margin-top: 20px;
  margin-left: 30px; }
  @media all and (max-width: 700px) {
    .ContenedorReportesBecarioAsignado {
      margin-left: 0; } }
  .ContenedorReportesBecarioAsignado > .header {
    color: white;
    text-align: center;
    font-family: Graphik-Regular;
    margin-bottom: 10px; }
  .ContenedorReportesBecarioAsignado > .body {
    display: flex;
    justify-content: center;
    flex-direction: row; }
    .ContenedorReportesBecarioAsignado > .body > .reporte {
      margin: 4px;
      top: 0;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.4);
      background-position: center;
      background-size: cover;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
      .ContenedorReportesBecarioAsignado > .body > .reporte > div {
        color: white; }
    .ContenedorReportesBecarioAsignado > .body > .validado {
      background-color: #BC955C !important; }

.Contenedor_mis_egresados {
  background-color: white;
  width: 90%;
  margin-left: 5%; }

.Contenedor_video {
  background-color: transparent;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }
  .Contenedor_video > .icono_play {
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: transparent;
    color: white;
    border-radius: 50%;
    box-shadow: 0px 0px 8px black;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 40px;
    cursor: pointer; }
    .Contenedor_video > .icono_play:hover {
      transition: .6s;
      transform: scale(1.09); }
  .Contenedor_video > video {
    width: 100%;
    height: auto;
    box-shadow: 0px 0px 24px black; }

.CONTENEDOR_APP {
  max-width: 1921px;
  margin: auto; }

.BOTON_MENU_RODRIGO {
  position: fixed;
  cursor: pointer;
  width: 60px;
  height: 40px;
  background-color: white;
  border-radius: 4px;
  right: 20px;
  top: 20px;
  z-index: 9999;
  display: none;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  font-family: Graphik-Bold; }
  @media all and (max-width: 900px) {
    .BOTON_MENU_RODRIGO {
      display: flex; } }

.mostrar {
  transition: 1s;
  margin-left: 0px !important; }

.ocultar {
  transition: 1s;
  margin-left: -127px !important; }

.menu_principal_nuevo {
  background-color: crimson;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center; }
  .menu_principal_nuevo > .contenedor {
    width: 100%;
    margin-top: 10px;
    height: auto;
    padding: 8px;
    background-color: #BC955C;
    color: white;
    text-align: left; }
    .menu_principal_nuevo > .contenedor:hover > .subtitulo {
      transition: 1s;
      height: auto; }
    .menu_principal_nuevo > .contenedor > .titulo {
      text-align: center; }
      .menu_principal_nuevo > .contenedor > .titulo > h4 {
        font-family: Graphik-Regular;
        color: #B51C40;
        text-shadow: 0px 0px 4px black;
        border-bottom: 2px solid #B51C40; }
    .menu_principal_nuevo > .contenedor > .subtitulo {
      text-align: center;
      padding-top: 6px;
      height: 0px;
      overflow: hidden; }
      .menu_principal_nuevo > .contenedor > .subtitulo > h6 > a {
        transition: .4s;
        color: white;
        font-family: Graphik-Regular;
        line-height: 1;
        font-size: 12px; }
        .menu_principal_nuevo > .contenedor > .subtitulo > h6 > a:hover {
          transition: .4;
          text-decoration: underline; }

.divididoPrincipal {
  background-image: url(../imagenes/fondo.png?v=12);
  background-size: cover;
  background-position: top;
  background-attachment: fixed;
  background-repeat: no-repeat;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: flex-start;
  width: 100vw; }
  .divididoPrincipal > .izq {
    padding-left: 10px;
    min-width: 260px;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.95);
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    text-align: center;
    overflow-x: auto;
    overflow-y: auto;
    z-index: 999; }
    @media all and (max-width: 900px) {
      .divididoPrincipal > .izq {
        position: absolute;
        margin-left: -270px; } }
    .divididoPrincipal > .izq > .logo_hidalgo {
      padding-top: 20px;
      width: 100%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
    .divididoPrincipal > .izq > .nombre_usuario {
      width: 100%;
      display: flex;
      justify-content: center;
      flex-direction: row;
      align-items: center;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 18px;
      color: white; }
    .divididoPrincipal > .izq > .redes_sociales {
      width: 100%;
      display: flex;
      justify-content: center;
      flex-direction: row;
      align-items: center;
      padding-top: 0px;
      padding-bottom: 10px; }
      .divididoPrincipal > .izq > .redes_sociales > .icon {
        font-size: 18px;
        color: white;
        padding: 10px;
        cursor: pointer; }
        .divididoPrincipal > .izq > .redes_sociales > .icon:hover {
          transform: scale(1.1); }
    .divididoPrincipal > .izq > .contenedor {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start; }
      .divididoPrincipal > .izq > .contenedor > .titulo {
        max-width: 260px;
        padding: 8px;
        text-align: center; }
        .divididoPrincipal > .izq > .contenedor > .titulo > h4 {
          font-family: Graphik-Bold;
          color: white;
          line-height: 1 !important;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: flex-start;
          cursor: pointer; }
          .divididoPrincipal > .izq > .contenedor > .titulo > h4:hover {
            transform: scale(1.05); }
          .divididoPrincipal > .izq > .contenedor > .titulo > h4 > a {
            cursor: pointer;
            color: white !important; }
        .divididoPrincipal > .izq > .contenedor > .titulo:hover {
          border-bottom: 3px solid #BC955C; }
      .divididoPrincipal > .izq > .contenedor > .subtitulo {
        width: 100%;
        max-width: 260px;
        padding-left: 10px;
        text-align: left;
        height: 0px;
        overflow: hidden;
        line-height: 1 !important;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start; }
        .divididoPrincipal > .izq > .contenedor > .subtitulo:hover {
          border-bottom: 3px solid #BC955C; }
        .divididoPrincipal > .izq > .contenedor > .subtitulo > h6 {
          line-height: 1;
          padding-top: 6px;
          line-height: 1 !important;
          display: flex; }
          .divididoPrincipal > .izq > .contenedor > .subtitulo > h6 > a {
            cursor: pointer;
            width: 100%;
            padding-top: 10px;
            transition: .4s;
            color: white;
            font-family: Graphik-Light;
            line-height: 1 !important;
            font-size: 15px;
            padding-left: 10px; }
  .divididoPrincipal > .der {
    width: 100%; }

.activado {
  height: auto !important; }

.contenedor_validar_reportes {
  width: 100%;
  height: auto; }
  .contenedor_validar_reportes .contenedor > form > .field > .titulo_input {
    text-align: left;
    color: #BC955C; }
  .contenedor_validar_reportes .contenedor > form > .field > label {
    text-align: left;
    color: rgba(240, 240, 240, 0.4); }
  .contenedor_validar_reportes .contenedor > form > .field > textarea {
    text-align: center; }
  .contenedor_validar_reportes .contenedor > form > .fields > .titulo_selector {
    font-family: Graphik-Regular;
    color: white;
    font-size: 18px; }
    .contenedor_validar_reportes .contenedor > form > .fields > .titulo_selector > .ejemplo {
      text-align: left;
      color: rgba(240, 240, 240, 0.4);
      font-size: 14px; }

.ContenedorTabla {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  margin-top: 20px; }
  .ContenedorTabla > table {
    background-color: transparent !important; }
    .ContenedorTabla > table > thead {
      background-color: transparent !important; }
      @media all and (max-width: 700px) {
        .ContenedorTabla > table > thead {
          display: none !important; } }
      .ContenedorTabla > table > thead > tr > th {
        background-color: transparent !important;
        text-align: center !important;
        color: #BC955C !important;
        font-family: Graphik-Bold;
        font-size: 20px; }
    .ContenedorTabla > table > tbody {
      background-color: transparent !important; }
      .ContenedorTabla > table > tbody > tr > td {
        background-color: transparent !important;
        text-align: center !important;
        color: white !important;
        font-family: Graphik-Regular;
        font-size: 20px; }
        .ContenedorTabla > table > tbody > tr > td > .solo_mobile {
          display: none; }
          @media all and (max-width: 700px) {
            .ContenedorTabla > table > tbody > tr > td > .solo_mobile {
              display: inline !important; } }
        .ContenedorTabla > table > tbody > tr > td > a {
          color: #BC955C !important;
          font-family: Graphik-Bold;
          font-size: 20px;
          text-decoration: underline; }

.Contenedor_Reporte {
  width: 100%;
  height: auto; }
  .Contenedor_Reporte > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    .Contenedor_Reporte > div > .contenedor {
      margin-top: 50px; }
      .Contenedor_Reporte > div > .contenedor > .contenedor_dividido {
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center;
        max-width: 800px;
        border-bottom: 1px dotted rgba(0, 0, 0, 0.4); }
        .Contenedor_Reporte > div > .contenedor > .contenedor_dividido > div {
          width: 50%;
          padding: 10px; }
        .Contenedor_Reporte > div > .contenedor > .contenedor_dividido > .izquierdo > h3 {
          color: white; }
        .Contenedor_Reporte > div > .contenedor > .contenedor_dividido > .derecho > h3 {
          color: #BC955C; }
        .Contenedor_Reporte > div > .contenedor > .contenedor_dividido > .derecho > .pregunta {
          color: white; }
    .Contenedor_Reporte > div .contenedor_formulario {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
      .Contenedor_Reporte > div .contenedor_formulario > .indicaciones {
        margin-top: 30px; }
        .Contenedor_Reporte > div .contenedor_formulario > .indicaciones > h2 {
          color: #B51C40;
          border-bottom: 1px solid white; }
        .Contenedor_Reporte > div .contenedor_formulario > .indicaciones > h1 {
          font-family: Graphik-Bold;
          color: white; }
      .Contenedor_Reporte > div .contenedor_formulario > form > .indicaciones {
        margin-top: 30px; }
        .Contenedor_Reporte > div .contenedor_formulario > form > .indicaciones > h2 {
          color: white;
          border-regular: 1px solid white; }
      .Contenedor_Reporte > div .contenedor_formulario > form > div {
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center; }
        .Contenedor_Reporte > div .contenedor_formulario > form > div > div:nth-child(1) {
          width: 60%;
          margin-top: 20px; }
          .Contenedor_Reporte > div .contenedor_formulario > form > div > div:nth-child(1) > h3 {
            color: #BC955C; }
        .Contenedor_Reporte > div .contenedor_formulario > form > div > div:nth-child(2) {
          margin-left: 5%;
          width: 35%; }

.contenedor_ver_mis_citas {
  width: 100%;
  height: auto; }
  .contenedor_ver_mis_citas > .contenedor_descripcion {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end; }
    .contenedor_ver_mis_citas > .contenedor_descripcion > .descripcion {
      width: 50%;
      display: flex;
      justify-content: flex-end; }
      .contenedor_ver_mis_citas > .contenedor_descripcion > .descripcion > h4 {
        margin-top: 10px;
        text-align: right;
        color: #f0f0f0;
        font-family: Graphik-Regular; }
        .contenedor_ver_mis_citas > .contenedor_descripcion > .descripcion > h4 > .nota {
          margin-top: 10px;
          text-align: right;
          color: #BC955C;
          font-family: Graphik-Bold; }
  .contenedor_ver_mis_citas > .contenedor_cita_entrevista {
    width: 100%; }
    .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      flex-wrap: wrap; }
      .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista {
        margin-top: 80px;
        max-width: 600px;
        border-radius: 4px;
        border-bottom: solid #9C223C 3px;
        padding: 8px;
        width: 100%;
        height: 100%; }
        @media all and (max-width: 700px) {
          .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista {
            margin-top: 20px; } }
        .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div {
          width: 100%;
          display: flex;
          justify-content: flex-start;
          flex-direction: row;
          align-items: flex-start; }
          .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .item_title > h3 {
            text-transform: uppercase;
            font-family: Graphik-Bold;
            color: #BC955C; }
          .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .item_text > h4 {
            text-transform: uppercase;
            color: white; }
          .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .item_text > h3 {
            text-transform: uppercase;
            color: white; }
          .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title {
            width: 100%;
            text-align: left; }
            .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title > h3 {
              text-transform: uppercase;
              color: #BC955C;
              font-family: Graphik-Bold;
              margin: 0;
              font-kerning: normal; }
            .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title > .contenedor_subitem_formulario {
              margin-top: 20px;
              display: flex;
              justify-content: space-between;
              flex-direction: row;
              align-items: flex-end; }
              @media all and (max-width: 700px) {
                .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title > .contenedor_subitem_formulario {
                  display: flex;
                  justify-content: center;
                  flex-direction: column;
                  align-items: center; } }
              .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title > .contenedor_subitem_formulario > div {
                margin: 4px; }
                .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title > .contenedor_subitem_formulario > div > div > label {
                  font-size: 20px;
                  color: #BC955C; }
            .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title > .contenedor_subitem {
              display: flex;
              justify-content: space-between;
              flex-direction: row; }
              .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title > .contenedor_subitem > div {
                margin: 3px; }
                .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title > .contenedor_subitem > div > .item_title > h3 {
                  text-transform: uppercase;
                  color: #BC955C; }
                .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title > .contenedor_subitem > div > .item_text > h4 {
                  text-transform: uppercase;
                  color: white; }
                .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title > .contenedor_subitem > div > .item_text > h3 {
                  text-transform: uppercase;
                  color: white; }
                .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title > .contenedor_subitem > div > div > label {
                  color: #BC955C;
                  font-family: Graphik-Regular; }
            .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title > .contenedor_imagen {
              display: flex;
              justify-content: center;
              flex-direction: column;
              align-items: center; }
              .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title > .contenedor_imagen > .foto {
                top: 0;
                width: 120px;
                height: 120px;
                border-radius: 50%;
                background-color: black;
                background-position: center;
                background-size: cover; }
          .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title_rojo {
            width: 100%;
            text-align: left; }
            .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title_rojo > h3 {
              text-transform: uppercase;
              color: #B51C40;
              font-family: Graphik-Bold;
              margin: 0;
              font-kerning: normal; }
            .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title_rojo > .contenedor_subitem {
              display: flex;
              justify-content: space-between;
              flex-direction: row; }
              .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title_rojo > .contenedor_subitem > div {
                margin: 3px; }
                .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title_rojo > .contenedor_subitem > div > .item_title > h3 {
                  text-transform: uppercase;
                  color: #BC955C; }
                .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title_rojo > .contenedor_subitem > div > .item_title > h4 {
                  text-transform: uppercase;
                  color: #BC955C; }
                .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title_rojo > .contenedor_subitem > div > .item_text > h3 {
                  text-transform: uppercase;
                  color: white; }
                .contenedor_ver_mis_citas > .contenedor_cita_entrevista > div > .entrevista > div > .subitem_title_rojo > .contenedor_subitem > div > .item_text > h4 {
                  text-transform: uppercase;
                  color: white; }

.contenedor_chatbot {
  background-color: rgba(0, 0, 0, 0.4);
  scroll-behavior: smooth;
  max-height: 280px;
  min-height: 280px;
  overflow-y: auto; }
  @media all and (max-width: 700px) {
    .contenedor_chatbot {
      max-width: 94%;
      min-height: calc(90vh - 120px); } }
  .contenedor_chatbot > div {
    width: 78%;
    border-radius: 8px;
    padding: 8px;
    margin-top: 6px;
    box-shadow: 0px 0px 8px black;
    margin-bottom: 20px; }
  .contenedor_chatbot > .bot {
    background-color: #BC955C;
    margin-left: 2%;
    margin-right: 20%;
    text-align: left;
    color: white; }
    .contenedor_chatbot > .bot > a {
      font-size: 20px;
      font-family: Graphik-Bold;
      color: #656565;
      text-decoration: underline; }
      @media all and (max-width: 700px) {
        .contenedor_chatbot > .bot > a {
          font-size: 16px; } }
  .contenedor_chatbot > .usuario {
    background-color: #9C223C;
    margin-left: 20%;
    margin-right: 2%;
    text-align: right;
    color: white; }

@media all and (max-width: 700px) {
  .input_chat {
    max-width: 80%; } }

.grid_contenedorsitos {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 100px;
  flex-wrap: wrap; }

.contenedorsiotoLista {
  width: 480px;
  border-radius: 4px;
  margin: 20px;
  background-color: #B51C40;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start; }
  .contenedorsiotoLista > .titulo {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    color: white;
    text-align: center;
    font-family: Graphik-Bold; }
  .contenedorsiotoLista > .contenedor {
    width: 100%;
    max-width: 90%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    color: white; }
    .contenedorsiotoLista > .contenedor > div > .icono {
      color: white;
      display: flex;
      font-family: Graphik-Light;
      font-size: 16px; }
      .contenedorsiotoLista > .contenedor > div > .icono > span {
        color: white;
        padding-right: 10px;
        font-size: 20px; }
    .contenedorsiotoLista > .contenedor > div > .solucion {
      padding-top: 10px;
      color: white;
      display: flex;
      font-family: Graphik-Regular;
      font-size: 16px;
      display: flex;
      flex-direction: column; }
      .contenedorsiotoLista > .contenedor > div > .solucion > .boton {
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
        height: 40px;
        background-color: #83A93D;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        cursor: pointer; }
    .contenedorsiotoLista > .contenedor > div > .contenedorTextos {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start; }
      .contenedorsiotoLista > .contenedor > div > .contenedorTextos > .textos {
        color: white;
        font-family: Graphik-Light;
        font-size: 20px;
        padding-top: 10px;
        padding-bottom: 10px; }
        .contenedorsiotoLista > .contenedor > div > .contenedorTextos > .textos > .enlace {
          font-family: Graphik-Bold;
          font-size: 16px;
          color: white !important; }
          .contenedorsiotoLista > .contenedor > div > .contenedorTextos > .textos > .enlace > .boton {
            margin-top: 10px;
            margin-bottom: 10px;
            width: 100%;
            height: 40px;
            background-color: #83A93D;
            border-radius: 8px;
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;
            cursor: pointer; }
    .contenedorsiotoLista > .contenedor > div > .boton {
      width: 100%;
      height: 40px;
      background-color: #83A93D;
      border-radius: 8px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      margin-bottom: 20px;
      cursor: pointer; }

.contenedorsitoTabla {
  border-radius: 4px;
  margin: 20px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .contenedorsitoTabla > .dividido {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
    .contenedorsitoTabla > .dividido > .izq {
      width: 120px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
      .contenedorsitoTabla > .dividido > .izq > .icono {
        width: 50px;
        height: 50px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        .contenedorsitoTabla > .dividido > .izq > .icono > .icon {
          font-size: 40px;
          color: #656565; }
      .contenedorsitoTabla > .dividido > .izq > .titulo {
        padding-top: 5px;
        font-size: 20px;
        color: #656565;
        text-align: center;
        font-family: Graphik-Light; }
    .contenedorsitoTabla > .dividido > .der {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start; }
      .contenedorsitoTabla > .dividido > .der > .contenedor {
        max-width: 80%;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between; }
        .contenedorsitoTabla > .dividido > .der > .contenedor > .titulo {
          font-size: 14px;
          color: #656565;
          text-align: left;
          font-family: Graphik-Light; }
          .contenedorsitoTabla > .dividido > .der > .contenedor > .titulo:hover {
            transform: scale(1.09); }
        .contenedorsitoTabla > .dividido > .der > .contenedor > .cantidad {
          font-size: 14px;
          color: #656565;
          font-family: Graphik-Bold; }

.contenedorsito {
  border-radius: 4px;
  margin: 20px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .contenedorsito:hover {
    transform: scale(1.09); }
  .contenedorsito > .icono {
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .contenedorsito > .icono > .icon {
      font-size: 40px;
      color: #656565; }
  .contenedorsito > .titulo {
    padding-top: 5px;
    font-size: 20px;
    color: #656565;
    text-align: center;
    font-family: Graphik-Light; }
    @media all and (max-width: 900px) {
      .contenedorsito > .titulo {
        max-width: 50%;
        font-size: 16px; } }
  .contenedorsito > .cantidad {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    color: #656565; }
    @media all and (max-width: 900px) {
      .contenedorsito > .cantidad {
        max-width: 50%;
        font-size: 16px; } }
  .contenedorsito > .lista {
    padding-top: 5px;
    font-size: 20px;
    color: #656565;
    text-align: center;
    font-family: Graphik-Light; }
    @media all and (max-width: 900px) {
      .contenedorsito > .lista {
        max-width: 50%;
        font-size: 16px; } }
    .contenedorsito > .lista > .contenedorBaja {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      flex-direction: row;
      flex-wrap: wrap; }
      .contenedorsito > .lista > .contenedorBaja > .imagen {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin: 10px; }
      .contenedorsito > .lista > .contenedorBaja > .nombre {
        font-size: 12px;
        font-family: Graphik-Bold;
        padding: 10px; }
      .contenedorsito > .lista > .contenedorBaja > .boton {
        background-color: #656565;
        color: white;
        font-size: 12px;
        font-family: Graphik-Bold;
        padding: 4px;
        cursor: pointer; }

.tamano_1 {
  width: 120px;
  min-height: 120px; }

.tamano_2 {
  width: 240px;
  min-height: 120px; }

.tamano_3 {
  width: 360px;
  min-height: 120px; }

.contenedorsote_graficas {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap; }
  .contenedorsote_graficas > .contenedor {
    border-radius: 4px;
    margin: 20px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .contenedorsote_graficas > .contenedor > .titulo {
      font-size: 18px;
      max-width: 90%;
      margin: auto;
      margin-top: 20px;
      font-family: Fuente-Regular; }

.listadoDescargas {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap; }
  .listadoDescargas > .boton_descargar {
    border-radius: 4px;
    background-color: #004e758c;
    margin: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 240px;
    height: 80px; }
    .listadoDescargas > .boton_descargar:hover {
      background-color: #004e75;
      transform: scale(1.05); }
      .listadoDescargas > .boton_descargar:hover > .icon {
        color: white; }
      .listadoDescargas > .boton_descargar:hover > div {
        color: white; }
    .listadoDescargas > .boton_descargar > .icon {
      width: 100%;
      font-size: 30px;
      display: flex;
      justify-content: center;
      color: white; }
    .listadoDescargas > .boton_descargar > div {
      font-size: 20px;
      font-family: Graphik-Regular;
      color: white; }

.titulo_header_container {
  line-height: normal; }
  .titulo_header_container > * {
    font-family: freshness;
    line-height: normal;
    text-align: center;
    color: white;
    font-size: 40px;
    border-bottom: 4px solid #e63c4d; }

.contenedor_loading {
  background-color: transparent;
  width: 100%;
  height: 50vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center; }

.loader_rodrigo {
  font-size: 20px;
  margin: 45% auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear; }

@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #BC955C, 2em -2em 0 0em #BC955C, 3em 0em 0 -0.5em #BC955C, 2em 2em 0 -0.5em #BC955C, 0em 3em 0 -0.5em #BC955C, -2em 2em 0 -0.5em #BC955C, -3em 0em 0 -0.5em #BC955C, -2em -2em 0 0em #BC955C; }
  12.5% {
    box-shadow: 0em -3em 0em 0em #BC955C, 2em -2em 0 0.2em #BC955C, 3em 0em 0 0em #BC955C, 2em 2em 0 -0.5em #BC955C, 0em 3em 0 -0.5em #BC955C, -2em 2em 0 -0.5em #BC955C, -3em 0em 0 -0.5em #BC955C, -2em -2em 0 -0.5em #BC955C; }
  25% {
    box-shadow: 0em -3em 0em -0.5em #BC955C, 2em -2em 0 0em #BC955C, 3em 0em 0 0.2em #BC955C, 2em 2em 0 0em #BC955C, 0em 3em 0 -0.5em #BC955C, -2em 2em 0 -0.5em #BC955C, -3em 0em 0 -0.5em #BC955C, -2em -2em 0 -0.5em #BC955C; }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #BC955C, 2em -2em 0 -0.5em #BC955C, 3em 0em 0 0em #BC955C, 2em 2em 0 0.2em #BC955C, 0em 3em 0 0em #BC955C, -2em 2em 0 -0.5em #BC955C, -3em 0em 0 -0.5em #BC955C, -2em -2em 0 -0.5em #BC955C; }
  50% {
    box-shadow: 0em -3em 0em -0.5em #BC955C, 2em -2em 0 -0.5em #BC955C, 3em 0em 0 -0.5em #BC955C, 2em 2em 0 0em #BC955C, 0em 3em 0 0.2em #BC955C, -2em 2em 0 0em #BC955C, -3em 0em 0 -0.5em #BC955C, -2em -2em 0 -0.5em #BC955C; }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #BC955C, 2em -2em 0 -0.5em #BC955C, 3em 0em 0 -0.5em #BC955C, 2em 2em 0 -0.5em #BC955C, 0em 3em 0 0em #BC955C, -2em 2em 0 0.2em #BC955C, -3em 0em 0 0em #BC955C, -2em -2em 0 -0.5em #BC955C; }
  75% {
    box-shadow: 0em -3em 0em -0.5em #BC955C, 2em -2em 0 -0.5em #BC955C, 3em 0em 0 -0.5em #BC955C, 2em 2em 0 -0.5em #BC955C, 0em 3em 0 -0.5em #BC955C, -2em 2em 0 0em #BC955C, -3em 0em 0 0.2em #BC955C, -2em -2em 0 0em #BC955C; }
  87.5% {
    box-shadow: 0em -3em 0em 0em #BC955C, 2em -2em 0 -0.5em #BC955C, 3em 0em 0 -0.5em #BC955C, 2em 2em 0 -0.5em #BC955C, 0em 3em 0 -0.5em #BC955C, -2em 2em 0 0em #BC955C, -3em 0em 0 0em #BC955C, -2em -2em 0 0.2em #BC955C; } }
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0em -3em 0em 0.2em #BC955C, 2em -2em 0 0em #BC955C, 3em 0em 0 -0.5em #BC955C, 2em 2em 0 -0.5em #BC955C, 0em 3em 0 -0.5em #BC955C, -2em 2em 0 -0.5em #BC955C, -3em 0em 0 -0.5em #BC955C, -2em -2em 0 0em #BC955C; }
  12.5% {
    box-shadow: 0em -3em 0em 0em #BC955C, 2em -2em 0 0.2em #BC955C, 3em 0em 0 0em #BC955C, 2em 2em 0 -0.5em #BC955C, 0em 3em 0 -0.5em #BC955C, -2em 2em 0 -0.5em #BC955C, -3em 0em 0 -0.5em #BC955C, -2em -2em 0 -0.5em #BC955C; }
  25% {
    box-shadow: 0em -3em 0em -0.5em #BC955C, 2em -2em 0 0em #BC955C, 3em 0em 0 0.2em #BC955C, 2em 2em 0 0em #BC955C, 0em 3em 0 -0.5em #BC955C, -2em 2em 0 -0.5em #BC955C, -3em 0em 0 -0.5em #BC955C, -2em -2em 0 -0.5em #BC955C; }
  37.5% {
    box-shadow: 0em -3em 0em -0.5em #BC955C, 2em -2em 0 -0.5em #BC955C, 3em 0em 0 0em #BC955C, 2em 2em 0 0.2em #BC955C, 0em 3em 0 0em #BC955C, -2em 2em 0 -0.5em #BC955C, -3em 0em 0 -0.5em #BC955C, -2em -2em 0 -0.5em #BC955C; }
  50% {
    box-shadow: 0em -3em 0em -0.5em #BC955C, 2em -2em 0 -0.5em #BC955C, 3em 0em 0 -0.5em #BC955C, 2em 2em 0 0em #BC955C, 0em 3em 0 0.2em #BC955C, -2em 2em 0 0em #BC955C, -3em 0em 0 -0.5em #BC955C, -2em -2em 0 -0.5em #BC955C; }
  62.5% {
    box-shadow: 0em -3em 0em -0.5em #BC955C, 2em -2em 0 -0.5em #BC955C, 3em 0em 0 -0.5em #BC955C, 2em 2em 0 -0.5em #BC955C, 0em 3em 0 0em #BC955C, -2em 2em 0 0.2em #BC955C, -3em 0em 0 0em #BC955C, -2em -2em 0 -0.5em #BC955C; }
  75% {
    box-shadow: 0em -3em 0em -0.5em #BC955C, 2em -2em 0 -0.5em #BC955C, 3em 0em 0 -0.5em #BC955C, 2em 2em 0 -0.5em #BC955C, 0em 3em 0 -0.5em #BC955C, -2em 2em 0 0em #BC955C, -3em 0em 0 0.2em #BC955C, -2em -2em 0 0em #BC955C; }
  87.5% {
    box-shadow: 0em -3em 0em 0em #BC955C, 2em -2em 0 -0.5em #BC955C, 3em 0em 0 -0.5em #BC955C, 2em 2em 0 -0.5em #BC955C, 0em 3em 0 -0.5em #BC955C, -2em 2em 0 0em #BC955C, -3em 0em 0 0em #BC955C, -2em -2em 0 0.2em #BC955C; } }
.title_principal {
  font-family: Graphik-Regular;
  color: white; }

.subtitle_principal {
  font-family: Graphik-Regular;
  color: #BC955C; }

.contenedor_central_blanco {
  background-color: white;
  width: 90%;
  margin-left: 5%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  padding-bottom: 100px; }
  .contenedor_central_blanco > div > .titulo_principal > h1 {
    padding-top: 50px;
    font-family: freshness;
    font-size: 40px;
    color: #656565; }
  .contenedor_central_blanco > div > .sub_titulo_principal {
    padding-top: 20px;
    max-width: 90%; }
    .contenedor_central_blanco > div > .sub_titulo_principal > a > .boton {
      margin-top: 50px;
      width: 160px;
      height: 50px;
      background-color: #BC955C;
      color: white;
      margin-left: 20px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      font-family: Graphik-Bold; }
    .contenedor_central_blanco > div > .sub_titulo_principal > h3 {
      margin: 0;
      font-family: Graphik-Regular;
      color: #BC955C; }
      .contenedor_central_blanco > div > .sub_titulo_principal > h3 > span {
        color: #9C223C;
        font-size: 10px; }
    .contenedor_central_blanco > div > .sub_titulo_principal > p {
      text-align: left;
      color: #656565;
      margin: 0;
      margin-left: 20px;
      display: flex;
      justify-content: flex-start;
      flex-direction: row;
      align-items: flex-start; }

.contenedor_morado {
  /*  background-image: url(../imagenes/fondo.png?v=12);
    background-attachment: fixed;
    background-size: cover;
    */
  width: 90%;
  margin-left: 5%;
  height: auto;
  min-height: 100vh;
  padding-bottom: 50px; }
  .contenedor_morado > .texto_dentro_medio {
    color: white; }
    .contenedor_morado > .texto_dentro_medio > a {
      color: #BC955C;
      text-decoration: underline; }

.divisor_izq {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start; }
  @media all and (max-width: 700px) {
    .divisor_izq {
      width: 90%;
      margin-left: 5%; } }

.divisor_der {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start; }
  @media all and (max-width: 700px) {
    .divisor_der {
      width: 90%;
      margin-left: 5%; } }

header {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100px; }
  header > nav {
    width: 98%;
    margin-left: 1%;
    height: auto;
    position: absolute;
    top: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none; }
    header > nav > ul {
      display: flex;
      justify-content: center;
      flex-direction: row;
      align-content: center;
      color: white;
      padding-top: 10px; }
      header > nav > ul > .centro {
        font-family: Graphik-Regular;
        padding-left: 8px;
        padding-right: 8px;
        display: flex; }
        @media all and (max-width: 700px) {
          header > nav > ul > .centro {
            display: none; } }
      header > nav > ul > li {
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-content: center;
        border-right: 1px solid white; }
        header > nav > ul > li:hover {
          cursor: pointer;
          color: #BC955C; }
        header > nav > ul > li > a {
          display: flex;
          justify-content: center;
          flex-direction: row;
          align-items: center;
          line-height: 1;
          cursor: pointer;
          color: white; }
          header > nav > ul > li > a:hover {
            cursor: pointer;
            color: #BC955C; }
      header > nav > ul > li:last-child {
        border-right: 0px solid white; }
      header > nav > ul > .armas_blancas {
        border-right: none; }
        header > nav > ul > .armas_blancas > img {
          height: 4em; }
        @media all and (max-width: 900px) {
          header > nav > ul > .armas_blancas {
            display: none; } }
      header > nav > ul > .hidalgo_crece {
        border-right: none; }
        header > nav > ul > .hidalgo_crece > img {
          height: 3.4em;
          margin-top: .5em; }
        @media all and (max-width: 900px) {
          header > nav > ul > .hidalgo_crece {
            display: none; } }

.armas_blancas {
  border-right: none; }
  .armas_blancas > a > img {
    height: 4em; }
  @media all and (max-width: 900px) {
    .armas_blancas > a {
      display: none; } }

.hidalgo_crece {
  border-right: none; }
  .hidalgo_crece > a > img {
    height: 3.4em;
    margin-top: .5em; }
  @media all and (max-width: 900px) {
    .hidalgo_crece > a {
      display: none; } }

.icono_item_text {
  height: 36px;
  width: 200px;
  background-color: transparent;
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 14px;
  color: white;
  padding-right: 4px;
  padding-left: 10px; }

.icono_item_text_gobierno {
  height: 36px;
  width: 200px;
  background-color: #B51C40;
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 10px;
  color: white;
  padding-right: 1%;
  padding-left: .2%; }
  .icono_item_text_gobierno:hover {
    transition: .8s;
    background-color: #9C223C; }
  @media all and (max-width: 700px) {
    .icono_item_text_gobierno {
      font-size: 8px; } }

.icono_item_icon {
  left: -37px;
  position: absolute;
  width: 36px;
  height: 36px;
  background-color: #BC955C;
  color: white;
  border-radius: 50%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  transform: translate(50%);
  -ms-transform: translate(50%);
  -webkit-transform: translate(50%);
  font-size: 18px; }
  @media all and (max-width: 700px) {
    .icono_item_icon {
      width: 36px;
      height: 36px;
      font-size: 18px; } }

.icono_item_imagen {
  left: -40px;
  position: absolute;
  width: 36px;
  height: 36px;
  background-color: #9C223C;
  color: white;
  border-radius: 50%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  transform: translate(50%);
  -ms-transform: translate(50%);
  -webkit-transform: translate(50%);
  font-size: 14px; }

.icono_circle_subsubmenu {
  color: white;
  font-size: 1.6%; }

.item_drop_down {
  color: #BC955C !important; }

.pusher {
  background-image: url(../imagenes/fondo.png?v=12);
  width: 100%;
  height: auto;
  min-height: 100px;
  background-attachment: fixed;
  background-size: cover;
  position: relative; }
  @media all and (max-width: 700px) {
    .pusher {
      background-image: url(../imagenes/fondo2.png?v=2); } }

.sticky_right {
  position: fixed;
  top: calc( 50vh - 100px );
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #BC955C;
  border-radius: 10px 0px 0px 10px;
  z-index: 888; }
  .sticky_right > .item {
    background-color: transparent;
    width: 34px;
    height: 34px;
    color: white;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .sticky_right > .item > .cantidad {
      color: white;
      position: absolute;
      right: 1px;
      top: -4px;
      width: 14px;
      height: 14px;
      background-color: red;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
  @media all and (max-width: 800px) {
    .sticky_right {
      display: none; } }

/*ESTO ES DEL MENU*/
.sticky_menu_derecho {
  transition: .6s;
  position: fixed;
  right: 0px;
  background-color: #BC955C;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  color: white;
  border-radius: 0px;
  z-index: 99999;
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  box-shadow: 0px 0px 10px black; }
  .sticky_menu_derecho:hover {
    transition: .6s;
    background-color: #BC955C; }

.titulo_menu {
  width: 100%;
  color: white;
  text-align: right;
  margin-left: -20px; }

.titulo_principal_submenu_contenido {
  text-align: center;
  padding-top: 10px; }

.tittle_subsubmenu {
  color: black;
  text-align: center;
  font-size: 14px; }

/*  ====================****  TIULO **** ====================*/
.contenedor_pie {
  width: 100%;
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center; }
  @media all and (max-width: 700px) {
    .contenedor_pie {
      width: 100%;
      margin-left: 0%;
      flex-direction: column-reverse; } }
  .contenedor_pie > div {
    padding-top: 0px;
    padding-bottom: 10px;
    width: 90%;
    margin-left: 5%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    padding-top: 20px; }
    @media all and (max-width: 700px) {
      .contenedor_pie > div {
        width: 100%;
        margin-left: 0%;
        flex-direction: column-reverse; } }
    .contenedor_pie > div > div > a > .imagen1 {
      width: 80px; }
      @media all and (max-width: 700px) {
        .contenedor_pie > div > div > a > .imagen1 {
          padding-top: 40px; } }
    .contenedor_pie > div > div > a > .imagen2 {
      width: 60px; }
      @media all and (max-width: 700px) {
        .contenedor_pie > div > div > a > .imagen2 {
          padding-top: 40px; } }
    .contenedor_pie > div > .central_pie {
      width: 80px;
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      align-items: center;
      color: white;
      font-size: 20px; }
      @media all and (max-width: 700px) {
        .contenedor_pie > div > .central_pie {
          display: none; } }
    .contenedor_pie > div > .derecho_pie {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-content: center;
      font-size: 14px;
      text-align: right;
      color: white; }
      @media all and (max-width: 700px) {
        .contenedor_pie > div > .derecho_pie > div > .titulo_contacto {
          display: none; } }
      @media all and (max-width: 700px) {
        .contenedor_pie > div > .derecho_pie {
          padding-top: 10px;
          text-align: center; } }

.VentanaModalAvisoCiudadania {
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  background-color: rgba(43, 43, 43, 0.7);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: fixed;
  top: 0;
  z-index: 99999999999; }
  .VentanaModalAvisoCiudadania > .ContenedorAviso {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 60%; }
    @media all and (max-width: 900px) {
      .VentanaModalAvisoCiudadania > .ContenedorAviso {
        width: 100%;
        flex-direction: column; } }
    .VentanaModalAvisoCiudadania > .ContenedorAviso > .titulo {
      width: 100%;
      background-color: #2b2b2b;
      display: flex;
      justify-content: center;
      flex-direction: row;
      align-items: center; }
      .VentanaModalAvisoCiudadania > .ContenedorAviso > .titulo > h2 {
        color: white;
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 30px; }
        @media all and (max-width: 900px) {
          .VentanaModalAvisoCiudadania > .ContenedorAviso > .titulo > h2 {
            padding-top: 12px;
            padding-bottom: 12px;
            font-size: 18px !important; } }
    .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido {
      background-color: white;
      padding-top: 20px;
      padding-bottom: 20px;
      display: flex;
      justify-content: center;
      flex-direction: row;
      align-items: center; }
      @media all and (max-width: 900px) {
        .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido {
          width: 100%;
          flex-direction: column; } }
      .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .imagenEscudo {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center; }
        @media all and (max-width: 900px) {
          .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .imagenEscudo {
            justify-content: center; } }
        .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .imagenEscudo > img {
          padding: 20px;
          width: 200px; }
          @media all and (max-width: 900px) {
            .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .imagenEscudo > img {
              padding: 10px;
              width: 110px; } }
      .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .textos {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: 15px; }
        @media all and (max-width: 900px) {
          .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .textos {
            width: 95%; } }
        .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .textos > h5 {
          margin-top: 15px;
          font-family: Fuente-Regular;
          font-size: 16px;
          text-align: justify;
          text-align-last: center; }
          @media all and (max-width: 900px) {
            .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .textos > h5 {
              font-size: 12px !important; } }
        .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .textos > h6 {
          margin-top: 15px;
          font-family: Fuente-Bold;
          font-size: 15px; }
          @media all and (max-width: 900px) {
            .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .textos > h6 {
              font-size: 11px !important; } }
        .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .textos > .divido {
          display: flex;
          justify-content: center;
          flex-direction: row;
          align-items: center; }
          .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .textos > .divido > .imagen911 {
            width: 80px; }
            .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .textos > .divido > .imagen911 > img {
              width: 100%; }
          .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .textos > .divido > .Texto {
            margin-top: 15px;
            font-family: Fuente-Bold;
            font-size: 15px; }
            @media all and (max-width: 900px) {
              .VentanaModalAvisoCiudadania > .ContenedorAviso > .divido > .textos > .divido > .Texto {
                font-size: 11px !important;
                padding-left: 11px; } }
    .VentanaModalAvisoCiudadania > .ContenedorAviso > .cerrarVentanaModal {
      margin-top: 20px;
      padding: 8px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      width: 100px;
      background-color: orangered;
      color: white;
      font-family: Fuente-Bold;
      cursor: pointer; }

.arriba_barra_azul {
  width: 100%;
  height: auto;
  min-height: 16px;
  background-color: #656565;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap; }

body {
  background-color: #B51C40;
  font-family: Graphik-Regular;
  background-image: url(../imagenes/fondo2.png?v=2); }

.Freshness {
  font-family: Freshness; }

button, input, optgroup, select, textarea {
  color: black; }

body.stop_scrolling {
  height: 100%;
  overflow: hidden; }

.barra_azul {
  margin-top: 10px;
  width: 100%;
  height: auto;
  min-height: 16px;
  background-color: #656565;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  display: flex !important;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap; }

.barra_azul > span {
  font-size: 16px; }

/* colores*/
.color_azul {
  color: #656565 !important; }

.color_azul_psicologia {
  color: #1597CB !important; }

.color_blanco {
  color: white !important; }

.color-facebook {
  color: #29487D !important; }

.color_gris {
  color: #eaecec !important; }

.color_grisesito {
  color: #cccccc !important; }

.color_gris_sedeco {
  color: #808080 !important; }

.color_naranja {
  color: #f28d17 !important; }

.color_rojo_claro {
  color: #B51C40 !important; }

.color_rojo_obscuro {
  color: #9C223C !important; }

.color-twitter {
  color: #1DA1F2 !important; }

.color_verde {
  color: #BC955C !important; }

.color_verde_clarito {
  color: #BC955C !important; }

.color-whatsapp {
  color: #25d366 !important; }

.blanco {
  color: white !important; }

.efecto_hover_rubberband {
  cursor: pointer; }

.espaciado_fantasma {
  height: 4.6%; }

.graphic_bold {
  font-family: Graphik-Bold; }

.graphic_light {
  font-family: Graphik-Light; }

.graphik_thin {
  font-family: Graphik-Thin; }

.graphik_medium {
  font-family: Graphik-Medium; }

.graphik_semibold {
  font-family: Graphik-Semibold; }

.graphik_regular {
  font-family: Graphik-Regular; }

.freshness {
  font-family: Freshness; }

input:focus:not([type]):not([readonly]), input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid white;
  box-shadow: 0 1px 0 0 white;
  color: #656565; }

input:not([type]), input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="time"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="tel"], input[type="number"], input[type="search"], textarea.materialize-textarea {
  color: #656565;
  height: auto;
  font-size: 14px !important; }

input.valid:not([type]), input.valid:focus:not([type]), input.valid[type="text"], input.valid[type="text"]:focus, input.valid[type="password"], input.valid[type="password"]:focus, input.valid[type="email"], input.valid[type="email"]:focus, input.valid[type="url"], input.valid[type="url"]:focus, input.valid[type="time"], input.valid[type="time"]:focus, input.valid[type="date"], input.valid[type="date"]:focus, input.valid[type="datetime"], input.valid[type="datetime"]:focus, input.valid[type="datetime-local"], input.valid[type="datetime-local"]:focus, input.valid[type="tel"], input.valid[type="tel"]:focus, input.valid[type="number"], input.valid[type="number"]:focus, input.valid[type="search"], input.valid[type="search"]:focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus {
  color: #656565; }

.inputnormal_important {
  color: black !important;
  border-bottom: solid 1px black !important; }

img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

.noseleccionar {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

option {
  background-color: transparent;
  color: #656565;
  font-size: 14px; }

.ocultar_en_pantalla {
  display: none; }

::placeholder {
  color: #040404 !important; }

::-webkit-input-placeholder {
  color: #040404; }

/* WebKit */
::-moz-placeholder {
  color: #040404; }

/* Firefox 19+ */
input {
  text-align: center; }

@media all and (max-width: 700px) {
  ::placeholder {
    color: rgba(10, 10, 10, 0.5) !important; }

  ::-webkit-input-placeholder {
    color: rgba(10, 10, 10, 0.5); }

  /* WebKit */
  ::-moz-placeholder {
    color: rgba(10, 10, 10, 0.5); }

  /* Firefox 19+ */
  input {
    text-align: center; } }
.puntero {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none; }

select {
  color: #656565;
  background-color: transparent;
  font-size: 14px;
  height: auto;
  border: none; }

.sinpuntero {
  cursor: context-menu; }

.ventana_modal_modal {
  width: 100%;
  height: 100vh;
  background-color: white;
  position: fixed;
  z-index: 9999999 !important;
  overflow-y: auto;
  display: none;
  top: 0; }

.swal2-popup {
  box-shadow: 0px 0px 20px black, 0px 0px 14px black , 0px 0px 8px white !important; }

@media all and (min-width: 1600px) {
  * {
    font-size: 1.4em; } }

/*# sourceMappingURL=main.css.map */