/*
Custom Css
*/

/* Define la fuente */
@font-face {
    font-family: 'DM Serif Display';
    src: url(/assets/webfonts/DMSerifDisplay-Regular.ttf) format('ttf');
    /* Agrega otros formatos si los tienes, como woff2, ttf, etc. */
    
    font-family: 'DM Serif Display Italic';
    src: url(/assets/webfonts/DMSerifDisplay-Italic.ttf) format('ttf');

}

/* Aplica la fuente a los iconos de Font Awesome */
.fa {
    font-family: 'DM Serif Display', 'Font Awesome 5 Free';
}

.mainFont {
    font-family: 'DM Serif Display Italic', serif;
    font-size: 48px !important;
    font-weight: 200 !important;
}
.mainFont-h2 {
    font-family: 'DM Serif Display Italic', serif;
    font-size: 30px !important;
    font-weight: 300;
  }

.mainFont-success {
    font-family: 'DM Serif Display Italic', serif;
    font-size: 48px !important;
    font-weight: 200 !important;
    color: #d08d85;
}

.mainFont-italic {
    font-family: 'DM Serif Display Italic', serif;
    font-style: italic;
    font-size: 48px !important;
    font-weight: 200 !important;
}
.mainFont-h2-italic {
    font-family: 'DM Serif Display Italic', serif;
    font-style: italic;
    font-size: 30px !important;
    font-weight: 300;
  }

.mainFont-success-italic {
    font-family: 'DM Serif Display Italic', serif;
    font-style: italic;
    font-size: 48px !important;
    font-weight: 200 !important;
    color: #d08d85;
}
.mainFont-txt-italic {
    font-family: 'DM Serif Display Italic', serif;
    font-style: italic;
    font-size: 24px !important;
    font-weight: 300;
  }

  /* Estilos personalizados para los enlaces de categorías y subcategorías */
.templatemo-accordion a {
    color: #000 !important; /* Establece el color del texto a negro */
    text-decoration: none !important; /* Elimina la subrayado predeterminado */
}

/* Estilos para los enlaces activos (puedes personalizar según tus necesidades) */
.templatemo-accordion a:hover,
.templatemo-accordion a:focus {
    color: #d08d85 !important; /* Cambia el color al hacer hover o focus */
}

/* Estilo para el enlace activo */
.nav-pills .nav-link.active {
    background-color: #d08d85; /* Fondo color #d08d85 para el enlace activo */
    color: #fff !important; /* Texto blanco */
}

.special-section {
    position: relative;
    overflow: hidden;
}

.special-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('assets/img/Dvivi_Frame500px_.png');
    background-size: cover;
    filter: blur(8px);
    opacity: 0.4;
}

.special-section .text-white {
    position: relative;
    z-index: 1;
}

.collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out;
}

.collapse.show {
    max-height: 1000px; /* Establece un valor alto suficiente para mostrar todo el contenido */
}