@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,300;0,700;0,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@800;900&display=swap");
/* Herramientas */
.d-flex {
  display: flex; }

.flex-column {
  flex-direction: column;
  justify-content: space-between; }

.flexgrow {
  flex-grow: 1; }

.btn_width {
  width: 93%;
  margin: 0 auto;
  display: block; }

.btnSecondary {
  background: #666 !important; }

/* // */
/* Texto */
.condensed {
  font-family: 'Barlow Condensed', sans-serif; }

.light {
  font-weight: 300; }

.bold {
  font-weight: 700; }

.extrabold {
  font-weight: 800; }

.black {
  font-weight: 900; }

/* // */
/* Colores */
.navy {
  color: #3C4F93; }

.blue {
  color: #C6D9FF; }

.gray-txt {
  color: #606D7A; }

/* // */
/* Elementos */
.precio {
  font-size: 30px;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 900;
  padding-top: 30px;
  display: inline-block; }

.cards-txt {
  text-align: center;
  font-size: 20px;
  flex-grow: 4;
  margin-bottom: 15px !important; }

.footer-container {
  padding: 0 20px 10px; }
  .footer-container p {
    font-size: 1.2em !important; }
    .footer-container p a {
      font-size: 1em !important; }

hr.dotted_line {
  margin: 0 30px;
  border-top: 1px dotted #ddd; }

/* // */
/* Cambios >> detail.css */
#detail-register-box {
  /* Prices */ }
  #detail-register-box .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: space-between;
    border: none !important; }
  #detail-register-box #detail-register {
    background: #fff;
    /* Panel body */ }
    #detail-register-box #detail-register > .panel-heading {
      border-bottom: none !important;
      background-color: transparent !important; }
      #detail-register-box #detail-register > .panel-heading h3 {
        color: #000;
        font-size: 2.2em !important;
        font-family: 'Merriweather', Georgia, serif !important;
        font-style: italic !important;
        width: 55%; }
      #detail-register-box #detail-register > .panel-heading h5 {
        color: #fff;
        font-size: 1.5em; }
        #detail-register-box #detail-register > .panel-heading h5 span {
          border-bottom: 2px solid #fff;
          font-weight: bolder; }
    #detail-register-box #detail-register h4 {
      font-weight: bolder !important;
      color: #B59C56; }
      #detail-register-box #detail-register h4::after {
        display: block;
        border-bottom: 3px solid #B59C56;
        content: "";
        width: 100px;
        margin-top: 5px; }
    #detail-register-box #detail-register .panel-footer {
      background-color: #fff;
      border-top-style: none; }
      #detail-register-box #detail-register .panel-footer p {
        font-size: 16px;
        color: #000;
        margin-bottom: 0px; }
      #detail-register-box #detail-register .panel-footer a {
        font-size: 16px;
        color: #000;
        text-decoration: underline; }
        #detail-register-box #detail-register .panel-footer a:hover {
          text-decoration: none; }
    #detail-register-box #detail-register .panel-body {
      background-color: #ffffff;
      padding-top: 5px !important;
      padding-bottom: 15px !important; }
      #detail-register-box #detail-register .panel-body .btn {
        background: #B59C56;
        color: white;
        font-weight: bolder !important;
        font-size: 22px;
        margin: 10px 20px; }
        #detail-register-box #detail-register .panel-body .btn.btnSecondary {
          background: #555 !important; }
        #detail-register-box #detail-register .panel-body .btn.btnTertiary {
          background: #fff !important;
          color: #555 !important;
          border: 1px solid #555  !important; }
      @media (min-width: 0px) and (max-width: 767px) {
        #detail-register-box #detail-register .panel-body .btn {
          font-size: 16px !important; } }
/* // */
/* Media queries */
@media (max-width: 319px) {
  .panel-body.d-flex {
    flex-direction: column; }
  hr.dotted_line {
    margin: 0 15px; }
  .cards-txt {
    text-align: center;
    font-size: 16px; }
  #detail-register-box #detail-register .panel-footer p {
    font-size: 11px; }
    #detail-register-box #detail-register .panel-footer p strong {
      font-size: 16px; }
  #detail-register-box #detail-register .panel-footer a {
    font-size: 11px; } }

@media (min-width: 320px) and (max-width: 410px) {
  .panel-body.d-flex {
    flex-direction: column; }
  hr.dotted_line {
    margin: 0 15px; }
  .cards-txt {
    text-align: center;
    font-size: 16px; }
  #detail-register-box #detail-register .panel-footer p strong {
    font-size: 16px; }
  #detail-register-box #detail-register .panel-footer a {
    font-size: 11px; }
  #detail-register-box #detail-register .panel-footer p {
    font-size: 11px; } }

@media (min-width: 0px) and (max-width: 767px) {
  #detail-register {
    background: #fff !important; }
    #detail-register h4 strong {
      display: block; }
  .panel-heading {
    font-size: 0.80em !important; }
  .subs-offer-primary .panel-heading, .subs-offer-secondary .panel-heading {
    font-size: 1.55em !important;
    padding-bottom: 5px !important;
    margin-bottom: -10px !important; }
  .cards-txt {
    text-align: center;
    font-size: 17px;
    margin-top: 0px !important; } }

@media (min-width: 411px) and (max-width: 600px) {
  .panel-body.d-flex {
    flex-direction: column; }
  .subs-offer-secondary .panel.panel-default.d-flex.flex-column {
    margin-bottom: 0px; }
  hr.dotted_line {
    margin: 0 15px; }
  #detail-register-box #detail-register .panel-footer p strong {
    font-size: 16px; }
  #detail-register-box #detail-register .panel-footer a {
    font-size: 12px; }
  #detail-register-box #detail-register .panel-footer p {
    font-size: 12px; }
  .panel-footer {
    text-align: center; }
    .panel-footer .footer-container div {
      width: 100%; } }

@media (min-width: 601px) and (max-width: 767px) {
  .panel-body.d-flex {
    flex-direction: column; }
  .cards-txt {
    text-align: center;
    font-size: 16px; }
  .panel-footer {
    text-align: center; }
    .panel-footer .footer-container div {
      width: 100%; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .panel-body.d-flex {
    flex-direction: column; }
  .cards-txt {
    font-size: 21px; } }

@media (min-width: 0px) and (max-width: 1023px) {
  #detail-register h3 {
    width: 85% !important; }
    #detail-register h3 strong {
      display: block; } }

/* // */
/* PRECIOS */