.bg-secondary{background-color: #f8f8f8!important;}
.nav-link{color: #222;font-size: 12px;font-weight: 500;letter-spacing: 0.1px;}
.navbar .nav-item:hover>.nav-link:not(.disabled), .navbar .nav-item .nav-link.show:not(.disabled){color:#222!important;}
.nav-link.active {
  border: 1px solid #222;
}
.btn{font-size: 12px !important;}
.btn:hover {
    background-color: #222;
    border-color: #222;
}
p{color: #727272;}
.fs-sm {margin-right:10px}
.btn-primary{--ar-btn-bg: #222;--ar-btn-border-color: #222;}
.btn-sm, .btn-group-sm>.btn {--ar-btn-padding-y: 6px;--ar-btn-padding-x: 8px;--ar-btn-border-radius: 5px;font-weight: 400;}
.fs-lg{font-size:16px!important;}
.subtit{font-size: 12px;text-align:center;color:#222;}
h1, .h1{font-weight: 700 !important;}
.text12{font-size: 12px;line-height: 14px;}
h4, .h4 {font-size: 22px;}
.card-img, .card-img-top {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.card{box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 10px 1px;border-radius:15px;}
.rounded-5 {
    border-top-left-radius: 15px!important;
    border-top-right-radius: 15px!important;
}
.nav {
    --ar-nav-link-active-color: #000;
    --ar-nav-link-hover-color:#000;
}
.nav-link:hover, .nav-link:focus {
    color: #000;
}
.rounded-end-0{border-bottom-left-radius: 0 !important;}
.card-body{padding: 2rem 2rem 1rem 2rem;}
.card-body-ej{padding: 1.4rem;}
.swiper-slide{margin-bottom:10px;}
.sectbox{margin-top: 4%;padding: 4% 5% 0 5%;}
.sectbox2{    margin-top: 30px;padding: 2% 5% 4% 5%;}
.sectbox0{margin-top: 0;padding: 0 5% 0 5%;}
.btn-border{color:#000;border:1px solid #000;font-weight:600;}
.btn-border:hover{color:#000;border:1px solid #000;font-weight:600;background-color:transparent;}
.btn-noborder{color:#000;border:0;font-weight:600;}
.btn-noborder:hover{color:#000;border:0;font-weight:600;background-color:transparent;}
.btn-head{color:#fff;border:1px solid #000;background-color:#000;font-weight:600;}
.btn-head:hover{color:#fff;border:1px solid #000;background-color:#000;font-weight:600;}
.navbar-expand-lg .navbar-brand{padding-top:0;}
.swiper-pagination-bullet-active {
    background-color: #000;
    border-color: #000;
}
.logofoot{max-width:70%;}
.link{color:#000;text-decoration:underline;}
.link:hover{color:#727272;text-decoration:underline;}
.copyright{font-size:12px!important;}
.titpages{font-size:90px;}
.card-title-ejercicio{font-size: 17px;font-weight: 700;}
.container-extend{
  width:93%;
  --ar-gutter-x: 2rem;
    --ar-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--ar-gutter-x) * .5);
    padding-left: calc(var(--ar-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
  }
  .greyback{background:#eee;}
  .nav-tabs{--ar-nav-tabs-border-width: 0; --ar-nav-tabs-border-radius: 0;margin-top:30px;}
  .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.nav-link:hover{color:#000;}
.nav-item{color:#000;font-size:14px;}
.time{font-size:11px;}
.card-img-back{background-image: url(https://iaspeak.copysan.es/theme/assets/img/IA-SPEAK-terapia-del-habla.jpg);
    background-size: cover;min-height: 220px;}
.box-left, .box-right {
      padding: 4px 8px;
    margin: 10px;
    border-radius: 6px;
    font-weight: bold;
    text-align: center;
    font-size: 11px; }

.box-principiante {
  background-color: #dcfce7;color:#166534;
}
.box-intermedio{
  background-color: #fef9c3;color:#8c5718;
}
.box-avanzado{background-color: #fee2e2;color:#991c1c;}

.box-entrenamiento {
  background-color: #f0f7ff;color:#0e5ea7;
}  

.btn-outline-danger {
    --ar-btn-color: #000;
    --ar-btn-border-color: #e6e9ef;
    --ar-btn-hover-color: #fff;
    --ar-btn-hover-bg: #f8fafc;
    --ar-btn-hover-border-color: #f8fafc;
    --ar-btn-focus-shadow-rgb: 237, 80, 80;
    --ar-btn-active-color: #fff;
    --ar-btn-active-bg: #f8fafc;
    --ar-btn-active-border-color: #f8fafc;
    --ar-btn-active-shadow: unset;
    --ar-btn-disabled-color: #000;
    --ar-btn-disabled-bg: transparent;
    --ar-btn-disabled-border-color: #f8fafc;
    --ar-gradient: none;
}

.btn-success
 {
    --ar-btn-hover-color: #000;
    --ar-btn-active-color: #000;
    --ar-btn-hover-bg: #f8fafc;
    --ar-btn-active-bg: #f8fafc;
    --ar-btn-hover-border-color: #e6e9ef;
    --ar-btn-active-border-color: #e6e9ef;
    --ar-btn-disabled-color: #fff;
    --ar-btn-color: #000!important;
    --ar-btn-bg: #f8fafc;
    --ar-btn-border-color: #e6e9ef;
    --ar-btn-hover-color: #fff;
    --ar-btn-hover-bg: #f8fafc;
    --ar-btn-hover-border-color: #e6e9ef;
    --ar-btn-focus-shadow-rgb: 92, 210, 161;
    --ar-btn-active-color: #fff;
    --ar-btn-active-bg: #f8fafc;
    --ar-btn-active-border-color: #e6e9ef;
    --ar-btn-active-shadow: unset;
    --ar-btn-disabled-color: #fff;
    --ar-btn-disabled-bg: #f8fafc;
    --ar-btn-disabled-border-color: #e6e9ef;
}
.cardcols{  
  display: flex;
  align-items: center;
  gap: 15px;  }

.card-imagen img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
}
.card-cont {
.card-cont {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
}
.card-text {
  font-size: 14px;
  color: #222;
}
.card-titul{ font-size: 18px;
  color: #000;font-weight:bold;}
.calendar-box, .filter-box{box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 10px 1px;}
.flatpickr-day.selected {
    background-color: transparent !important;
    border-color: #000 !important;
    color:#000!important;
}

.booked-day {
    color: #0e5ea7 !important;
    border-radius: 50% !important;
    background: #f0f7ff;
}
.btn-outline-primary.active {
    background-color: #f8fafc!important;
    color: #000;
}
.btn-group>.btn, .btn-group-vertical>.btn{border:0;}
.btn-group {
    background: #ededed;
}
.btn-outline-primary{color:#000;font-weight:400;}
.bg-primary {
    --ar-bg-opacity: 1;
    background-color: #0e87e9!important;
}
.fs-4 {
        font-size: 1.2rem !important;
        color: #000;
    }
.summary-card {
    min-width: 150px;
    text-align: left !important;
}
.fw-bold {
    font-weight: 700 !important;
    color: #000;
}
.appointment-card{margin: 0 15px 15px 15px;}
.flatpickr-calendar.open, .flatpickr-calendar.inline{width:100%;}
.no-space{margin-bottom:0;}
.negro{color:#000;}
p{font-size:14px;line-height:24px;}
.btn-trash {background: transparent;
    border: 0;}
    .btn-22{font-size:22px;}
.profile-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}
.btn-check:checked+.btn, :not(.btn-check)+.btn:active, .btn:first-child:active, .btn.active, .btn.show {
    background-color: #000;
    border-color:#000;
}
.flatpickr-day.today {
    color: #fff !important;
    border-color: #000 !important;
    background: #000 !important;
}

@media (max-width: 768px) {
  .titpages {font-size: 40px;}
}
