/*
Theme Name:   Hello Elementor Child
Theme URI:    https://elementor.com/
Description:  Tema desarrollado para DICINET
Author:       Clicknaranja SL
Author URI:   https://clicknaranja.com
Template:     hello-elementor
Version:      1.0.0
Text Domain:  hello-elementor-child
*/
:root {
  --bg: #f8f8f7;
  --black: #000000;
  --white: #ffffff;
  --dicinet-1: #542BA3;
  --dicinet-2: #F2455E;
}

@font-face {
  font-family: "Gotham-regular";
  src: url("fonts/Gotham_Regular.ttf") format("opentype"),
    url("fonts/Gotham_Regular.woff") format("woff");
}

@font-face {
  font-family: "Gotham-light";
  src: url("fonts/Gotham_Light.ttf") format("opentype"),
    url("fonts/Gotham_Light.woff") format("woff");
}

@font-face {
  font-family: "Gotham-book";
  src: url("fonts/Gotham_Book.ttf") format("opentype"),
    url("fonts/Gotham_Book.woff") format("woff");
}

@font-face {
  font-family: "Gotham-medium";
  src: url("fonts/Gotham_Medium.ttf") format("opentype"),
    url("fonts/Gotham_Medium.woff") format("woff");
}

@font-face {
  font-family: "Gotham-bold";
  src: url("fonts/Gotham_Bold.ttf") format("opentype"),
    url("fonts/Gotham_Bold.woff") format("woff");
}

@font-face {
  font-family: "Gotham-black";
  src: url("fonts/Gotham_Black.ttf") format("opentype"),
    url("fonts/Gotham_Black.woff") format("woff");
}

/* FONTS */
body:not(.elementor-editor-active) * {
  font-family: "Gotham-book", sans-serif;
}

body:not(.elementor-editor-active) h1,
span.elementor-button-content-wrapper,
body:not(.elementor-editor-active) h2 {
  font-family: "Gotham-bold", sans-serif !important;
  font-weight: 400 !important;
}

body .elementor-widget-button a .elementor-button-text,
.elementor-button .elementor-button-text,
.cn-box p,
.cn-medium div,
.cn-medium div p {
  font-family: "Gotham-medium", sans-serif !important;
}

i.fab {
  font-family: "Font Awesome 5 Brands";
}

/* GENERAL */
ul {
  padding-left: 17px;
}

li {
  margin-top: 6px;
}

.elementor-element-6dca171 p {
  margin-bottom: -5px;
}

.cn-beneficio {
  min-height: inherit;
}

.cn-review {
  min-height: inherit;
}

.swiper-pagination {
  margin-top: 10px;
}

.elementor-widget-n-carousel .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: pink;
  border: 2px solid var(--dicinet-2);
}

.elementor-widget-n-carousel .swiper-pagination-bullet:hover {
  background: var(--dicinet-2);
}

.cn-boxes .e-con-inner {
  width: auto;
}

/*FORM*/
.elementor-element-5eb5f64 {
  width: inherit;
}

.cn-form {
  background-color: white;
  border-radius: 8px;
  padding: 25px;
  padding-top: 50px;
  text-align: center;
}

.cn-form h2 {
  font-size: 36px;
  color: var(--dicinet-1);
  margin: 0;
  margin-bottom: 10px
}

.cn-form>p {
  color: var(--dicinet-1);
  font-family: "Gotham-medium", sans-serif !important;
  margin: 0 auto;
  font-size: 16px;
  margin-bottom: 30px;
  line-height: 1.2;
  max-width: 600px;
}

.cn-form .cn-btn {
  font-size: 16px;
  color: white;
  font-family: "Gotham-medium", sans-serif !important;
  background-color: var(--dicinet-2);
  border: none;
  border-radius: 35px;
  padding: 15px 25px;
  margin-top: 20px
}

.cn-form .wpcf7-spinner {
  margin: 0px 0px -6px 6px;
}

.cn-form .form-group {
  margin-bottom: 5px
}

.cn-form .wpcf7-text {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--dicinet-1);
  color: var(--dicinet-1);
  padding: .5rem 0rem;
  font-size: .85em;
  font-family: "Gotham-medium", sans-serif !important;
}

.cn-form .wpcf7-not-valid-tip {
  color: var(--dicinet-2);
  font-size: .85em;
  text-align: left;
  margin-top: 3px;
}

.cn-box {
  max-width: 210px;
  min-height: 160px;
  margin: 0 auto;
  padding: 5px;
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
  background: white;
}

@media (min-width: 768px) {
  .cn-form {
    padding: 50px;
    padding-bottom: 20px;
  }

  .cn-form h2 {
    font-size: 40px;
    margin-bottom: 20px
  }

  .cn-form>p {
    font-size: 20px;
    margin-bottom: 40px;
  }

  .cn-form .cn-btn {
    font-size: 17px;
    padding: 16px 30px;
    margin-top: 10px
  }

  .cn-form .form-group {
    margin-bottom: 15px
  }

  .cn-form .wpcf7-text {
    font-size: .9em;
  }

  .cn-box {
    max-width: 250px;
    min-height: 180px;
    padding: 15px;
  }

  .cn-beneficio {
    min-height: 345px;
  }

  .cn-review {
    min-height: 205px;
  }

  .swiper-pagination {
    margin-top: 15px;
  }

  .elementor-widget-n-carousel .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
  }
}


@media (min-width: 992px) {
  .cn-form {
    padding: 80px;
    padding-bottom: 40px;
  }

  .cn-form h2 {
    font-size: 48px;
    margin-bottom: 30px
  }

  .cn-form>p {
    font-size: 26px;
    margin-bottom: 60px;
  }

  .cn-form .form-group {
    margin-bottom: 30px
  }

  .cn-form .wpcf7-text {
    font-size: 1em;
  }

  .cn-box {
    min-height: 230px;
    padding: 20px;
  }

  .cn-beneficio {
    min-height: 400px;
  }

  .cn-review {
    min-height: 230px;
  }

  .swiper-pagination {
    margin-top: 50px;
  }

  .elementor-widget-n-carousel .swiper-pagination-bullet {
    width: 30px;
    height: 30px;
    border: 3px solid var(--dicinet-2);
  }
}

@media (min-width: 1200px) {
  .cn-box p {
    font-size: 24px !important;
  }
}

@media (min-width: 1400px) {
  .cn-box {
    min-width: 250px;
  }

  .cn-box p {
    font-size: 26px !important;
  }
}

/* LEGALES */
body.page-id-3 #content,body.page-id-992 #content,body.page-id-994 #content {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
body.page-id-3 h1,body.page-id-992 h1,body.page-id-994 h1 {
  margin: 2.5rem 0;
}
body.page-id-3 h2,body.page-id-992 h2,body.page-id-994 h2 {
  margin-top: 1.6em;
}