@media (max-width: 1920px) {
}


@media (max-width: 1366px) {
	#logo-grande{
	  max-width: 420px;
	}
}


@media (max-width: 1199px) {
	/*MOVER DEPENDIENDO DE DONDE EXPANDE EL MAINNAV*/
	.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid, .navbar-expand-xl>.container-lg, .navbar-expand-xl>.container-md, .navbar-expand-xl>.container-sm, .navbar-expand-xl>.container-xl {
	    padding-right: 15px;
	    padding-left: 15px;
	}
	.navbar-expand>.container, .navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl {
	    padding-right: 15px;
	    padding-left: 15px;
	}
    /*MOVER DEPENDIENDO DE DONDE EXPANDE EL MAINNAV*/
	#mainNav.navbar{
	  background-color: rgba(0,0,0,0.85);
	  backdrop-filter: blur(7px); /* Aplica blur al fondo visible */
	  -webkit-backdrop-filter: blur(7px); /* Para Safari */
	}
	#logo-grande{
	  max-width: 100%;
	}
	#mainNav .nav-item a {
    	padding: 30px 0px;
    }
    .btn, #mainNav .nav-item a.btn {
	    margin: 35px 0px;
	}
}


@media (max-width: 991px) {
	.iconos-redes a {
	    margin: 0px 15px 20px 15px;
	}
	.iconos-redes a:last-child {
	    margin: 0px 15px 20px 15px;
	}
	.border-left{
		border-left: none !important;
	}
	.owl-theme{
  		width: 90%;
  	}
  	footer {
    	padding: 12px 0px 24px 0px;
    }
    .logo-wrapper {
	    margin-top: 30vh;
	    height: 0vh;
	  }
    #logo-grande {
        max-width: 300px;
    }
    footer .creactivo {
	    position: relative;
	    top: -2px;
    	margin-left: 6px;
    	float: unset;
	}
}


@media (max-width: 768px) {
	.modal-dialog {
		min-height: calc(100vh - 20px);
	}
	#pre-footer li, footer li{
		margin-bottom: 5px;
	}
	.accordion .card-body {
	  padding: 0px 0px 10px 90px;
	}
	.circle {
	    margin-top: 60px;
	}
}


@media (max-width: 576px) {
	.parallax, .carousel-item, .head.imagen-interna {
	  background-attachment: scroll;
	}
	.accordion .card-body {
	  padding: 0px 0px 10px 18%;
	}
	.logo-wrapper {
        margin-top: 25vh;
        height: 15vh;
    }
    #logo-grande {
        max-width: 220px;
    }
}