/* 1a. Containers */




/* 1b. Colors */





/* 1c. Typography */















/* 1d. Buttons */













/* 1h. Site subheader */



/* 1i. Site footer */








.content-wrapper {
  max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 20px;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}





.cp-icon {
  fill: #7c98b6;
}

html {
  font-size: 16px;
}

body {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: #f8fafc ; // TODO QUitar COLOR 

  
  
    
  


  rgba(255, 255, 255, 1.0)


  color: #39424E;
}

.cp-expand-closed:after {
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Paragraphs */

p {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  color: #5D1EA5;
}

a:hover,
a:focus {
  color: #35007d;
}

a:active {
  color: #8546cd;
}

.cp-ticket-pagination-button--active {
  border-color: #5D1EA5;
  background-color: #5D1EA540;
  color: #5D1EA5;
}

.cp-ticket-pagination-button.cp-ticket-pagination-button--active:hover {
  background-color: #5D1EA560;
  color: #5D1EA5;
}

.cp-ticket-pagination-button--disabled > a {
  color: #5D1EA559;
}

.cp-ticket-pagination-button.cp-ticket-pagination-button--disabled:hover {
  background-color: initial;
}

.cp-ticket-pagination-button:hover {
  background-color: #5D1EA529;
  color: #5D1EA5;
}

/* Headings */

h1 {
  font-weight: 300; text-decoration: none; font-family: 'Noto Sans', serif; font-style: normal;
  color: #39424E;
  font-size: 34px;
}

h2 {
  font-weight: 700; text-decoration: none; font-family: 'Noto Sans', serif; font-style: normal;
  color: #39424E;
  font-size: 26px;
}

h3 {
  font-weight: 700; text-decoration: none; font-family: 'Noto Sans', serif; font-style: normal;
  color: #39424E;
  font-size: 24px;
}

h4 {
  font-weight: 600; text-decoration: none; font-family: 'Noto Sans', serif; font-style: normal;
  color: #39424E;
  font-size: 22px;
}

h5 {
  font-weight: 600; text-decoration: none; font-family: 'Noto Sans', serif; font-style: normal;
  color: #39424E;
  font-size: 18px;
}

h6 {
  font-weight: 600; text-decoration: none; font-family: 'Noto Sans', serif; font-style: normal;
  color: #39424E;
  font-size: 16px;
}

/* Blockquote */

blockquote {
  border-left-color: var(--primary-color,black);
}

mark{
  background-color: var(--primary-color,black);
  color: #FFFFFF;
}





.button,
.cp-button,
form input[type=submit] {
  border: 1px solid #5D1EA5;

  padding-top: 16px;
padding-right: 24px;
padding-bottom: 16px;
padding-left: 24px;

  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: #5D1EA5;
  border-radius: 25px;
  color: #FFFFFF;
  /* font-size: 1rem; */
  font-size: clamp(0.6666666666666666rem, 9vw, 1rem);
  text-transform: none;
  line-height: 1.5;
  box-shadow: rgba(93, 30, 165, 0.2) 0px 8px 24px;
}

.button.button--large {
  
  font-size: clamp(1.0rem, 4vw, 1.5rem);
}

.button.button--small {
  font-size: 0.75rem;
}

.button > span,
.cp-button > span {
  line-height: 1.5;
}

.button:hover,
.button:focus,
.cp-button:hover,
.cp-button:focus {
  border: 1px solid #5D1EA5;
;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 25px;
  text-decoration: none;
  background-color: #8546cd;
  border-color: #8546cd;
  box-shadow: rgba(93, 30, 165, 0.2) 0px 8px 24px;
}

.button:active,
.cp-button:active {
  font-family: 'Noto Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: rgba(133, 70, 205, 1.0);
  border-color: #8546cd;
}





.cp-back-to-tickets a {
  color: #39424E;
}

.cp-back-to-tickets a:hover,
.cp-back-to-tickets a:focus {
  color: #111a26;
}

.cp-back-to-tickets svg {
  fill: #39424E;
}

.cp-back-to-tickets a:hover svg,
.cp-back-to-tickets a:focus svg {
  fill: #111a26;
}





.cp-footer {
  background-color: 

  
  
    
  


  rgba(243, 246, 248, 1.0)

;
}

/* Footer Content */

.cp-footer * {
  color: #39424E;
}

.cp-footer__navigation ul li a.cp-footer__link--active {
  border-bottom-color: #5D1EA5;
}





.blog-index,
.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

.blog-pagination,
.blog-comments {
  margin-bottom: 80px;
}

.blog-post__date {
  border-color: #39424E;
}

.blog-post__tag-link {
  color: #39424E;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #111a26;
}

.blog-post__tag-link:active {
  color: #616a76;
}

.blog-pagination__link {
  color: #39424E;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #5D1EA5;
}

#comments-listing .comment-reply-to {
  color: #5D1EA5;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #35007d;
}

#comments-listing .comment-reply-to:active {
  color: #8546cd;
}





.cp-loading-spinner {
  color: #5D1EA5;
}

.cp-preview-wrapper > .cp-icon {
  fill: #7c98b6;
}

.cp-preview-remove-button > .cp-icon {
  fill: #7c98b6;
 }

.cp-file-preview {
  border: 1px solid #eaf0f6;
  background-color: #f5f8fa;
  color: #33475b;
}

/*.cp-list-item {
  border-bottom: 1px solid #D8DDE1;
  background-color: #FFFFFF;
}*/

/*.cp-ticket-thread__messages {
  background-color: #FFFFFF;
  border: 1px solid #D8DDE1;
}*/

.cp-account-menu__parent-item > a svg {
  fill: #39424E;
}

.cp-account-menu__footer ul li a {
  color: #5D1EA5;
}

div.cp-account-menu__user-avatar {
  background-color: #5D1EA5;
}





.cp-alert-error {
  background-color: #fdedee;
  border: 1px solid #f8a9ad;
  color: #E06666;
}

.cp-alert.cp-alert-error > .cp-icon {
  fill: #7c98b6;
}

.cp-alert-info {
  background-color: #e5f5f8;
  border: 1px solid #7fd1de;
  color: #172e32;
}

.cp-alert.cp-alert-info > .cp-icon {
  fill: #7c98b6;
}

.cp-alert > .cp-icon {
  fill: #7c98b6;
  margin-right: 8px;
}





:root{
  --primary-color: #5D1EA5;
  --secondary-color: #39424E;

  --primary-rgb: 93, 30, 165;
  --secondary-rgb: 57, 66, 78;

  --primary-hover: #8546cd;
  --secondary-hover: #616a76;

  --button-radius: 25px;
  --button-bg-color: #5D1EA5;
  --button-text-color: #FFFFFF;
  --button-text-transform: none;

  --container-width: 1240px;

  --ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);

  --border-radius: 10px;
  --box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}