/* CSS Document */


@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-ExtraBold.woff2') format('woff2'),
        url('fonts/NeverMindRounded-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/NeverMindRounded-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/NeverMindRounded-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-LightItalic.woff2') format('woff2'),
        url('fonts/NeverMindRounded-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-ExtraLight.woff2') format('woff2'),
        url('fonts/NeverMindRounded-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-Bold.woff2') format('woff2'),
        url('fonts/NeverMindRounded-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-DemiBoldItalic.woff2') format('woff2'),
        url('fonts/NeverMindRounded-DemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-DemiBold.woff2') format('woff2'),
        url('fonts/NeverMindRounded-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-Light.woff2') format('woff2'),
        url('fonts/NeverMindRounded-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-BoldItalic.woff2') format('woff2'),
        url('fonts/NeverMindRounded-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-Thin.woff2') format('woff2'),
        url('fonts/NeverMindRounded-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-Medium.woff2') format('woff2'),
        url('fonts/NeverMindRounded-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-ThinItalic.woff2') format('woff2'),
        url('fonts/NeverMindRounded-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-Regular.woff2') format('woff2'),
        url('fonts/NeverMindRounded-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-RegularItalic.woff2') format('woff2'),
        url('fonts/NeverMindRounded-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'NeverMind Rounded';
    src: url('fonts/NeverMindRounded-MediumItalic.woff2') format('woff2'),
        url('fonts/NeverMindRounded-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

html {
    min-height: 100%;
}

body {
  color: #00000;
  font-family: 'NeverMind Rounded'; font-weight: normal; font-style: normal;
}

.form-control {
	border-radius: 25px;
}

.text-bold {
	font-weight: bold;
}

.text-demibold {
	font-weight: 600;
}

.text-lite {
	font-weight: 300;
}

.text-thin {
	font-weight: 100;
}

/* ==== TEXT COLOR UTILITIES ==== */
.glass-text-light {
  color: white !important;
}

.glass-text-dark {
  color: #773DBD !important;
}

/* ==== SHAPE HELPERS ==== */
.glass-rounded {
  border-radius: 25px !important;
}

.glass-circle {
  width: 100px;
  height: 100px;
  border-radius: 50% !important;
  padding: 10px;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ==== BOUNCE ANIMATION ==== */
@keyframes bounceMini {
  0%   { transform: scale(1); }
  30%  { transform: scale(1.06); }
  50%  { transform: scale(0.97); }
  70%  { transform: scale(1.03); }
  100% { transform: scale(1); }
}

/* Optional: fade-in for modals */
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.95); }
  to   { opacity: 1; transform: scale(1); }
}

/* ==== BASE GLASS STYLE ==== */
.glass-style {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px) saturate(160%) contrast(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(160%) contrast(1.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.4),
    inset -2px -2px 5px rgba(0, 0, 0, 0.1),
    0 8px 32px rgba(31, 38, 135, 0.2);
  color: #773DBD;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* Glass-style list group container */
.glass-list-group {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px) saturate(160%) contrast(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(160%) contrast(1.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 25px;
  box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.4),
    inset -2px -2px 5px rgba(0, 0, 0, 0.1),
    0 8px 32px rgba(31, 38, 135, 0.2);
  /* ensure padding/margin like Bootstrap’s default */
  margin-bottom: 1rem;
  padding: 0;
}

/* Glass-style list group items */
.glass-list-group .list-group-item {
  background: transparent;            /* let the container glass show through */
  border: none;                       /* remove default borders */
  color: inherit;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -2px -2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 0;                   /* list items are flat, container has radius */
}

/* First & last items get rounded corners to match container */
.glass-list-group .list-group-item:first-child {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.glass-list-group .list-group-item:last-child {
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.glass-list-group .list-group-item:hover,
.glass-list-group .list-group-item:active {
  animation: bounceMini 0.6s ease-in-out;
  box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.4),
    inset -2px -2px 5px rgba(0, 0, 0, 0.1),
    0 4px 20px rgba(31, 38, 135, 0.2);
}

/* ==== .glass-always ==== */
.glass-always {
 background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px) saturate(160%) contrast(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(160%) contrast(1.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.4),
    inset -2px -2px 5px rgba(0, 0, 0, 0.1),
    0 8px 32px rgba(31, 38, 135, 0.2);
  color: #773DBD;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  border-radius: 25px;
}

.glass-always:hover,
.glass-always:active {
  animation: bounceMini 0.6s ease-in-out;
}

/* ==== .glass-bounce-hover ==== */
.glass-bounce-hover {
  color: #773DBD;
  background: none;
  border: none;
  box-shadow: none;
  transition: all 0.4s ease;
}

.glass-bounce-hover:hover,
.glass-bounce-hover:active {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px) saturate(160%) contrast(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(160%) contrast(1.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.4),
    inset -2px -2px 5px rgba(0, 0, 0, 0.1),
    0 8px 32px rgba(31, 38, 135, 0.2);
  animation: bounceMini 0.6s ease-in-out;
  color: #773DBD;

}

/* ==== .glass-navbar ==== */
.glass-navbar {
  background: rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(12px) saturate(160%) contrast(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(160%) contrast(1.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow:
    inset 1px 1px 2px rgba(255, 255, 255, 0.3),
    inset -2px -2px 4px rgba(0, 0, 0, 0.05),
    0 4px 20px rgba(31, 38, 135, 0.2);
  border-radius: 25px;
  color: #773DBD;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

/* ==== .glass-card ==== */
.glass-card {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px) saturate(160%) contrast(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(160%) contrast(1.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.4),
    inset -2px -2px 5px rgba(0, 0, 0, 0.1),
    0 8px 32px rgba(31, 38, 135, 0.2);
  color: #773DBD;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.glass-card:hover,
.glass-card:active {
  animation: bounceMini 0.6s ease-in-out;
}

/* ==== .glass-modal (modal-content) ==== */
.modal-backdrop.show {
  background-color: rgba(0, 0, 0, 0.95)!important; /* Oscurece el fondo */
  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  transition: all 0.3s ease-in-out;
}

.glass-modal .modal-content {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px) saturate(160%) contrast(1.2);
  -webkit-backdrop-filter: blur(12px) saturate(160%) contrast(1.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow:
    inset 1px 1px 3px rgba(255, 255, 255, 0.4),
    inset -2px -2px 5px rgba(0, 0, 0, 0.1),
    0 8px 32px rgba(31, 38, 135, 0.2);
  border-radius: 25px;
  color: white;
  padding: 1.5rem;
  animation: fadeIn 0.3s ease-out;
}

/* ==== BOOTSTRAP LINK SUPPORT ==== */
.btn-link.glass-always,
.btn-link.glass-bounce-hover {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  text-decoration: none;
}

.nav-link.glass-always,
.nav-link.glass-bounce-hover {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  text-decoration: none;
  margin: 0 0.25rem;
}


#mainNavbar {
	min-height: 150px;
	 overflow: visible;    /* allow dropdown panels to show */
}

.navbar-collapse-container {
  position: absolute !important;  /* absolute w/r to the fixed navbar */
  top: 100%;       /* right below the bottom edge of the navbar */
  left: 0;
  width: 100%;
  margin-top: 0;   /* you can use a small gap if you like, e.g. .25rem */
  z-index: 1020;   /* just under the navbar */
}

/* Define the shape and color of the hamburger lines */
.navbar-toggler span {
    display: block;
    background-color: #773DBD;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
}

/* top line needs a little padding */
.navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
}

/**
 * Animate collapse into X.
 */

/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
}
/* center line goes transparent */
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}
/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg) ;
}


/**
 * Animate collapse open into hamburger menu
 */

/* top line moves back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg) ;
}
/* middle line goes back to regular color and opacity */
.navbar-toggler span:nth-child(2) {
    opacity: 1;
}
/* bottom line goes back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg) ;
}

#collapseAccordion .card.card-body {
	border:0pt;
	border-bottom: 1pt solid rgba(210,210,210,1.00);
	-webkit-box-shadow: 0px 9px 20px -6px rgba(173,173,173,0.6);
    -moz-box-shadow: 0px 9px 20px -6px rgba(173,173,173,0.6);
    box-shadow: 0px 9px 20px -6px rgba(173,173,173,0.6);
	padding: 60px 40px 40px 60px;
}

#navbarNav .nav-link {
      position: relative;
    }

/* Bordes redondeados para el modal */
    .modal-content {
      border-radius: 25px;
    }

.custom-border {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;              /* Ancho limitado a 80px */
  height: 2pt;              /* Altura del borde */
  background-color: #FFF;   /* Color del borde */
  border-radius: 5px;       /* Bordes redondeados (ajusta el valor según prefieras) */
}



    /* Estilo del span que simula el borde inferior */
     .custom-list-group,
    .custom-list-group .list-group-item {
      border: none;
    }
    /* Personalización de los ítems de la lista */
    .custom-list-group .list-group-item {
      position: relative;
      padding-left: 2.5rem;  /* Espacio para la viñeta */
    }
    /* Círculo personalizado para la viñeta */
    .custom-list-group .list-group-item::before {
      content: "";
      position: absolute;
      left: 1rem;            /* Posición horizontal dentro del ítem */
      top: 50%;              /* Centrado verticalmente */
      transform: translateY(-50%);
      width: 10px;           /* Ancho del círculo */
      height: 10px;          /* Alto del círculo */
      background-color: #773DBD; /* Color personalizado (azul en este ejemplo) */
      border-radius: 50%;    /* Hace el elemento circular */
    }

	 .hero {
      background-color: #f5f5f5;
      padding: 60px 0;
      text-align: center;
    }
 
    .section {
      padding: 60px 0;
    }
    .section.bg-light {
      background-color: #f8f9fa;
    }



.about-us-hero {
	
	background: url('../imgs/about-us.jpg');
	background-position: center;
	background-size: cover;
	min-height: 400px;
	color: white;
	text-shadow: 0px 0px 6px rgba(0,0,0,0.60);
	
}

.about-us-hero .container {
	
	margin-top: 160px;
	
}

.about-us-hero .container h1 {
	
	
}

.imum-hero {
	
	background: url('../imgs/imum/main-banner-dswan.jpg');
	background-position: center;
	background-size: cover;
	min-height: 400px;
	color: white;
	text-shadow: 0px 0px 6px rgba(0,0,0,0.60);
	
}

.imum-hero .container {
	
	margin-top: 160px;
	
}

.imum-hero .container h1 {
	
	
}

@media (max-width: 768px) {
	
	.navbar-collapse-container h5{
	font-size: 20pt;
		}
	
	.navbar-collapse-container .custom-list-group{
		font-size: 16pt;
	}
	
}


 @media (max-width: 992px) { /* Bootstrap lg breakpoint */
    #navbarNav .nav-item .nav-link {
      font-size: 18pt; /* Ajusta el tamaño de fuente */
    }
	 
	 #navbarNav .navbar-nav {
      margin-top: 30px; /* Ajusta el tamaño de fuente */
    }
	 
	 	
	 #navbarNav .btn-group {
		 margin-top: 30px;
		 margin-bottom: 30px;
	 }
}

 @media (min-width: 993px) { /* Bootstrap lg breakpoint */
 
	 
	#navbarNav .btn-group {
		 max-width: 300px;
	 }
	 
	 
	 .about-us-hero { 
	 
		 min-height: 600px;
		 
	 }
	 
	 .about-us-hero .container {
	
	margin-top: 170px;
	
	}
	 
	  .imum-hero { 
	 
		 min-height: 600px;
		 
	 }
	 
	 .imum-hero .container {
	
	margin-top: 170px;
	
	}
	 	 	 
}


.text-purple {
color: #773DBD;	
}

.text-ltpurple {
color: #C6BBD0;	
}

.filter-white {
	filter: invert(100%) sepia(87%) saturate(28%) hue-rotate(48deg) brightness(107%) contrast(106%);
}

.filter-purple {
	filter: invert(26%) sepia(31%) saturate(4337%) hue-rotate(252deg) brightness(92%) contrast(86%);
}

.btn {
	border-radius: 25px;
	padding: 10px 14px 10px 14px;
}

.btn-primary {
	background-color: #773DBD;
	color: white;
	border: 0;
	
}

.btn-primary:hover {
	background-color: #583DBD;
	color: #C6BBD0;
	border: 0;
}

.btn-primary:active {
	background-color: #583DBD!important;
	color: white;
	border: 0;
}

.btn-primary:focus{
	background-color: #583DBD!important;
	color: white;
	border: 0;
}


.btn-light {
	background-color: #EEEAF0;
	color: #773DBD;
	border: 0;
	
}

.btn-light:hover {
	background-color: #C6BBD0;
	color: #773DBD;
	border: 0;
}

.btn-light:active {
	background-color: #C6BBD0!important;
	color: #773DBD;
	border: 0;
}

.btn-light:focus{
	background-color: #C6BBD0!important;
	color: #773DBD;
	border: 0;
}

.bg-purple {
	background-color: #773DBD;
}


.bg-ltpurple {
	background-color: #C6BBD0;
}

.footer {
    background-color: #773DBD;
}

.footer h5 {
    font-weight: bold;
    margin-bottom: 1rem;
}

.footer ul {
    padding-left: 0;
    list-style: none;
}

.footer ul li a {
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.3s ease;
}

.footer ul li a:hover {
    color: white; /* Highlight on hover */
}

.footer .text-center p {
    font-size: 0.8rem;
    margin: 0;
}

 .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
		  background-color: #773DBD!important;
		  color: white;
	  }