@import url('https://fonts.cdnfonts.com/css/charmonman');
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=DM+Serif+Display:ital@0;1&family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Instrument+Serif:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Italianno&family=Joan&family=Julius+Sans+One&family=Kalnia:wght@100..700&family=Kaushan+Script&family=Kotta+One&family=Kristi&family=Vollkorn+SC:wght@400;600;700;900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.cdnfonts.com/css/tiro-devanagari-marathi');
@import url('https://fonts.cdnfonts.com/css/tiro-kannada'); 
@import url('https://fonts.cdnfonts.com/css/tillana'); 
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=DM+Serif+Display:ital@0;1&family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Instrument+Serif:ital@0;1&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Italiana&family=Italianno&family=Joan&family=Julius+Sans+One&family=Kalnia:wght@100..700&family=Kaushan+Script&family=Kotta+One&family=Kristi&family=Vollkorn+SC:wght@400;600;700;900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.nosotras{
    display: block;
}
.servicios{
    display: none;
}
.Contacto{
    display: none;
}
.turnos{
    display: none;
}
.login{
    display: none;
}
.dropdown-toggle::after {
    display: none !important;
}


.navbar-nav .nav-link {
    border-bottom: 0;
    transition: border-bottom 0.3s;
}

.navbar-nav .nav-link:hover {
    border-bottom: 1px solid black;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-image: none; 
}

.carousel-control-prev-icon::after {
    content: '‹';
    font-size: 2.5rem;
    color: black;
}

.carousel-control-next-icon::after {
    content: '›';
    font-size: 2.5rem;
    color: black;
}
/*nav*/
.navbar {
    background-color: rgba(201, 190, 155, 1);
    height: 133px;
    margin-bottom: 3rem;
}
.navbar-brand{
    font-family:'Charmonman', sans-serif;
    font-size: 96px;
    transform: translateY(25%); 
    color: rgba(0, 0, 0, 0.74);
    z-index: 1100;
    position: relative;
}
.navbar__menu {
    background-color: rgba(201, 190, 155, 1);
    z-index: 900;
}
.navbar-collapse {
    margin: -1.3rem -1rem;
    overflow: visible !important;
    z-index: 900;
}
.navbar__logo{
    position: relative;
    border-radius: 100%;
    width: 139px;
    transform: translateY(20%); 
    z-index: 1100;
}
.logologin img{
    height: 59px;
}
.nav-link{
    font-family: "Cardo", serif; 
    font-size: 24px;
    margin-left:1rem ;
}
.nav-link.nav-link--white {
    color: rgba(255, 255, 255, 1)!important ;
    transition: color 0.3s, border-bottom 0.3s;
}

.nav-link.nav-link--white:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}
footer {
    background-color: rgba(224, 217, 192, 1);
    text-align: center;
    padding: 2rem 0rem 0rem;
}
footer h2{
    color: rgba(0, 0, 0, 0.74);
    font-family: 'Charmonman', sans-serif;
    font-size: 60px;
}
footer h3{
    font-family: "Vollkorn SC", serif;
    font-size: 25px;
}
footer h5{
    text-align: left;
    color: aliceblue;
    background-color:rgba(67, 59, 54, 1);
    margin: 0px;
    font-family: "Instrument Serif", serif;
    font-size: 25px;
}
.footer-redes{
    display: flex;
    justify-content: center;
}
.footer-redes img{
    height: 25px;
    margin: 10px;
    opacity: 0.8;
}
/*novedades*/
.novedades{
    margin: 2rem;
}
.carouselNOV {
    border: 2px solid black;  
    padding: 10px;      
}
.carouselNOV .carousel-inner {
    background-color: #f3ede7;
    padding: 20px;
    text-align: center;
}
.novedades .carousel-inner h2{
    font-family: "Julius Sans One", sans-serif;  
    font-size: 50px;
    letter-spacing: 25px;
}
.novedades .carousel-inner h3{
    font-size: 20px;
    font-weight: 900;
    font-family: "Inria Sans", sans-serif;
}
.contenedor-logos {
    position: absolute;
    top: 10px;   
    left: 10px; 
    display: flex;
    gap: 10px;
    z-index: 10;
}

.contenedor-logos .logo {
    width: 43px;
    cursor: pointer;
}
.carouselNOV .carousel-item {
    min-height: 170px;
}
/*horario*/
.nosotras .horario{
    border: solid 1px black;
    padding: 10px;
}
.horario h3{
    font-family: "DM Serif Display", serif;
    font-size: 48px;
    color: rgba(86, 69, 47, 1);
}
.horario h4{
    font-size: 32px;
    font-family: 'Charmonman', sans-serif;
}
.horario p{
    font-family: "Inter", sans-serif;
    line-height: 15px;
}
article h4 ~ p strong,
article ul strong {
    font-family: "Inria Sans", sans-serif;
}

/*producciones*/
.Producciones{
    background-color: rgba(88, 75, 64, 1);
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}
.Producciones h2 {
    font-family: 'Tiro Devanagari Marathi', sans-serif;
    font-style: italic;
    color: aliceblue;
    font-size: 70px;
    border-bottom: 1px solid white;
    display: inline-block; 
    text-align: center; 
    -webkit-text-stroke: 1px rgb(0, 0, 0); 
}
.carousel-producciones h2{ 
    font-size: 50px;
}
/*nuestra historia*/
.Nuestra-historia{
    margin: 4rem 0rem;
}
.Historia{
    display: flex;
    padding: 2rem 4rem;
}
.Nuestra-historia h2{
    font-family: 'Charmonman', sans-serif;
    font-size: 70px;
    font-weight: 600;
    text-align: center;
}
.Nuestra-historia p{
    font-family: 'Tiro Kannada', sans-serif;
    font-size: 18px;
}
/*servicios*/
.servicio{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 1rem 5rem ; 
}
.servicio div img{
    height: 311px;
}
.servicio > div {
    margin-right: 2rem;
}
.servicios h2{
    margin-top: 5rem ;
    font-family: "Julius Sans One", sans-serif;  
    border-top: solid 1px rgba(98, 55, 5, 1);
    border-bottom: solid 1px rgba(98, 55, 5, 1);
    font-size: 50px;
    color: rgba(71, 48, 0, 1);
    text-align: center;
    margin-bottom: 0;
}
.servicios>h3{
    color: rgba(75, 75, 75, 1);
    margin-top: 0;
    font-family: 'Tillana', sans-serif;
    font-size: 25px;
    background: linear-gradient(to right,
    #D5D5D5 1%, 
    #ffffff 99%  );
}
.servicio h3{
    font-family: "Italianno", cursive;
    font-size: 32px;
}
.servicios p,.servicio h4{
    font-size: 15px;
    font-family: "Inter", sans-serif;
    font-style: italic;
    font-weight: 400;
}
.servicio--titulo{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(63, 41, 10, 0.69);
    color: #f3ede7;
    position: relative;   
    margin: 1rem 0rem;
}
.ribbon {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}
.ribbon {
    --r: .8em;
    
    padding-right: calc(var(--r) + .25em);
    line-height: 1.8;
    clip-path: polygon(-100vw 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,-100vw 100%);
    border-image: conic-gradient(#FF6B6B 0 0) fill 0/100vw;
    width: 90%;
    height: 2.5rem;
}
/*turnos*/
.NuestrosTurnos {
    display: flex;
    align-items: center;
}
.turnos h2 i{
    font-family: 'Times New Roman', Times, serif; 
    margin-left: 2rem;
    font-weight: 600;
}
.tarjetas {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
.card {
    background-color: #c2b1a1;
    padding: 2px 30px 25px;
    border-radius: 15px;
    border: 1px solid #50453d;
    color: white;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    width: 900px;
    height: 200px;
}
.diaa {
    font-family: Kristi, cursive;
    font-size: 40px;
    font-weight: 200;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding-bottom: 5px;
}
.turnos h3 {
    font-weight: 200;
    margin: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}
.horarios {
    font-family: "Instrument Serif", serif;
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;        /* permite que bajen a otra fila */
    justify-content: center;/* centra ambas filas horizontalmente */
    gap: 15px 15px;    
}
.hora {
    background-color: #8b7355;
    color: white;
    border: 1px solid #ffffff;
    padding: 0px 15px;
    border-radius: 20px;
    font-size: 20px;
    cursor: pointer;
    margin-left: 20px;
    text-align: center;
    width: 158px;    
}
.NoDisp {
    text-decoration: line-through;
}
.hora:hover {
    background-color: #d6ba97;
}
.hora.NoDisp {
    background-color: #a89782;
    color: #6d5240;
    cursor: not-allowed;
}

/*contacto*/
.introduccion {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
    justify-content: center;
}

.introduccion img {
    max-width: 450px;
    box-shadow: rgba(0, 0, 0, 0.648) 1px 1px 10px;
    border: solid black 2px;
}

.introduccion p {
    max-width: 500px;
    font-family: "Inter", sans-serif;;
    font-size: 24px;
    color: #444;
    font-style: italic;
    font-weight: 300;
    text-align: center;
}

.info-comp{
    display: flex;
    justify-content: center;
    justify-content: space-evenly
}
.info {
    background-color: #fff;
    border-top: 1px solid #a09a9a;
    border: solid black 1px;
    grid-template-columns: repeat(3, 1fr);
    margin: 3rem 0rem;
}
.info--item{
    padding: 40px 20px;
    text-align: center;
    width: 300px;
}
.info h2{
    font-family: "Joan", serif;
    font-size: 32px;
    font-weight: 800;
    text-shadow: 1px 1px 1px 1px solid black;
}

.info p{
  font-family: "Zilla Slab", serif;
  font-size: 20px;
    margin: 0px;
}

.motivador {
  display: flex;
  flex-direction: column;
  display: flex;
  justify-content: center;
  text-align: center;

}

.motivador h3 {
  font-family: "Inter", sans-serif;
  font-size: 25px;
  text-align: center;

}
.motivador p{
  font-family: "Inter", sans-serif;
  font-size: 25px;
  font-weight: 200;
  padding: 1rem 2rem;
}

.Contacto .material-symbols-outlined{
    font-size: 40px;
    font-weight: 200;
    background-color: rgba(103, 80, 49, 1);
    border-radius: 100%;
    color: white;
    padding: 10px;
}
.material-symbols-outlined.icon-contacto--dif{
    background-color: white ;
    border-radius: 100%;
    color: rgba(103, 80, 49, 1);
    border: solid 3px rgba(103, 80, 49, 1);
}

/*admins*/
.btn-logo {
    background: none;
    border: none;
    cursor: pointer;
}
.dropdown-modal{
    width: 500px;
    border-radius: 0 0 12px 12px;
}

.custom-tabs {
    background: rgba(83, 62, 62, 1);
    border-radius: 12px 12px 0 0;
}
.custom-tabs .nav-link {
    font-size: 20px;
    border: none;
    color: #ddd;
    border-radius: 12px 12px 0 0;
    font-family: "Julius Sans One", sans-serif;  
}
.custom-tabs .nav-link.active {
    background: #fff;
    color: #333;
    font-size: 25px;
}
.nav-tabs {
    padding-right: 5rem; 
    padding-top: 0.5rem;
}
.dropdown-menu {
    padding-top: 0;
}
.label-modal{
    font-family: "Kaushan Script", cursive;
    font-size: 25px;
}
.modificar-novedades h2{
    font-family: "Inria Sans", sans-serif;
    font-size: 20px;
    font-weight: 900;
}
.modificar-novedades label{
    font-family: "Inria Sans", sans-serif;
    font-weight: 500;
}



/*servicios*/


.img-wrapper {
    position: relative; 
}
.acciones {
    position: absolute;
    bottom: 10px;       /* los coloca abajo de la imagen */
    left: 10px;         /* pegados a la izquierda */
    display: flex;      /* coloca los botones uno al lado del otro */
    gap: 10px;          /* espacio entre botones */
    align-items: center;
}


.servicio .material-symbols-outlined {
    background: rgba(122, 107, 86, 1);
    border: solid white 2px;
    color: #fff;
    padding: 8px;
    border-radius: 100%;
    font-size: 20px;
    cursor: pointer; 
}

.acciones button{
    background: transparent;  
    border: none;             
    padding: 0; 
}


.servicio .dropdown-menu {
    position: absolute;
    width: 400px;

    background-color: rgb(255, 255, 255);
    
    border-radius: 12px;
    padding: 0;
    font-family:Arial, Helvetica, sans-serif;
}


.servicio .dropdown-menu .form-label {
    font-family: "Kaushan Script", cursive;
    color: #0a0a0a;
    font-size: 25px;
}

.servicio .dropdown-menu input,
.servicio .dropdown-menu textarea {
    border: 1px solid #131212;
    border-radius: 6px;
    font-family: inherit;
    font-size: 15px;
    padding: 6px 8px;
    color: #000000;
}


.servicio .dropdown-menu .Guardar {
    background-color:rgba(217, 217, 217, 1);
    color: #0e0e0e;
    border: none;
    border-radius: 0 0 10px 0;
    width: 100%;
    padding: 8px 0;
    font-weight: bold;
    transition: 0.2s ease;
    margin-top: 1rem;
}

.servicio .dropdown-menu::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color:rgba(122, 107, 86, 1);
    border-radius: 10px 10px 0 0;
}

.servicio .dropdown-menu .dropdown-header {
    position: absolute;
    font-family: "Julius Sans One", sans-serif; 
    top: 11px;
    left: 15px;
    background-color: #fff;
    color:rgba(52, 49, 40, 1);
    font-size: 25px;
    padding: 5px 15px;
    border-radius: 10px 10px 0 0;
    font-style: normal;
}
/*turnosadmin*/
.editar_turnos{
    width: 290px;
    border: 1px solid black;
    margin-bottom: 2rem;
}
.editar_turnos h2{
    text-align: center;
    font-family: "Kalnia", serif;
    font-size: 30px;
    font-weight: 300;
}
.icon_editturnos{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center
}

.icon_editturnos span{
    background-color: #8b7355;
    border-radius: 100%;
    font-weight: 300;
    padding: 8px;
    font-size: 35px;
}
.editar_turnos-div{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/*gestionar turnos*/

.confirm-modal .modal-header {
    background-color: initial !important;
    color: initial !important;
}

.confirm-modal .modal-body {
    font-family: inherit !important;
}
.confirm-modal .modal-header h2{
    font-family: "Inria Sans", sans-serif !important;
    font-weight: 700;
}
.turnos .modal-header{
    background-color: rgba(83, 62, 62, 1);
    color: white;
    font-family: "Julius Sans One", sans-serif; 

}
.turnos .modal-body{
    text-align:left;
    font-family: "Inria Sans", sans-serif;
    list-style: none;
}
.turnos .modal-body h3{
    text-align:left;
    font-weight: 600;
}
.turnos .modal-body li {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0px 0px;
}
.selecturnos{
    color: rgba(117, 117, 117, 1);
    text-decoration: line-through;
}
.turnos .modal-body .material-symbols-outlined{
    background-color: white;
    font-size: 20px;
    width: 25px;
    margin-right: 5px;
}
.selecturnos2{
    color: rgba(148, 85, 45, 1);
    font-weight: 700;
}
.selectgesturnos{
    display: flex;
    justify-content: space-around;
}
.selectgesturnos h4{
    font-family: "Instrument Serif", serif;
    font-style: italic;
}
.selectgesturnos select{
    width: 150px;
}

/* turno usuario */
.input-group-text {
  background-color: #927663;
  border-color: #292929;
  color: #000;
}
.textarea-container {
  position: relative;
  width: fit-content;
}
.form-label {
  margin-top: 35px;
}
.char-count {
  position: absolute;
  bottom: 5px;
  right: 10px;
  font-size: 12px;
  color: #c7aaaa;
}
.btn-secondary {
  background-color: #927663;
  border-color: #292929;
  color: #000;
}
.SendE {
  margin-top: 15px;
}
.turn {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 20px;
}
label {
  font-family: "Kotta One", serif;
}
.button {
  color: #a07e68;
}
.recuadro {
  border: 1px solid #bcaea3;
  background-color: #f6eee7;
  padding: 20px 25px;
  width: 80%;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.modal-horizontal {
    max-width: 900px;   
    width: 90%;         
}

.modal-horizontal .modal-content {
    border-radius: 5px; 
}

/*login*/
.navcusmon {
  background-color: rgba(13, 11, 10, 0.77);
  border-radius: 14px 14px 0 0;
}
.navcusmon .nav-link {
  color: white;
  font-family: "Julius Sans One", sans-serif;
  font-size: 25px;
  margin-top: 0.5rem;
}
.navcusmon .nav-link.active {
  color: black !important;
  background-color: rgba(247, 247, 247, 1) !important;
}
.custom-input {
  height: 50px;
  font-size: 18px;
  padding: 30px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
  border: 0.5px solid black;
  width: 100%;
}
.custom-input::placeholder {
  font-size: 25px;
  font-family: "Inter", sans-serif;
  font-style: italic;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.644);
}
.sumit-custom {
  background-color: rgba(217, 217, 217, 1);
  font-family: "Italiana", sans-serif;
  font-weight: 500;
  border: 0;
  color: rgba(0, 0, 0, 1);
  padding: 0.5rem 1.5rem;
  font-size: 30px;
  margin-top: 2rem;
}
.sumit-custom:hover {
  background-color: rgba(61, 55, 49, 0.806);
  color: rgba(217, 217, 217, 1);
  transition: 0.5s;
}
.login-custom {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login-icon {
  width: 274.17px;
}
.formulario1 {
    border: solid 1px black;
    width: 1150px;
    margin: 5rem 0rem;
    border-radius: 15px;
    background-color: rgba(247, 247, 247, 1);
}

/*crear serv*/

.material-symbols-outlined.boton-redondo-span {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 20px !important;
  line-height: 1 !important;
  background-color: rgba(190, 180, 170, 1) !important;
  cursor: pointer !important;
}
#exampleModalAgregar .modal-header {
    background-color: rgba(83, 62, 62, 1);
    color: #D5D5D5;
}

.boton-redondo-span{
    border-radius: 10px;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .navbar-brand{
        transform: translateY(15%);
    }
}
@media (max-width: 768px) {
    .contenedor-logos {
        gap: 2.5px;
    }
    .contenedor-logos .logo { 
        width: 25px;
        height: 25px;
    }
    .navbar-brand{
        font-size: 48px;
        transform: translateY(13%);
    }
    .navbar{
        height: 70px;
        flex-wrap: wrap;
    }
    .navbar__logo{
        width: 62px;
        transform: translateY(13%);
        z-index: 1100;
    }
    .nav-link{
        font-size: 15px;
    }
    .novedades .carousel-inner h2{  
        font-size: 25px;
        letter-spacing: 10px;
    }
    .novedades .carousel-inner h3{
        font-size: 13px;
    }
    .novedades .carousel-inner p{
        font-size: 14px;
    }
    .carouselNOV { 
        padding: 5px;      
    }
    .carouselNOV .carousel-inner {
        padding: 10px;
    }
    .logocampana{
        position: absolute;
        width: 17px;
    }
    .carouselNOV .carousel-item {
        min-height: 115px;  
    }
    .horario{
        margin: 1rem;
    }
    #produccionesCarousel{
        margin: 1rem;
    }
    .Nuestra-historia img{
        height: 232px;
    }
    .Nuestra-historia p{
        font-size: 10px;
        margin: 0;
    }
    .Nuestra-historia h2{
        font-size: 35px;
        font-weight: 500;
    }
    .Nuestra-historia{
        margin: 2rem 0rem;
    }
    .Historia{
        display: flex;
        padding: 0rem 2rem;
    }
    footer {
        padding: 1rem 0rem 0rem;
    }
    footer h2{
        font-size: 30px;
    }
    footer h3{
        font-size: 10px;
    }
    footer h5{
        margin: 0px;
        font-size: 10px;
    }
    footer h4{
        font-size: 10px;
    }
    .footer-redes div{
        margin: 0.5rem;
    }
    .footer-redes img{
        height: 12px;
    }
    .servicio{
        grid-template-columns: repeat(2, 1fr); 
        margin: 0.5rem 1rem ; 
    }
    
    .servicio div img{
        height: auto;
        width: 156px;
    }
    .servicios p,.servicio h4{
        font-size: 12px;
    }
    .servicio h3{
        font-family: "Italianno", cursive;
        font-size: 20px;
    }
    
    .ribbon {
        height: 1.8rem;
    }
    
    .servicios>h3{
        font-size: 15px;
    }
    .introduccion {
        gap: 15px;
        margin-bottom: 30px;
    }

    .introduccion img {
        max-width: 225px;
    }

    .introduccion p {
        max-width: 225px;
        font-family: "Inter", sans-serif;;
        font-size: 12px;
    }
    .info {
        margin: 1rem 0rem;
    }
    .info--item{
        padding: 20px 10px;
        text-align: center;
        width: 150px;
    }
    .info h2{
        font-family: "Joan", serif;
        font-size: 20px;
        font-weight: 800;
    }

    .info p{
        font-size: 10px;
        margin: 0px;
    }

    .motivador h3 {
    font-size: 13px;

    }
    .motivador p{
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 200;
    padding: 0.5rem 1rem;
    }

    .Contacto .material-symbols-outlined{
        font-size: 20px;
        font-weight: 300;
        padding: 5px;
    }
    .material-symbols-outlined.icon-contacto--dif{
        border: solid 2px rgba(103, 80, 49, 1);
    }
    /*turnos*/
    .dia {
        font-size: 30px;
        font-weight: 200;
        margin-bottom: 20px;        
        padding-bottom: 5px;
    }
    .turnos h3 {
        font-weight: 200;
        margin: 15px;
        font-size: 10px;
    }
    .card {
        padding: 2px 30px 25px;
        border-radius: 15px;
        width: 450px;
        height: 150px;
    }
    .horarios {
        font-size: 10px;
        gap: 10px;      
    }
    .hora {
        padding: 0px 15px;
        border-radius: 20px;
        font-size: 15px;
        margin-left: 5px;
        width: 75px;    
    }
    /*admin*/
    .dropdown-modal{
        width: 300px;
        border-radius: 0 0 12px 12px;
    }

    .custom-tabs {
        border-radius: 12px 12px 0 0;
    }
    .custom-tabs .nav-link {
        font-size: 13px;
        border-radius: 12px 12px 0 0; 
    }
    .custom-tabs .nav-link.active {
        font-size: 15px;
    }
    .nav-tabs {
        padding-right: 2.5rem; 
        padding-top: 0.1rem;
    }
    .label-modal{
        font-size: 15px;
    }
    .modificar-novedades h2{
        font-size: 15px;
        font-weight: 900;
    }
}