* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: .8rem;
  text-decoration: none;
  color: #202A2B;
  font-family: 'Bree Serif', sans-serif;
  scroll-behavior: smooth; }


:root {
  /*--title: 'Montserrat', sans-serif;*/
  --title: 'Bree Serif', sans-serif;
  --color-principal:#e60443;
  --color-secundario:#202A2B;
  --color-terceario:#ffb700;
  --color-sombra: #271928;
  --color-blanco: #fff;
  --color-opcional-1: #0182AD;
  --color-opcional-2: #01DAE6;
  --color-opcional-3: #336366; }

.estilo-nav {
  height: 100px;
  background-color: transparent; }
  @media screen and (max-width: 600px) {
    .estilo-nav {
      z-index: 99999; } }
  .estilo-nav .box-nav {
    background-color: var(--color-principal);
    width: 100%;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .estilo-nav .box-nav .logo {
      margin-left: 7.5rem;
      margin-right: 5rem; }
      @media screen and (max-width: 1000px) {
        .estilo-nav .box-nav .logo {
          margin-left: 3rem; }
          .estilo-nav .box-nav .logo img {
            max-width: 140px; } }
      @media screen and (max-width: 600px) {
        .estilo-nav .box-nav .logo {
          z-index: 9999;
          -webkit-box-ordinal-group: 1;
          -ms-flex-order: 0;
          order: 0;
          margin-right: 0; }
          .estilo-nav .box-nav .logo img {
            max-width: 120px; } }
    .estilo-nav .box-nav .menu {
      margin-right: auto; }
      @media screen and (max-width: 600px) {
        .estilo-nav .box-nav .menu {
          margin-right: 0; } }
      .estilo-nav .box-nav .menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media screen and (max-width: 600px) {
          .estilo-nav .box-nav .menu ul {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column; } }
        .estilo-nav .box-nav .menu ul a {
          list-style: none;
          font-size: 2.2rem;
          color: white;
          font-weight: 700; }
          @media screen and (max-width: 1000px) {
            .estilo-nav .box-nav .menu ul a {
              margin-left: 1rem; } }
    .estilo-nav .box-nav .date-menu {
      margin-right: 7.5rem; }
      @media screen and (max-width: 1000px) {
        .estilo-nav .box-nav .date-menu {
          margin-right: 3rem; } }
      @media screen and (max-width: 600px) {
        .estilo-nav .box-nav .date-menu {
          margin-right: 0;
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1; } }
      @media screen and (max-width: 450px) {
        .estilo-nav .box-nav .date-menu {
          display: none; } }
      .estilo-nav .box-nav .date-menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .estilo-nav .box-nav .date-menu ul a, .estilo-nav .box-nav .date-menu ul li {
          list-style: none;
          font-size: 1.2rem;
          color: white;
          font-weight: 700;
          margin-left: 1rem; }
        .estilo-nav .box-nav .date-menu ul .numero-tel {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .estilo-nav .box-nav .date-menu ul .numero-tel i {
            font-size: 1.5rem;
            color: white; }
            @media screen and (max-width: 1000px) {
              .estilo-nav .box-nav .date-menu ul .numero-tel i {
                display: none; } }
        .estilo-nav .box-nav .date-menu ul .btn {
          height: 3.5rem;
          width: 10rem;
          border-radius: .5rem;
          border: 1px solid white;
          text-align: center;
          line-height: 3.5rem;
          -webkit-box-shadow: 0 0 5px rgba(39, 25, 40, 0.3);
          box-shadow: 0 0 5px rgba(39, 25, 40, 0.3); }

@media screen and (max-width: 600px) {
  .hamburguesa-icon {
    display: block;
    position: relative;
    width: 48px;
    height: 100px;
    cursor: pointer;
    z-index: 9999;
    border-radius: 50%;
    margin-right: 3rem;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
    .hamburguesa-icon .box-wrapper {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .hamburguesa-icon .box-wrapper span {
        display: block;
        width: 20px;
        height: 2px;
        background: white;
        border-radius: 2px;
        margin-bottom: 5px; }
        .hamburguesa-icon .box-wrapper span:last-child {
          margin-bottom: 0; }
  .menu-responsive {
    width: 100%;
    -webkit-transform: translateY(-24rem);
    -ms-transform: translateY(-24rem);
    transform: translateY(-24rem);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    z-index: -1;
    margin-right: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
    .menu-responsive.active {
      -webkit-transform: translateY(0rem);
      -ms-transform: translateY(0rem);
      transform: translateY(0rem); }
    .menu-responsive ul {
      background-color: var(--color-principal); }
      .menu-responsive ul .nav-link {
        text-align: center;
        width: 100%;
        padding: 2rem 0;
        border-bottom: 1px solid var(--color-opcional-3); }
        .menu-responsive ul .nav-link:nth-child(1) {
          border-top: 1px solid var(--color-opcional-3); } }

.estilo-header {
  /*height: 30rem;*/
  height: auto;
  padding: 0; }
  .estilo-header .box-texto {
    position: absolute;
    width: 100%;
    max-width: 55rem;
    top: 50%;
    left: 68%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 1000px) {
      .estilo-header .box-texto {
        max-width: 50%; } }

.nosotros {
  height: 40rem;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  @media screen and (max-width: 1000px) {
    .nosotros {
      height: auto; } }
  .nosotros .imagen {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 26rem;
    height: 40rem;
    min-width: 23rem; }
    @media screen and (max-width: 600px) {
      .nosotros .imagen {
        height: 30rem; } }
  .nosotros .info-box {
    padding: 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 26rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-item-align: center;
    align-self: center; }
    @media screen and (max-width: 1000px) {
      .nosotros .info-box {
        height: auto; } }
    @media screen and (max-width: 600px) {
      .nosotros .info-box {
        margin-top: 2rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; } }
    .nosotros .info-box span {
      font-weight: 400;
      font-size: 3rem; }
    .nosotros .info-box h2 {
      color: var(--color-principal);
      margin-bottom: 1.5rem; }
    .nosotros .info-box .info-iconos {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      position: relative;
      margin-top: 3rem; }
      .nosotros .info-box .info-iconos .linea {
        position: absolute;
        border-bottom: 5px dotted var(--color-opcional-3);
        width: 100%;
        top: 45%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: -1; }
        @media screen and (max-width: 1000px) {
          .nosotros .info-box .info-iconos .linea {
            top: 35%; } }
        @media screen and (max-width: 600px) {
          .nosotros .info-box .info-iconos .linea {
            top: 35%; } }
      .nosotros .info-box .info-iconos .icono-circle {
        width: 8rem;
        height: 8rem;
        background-color: var(--color-principal);
        border-radius: 50%;
        margin: 0 auto;
        position: relative;
        margin-bottom: 1rem; }
        @media screen and (max-width: 1000px) {
          .nosotros .info-box .info-iconos .icono-circle {
            width: 6rem;
            height: 6rem; } }
        @media screen and (max-width: 600px) {
          .nosotros .info-box .info-iconos .icono-circle {
            width: 5.5rem;
            height: 5.5rem; } }
        .nosotros .info-box .info-iconos .icono-circle .icono {
          width: 5rem;
          height: 5rem;
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
          @media screen and (max-width: 1000px) {
            .nosotros .info-box .info-iconos .icono-circle .icono {
              width: 4em;
              height: 4rem; } }
          @media screen and (max-width: 600px) {
            .nosotros .info-box .info-iconos .icono-circle .icono {
              width: 3rem;
              height: 3rem; } }
      .nosotros .info-box .info-iconos .texto {
        text-align: center; }

.servicios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-top: 7rem; }
  @media screen and (max-width: 600px) {
    .servicios {
      padding-top: 4rem; } }
  .servicios .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5rem; }
    .servicios .title .linea {
      -ms-flex-item-align: center;
      align-self: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: .5rem;
      background-color: var(--color-secundario); }
    .servicios .title h2 {
      color: var(--color-principal);
      margin-bottom: 3.5rem; }
      @media screen and (max-width: 600px) {
        .servicios .title h2 {
          margin-bottom: .5rem; } }
    .servicios .title span {
      font-weight: 400;
      font-size: 3rem; }
    .servicios .title p {
      border-left: 5px solid var(--color-principal);
      padding-left: 1rem;
      max-width: 75%; }
      @media screen and (max-width: 600px) {
        .servicios .title p {
          max-width: 100%;
          margin-top: 2rem; } }
  .servicios .box-servicio {
    width: 100%;
    padding-right: 2rem;
    margin: 2rem 0; }
    @media screen and (max-width: 1000px) {
      .servicios .box-servicio {
        padding-right: 1rem; } }
    @media screen and (max-width: 600px) {
      .servicios .box-servicio {
        padding-right: 0; } }
    .servicios .box-servicio:hover .encabezado .icono {
      background-color: var(--color-secundario); }
    .servicios .box-servicio .encabezado {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-bottom: 2.5rem; }
      .servicios .box-servicio .encabezado .icono {
        margin-right: 1rem;
        width: 4rem;
        height: 4rem;
        background-color: var(--color-principal);
        position: relative;
        -webkit-transition: background-color .2s ease-in;
        -o-transition: background-color .2s ease-in;
        transition: background-color .2s ease-in; }
        .servicios .box-servicio .encabezado .icono .triangulo {
          position: absolute;
          right: 0%;
          bottom: 0%;
          border-right: 5px solid #fff;
          border-top: 5px solid transparent;
          border-left: 5px solid transparent;
          border-bottom: 5px solid #fff; }
        .servicios .box-servicio .encabezado .icono i {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          font-size: 2.5rem;
          color: white; }
  .servicios .formulario-1 {
    top: 5rem;
    position: -webkit-sticky;
    position: sticky;
    background-color: var(--color-principal);
    height: 50%;
    -webkit-box-shadow: 0 0 10px -2px rgba(39, 25, 40, 0.3);
    box-shadow: 0 0 10px -2px rgba(39, 25, 40, 0.3); }
    .servicios .formulario-1 .encabezado-formulario-1 {
      background-color: white;
      padding: 2.5rem 1.5rem; }
      .servicios .formulario-1 .encabezado-formulario-1 h4, .servicios .formulario-1 .encabezado-formulario-1 p {
        color: var(--color-opcional-3);
        text-align: center;
        line-height: 1.3; }
      .servicios .formulario-1 .encabezado-formulario-1 h4 {
        font-size: 2.5rem;
        margin-bottom: 1rem; }
    .servicios .formulario-1 form {
      margin-top: 3rem;
      padding: 0 1.8rem;
      padding-bottom: 2.5rem; }
      .servicios .formulario-1 form input {
        height: 3.6rem;
        margin-top: 2.2rem;
        border: 0;
        padding-left: 2rem;
        font-size: 1.3rem; }
      .servicios .formulario-1 form select {
        height: 3.6rem;
        margin-top: 2.2rem;
        border: 0;
        padding-left: 2rem;
        font-size: 1.3rem; }

      .servicios .formulario-1 form .btn-send {
        width: 100%;
        max-width: 12rem;
        height: 3.5rem;
        background-color: white;
        text-align: center;
        line-height: 3.5rem;
        margin: 0 auto;
        margin-top: 2.2rem;
        border-radius: .5rem;
        font-size: 1.5rem;
        font-weight: 700; }

.medicos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-top: 7rem; }
  @media screen and (max-width: 600px) {
    .medicos {
      padding-top: 4rem; } }
  .medicos .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5rem; }
    @media screen and (max-width: 600px) {
      .medicos .title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .medicos .title span {
      font-weight: 400;
      font-size: 3rem; }
    .medicos .title h2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      color: var(--color-principal); }
    .medicos .title .linea {
      -ms-flex-item-align: center;
      align-self: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: .5rem;
      background-color: var(--color-secundario);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%; }
      @media screen and (max-width: 600px) {
        .medicos .title .linea {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%; } }
  .medicos .col-tarjeta {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    margin-bottom: 3rem; }
    .medicos .col-tarjeta .tarjeta {
      margin: 0 auto;
      width: 20rem;
      height: 18rem;
     /* border-radius: .5rem;
      -webkit-box-shadow: 0 0 15px -5px rgba(39, 25, 40, 0.5);
      box-shadow: 0 0 15px -5px rgba(39, 25, 40, 0.5);*/
      position: relative;
      cursor: pointer;
      /*-webkit-transition: all .2s ease-in;
      -o-transition: all .2s ease-in;
      transition: all .2s ease-in; */
    }
      .medicos .col-tarjeta .tarjeta:hover {
        /*-webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); */
      }
        .medicos .col-tarjeta .tarjeta:hover .doctor-img {
          /*opacity: 0; */
        }
        .medicos .col-tarjeta .tarjeta:hover .efecto {
          /*opacity: 1; */
        }
        .medicos .col-tarjeta .tarjeta:hover .box-name-doctor h5,
        .medicos .col-tarjeta .tarjeta:hover .box-name-doctor p {
          opacity: 0; }
        .medicos .col-tarjeta .tarjeta:hover .box-name-doctor .number {
          opacity: 1; }
      .medicos .col-tarjeta .tarjeta .doctor-img {
        width: 100%;
        height: 18rem;
        padding: 3rem 1rem 0rem 1rem;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        transition: all .2s ease-in; }
        .medicos .col-tarjeta .tarjeta .doctor-img img {
          -o-object-fit: contain;
          object-fit: contain; }
      .medicos .col-tarjeta .tarjeta .box-name-doctor {
        padding: 0 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 5rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem;
        background-color: var(--color-principal);
        padding-top: 1rem;
        text-align: right;
        position: relative; }
        .medicos .col-tarjeta .tarjeta .box-name-doctor h5 {
          color: white;
          font-size: 1.2rem;
          font-family: var(--title);
          font-weight: 700;
          -webkit-transition: all .1s ease;
          -o-transition: all .1s ease;
          transition: all .1s ease; }
        .medicos .col-tarjeta .tarjeta .box-name-doctor p {
          font-size: .9rem;
          color: white;
          -webkit-transition: all .1s ease;
          -o-transition: all .1s ease;
          transition: all .1s ease; }
        .medicos .col-tarjeta .tarjeta .box-name-doctor .number {
          position: absolute;
          text-align: center;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          opacity: 0;
          -webkit-transition: all .1s ease;
          -o-transition: all .1s ease;
          transition: all .1s ease;
          width: 100%; }
          .medicos .col-tarjeta .tarjeta .box-name-doctor .number i {
            color: white;
            margin-right: .8rem; }
          .medicos .col-tarjeta .tarjeta .box-name-doctor .number h4 {
            font-family: var(--title);
            font-weight: 700;
            color: white;
            font-size: 1.2rem; }
      .medicos .col-tarjeta .tarjeta .efecto {
        opacity: 0;
        position: absolute;
        text-align: center;
        width: 90%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        transition: all .2s ease-in; }
        .medicos .col-tarjeta .tarjeta .efecto .nombre-doctor {
          margin-bottom: 2rem; }
          .medicos .col-tarjeta .tarjeta .efecto .nombre-doctor::after {
            content: "";
            margin: 0 auto;
            display: block;
            width: 3rem;
            height: .3rem;
            background-color: var(--color-principal); }
          .medicos .col-tarjeta .tarjeta .efecto .nombre-doctor h5 {
            font-size: 1.5rem;
            font-size: 700;
            font-family: var(--title); }
          .medicos .col-tarjeta .tarjeta .efecto .nombre-doctor p {
            font-size: 1rem;
            font-weight: 700; }

.informacion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  padding: 0; }
  @media screen and (max-width: 1000px) {
    .informacion {
      height: 50rem; } }
  .informacion .col-info {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    width: 35rem;
    min-width: 30rem; }
    @media screen and (max-width: 600px) {
      .informacion .col-info {
        width: 100%;
        max-width: 45rem; } }
    .informacion .col-info .info {
      width: 100%;
      margin-bottom: 1.2rem;
      text-align: center; }
      @media screen and (max-width: 600px) {
        .informacion .col-info .info {
          padding: 0 3rem; } }
      .informacion .col-info .info h3 {
        margin-bottom: 1.5rem; }
        @media screen and (max-width: 450px) {
          .informacion .col-info .info h3 {
            font-size: 1.5rem; } }
    .informacion .col-info input {
      margin-bottom: 2rem;
      height: 3.5rem;
      padding-left: 1rem;
      border: 0;
      border-bottom: 1px solid var(--color-principal); }
    .informacion .col-info .btn-send {
      width: 10rem;
      height: 3rem;
      background-color: var(--color-principal);
      color: white;
      margin: 0 auto;
      text-align: center;
      line-height: 3rem;
      -webkit-box-shadow: 0 0 10px rgba(39, 25, 40, 0.3);
      box-shadow: 0 0 10px rgba(39, 25, 40, 0.3);
      border-radius: .5rem;
      font-weight: 700; }
    .informacion .col-info textarea {
      padding-left: 1rem;
      padding-top: 1rem; }

footer {
  background-color: var(--color-terceario);
  height: 15rem; }
  @media screen and (max-width: 600px) {
    footer {
      height: 30rem; } }
  footer.centrar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    footer.centrar .estilo-footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 10.5rem;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (max-width: 600px) {
        footer.centrar .estilo-footer {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          height: 100%;
          padding-top: 2rem; } }
      footer.centrar .estilo-footer .datos-empresa {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%; }
        @media screen and (max-width: 600px) {
          footer.centrar .estilo-footer .datos-empresa {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1; } }
        footer.centrar .estilo-footer .datos-empresa h4, footer.centrar .estilo-footer .datos-empresa p, footer.centrar .estilo-footer .datos-empresa i {
          color: var(--color-principal); font-size: 1.4rem;}
        footer.centrar .estilo-footer .datos-empresa .datos-sub {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          footer.centrar .estilo-footer .datos-empresa .datos-sub i {
            margin-right: 1rem; }
      footer.centrar .estilo-footer .objetivo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%; }
        @media screen and (max-width: 600px) {
          footer.centrar .estilo-footer .objetivo {
            -webkit-box-ordinal-group: 1;
            -ms-flex-order: 0;
            order: 0; } }
        footer.centrar .estilo-footer .objetivo h4, footer.centrar .estilo-footer .objetivo p {
          color: var(--color-principal); }
      footer.centrar .estilo-footer .redes {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%; }
        @media screen and (max-width: 600px) {
          footer.centrar .estilo-footer .redes {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2; } }
        footer.centrar .estilo-footer .redes i {
          color: var(--color-principal);
          font-size: 5.2rem;
          margin-right: 2rem; }

h1, h2 {
  font-weight: 700;
  font-family: var(--title);
  text-transform: uppercase; }

h1 {
  font-size: 3.5rem;
  color: var(--color-principal); }
  @media screen and (max-width: 600px) {
    h1 {
      font-size: 2.5rem; } }
  h1 span {
    font-size: 3.5rem;
    font-weight: 400; }
    @media screen and (max-width: 600px) {
      h1 span {
        font-size: 2.5rem; } }

h2 {
  font-size: 3rem; }

h3 {
  font-size: 2rem;
  font-weight: 700;
  font-family: var(--title); }

h4 {
  font-size: 1.8rem; }

p {
  font-size: 1.4rem;
  line-height: 1.5; }
  @media screen and (max-width: 1000px) {
    p {
      font-size: 1.25rem; } }

img {
  width: 100%;
  height: auto;
  /*height: 100%;*/
  -o-object-fit: cover;
  object-fit: cover; }

form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%; }
  form input:focus, form textarea:focus {
    outline: none; }
  @media screen and (max-width: 600px) {
    form {
      padding: 0 3rem; } }

.container-xl {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 3rem; }

.full-screen {
  max-width: 100%; }

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.full-screen, .container-xl {
  width: 100%;
  position: relative; }

.contenido {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.espaciado {
  margin-bottom: 7rem; }
  @media screen and (max-width: 600px) {
    .espaciado {
      margin-bottom: 2rem; } }

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%; }

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%; }

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%; }

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%; }

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%; }

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%; }

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%; }

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%; }

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%; }

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%; }

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%; }

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%; }

@media screen and (max-width: 1000px) {
  .col-tablet-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }
  .col-tablet-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
  .box-icono {
    width: 33.333333%; } }

@media screen and (max-width: 600px) {
  .col-cel-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%; }
  .col-cel-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%; }
  .col-cel-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%; }
  .col-cel-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%; }
  .col-cel-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%; }
  .col-cel-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }
  .col-cel-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%; }
  .col-cel-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%; }
  .col-cel-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%; }
  .col-cel-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%; }
  .col-cel-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%; }
  .col-cel-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; }
  .padding-none {
    padding: 0; } }