/* === COLORES PRIMARIOS (pc-) === */
.c-pc-blanco { color: #FFFFFF; }
.bgc-pc-blanco { background-color: #FFFFFF; }

.c-pc-guinda { color: #7D2447; }
.bgc-pc-guinda { background-color: #7D2447; }

.c-pc-gris { color: #474345; }
.bgc-pc-gris { background-color: #474345; }

.c-pc-verde { color: #41504D; }
.bgc-pc-verde { background-color: #41504D; }

/* === COLORES SECUNDARIOS (sc-) === */
.c-sc-gris-1 { color: #636569; }
.bgc-sc-gris-1 { background-color: #636569; }

.c-sc-beige { color: #C2BA98; }
.bgc-sc-beige { background-color: #C2BA98; }

.c-sc-beige-3 { color: #EDEAE0; }
.bgc-sc-beige-3 { background-color: #EDEAE0; }


.c-sc-beige-1 { color: rgba(194, 186, 152, 0.3); }
.bgc-sc-beige-1 { background-color: rgba(194, 186, 152, 0.3); }

/* === COLORES TERCIARIOS (tc-) === */
.c-tc-naranja { color: #F44336; }
.bgc-tc-naranja { background-color: #F44336; }

.c-tc-input { color: #E8E8E8; }
.bgc-tc-input { background-color: #E8E8E8; }

.c-tc-darger { color: #F98203; }
.bgc-tc-darger { background-color: #F98203; }

/* === PESOS TIPOGRÁFICOS === */
.font-light { font-weight: 300; }
.font-regular,
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semi-bold,
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extra-bold,
.font-extrabold { font-weight: 800; }

/* === FAMILIAS TIPOGRÁFICAS === */
.font-truenoextra-bold { font-family: 'truenoextrabold'; }
.font-trueno-light { font-family: 'truenolight'; }
.font-trueno-bold { font-family: 'truenoblack'; }
.font-trueno-semi-bold { font-family: 'truenosemibold'; }

/* === TAMAÑOS DE FUENTE (EJEMPLO) === */
.fs-12 { font-size: 12px; }
.fs-13 { font-size: 13px; }
.fs-14 { font-size: 14px; }
.fs-15 { font-size: 15px; }
.fs-16 { font-size: 16px; }
.fs-17 { font-size: 17px; }
.fs-18 { font-size: 18px; }
.fs-19 { font-size: 19px; }
.fs-20 { font-size: 20px; }
.fs-21 { font-size: 21px; }
.fs-22 { font-size: 22px; }
.fs-23 { font-size: 23px; }
.fs-24 { font-size: 24px; }
.fs-25 { font-size: 25px; }
.fs-26 { font-size: 26px; }
.fs-27 { font-size: 27px; }
.fs-28 { font-size: 28px; }
.fs-29 { font-size: 29px; }
.fs-30 { font-size: 30px; }
.fs-31 { font-size: 31px; }
.fs-32 { font-size: 32px; }
.fs-33 { font-size: 33px; }
.fs-34 { font-size: 34px; }
.fs-35 { font-size: 35px; }
.fs-36 { font-size: 36px; }
.fs-37 { font-size: 37px; }
.fs-38 { font-size: 38px; }
.fs-39 { font-size: 39px; }




/* === UTILIDADES DE MARGEN Y PADDING (EJEMPLO) === */
.padding-top-10 { padding-top: 10px; }
.padding-bottom-10 { padding-bottom: 10px; }
.margin-top-10 { margin-top: 10px; }
.margin-bottom-10 { margin-bottom: 10px; }

/* === BORDES REDONDEADOS === */
.border-top-left { border-top-left-radius: 4px; }
.border-top-right { border-top-right-radius: 4px; }
.border-bottom-left { border-bottom-left-radius: 4px; }
.border-bottom-right { border-bottom-right-radius: 4px; }

/* === OUTLINE FOCUS DEFAULT === */
:focus {
  outline-color: #E91E63; /* ejemplo: pc-pink no definido en SCSS, ajustar si existe */
}

.uk-list-bullet > li::before {
  content: "";
  display: list-item;
  position: relative;
  left: -30px;
  width: 30px;
  height: 1.5em;
  margin-bottom: -1.5em;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20fill%3D%22%237D2447%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}


/* fonts */
@font-face {
  font-family: 'truenoextrabold';
  src: url('/templates/protostar/fonts/TruenoExBd.woff2') format('woff2'),
       url('/templates/protostar/fonts/TruenoExBd.woff') format('woff');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'truenolight';
  src: url('/templates/protostar/fonts/TruenoLt.woff2') format('woff2'),
       url('/templates/protostar/fonts/TruenoLt.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'truenoblack';
  src: url('/templates/protostar/fonts/TruenoBlk.woff2') format('woff2'),
       url('/templates/protostar/fonts/TruenoBlk.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'truenosemibold';
  src: url('/templates/protostar/fonts/TruenoSBd.woff2') format('woff2'),
       url('/templates/protostar/fonts/TruenoSBd.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}


.hrpersonalizado {
  overflow: visible;
  text-align: inherit;
  margin: 0 0 20px 0;
  border: 0;
  border-top: 1px solid #C2BA98 !important;
  height: 1px;
}