.tabs__button-content,.tabs__button-inner{
  position:relative;
}

.tabs__button-inner{
  display:flex;
  flex-direction:column;
  height:6rem;
  justify-content:center;
  padding:1rem;
  text-align:center;
  z-index:10;
}

.tabs__icon,.tabs__icon_lucide,.tabs__nav{
  margin-left:auto;
  margin-right:auto;
}

.tabs__icon,.tabs__icon_lucide{
  color:hsl(var(--primary));
  margin-bottom:.5rem;
}

.tabs__nav{
  border-radius:var(--radius);
  display:grid;
  gap:0;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  max-width:72rem;
}

.tabs__icon{
  background-color:#ef4444;
  display:flex;
  height:3rem;
  width:3rem;
}

.tabs__button--active .tabs__icon,.tabs__button--active .tabs__icon_lucide,.tabs__button--active .tabs__label{
  --tw-scale-x:1.25;
  --tw-scale-y:1.25;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tabs__button{
  cursor:pointer;
  font-family:var(--font-family-2);
}

.tabs__button-content,.tabs__nav{
  overflow:hidden;
  --tw-bg-opacity:1;
  background-color:rgb(255, 255, 255, var(--tw-bg-opacity, 1));
}

.tabs__button-content{
  border-radius:0;
  border-width:0;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  animation-duration:.3s;
  animation-timing-function:cubic-bezier(0, 0, .2, 1);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
  transition-duration:.3s;
  transition-timing-function:cubic-bezier(0, 0, .2, 1);
}

.tabs__label{
  font-size:.75rem;
  font-weight:500;
  line-height:1rem;
}

.tabs__button-content,.tabs__label{
  --tw-text-opacity:1;
  color:rgb(31, 41, 55, var(--tw-text-opacity, 1));
}

.tabs__button--active .tabs__label{
  --tw-text-opacity:1;
  color:rgb(255, 255, 255, var(--tw-text-opacity, 1));
}

.tabs__button-content,.tabs__icon,.tabs__icon_lucide,.tabs__label{
  transition-duration:.15s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.tabs__icon,.tabs__icon_lucide,.tabs__label{
  animation-duration:.5s;
  transition-duration:.5s;
}

.tabs__button-content:before{
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0;
  transform-origin:left;
  --tw-scale-x:0;
  --tw-bg-opacity:1;
  background-color:rgb(93, 99, 105, var(--tw-bg-opacity, 1));
  opacity:0;
  transition-duration:.15s;
  transition-duration:.5s;
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
  transition-timing-function:cubic-bezier(0, 0, .2, 1);
  --tw-content:"";
  animation-duration:.5s;
  animation-timing-function:cubic-bezier(0, 0, .2, 1);
}

.tabs__button--active>.tabs__button-content:before,.tabs__button-content:before{
  content:var(--tw-content);
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tabs__button--active>.tabs__button-content:before{
  --tw-scale-x:1;
  background-color:hsl(var(--primary));
  opacity:1;
}

.tabs__button:hover .tabs__icon,.tabs__button:hover .tabs__icon_lucide,.tabs__button:hover .tabs__label{
  --tw-scale-x:1.25;
  --tw-scale-y:1.25;
  --tw-text-opacity:1;
  color:rgb(255, 255, 255, var(--tw-text-opacity, 1));
}

.tabs__button:hover .tabs__button-content:before,.tabs__button:hover .tabs__icon,.tabs__button:hover .tabs__icon_lucide,.tabs__button:hover .tabs__label{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.tabs__button:hover .tabs__button-content:before{
  --tw-scale-x:1;
  content:var(--tw-content);
  opacity:1;
}

@media (min-width:640px){
  .tabs__button-inner{
    height:7rem;
    padding:1.5rem;
  }
  .tabs__label{
    font-size:.875rem;
    line-height:1.25rem;
  }
}
@media (min-width:768px){
  .tabs__nav{
    grid-template-columns:repeat(5, minmax(0, 1fr));
  }
}
.tabs__button:hover .tabs__icon{
  background-color:#fff;
}
.tabs__button:hover .tabs__icon_lucide{
  filter:brightness(0) invert(100%);
}
.tabs__button:focus{
  outline:none;
}
.tabs__button:focus:not(:hover):not(.tabs__button--active){
  z-index:2;
}
.tabs__button:focus:not(:hover):not(.tabs__button--active) .tabs__button-content,.tabs__button:focus:not(:hover):not(.tabs__button--active) .tabs__button-content:before{
  box-shadow:var(--box-shadow--focus) inset;
}

.tabs__icon_lucide{
  display:flex;
  filter:brightness(0) saturate(100%) invert(28%) sepia(93%) saturate(2441%) hue-rotate(353deg) brightness(92%) contrast(96%);
  height:3rem !important;
  width:3rem !important;
}

.tabs__icon--carreras{
  -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0zM22 10v6'/%3E%3Cpath d='M6 12.5V16a6 3 0 0 0 12 0v-3.5'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0zM22 10v6'/%3E%3Cpath d='M6 12.5V16a6 3 0 0 0 12 0v-3.5'/%3E%3C/svg%3E");
}

.tabs__icon--carreras,.tabs__icon--especializaciones{
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
}

.tabs__icon--especializaciones{
  -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526'/%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526'/%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3C/svg%3E");
}

.tabs__icon--maestrias{
  -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 7v14M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 7v14M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E");
}

.tabs__icon--diplomados,.tabs__icon--maestrias{
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
}

.tabs__icon--diplomados{
  -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

.tabs__icon--cursos{
  -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E");
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:contain;
  mask-size:contain;
}

.tabs__button--active .tabs__icon{
  background-color:#fff;
}
.tabs__button--active .tabs__icon_lucide{
  filter:brightness(0) invert(100%);
}

.tabs__content{
  display:none;
}

.tabs__content--active{
  display:block;
}
/*# sourceMappingURL=tabs.css.map */