@forward "fonts.scss";
/* Variables */
/*Colores*/
/*Fonts*/
/*Bootstrap*/
.KpisCitas.noKpis.noCita .txtBtns {
  margin-bottom: 0 !important; }

.KpisCitas {
  padding: 80px 0 0 0; }
  @media screen and (max-width: 992px) {
    .KpisCitas {
      padding: 56px 0 0 0; } }
  .KpisCitas.noCita .boxKpis {
    margin-bottom: 0; }
  .KpisCitas .onTop .texts .itemTitulo {
    margin-bottom: 56px; }
    .KpisCitas .onTop .texts .itemTitulo * {
      color: #0A1A2D;
      font-family: "Sailec-Regular", sans-serif;
      font-size: 32px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      letter-spacing: -0.54px;
      margin: 0; }
  .KpisCitas .onTop .texts .txtBtns {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 616px;
    width: 100%;
    margin-left: auto;
    margin-bottom: 56px; }
    .KpisCitas .onTop .texts .txtBtns .itemSubtitulo {
      margin-bottom: 16px; }
      .KpisCitas .onTop .texts .txtBtns .itemSubtitulo * {
        color: #0A1A2D;
        font-family: "Sailec-Regular", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 135%;
        /* 27px */
        margin-bottom: 0; }
    .KpisCitas .onTop .texts .txtBtns .itemTexto p a,
    .KpisCitas .onTop .texts .txtBtns .itemTexto a *,
    .KpisCitas .onTop .texts .txtBtns .itemTexto a {
      color: #DD380A !important; }
    .KpisCitas .onTop .texts .txtBtns .itemTexto * {
      color: #0A1A2D;
      font-family: "Sailec-Regular", sans-serif;
      font-size: 16px;
      line-height: 24px; }
      .KpisCitas .onTop .texts .txtBtns .itemTexto *::marker {
        font-size: 16px; }
      .KpisCitas .onTop .texts .txtBtns .itemTexto * li *,
      .KpisCitas .onTop .texts .txtBtns .itemTexto * li {
        margin-bottom: 12px; }
    .KpisCitas .onTop .texts .txtBtns .btns {
      display: flex;
      flex-direction: column;
      gap: 15px; }
      .KpisCitas .onTop .texts .txtBtns .btns.noSecond .ctaSpecial {
        margin-bottom: 0;
        margin-left: 0 !important; }
      .KpisCitas .onTop .texts .txtBtns .btns .ctaSpecial {
        margin-left: 15px; }
  .KpisCitas table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    display: block;
    overflow-y: auto;
    margin: 50px 0; }
    .KpisCitas table td, .KpisCitas table th {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px;
      min-width: 250px; }
    .KpisCitas table tr:nth-child(even) {
      background-color: #dddddd; }
  .KpisCitas .boxKpis {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 56px; }
    @media screen and (max-width: 992px) {
      .KpisCitas .boxKpis {
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 10px; } }
    @media screen and (max-width: 767px) {
      .KpisCitas .boxKpis {
        grid-template-columns: 1fr;
        margin-bottom: 32px; } }
    .KpisCitas .boxKpis .itemKpi {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 100%;
      padding: 32px;
      background: rgba(213, 213, 211, 0.4);
      min-height: 270px; }
      .KpisCitas .boxKpis .itemKpi .itemTexto1 * {
        color: #DD380A; }
      .KpisCitas .boxKpis .itemKpi .itemTexto2 * {
        color: #0A1A2D; }
      @media screen and (max-width: 992px) {
        .KpisCitas .boxKpis .itemKpi {
          max-width: 100%;
          height: 100%; }
          .KpisCitas .boxKpis .itemKpi:last-child {
            margin-bottom: 0; } }
      .KpisCitas .boxKpis .itemKpi.dividida .itemTexto1 {
        margin-bottom: 0; }
      .KpisCitas .boxKpis .itemKpi.dividida .line {
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #D5D5D3;
        display: block; }
        @media screen and (max-width: 992px) {
          .KpisCitas .boxKpis .itemKpi.dividida .line {
            margin-bottom: 16px;
            padding-bottom: 16px; } }
      .KpisCitas .boxKpis .itemKpi.dividida .itemTexto2 * {
        margin: 0;
        font-style: normal;
        font-weight: 400;
        line-height: 107%;
        font-size: clamp(24px, 3vw, 32px); }
      .KpisCitas .boxKpis .itemKpi.sin_division {
        justify-content: flex-start !important; }
        .KpisCitas .boxKpis .itemKpi.sin_division .itemTexto1 {
          margin-bottom: 12px; }
      @media screen and (max-width: 992px) {
        .KpisCitas .boxKpis .itemKpi .itemTexto1 {
          margin-bottom: 16px; } }
      .KpisCitas .boxKpis .itemKpi .itemTexto1 * {
        font-family: "Sailec-Regular", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: clamp(24px, 3vw, 32px);
        line-height: 107%;
        /* 34.24px */
        margin: 0; }
      .KpisCitas .boxKpis .itemKpi .itemTexto2 * {
        font-family: "Sailec-Regular", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 130%;
        /* 34.24px */
        margin: 0; }
  .KpisCitas .citaBox {
    background-color: #D5D5D3;
    padding: 0 56px 56px 56px;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      .KpisCitas .citaBox {
        padding: 0; } }
    .KpisCitas .citaBox .imgUp .comillas {
      width: 240px;
      height: 135px;
      object-fit: contain;
      object-position: left; }
      @media screen and (max-width: 767px) {
        .KpisCitas .citaBox .imgUp .comillas {
          width: 311px;
          height: 215px;
          transform: translate(-40px, 0px); } }
    @media screen and (max-width: 767px) {
      .KpisCitas .citaBox .boxDown {
        padding: 32px; } }
    .KpisCitas .citaBox .boxDown .citaTexto {
      margin-top: 24px;
      padding-bottom: 24px;
      margin-bottom: 24px;
      border-bottom: 1px solid #0A1A2D; }
      @media screen and (max-width: 767px) {
        .KpisCitas .citaBox .boxDown .citaTexto {
          margin-top: 0; } }
      .KpisCitas .citaBox .boxDown .citaTexto * {
        color: #0A1A2D;
        font-family: "Sailec-Regular", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -0.54px; }
        @media screen and (max-width: 992px) {
          .KpisCitas .citaBox .boxDown .citaTexto * {
            font-style: normal;
            font-weight: 400;
            line-height: 120%;
            /* 28.8px */
            letter-spacing: -0.54px; } }
    .KpisCitas .citaBox .boxDown .citaInfo {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .KpisCitas .citaBox .boxDown .citaInfo {
          flex-direction: column;
          gap: 20px;
          align-items: flex-start; } }
      .KpisCitas .citaBox .boxDown .citaInfo .citaAutor * {
        color: #DD380A;
        font-family: "Sailec-Regular", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        text-transform: uppercase;
        margin: 0; }
      .KpisCitas .citaBox .boxDown .citaInfo .citaRol * {
        color: #0A1A2D;
        font-family: "Sailec-Regular", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-transform: uppercase;
        margin: 0; }